From 31960f539e14e6a3833c8c4f7a45f4d56ba514fa Mon Sep 17 00:00:00 2001 From: Hussain Khalil <122488130+hkhalil-akamai@users.noreply.github.com> Date: Fri, 22 Nov 2024 14:36:51 -0500 Subject: [PATCH] refactor: [M3-8654] - Migrate `Typography` to UI package (#11299) * Move Typography and update imports * Fix Typography story docs * Added changeset: Typography component and story --- docs/development-guide/04-component-library.md | 2 +- packages/manager/cypress/support/util/csv.ts | 5 +---- .../AbuseTicketBanner/AbuseTicketBanner.tsx | 2 +- .../src/components/AccessPanel/AccessPanel.tsx | 3 +-- .../components/AccessPanel/UserSSHKeyPanel.tsx | 3 +-- packages/manager/src/components/Accordion.tsx | 6 ++---- .../AccountActivationLanding.tsx | 3 +-- .../src/components/AkamaiBanner/AkamaiBanner.tsx | 3 +-- .../src/components/BackupStatus/BackupStatus.tsx | 3 +-- .../src/components/Breadcrumb/Crumbs.styles.tsx | 3 +-- .../CheckoutBar/CheckoutBar.stories.tsx | 3 +-- .../src/components/CheckoutBar/CheckoutBar.tsx | 2 +- .../components/CheckoutBar/DisplaySection.tsx | 3 +-- .../CheckoutSummary/CheckoutSummary.stories.tsx | 3 +-- .../CheckoutSummary/CheckoutSummary.tsx | 3 +-- .../components/CheckoutSummary/SummaryItem.tsx | 6 +++--- .../src/components/ColorPalette/ColorPalette.tsx | 3 +-- .../DateTimeDisplay/DateTimeDisplay.tsx | 6 ++++-- .../DebouncedSearchTextField.tsx | 8 ++++++-- .../components/DeletionDialog/DeletionDialog.tsx | 3 +-- .../DescriptionList/DescriptionList.styles.ts | 4 +--- .../DescriptionList/DescriptionList.tsx | 4 +--- .../src/components/Dialog/Dialog.stories.tsx | 3 +-- .../DismissibleBanner.stories.tsx | 3 +-- .../DismissibleBanner/DismissibleBanner.test.tsx | 3 +-- .../src/components/DisplayPrice/DisplayPrice.tsx | 6 ++++-- .../manager/src/components/DownloadTooltip.tsx | 3 +-- .../manager/src/components/Drawer.stories.tsx | 3 +-- packages/manager/src/components/Drawer.tsx | 3 +-- .../EditableEntityLabel/EditableEntityLabel.tsx | 4 ++-- .../EditableEntityLabel/EditableInput.styles.tsx | 4 +--- .../ResourcesLinksSubSection.tsx | 3 +-- .../ResourcesSection.tsx | 2 +- .../src/components/Encryption/Encryption.tsx | 4 +--- .../EnhancedSelect/components/Guidance.tsx | 3 +-- .../components/NoOptionsMessage.tsx | 4 ++-- .../components/SelectPlaceholder.tsx | 4 ++-- .../src/components/EntityHeader/EntityHeader.tsx | 6 ++---- packages/manager/src/components/ErrorMessage.tsx | 2 +- .../src/components/ErrorState/ErrorState.tsx | 4 +--- .../GenerateFirewallDialog.tsx | 3 +-- .../HighlightedMarkdown/HighlightedMarkdown.tsx | 2 +- .../src/components/ImageSelect/ImageOption.tsx | 3 +-- .../src/components/LineGraph/LineGraph.tsx | 2 +- .../src/components/LineGraph/MetricsDisplay.tsx | 2 +- .../components/LinodeResizeAllocationError.tsx | 2 +- .../LongviewLineGraph/LongviewLineGraph.tsx | 3 +-- .../manager/src/components/MainContentBanner.tsx | 3 +-- .../MaintenanceBanner/MaintenanceBanner.tsx | 3 +-- .../manager/src/components/MaintenanceScreen.tsx | 3 +-- packages/manager/src/components/MigrateError.tsx | 2 +- .../MultipleIPInput/MultipleIPInput.tsx | 10 ++++++++-- .../PasswordInput/StrengthIndicator.tsx | 4 ++-- .../PaymentMethodRow/ThirdPartyPayment.tsx | 3 +-- .../src/components/Placeholder/Placeholder.tsx | 3 +-- .../PromotionalOfferCard.tsx | 3 +-- .../RemovableSelectionsList.style.ts | 4 +--- .../SelectFirewallPanel/SelectFirewallPanel.tsx | 3 +-- .../SelectRegionPanel/RegionHelperText.tsx | 3 +-- .../ShowMoreExpansion.stories.tsx | 3 +-- .../ShowMoreExpansion/ShowMoreExpansion.test.tsx | 2 +- .../src/components/StackScript/StackScript.tsx | 11 +++++++++-- .../src/components/SupportTicketGeneralError.tsx | 2 +- .../src/components/TabbedPanel/TabbedPanel.tsx | 3 +-- .../src/components/TableFooter.stories.tsx | 2 +- .../manager/src/components/Tabs/Tabs.stories.tsx | 3 +-- .../TextTooltip/TextTooltip.stories.tsx | 3 +-- .../src/components/TextTooltip/TextTooltip.tsx | 6 ++---- packages/manager/src/components/Tile/Tile.tsx | 3 +-- .../TransferDisplay/TransferDisplay.tsx | 3 +-- .../TransferDisplay/TransferDisplayDialog.tsx | 5 ++--- .../TransferDisplayDialogHeader.tsx | 4 +--- .../TransferDisplay/TransferDisplayUsage.tsx | 2 +- .../components/TypeToConfirm/TypeToConfirm.tsx | 3 +-- .../TypeToConfirmDialog.test.tsx | 2 +- .../TypeToConfirmDialog/TypeToConfirmDialog.tsx | 15 ++++++--------- .../components/Uploaders/FileUpload.styles.ts | 3 +-- .../src/components/Uploaders/FileUpload.tsx | 3 +-- .../ImageUploader/ImageUploader.styles.ts | 4 +--- .../Uploaders/ImageUploader/ImageUploader.tsx | 3 +-- .../ObjectUploader/ObjectUploader.styles.ts | 3 +-- .../VerticalLinearStepper.stories.tsx | 5 +++-- .../src/features/Account/AccountLogins.tsx | 3 +-- .../Account/Agreements/EUAgreementCheckbox.tsx | 3 +-- .../manager/src/features/Account/AutoBackups.tsx | 3 +-- .../src/features/Account/CloseAccountDialog.tsx | 3 +-- .../src/features/Account/EnableManaged.tsx | 3 +-- .../Account/Maintenance/MaintenanceTable.tsx | 3 +-- .../src/features/Account/NetworkHelper.tsx | 2 +- .../features/Account/ObjectStorageSettings.tsx | 10 ++++++++-- .../src/features/Account/SwitchAccountDrawer.tsx | 3 +-- .../Account/SwitchAccounts/ChildAccountList.tsx | 2 +- .../SwitchAccounts/SessionExpirationDialog.tsx | 2 +- .../SwitchAccountSessionDialog.tsx | 2 +- .../manager/src/features/Backups/AutoEnroll.tsx | 3 +-- .../src/features/Backups/BackupDrawer.tsx | 3 +-- .../src/features/Backups/BackupLinodeRow.tsx | 5 +++-- .../manager/src/features/Backups/BackupsCTA.tsx | 3 +-- .../manager/src/features/Betas/BetaDetails.tsx | 3 +-- .../src/features/Betas/BetaDetailsList.tsx | 3 +-- .../manager/src/features/Betas/BetaSignup.tsx | 3 +-- .../BillingActivityPanel.tsx | 16 ++++++++-------- .../BillingSummary/BillingSummary.tsx | 3 +-- .../BillingSummary/PaymentDrawer/CreditCard.tsx | 3 +-- .../PaymentBits/CreditCardDialog.tsx | 3 +-- .../PaymentDrawer/PaymentDrawer.tsx | 2 +- .../BillingPanels/BillingSummary/PromoDialog.tsx | 3 +-- .../BillingSummary/PromoDisplay.tsx | 3 +-- .../ContactInformation.styles.ts | 2 +- .../ContactInfoPanel/ContactInformation.tsx | 5 ++--- .../AddPaymentMethodDrawer.tsx | 3 +-- .../PaymentInfoPanel/PaymentInformation.tsx | 7 ++++--- .../PaymentInfoPanel/PaymentMethods.tsx | 3 +-- .../Billing/InvoiceDetail/InvoiceDetail.tsx | 3 +-- .../src/features/CancelLanding/CancelLanding.tsx | 3 +-- .../AlertsLanding/AlertsDefinitionLanding.tsx | 4 +--- .../Alerts/AlertsLanding/AlertsLanding.tsx | 3 +-- .../Alerts/CreateAlert/CreateAlertDefinition.tsx | 3 +-- .../shared/CloudPulseDashboardSelect.tsx | 3 +-- .../CloudPulse/shared/CloudPulseTooltip.test.tsx | 2 +- .../DatabaseCreate/DatabaseClusterData.tsx | 3 +-- .../DatabaseCreate/DatabaseCreate.style.ts | 3 +-- .../DatabaseCreateAccessControls.tsx | 5 ++--- .../DatabaseCreate/DatabaseNodeSelector.tsx | 3 +-- .../DatabaseCreate/DatabaseSummarySection.tsx | 4 +--- .../Databases/DatabaseDetail/AccessControls.tsx | 3 +-- .../DatabaseDetail/AddAccessControlDrawer.tsx | 3 +-- .../DatabaseBackups/DatabaseBackups.style.ts | 4 ++-- .../DatabaseBackups/DatabaseBackups.tsx | 3 +-- .../DatabaseBackups/DatabaseBackupsDialog.tsx | 5 ++--- .../legacy/DatabaseBackupsLegacy.tsx | 12 +++++++----- .../legacy/RestoreLegacyFromBackupDialog.tsx | 3 +-- .../DatabaseResize/DatabaseResize.tsx | 10 ++++++++-- .../DatabaseResizeCurrentConfiguration.style.ts | 4 +--- .../DatabaseSettings/DatabaseSettings.tsx | 3 +-- .../DatabaseSettingsDeleteClusterDialog.tsx | 3 +-- .../DatabaseSettingsMaintenance.tsx | 3 +-- .../DatabaseSettingsMenuItem.tsx | 4 +--- .../DatabaseSettingsResetPasswordDialog.tsx | 3 +-- .../DatabaseSettingsReviewUpdatesDialog.tsx | 3 +-- .../DatabaseSettingsSuspendClusterDialog.tsx | 3 +-- .../DatabaseSettingsUpgradeVersionDialog.tsx | 3 +-- .../DatabaseSettings/MaintenanceWindow.tsx | 2 +- .../DatabaseDetail/DatabaseStatusDisplay.tsx | 2 +- .../DatabaseSummary/DatabaseSummary.tsx | 3 +-- .../DatabaseSummaryClusterConfiguration.style.ts | 3 +-- .../DatabaseSummaryClusterConfiguration.tsx | 3 +-- .../DatabaseSummaryConnectionDetails.tsx | 3 +-- ...DatabaseSummaryClusterConfigurationLegacy.tsx | 3 +-- .../DatabaseSummaryConnectionDetailsLegacy.tsx | 9 +++++++-- .../Databases/DatabaseLanding/DatabaseLogo.tsx | 3 +-- .../src/features/Domains/DomainBanner.tsx | 3 +-- .../Domains/DomainDetail/DomainDetail.tsx | 3 +-- .../src/features/Domains/DomainRecords.tsx | 3 +-- .../TransferCheckoutBar.styles.ts | 4 +--- .../TransferCheckoutBar.tsx | 7 ++++--- .../EntityTransfersCreate/TransferHeader.tsx | 3 +-- .../TransferTable.styles.ts | 3 +-- .../ConfirmTransferCancelDialog.tsx | 3 +-- .../ConfirmTransferDialog.styles.ts | 2 +- .../CreateTransferSuccessDialog.styles.ts | 2 +- .../CreateTransferSuccessDialog.tsx | 3 +-- .../TransferControls.styles.ts | 4 +--- .../TransferDetailsDialog.tsx | 5 +++-- .../src/features/Events/EventsLanding.styles.ts | 3 +-- .../features/Events/EventsMessages.stories.tsx | 3 +-- packages/manager/src/features/Events/factory.tsx | 3 +-- .../Devices/FirewallDeviceLanding.tsx | 5 ++--- .../Devices/RemoveDeviceDialog.tsx | 2 +- .../FirewallDetail/Rules/FirewallRuleDrawer.tsx | 4 ++-- .../FirewallDetail/Rules/FirewallRuleForm.tsx | 3 +-- .../FirewallDetail/Rules/FirewallRuleTable.tsx | 3 +-- .../Rules/FirewallRulesLanding.tsx | 3 +-- .../FirewallLanding/CreateFirewallDrawer.tsx | 10 ++++++++-- .../GlobalNotifications/APIMaintenanceBanner.tsx | 3 +-- .../GlobalNotifications/ComplianceBanner.tsx | 3 +-- .../ComplianceUpdateModal.tsx | 2 +- .../CreditCardExpiredBanner.tsx | 3 +-- .../DatabaseClusterInfoBanner.tsx | 4 +--- .../features/GlobalNotifications/EmailBounce.tsx | 3 +-- .../GlobalNotifications/RegionStatusBanner.tsx | 3 +-- .../GlobalNotifications/TaxCollectionBanner.tsx | 3 +-- .../GlobalNotifications/TokensUpdateBanner.tsx | 2 +- .../VerificationDetailsBanner.tsx | 4 +--- .../src/features/Help/Panels/OtherWays.tsx | 4 ++-- .../src/features/Help/Panels/PopularPosts.tsx | 3 +-- .../src/features/Help/Panels/SearchItem.tsx | 5 +++-- .../manager/src/features/Help/StatusBanners.tsx | 3 +-- .../DocumentationResults.tsx | 3 +-- .../Help/SupportSearchLanding/HelpResources.tsx | 7 ++++--- .../Images/ImagesCreate/CreateImageTab.tsx | 2 +- .../features/Images/ImagesCreate/ImageUpload.tsx | 2 +- .../Images/ImagesCreate/ImageUploadCLIDialog.tsx | 2 +- .../ImageRegions/ImageRegionRow.tsx | 3 +-- .../ImageRegions/ManageImageRegionsForm.tsx | 3 +-- .../Images/ImagesLanding/ImagesLanding.tsx | 6 +++--- .../CreateCluster/ApplicationPlatform.tsx | 10 ++++++++-- .../CreateCluster/ControlPlaneACLPane.tsx | 3 +-- .../Kubernetes/CreateCluster/HAControlPlane.tsx | 2 +- .../KubeCheckoutBar/NodePoolSummary.tsx | 3 +-- .../KubernetesClusterDetail/APLSummaryPanel.tsx | 3 +-- .../DeleteKubernetesClusterDialog.tsx | 3 +-- .../KubernetesClusterDetail/KubeClusterSpecs.tsx | 3 +-- .../KubeConfigDisplay.tsx | 3 +-- .../KubernetesClusterDetail/KubeConfigDrawer.tsx | 3 +-- .../KubernetesClusterDetail/KubeConfigPanel.tsx | 3 +-- .../KubeControlPaneACLDrawer.tsx | 3 +-- .../KubernetesClusterDetail/KubeSummaryPanel.tsx | 3 +-- .../NodePoolsDisplay/AddNodePoolDrawer.tsx | 3 +-- .../NodePoolsDisplay/AutoscalePoolDialog.tsx | 3 +-- .../NodePoolsDisplay/DeleteNodePoolDialog.tsx | 2 +- .../NodePoolsDisplay/NodePool.tsx | 10 ++++++++-- .../NodePoolsDisplay/NodePoolsDisplay.tsx | 3 +-- .../NodePoolsDisplay/NodeRow.tsx | 3 +-- .../NodePoolsDisplay/NodeTable.styles.ts | 2 +- .../NodePoolsDisplay/NodeTable.tsx | 3 +-- .../NodePoolsDisplay/RecycleNodeDialog.tsx | 2 +- .../NodePoolsDisplay/ResizeNodePoolDrawer.tsx | 3 +-- .../RecycleClusterDialog.tsx | 2 +- .../RecycleNodePoolDialog.tsx | 2 +- .../UpgradeClusterDialog.tsx | 3 +-- .../UpgradeKubernetesVersionBanner.tsx | 3 +-- .../KubernetesLanding/KubernetesLanding.tsx | 3 +-- .../features/Kubernetes/UpgradeVersionModal.tsx | 2 +- .../Linodes/CloneLanding/CloneLanding.tsx | 3 +-- .../features/Linodes/CloneLanding/Configs.tsx | 2 +- .../Linodes/CloneLanding/Details.styles.ts | 2 +- .../features/Linodes/CloneLanding/Details.tsx | 3 +-- .../Linodes/LinodeCreate/Addons/Addons.tsx | 3 +-- .../Linodes/LinodeCreate/Addons/Backups.tsx | 3 +-- .../Linodes/LinodeCreate/Addons/PrivateIP.tsx | 3 +-- .../AnsibleIntegrationResources.tsx | 2 +- .../ApiAwarenessModal/ApiAwarenessModal.tsx | 2 +- .../ApiAwarenessModal/CurlTabPanel.tsx | 2 +- .../ApiAwarenessModal/GoSDKResources.tsx | 2 +- .../ApiAwarenessModal/IntegrationsTabPanel.tsx | 2 +- .../ApiAwarenessModal/LinodeCLIPanel.tsx | 2 +- .../ApiAwarenessModal/PythonSDKResources.tsx | 2 +- .../ApiAwarenessModal/SDKTabPanel.tsx | 2 +- .../TerraformIntegrationResources.tsx | 2 +- .../Linodes/LinodeCreate/Details/Details.tsx | 3 +-- .../Linodes/LinodeCreate/EUAgreement.tsx | 3 +-- .../features/Linodes/LinodeCreate/Firewall.tsx | 3 +-- .../src/features/Linodes/LinodeCreate/Region.tsx | 3 +-- .../features/Linodes/LinodeCreate/Security.tsx | 3 +-- .../Linodes/LinodeCreate/Summary/Summary.tsx | 3 +-- .../LinodeCreate/Tabs/Backups/BackupSelect.tsx | 3 +-- .../LinodeCreate/Tabs/Backups/LinodeSelect.tsx | 4 +--- .../Linodes/LinodeCreate/Tabs/Clone/Clone.tsx | 4 +--- .../Linodes/LinodeCreate/Tabs/Images.tsx | 3 +-- .../Tabs/Marketplace/AppDetailDrawer.tsx | 3 +-- .../LinodeCreate/Tabs/Marketplace/AppSection.tsx | 4 +--- .../LinodeCreate/Tabs/Marketplace/AppSelect.tsx | 3 +-- .../LinodeCreate/Tabs/OperatingSystems.tsx | 3 +-- .../Tabs/StackScripts/StackScriptImages.tsx | 3 +-- .../Tabs/StackScripts/StackScriptSelection.tsx | 3 +-- .../StackScripts/StackScriptSelectionList.tsx | 10 +++++----- .../StackScripts/StackScriptSelectionRow.tsx | 3 +-- .../UserDefinedFields/UserDefinedFieldInput.tsx | 2 +- .../UserDefinedFields/UserDefinedFields.tsx | 3 +-- .../Linodes/LinodeCreate/TwoStepRegion.tsx | 3 +-- .../Linodes/LinodeCreate/UserData/UserData.tsx | 3 +-- .../LinodeCreate/UserData/UserDataHeading.tsx | 3 +-- .../features/Linodes/LinodeCreate/VLAN/VLAN.tsx | 3 +-- .../LinodeCreate/VLAN/VLANAvailabilityNotice.tsx | 3 +-- .../features/Linodes/LinodeCreate/VPC/VPC.tsx | 2 +- .../LinodeCreate/shared/LinodeSelectTable.tsx | 3 +-- .../Linodes/LinodeEntityDetail.styles.ts | 3 +-- .../src/features/Linodes/LinodeEntityDetail.tsx | 2 +- .../features/Linodes/LinodeEntityDetailBody.tsx | 5 ++--- .../Linodes/LinodeEntityDetailHeader.tsx | 2 +- .../LinodeBackup/BackupsPlaceholder.tsx | 5 +++-- .../LinodeBackup/CancelBackupsDialog.tsx | 2 +- .../LinodeBackup/CaptureSnapshot.tsx | 10 ++++++++-- .../CaptureSnapshotConfirmationDialog.tsx | 2 +- .../LinodeBackup/EnableBackupsDialog.tsx | 3 +-- .../LinodesDetail/LinodeBackup/LinodeBackups.tsx | 3 +-- .../LinodeBackup/ScheduleSettings.tsx | 9 +++++++-- .../LinodeConfigs/BootConfigDialog.tsx | 2 +- .../LinodeConfigs/DeleteConfigDialog.tsx | 2 +- .../LinodeConfigs/LinodeConfigDialog.tsx | 2 +- .../LinodeNetworking/AddIPDrawer.tsx | 2 +- .../LinodeNetworking/DeleteIPDialog.tsx | 2 +- .../LinodeNetworking/DeleteRangeDialog.tsx | 5 +++-- .../LinodeNetworking/EditRangeRDNSDrawer.tsx | 3 +-- .../LinodesDetail/LinodeNetworking/IPSharing.tsx | 10 ++++++++-- .../LinodeNetworking/IPTransfer.tsx | 3 +-- .../LinodeFirewalls/LinodeFirewalls.tsx | 3 +-- .../LinodeNetworking/LinodeIPAddressRow.tsx | 3 +-- .../LinodeNetworking/LinodeIPAddresses.tsx | 10 ++++++++-- .../NetworkingSummaryPanel/DNSResolvers.tsx | 4 ++-- .../NetworkingSummaryPanel/NetworkTransfer.tsx | 2 +- .../TransferContent.styles.ts | 3 +-- .../NetworkingSummaryPanel/TransferHistory.tsx | 3 +-- .../LinodeNetworking/ViewIPDrawer.tsx | 5 +++-- .../LinodeNetworking/ViewRDNSDrawer.tsx | 2 +- .../LinodeNetworking/ViewRangeDrawer.tsx | 5 +++-- .../LinodeRebuild/ImageEmptyState.tsx | 4 +--- .../LinodeRebuild/LinodeRebuildDialog.tsx | 3 +-- .../LinodeRebuild/RebuildFromImage.tsx | 3 +-- .../UserDataAccordion/UserDataAccordion.tsx | 3 +-- .../LinodeRescue/RescueDescription.tsx | 3 +-- .../LinodesDetail/LinodeResize/LinodeResize.tsx | 2 +- .../LinodeResizeUnifiedMigrationPanel.tsx | 2 +- .../LinodeResize/ResizeConfirmationDialog.tsx | 2 +- .../LinodeSettings/AlertSection.tsx | 10 ++++++++-- .../LinodeSettings/InterfaceSelect.tsx | 3 +-- .../LinodeSettings/LinodeSettingsDeletePanel.tsx | 3 +-- .../LinodeSettings/LinodeWatchdogPanel.tsx | 3 +-- .../LinodesDetail/LinodeSettings/VPCPanel.tsx | 2 +- .../LinodesDetail/LinodeStorage/LinodeDisks.tsx | 3 +-- .../LinodeStorage/LinodeVolumes.tsx | 3 +-- .../LinodeSummary/LinodeSummary.tsx | 3 +-- .../LinodesDetail/LinodeSummary/StatsPanel.tsx | 4 +--- .../LinodesDetailHeader/HostMaintenance.tsx | 4 +--- .../MigrationNotification.tsx | 3 +-- .../LinodesDetailHeader/MutationNotification.tsx | 3 +-- .../LinodesDetailHeader/UpgradeVolumesDialog.tsx | 3 +-- .../LinodesDetail/MutateDrawer/MutateDrawer.tsx | 3 +-- .../LinodesDetail/VolumesUpgradeBanner.tsx | 3 +-- .../features/Linodes/LinodesLanding/CardView.tsx | 2 +- .../LinodesLanding/DeleteLinodeDialog.tsx | 3 +-- .../LinodesLanding/DisplayGroupedLinodes.tsx | 3 +-- .../LinodesLanding/DisplayLinodes.styles.ts | 3 +-- .../LinodesLanding/LinodeRow/LinodeRow.tsx | 3 +-- .../Linodes/MigrateLinode/CautionNotice.tsx | 3 +-- .../Linodes/MigrateLinode/ConfigureForm.tsx | 3 +-- .../Linodes/MigrateLinode/MigrateLinode.tsx | 3 +-- .../Linodes/MigrateLinode/MigrationPricing.tsx | 3 +-- .../Linodes/PowerActionsDialogOrDrawer.tsx | 3 +-- .../Linodes/PublicIPAddressesTooltip.tsx | 3 +-- .../src/features/Linodes/SMTPRestrictionText.tsx | 2 +- .../ActiveConnections/ActiveConnections.tsx | 5 +++-- .../LongviewDetail/DetailTabs/Apache/Apache.tsx | 3 +-- .../DetailTabs/CommonStyles.styles.tsx | 3 +-- .../LongviewDetail/DetailTabs/Disks/Graphs.tsx | 5 +++-- .../LongviewDetail/DetailTabs/IconSection.tsx | 11 ++++++----- .../ListeningServices/ListeningServices.tsx | 5 +++-- .../DetailTabs/MySQL/MySQLLanding.tsx | 5 ++--- .../LongviewDetail/DetailTabs/NGINX/NGINX.tsx | 3 +-- .../DetailTabs/Processes/ProcessesGraphs.tsx | 3 +-- .../LongviewDetail/DetailTabs/TopProcesses.tsx | 3 +-- .../Longview/LongviewDetail/GraphCard.tsx | 4 +--- .../Longview/LongviewLanding/Gauges/CPU.tsx | 13 +++++++------ .../Longview/LongviewLanding/Gauges/Load.tsx | 11 ++++++----- .../Longview/LongviewLanding/Gauges/Network.tsx | 13 +++++++------ .../Longview/LongviewLanding/Gauges/RAM.tsx | 11 ++++++----- .../Longview/LongviewLanding/Gauges/Storage.tsx | 11 ++++++----- .../Longview/LongviewLanding/Gauges/Swap.tsx | 11 ++++++----- .../LongviewLanding/LongviewClientHeader.tsx | 14 +++++++------- .../Longview/LongviewLanding/LongviewClients.tsx | 2 +- .../Longview/LongviewLanding/LongviewList.tsx | 9 +++++++-- .../LongviewLanding/RestrictedUserLabel.tsx | 3 +-- .../LongviewLanding/SubscriptionDialog.tsx | 2 +- .../Longview/shared/InstallationInstructions.tsx | 3 +-- .../Managed/Contacts/Contacts.styles.tsx | 5 ++--- .../ManagedDashboardCard/DashboardCard.tsx | 3 +-- .../ManagedDashboardCard/ManagedChartPanel.tsx | 3 +-- .../MonitorStatus.styles.tsx | 5 ++--- .../ManagedDashboardCard/MonitorStatus.tsx | 8 +++++--- .../ManagedDashboardCard/MonitorTickets.tsx | 5 +++-- .../Managed/Monitors/MonitorRow.styles.tsx | 4 ++-- .../src/features/Managed/Monitors/MonitorRow.tsx | 3 +-- .../SSHAccess/EditSSHAccessDrawer.styles.tsx | 5 ++--- .../Managed/SSHAccess/LinodePubKey.styles.tsx | 3 +-- .../features/Managed/SSHAccess/LinodePubKey.tsx | 3 +-- .../NodeBalancers/ConfigNodeIPSelect.tsx | 3 +-- .../NodeBalancers/NodeBalancerActiveCheck.tsx | 8 ++++++-- .../NodeBalancers/NodeBalancerConfigNode.tsx | 11 +++++++++-- .../NodeBalancers/NodeBalancerConfigPanel.tsx | 10 ++++++++-- .../NodeBalancers/NodeBalancerCreate.tsx | 13 ++++++++++--- .../NodeBalancers/NodeBalancerDeleteDialog.tsx | 3 +-- .../NodeBalancerConfigurations.tsx | 3 +-- .../NodeBalancerDetail/NodeBalancerFirewalls.tsx | 3 +-- .../NodeBalancerSummary/SummaryPanel.tsx | 5 ++--- .../NodeBalancerSummary/TablesPanel.tsx | 3 +-- .../NodeBalancers/NodeBalancerPassiveCheck.tsx | 3 +-- .../Events/NotificationCenterEvent.tsx | 3 +-- .../NotificationCenter.styles.ts | 3 +-- .../NotificationCenterNotificationMessage.tsx | 3 +-- .../NotificationCenterNotificationsContainer.tsx | 5 ++--- .../useFormattedNotifications.tsx | 3 +-- .../AccessKeyLanding/AccessKeyDrawer.tsx | 3 +-- .../AccessKeyTable/AccessKeyTableRow.tsx | 3 +-- .../AccessKeyLanding/LimitedAccessControls.tsx | 3 +-- .../AccessKeyLanding/OMC_AccessKeyDrawer.tsx | 3 +-- .../AccessKeyLanding/RevokeAccessKeyDialog.tsx | 5 +++-- .../AccessKeyLanding/ViewPermissionsDrawer.tsx | 2 +- .../ObjectStorage/BucketDetail/AccessSelect.tsx | 3 +-- .../ObjectStorage/BucketDetail/BucketAccess.tsx | 4 +--- .../BucketDetail/BucketBreadcrumb.styles.ts | 4 ++-- .../BucketDetail/BucketDetail.styles.ts | 3 +-- .../BucketDetail/BucketProperties.styles.ts | 3 +-- .../BucketDetail/BucketSSL.styles.ts | 5 ++--- .../ObjectStorage/BucketDetail/BucketSSL.tsx | 10 ++++++++-- .../BucketDetail/ObjectDetailsDrawer.tsx | 3 +-- .../BucketDetail/ObjectTableRow.tsx | 3 +-- .../BucketLanding/BucketDetailsDrawer.tsx | 3 +-- .../BucketLanding/BucketLanding.tsx | 3 +-- .../BucketLanding/BucketRateLimitTable.tsx | 5 ++--- .../BucketLanding/BucketTableRow.tsx | 3 +-- .../BucketLanding/OMC_BucketLanding.tsx | 3 +-- .../BucketLanding/OMC_CreateBucketDrawer.tsx | 3 +-- .../BucketLanding/OveragePricing.tsx | 3 +-- .../src/features/ObjectStorage/CancelNotice.tsx | 2 +- .../ObjectStorage/EnableObjectStorageModal.tsx | 3 +-- .../ObjectStorage/ObjectStorageLanding.tsx | 3 +-- .../PlacementGroupPolicyRadioGroup.tsx | 3 +-- .../PlacementGroups/PlacementGroupTypeSelect.tsx | 3 +-- .../PlacementGroupsAssignLinodesDrawer.tsx | 10 ++++++++-- .../PlacementGroupsCreateDrawer.tsx | 3 +-- .../PlacementGroupsDeleteModal.tsx | 3 +-- .../PlacementGroupsSummary.tsx | 3 +-- .../PlacementGroupsDetailPanel.tsx | 3 +-- .../PlacementGroupsRow.tsx | 4 ++-- .../PlacementGroupsUnassignModal.tsx | 3 +-- .../features/Profile/APITokens/APITokenTable.tsx | 3 +-- .../Profile/APITokens/RevokeTokenDialog.tsx | 2 +- .../AuthenticationSettings.tsx | 3 +-- .../PhoneVerification.styles.ts | 9 +++++++-- .../PhoneVerification/PhoneVerification.tsx | 3 +-- .../AuthenticationSettings/ResetPassword.tsx | 3 +-- .../RevokeTrustedDevicesDialog.tsx | 2 +- .../AuthenticationSettings/SMSMessaging.tsx | 5 ++--- .../SecurityQuestions/Question.tsx | 3 +-- .../SecurityQuestions/SecurityQuestions.tsx | 3 +-- .../Profile/AuthenticationSettings/TPADialog.tsx | 7 ++++--- .../TPAProviders.styles.ts | 4 +--- .../AuthenticationSettings/TPAProviders.tsx | 3 +-- .../AuthenticationSettings/TrustedDevices.tsx | 2 +- .../TwoFactor/ConfirmToken.tsx | 4 +--- .../TwoFactor/DisableTwoFactorDialog.tsx | 2 +- .../TwoFactor/QRCodeForm.tsx | 2 +- .../TwoFactor/ScratchCodeDialog.tsx | 2 +- .../TwoFactor/TwoFactor.styles.ts | 3 +-- .../TwoFactor/TwoFactor.tsx | 3 +-- .../Profile/DisplaySettings/AvatarForm.tsx | 3 +-- .../Profile/LishSettings/LishSettings.tsx | 11 +++++++++-- .../OAuthClients/DeleteOAuthClientDialog.tsx | 2 +- .../OAuthClients/ResetOAuthClientDialog.tsx | 2 +- .../Profile/Referrals/Referrals.styles.ts | 4 +--- .../src/features/Profile/Referrals/Referrals.tsx | 3 +-- .../Profile/SSHKeys/CreateSSHKeyDrawer.tsx | 3 +-- .../Profile/SSHKeys/DeleteSSHKeyDialog.tsx | 2 +- .../src/features/Profile/SSHKeys/SSHKeys.tsx | 3 +-- .../Profile/Settings/PreferenceEditor.tsx | 3 +-- .../src/features/Profile/Settings/Settings.tsx | 3 +-- .../src/features/Search/ResultGroup.styles.ts | 4 +--- .../manager/src/features/Search/ResultRow.tsx | 5 +++-- .../src/features/Search/SearchLanding.tsx | 3 +-- .../StackScripts/CommonStackScript.styles.ts | 3 +-- .../SelectStackScriptPanel.tsx | 3 +-- .../StackScriptSelectionRow.tsx | 3 +-- .../StackScriptCreate/StackScriptCreate.tsx | 3 +-- .../StackScriptForm/StackScriptForm.tsx | 3 +-- .../StackScriptPanel/StackScriptPanelContent.tsx | 12 ++++++------ .../StackScriptPanel/StackScriptRow.tsx | 5 +++-- .../UserDefinedFieldsPanel.tsx | 3 +-- .../features/Support/ExpandableTicketPanel.tsx | 2 +- packages/manager/src/features/Support/Hively.tsx | 3 +-- .../SupportTicketDetail/CloseTicketLink.tsx | 2 +- .../TabbedReply/MarkdownReference.tsx | 3 +-- .../Support/SupportTicketDetail/TicketStatus.tsx | 3 +-- .../SupportTickets/SupportTicketDialog.tsx | 3 +-- .../Support/SupportTickets/TicketRow.tsx | 2 +- .../Support/SupportTickets/constants.tsx | 2 +- .../features/Support/TicketAttachmentList.tsx | 2 +- .../src/features/Support/TicketAttachmentRow.tsx | 4 +--- .../src/features/TheApplicationIsOnFire.tsx | 7 ++++--- .../NotificationMenu/NotificationMenu.tsx | 3 +-- .../manager/src/features/TopMenu/TopMenu.tsx | 3 +-- .../src/features/TopMenu/UserMenu/UserMenu.tsx | 3 +-- .../src/features/Users/UserPermissions.tsx | 3 +-- .../Users/UserPermissionsEntitySection.tsx | 3 +-- .../Users/UserProfile/DeleteUserPanel.tsx | 3 +-- .../Users/UserProfile/UserDetailsPanel.tsx | 3 +-- packages/manager/src/features/Users/UserRow.tsx | 3 +-- .../manager/src/features/Users/UsersLanding.tsx | 3 +-- .../FormComponents/VPCCreateForm.styles.ts | 4 +--- .../features/VPCs/VPCDetail/AssignIPRanges.tsx | 3 +-- .../VPCs/VPCDetail/SubnetAssignLinodesDrawer.tsx | 2 +- .../features/VPCs/VPCDetail/SubnetLinodeRow.tsx | 3 +-- .../src/features/Volumes/CloneVolumeDrawer.tsx | 3 +-- .../src/features/Volumes/DetachVolumeDialog.tsx | 3 +-- .../src/features/Volumes/UpgradeVolumeDialog.tsx | 2 +- .../src/features/Volumes/VolumeCreate.tsx | 2 +- .../src/features/Volumes/VolumeDetailsDrawer.tsx | 3 +-- .../VolumeDrawer/LinodeVolumeAddDrawer.tsx | 3 +-- .../VolumeDrawer/LinodeVolumeCreateForm.tsx | 3 +-- .../features/Volumes/VolumeDrawer/SizeField.tsx | 2 +- .../src/features/Volumes/VolumeTableRow.tsx | 3 +-- .../src/features/Volumes/VolumesLanding.tsx | 2 +- .../PlansPanel/DistributedRegionPlanTable.tsx | 4 +--- .../components/PlansPanel/PlanContainer.tsx | 3 +-- .../components/PlansPanel/PlanInformation.tsx | 3 +-- .../PlansPanel/PlansAvailabilityNotice.styles.ts | 2 +- .../components/PlansPanel/PlansPanel.styles.ts | 3 +-- .../.changeset/pr-11299-added-1732140889291.md | 5 +++++ packages/ui/src/components/Notice/Notice.tsx | 9 +++------ .../Typography}/Typography.stories.tsx | 3 ++- .../src/components/Typography}/Typography.tsx | 0 packages/ui/src/components/Typography/index.ts | 1 + packages/ui/src/components/index.ts | 1 + 503 files changed, 825 insertions(+), 1022 deletions(-) create mode 100644 packages/ui/.changeset/pr-11299-added-1732140889291.md rename packages/{manager/src/components => ui/src/components/Typography}/Typography.stories.tsx (96%) rename packages/{manager/src/components => ui/src/components/Typography}/Typography.tsx (100%) create mode 100644 packages/ui/src/components/Typography/index.ts diff --git a/docs/development-guide/04-component-library.md b/docs/development-guide/04-component-library.md index 2be52331b2d..5e1ca262d0b 100644 --- a/docs/development-guide/04-component-library.md +++ b/docs/development-guide/04-component-library.md @@ -7,7 +7,7 @@ We use [Material-UI](https://mui.com/material-ui/getting-started/overview/) as t All MUI components have abstractions in the Cloud Manager codebase, meaning you will use relative imports to use them instead of importing from MUI directly: ```ts -import { Typography } from "src/components/Typography"; // NOT from '@mui/material/Typography' +import { Typography } from "@linode/ui"; // NOT from '@mui/material/Typography' ``` We do this because it gives us the ability to customize the component and still keep imports consistent. It also gives us flexibility if we ever wanted to change out the underlying component library. diff --git a/packages/manager/cypress/support/util/csv.ts b/packages/manager/cypress/support/util/csv.ts index e96e997948b..16c1388729b 100644 --- a/packages/manager/cypress/support/util/csv.ts +++ b/packages/manager/cypress/support/util/csv.ts @@ -20,7 +20,7 @@ export function parseCsv(csvContent: string): any[] { .map((header) => header.trim().replace(/^"|"$/g, '')); // Map the remaining lines to objects using the headers - const data = lines.slice(1).map((line) => { + return lines.slice(1).map((line) => { // Split each line into values, handling quoted values with commas and embedded quotes // The regular expression matches: // - Values enclosed in double quotes, which may contain commas and escaped double quotes (e.g., "value, with, commas" or "value with ""embedded"" quotes") @@ -42,7 +42,4 @@ export function parseCsv(csvContent: string): any[] { // Return the object representing the row return entry; }); - - // Return the array of objects representing the CSV data - return data; } diff --git a/packages/manager/src/components/AbuseTicketBanner/AbuseTicketBanner.tsx b/packages/manager/src/components/AbuseTicketBanner/AbuseTicketBanner.tsx index 2bbb9a42bb6..d5c1c3f0121 100644 --- a/packages/manager/src/components/AbuseTicketBanner/AbuseTicketBanner.tsx +++ b/packages/manager/src/components/AbuseTicketBanner/AbuseTicketBanner.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { DateTime } from 'luxon'; import * as React from 'react'; import { Link, useLocation } from 'react-router-dom'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; -import { Typography } from 'src/components/Typography'; import { useNotificationsQuery } from 'src/queries/account/notifications'; import { getAbuseTickets } from 'src/store/selectors/getAbuseTicket'; diff --git a/packages/manager/src/components/AccessPanel/AccessPanel.tsx b/packages/manager/src/components/AccessPanel/AccessPanel.tsx index c2a256514c7..0f87f6e16c9 100644 --- a/packages/manager/src/components/AccessPanel/AccessPanel.tsx +++ b/packages/manager/src/components/AccessPanel/AccessPanel.tsx @@ -1,4 +1,4 @@ -import { Divider, Paper } from '@linode/ui'; +import { Divider, Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -17,7 +17,6 @@ import { Encryption } from 'src/components/Encryption/Encryption'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { SuspenseLoader } from 'src/components/SuspenseLoader'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { doesRegionSupportFeature } from 'src/utilities/doesRegionSupportFeature'; diff --git a/packages/manager/src/components/AccessPanel/UserSSHKeyPanel.tsx b/packages/manager/src/components/AccessPanel/UserSSHKeyPanel.tsx index 32d08d014cd..9b0a24522ec 100644 --- a/packages/manager/src/components/AccessPanel/UserSSHKeyPanel.tsx +++ b/packages/manager/src/components/AccessPanel/UserSSHKeyPanel.tsx @@ -1,4 +1,4 @@ -import { Button, Checkbox } from '@linode/ui'; +import { Button, Checkbox, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -10,7 +10,6 @@ import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; -import { Typography } from 'src/components/Typography'; import { CreateSSHKeyDrawer } from 'src/features/Profile/SSHKeys/CreateSSHKeyDrawer'; import { usePagination } from 'src/hooks/usePagination'; import { useAccountUsers } from 'src/queries/account/users'; diff --git a/packages/manager/src/components/Accordion.tsx b/packages/manager/src/components/Accordion.tsx index 5cce4365273..0ebfb442bca 100644 --- a/packages/manager/src/components/Accordion.tsx +++ b/packages/manager/src/components/Accordion.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; import { default as _Accordion } from '@mui/material/Accordion'; import AccordionDetails from '@mui/material/AccordionDetails'; @@ -7,13 +7,11 @@ import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; - +import type { TypographyProps } from '@linode/ui'; import type { Theme } from '@mui/material'; import type { AccordionProps as _AccordionProps } from '@mui/material/Accordion'; import type { AccordionDetailsProps } from '@mui/material/AccordionDetails'; import type { AccordionSummaryProps } from '@mui/material/AccordionSummary'; -import type { TypographyProps } from 'src/components/Typography'; const useStyles = makeStyles()((theme: Theme) => ({ itemCount: { diff --git a/packages/manager/src/components/AccountActivation/AccountActivationLanding.tsx b/packages/manager/src/components/AccountActivation/AccountActivationLanding.tsx index 54b22fc20d7..68e0bf1d662 100644 --- a/packages/manager/src/components/AccountActivation/AccountActivationLanding.tsx +++ b/packages/manager/src/components/AccountActivation/AccountActivationLanding.tsx @@ -1,11 +1,10 @@ -import { StyledLinkButton } from '@linode/ui'; +import { StyledLinkButton, Typography } from '@linode/ui'; import Warning from '@mui/icons-material/CheckCircle'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import { SupportTicketDialog } from 'src/features/Support/SupportTickets/SupportTicketDialog'; import type { AttachmentError } from 'src/features/Support/SupportTicketDetail/SupportTicketDetail'; diff --git a/packages/manager/src/components/AkamaiBanner/AkamaiBanner.tsx b/packages/manager/src/components/AkamaiBanner/AkamaiBanner.tsx index 7ef3e3fcb8b..f5291223b33 100644 --- a/packages/manager/src/components/AkamaiBanner/AkamaiBanner.tsx +++ b/packages/manager/src/components/AkamaiBanner/AkamaiBanner.tsx @@ -1,9 +1,8 @@ -import { Box, Stack } from '@linode/ui'; +import { Box, Stack, Typography } from '@linode/ui'; import { useMediaQuery, useTheme } from '@mui/material'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { replaceNewlinesWithLineBreaks } from 'src/utilities/replaceNewlinesWithLineBreaks'; diff --git a/packages/manager/src/components/BackupStatus/BackupStatus.tsx b/packages/manager/src/components/BackupStatus/BackupStatus.tsx index 56f28e09603..2bb8ae12dff 100644 --- a/packages/manager/src/components/BackupStatus/BackupStatus.tsx +++ b/packages/manager/src/components/BackupStatus/BackupStatus.tsx @@ -1,4 +1,4 @@ -import { Tooltip, TooltipIcon } from '@linode/ui'; +import { Tooltip, TooltipIcon, Typography } from '@linode/ui'; import Backup from '@mui/icons-material/Backup'; import * as React from 'react'; import { Link as RouterLink } from 'react-router-dom'; @@ -6,7 +6,6 @@ import { makeStyles } from 'tss-react/mui'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/Breadcrumb/Crumbs.styles.tsx b/packages/manager/src/components/Breadcrumb/Crumbs.styles.tsx index 848a0a164bc..241f6705b90 100644 --- a/packages/manager/src/components/Breadcrumb/Crumbs.styles.tsx +++ b/packages/manager/src/components/Breadcrumb/Crumbs.styles.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material'; -import { Typography } from 'src/components/Typography'; - export const StyledTypography = styled(Typography, { label: 'StyledTypography', })(({}) => ({ diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx index 85976149c20..8271d93929b 100644 --- a/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx +++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.stories.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { CheckoutBar } from './CheckoutBar'; import type { Meta, StoryFn, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx index ef5d59b64ba..95673b01d64 100644 --- a/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx +++ b/packages/manager/src/components/CheckoutBar/CheckoutBar.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { DisplayPrice } from 'src/components/DisplayPrice'; -import { Typography } from 'src/components/Typography'; import { StyledButton, diff --git a/packages/manager/src/components/CheckoutBar/DisplaySection.tsx b/packages/manager/src/components/CheckoutBar/DisplaySection.tsx index b9c2dbab6ae..b36b304ea48 100644 --- a/packages/manager/src/components/CheckoutBar/DisplaySection.tsx +++ b/packages/manager/src/components/CheckoutBar/DisplaySection.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import { StyledCheckoutSection, SxTypography } from './styles'; export interface DisplaySectionProps { diff --git a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.stories.tsx b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.stories.tsx index f0593bcad69..1843e0ce4eb 100644 --- a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.stories.tsx +++ b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.stories.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { CheckoutSummary } from './CheckoutSummary'; import type { Meta, StoryFn, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx index 4b26381b8af..d06759879f8 100644 --- a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx +++ b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx @@ -1,11 +1,10 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import Grid2 from '@mui/material/Unstable_Grid2/Grid2'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; -import { Typography } from '../Typography'; import { SummaryItem } from './SummaryItem'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/CheckoutSummary/SummaryItem.tsx b/packages/manager/src/components/CheckoutSummary/SummaryItem.tsx index 1797684864a..591236278d2 100644 --- a/packages/manager/src/components/CheckoutSummary/SummaryItem.tsx +++ b/packages/manager/src/components/CheckoutSummary/SummaryItem.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; +import Grid2 from '@mui/material/Unstable_Grid2/Grid2'; import React from 'react'; -import Grid2 from '@mui/material/Unstable_Grid2/Grid2'; -import { Typography } from '../Typography'; -import { SummaryItem as Props } from './CheckoutSummary'; +import type { SummaryItem as Props } from './CheckoutSummary'; export const SummaryItem = ({ details, title }: Props) => { return ( diff --git a/packages/manager/src/components/ColorPalette/ColorPalette.tsx b/packages/manager/src/components/ColorPalette/ColorPalette.tsx index 415b31e10e1..9805c9a7867 100644 --- a/packages/manager/src/components/ColorPalette/ColorPalette.tsx +++ b/packages/manager/src/components/ColorPalette/ColorPalette.tsx @@ -1,10 +1,9 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; - import type { Theme } from '@mui/material/styles'; interface Color { diff --git a/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.tsx b/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.tsx index 33d66afc056..812bff2f499 100644 --- a/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.tsx +++ b/packages/manager/src/components/DateTimeDisplay/DateTimeDisplay.tsx @@ -1,8 +1,10 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; -import { TimeInterval, formatDate } from 'src/utilities/formatDate'; +import { formatDate } from 'src/utilities/formatDate'; + +import type { TimeInterval } from 'src/utilities/formatDate'; export interface DateTimeDisplayProps { /** diff --git a/packages/manager/src/components/DebouncedSearchTextField/DebouncedSearchTextField.tsx b/packages/manager/src/components/DebouncedSearchTextField/DebouncedSearchTextField.tsx index 8e9ed20fb6f..2c044a0d631 100644 --- a/packages/manager/src/components/DebouncedSearchTextField/DebouncedSearchTextField.tsx +++ b/packages/manager/src/components/DebouncedSearchTextField/DebouncedSearchTextField.tsx @@ -1,5 +1,9 @@ -import { CircleProgress, TextField } from '@linode/ui'; -import { IconButton, InputAdornment } from '@linode/ui'; +import { + CircleProgress, + IconButton, + InputAdornment, + TextField, +} from '@linode/ui'; import Clear from '@mui/icons-material/Clear'; import Search from '@mui/icons-material/Search'; import { styled } from '@mui/material/styles'; diff --git a/packages/manager/src/components/DeletionDialog/DeletionDialog.tsx b/packages/manager/src/components/DeletionDialog/DeletionDialog.tsx index 89938fbeb61..93f1c2bcdf9 100644 --- a/packages/manager/src/components/DeletionDialog/DeletionDialog.tsx +++ b/packages/manager/src/components/DeletionDialog/DeletionDialog.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm'; -import { Typography } from 'src/components/Typography'; import { titlecase } from 'src/features/Linodes/presentation'; import { usePreferences } from 'src/queries/profile/preferences'; import { capitalize } from 'src/utilities/capitalize'; diff --git a/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts b/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts index e65973514ba..7f4f8d7cd36 100644 --- a/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts +++ b/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts @@ -1,9 +1,7 @@ -import { omittedProps } from '@linode/ui'; +import { Typography, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Typography } from 'src/components/Typography'; - import type { DescriptionListProps } from './DescriptionList'; import type { TypographyProps } from '@mui/material'; import type { Grid2Props } from '@mui/material/Unstable_Grid2'; diff --git a/packages/manager/src/components/DescriptionList/DescriptionList.tsx b/packages/manager/src/components/DescriptionList/DescriptionList.tsx index 7d82739e2f9..1a6e3da5f2d 100644 --- a/packages/manager/src/components/DescriptionList/DescriptionList.tsx +++ b/packages/manager/src/components/DescriptionList/DescriptionList.tsx @@ -1,9 +1,7 @@ -import { Box, TooltipIcon } from '@linode/ui'; +import { Box, TooltipIcon, Typography } from '@linode/ui'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import { StyledDL, StyledDLItemSeparator, diff --git a/packages/manager/src/components/Dialog/Dialog.stories.tsx b/packages/manager/src/components/Dialog/Dialog.stories.tsx index ceee99b8e9e..391bfdfeca0 100644 --- a/packages/manager/src/components/Dialog/Dialog.stories.tsx +++ b/packages/manager/src/components/Dialog/Dialog.stories.tsx @@ -1,9 +1,8 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { action } from '@storybook/addon-actions'; import { useArgs } from '@storybook/preview-api'; import React from 'react'; -import { Typography } from '../Typography'; import { Dialog } from './Dialog'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.tsx b/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.tsx index 168b0273668..a6dafde7fd6 100644 --- a/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.tsx +++ b/packages/manager/src/components/DismissibleBanner/DismissibleBanner.stories.tsx @@ -1,8 +1,7 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { DismissibleBanner } from './DismissibleBanner'; diff --git a/packages/manager/src/components/DismissibleBanner/DismissibleBanner.test.tsx b/packages/manager/src/components/DismissibleBanner/DismissibleBanner.test.tsx index 18ab5397c20..693b3f88def 100644 --- a/packages/manager/src/components/DismissibleBanner/DismissibleBanner.test.tsx +++ b/packages/manager/src/components/DismissibleBanner/DismissibleBanner.test.tsx @@ -1,8 +1,7 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { fireEvent } from '@testing-library/react'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { renderWithTheme } from 'src/utilities/testHelpers'; import { DismissibleBanner } from './DismissibleBanner'; diff --git a/packages/manager/src/components/DisplayPrice/DisplayPrice.tsx b/packages/manager/src/components/DisplayPrice/DisplayPrice.tsx index 134d880c231..767826df7b3 100644 --- a/packages/manager/src/components/DisplayPrice/DisplayPrice.tsx +++ b/packages/manager/src/components/DisplayPrice/DisplayPrice.tsx @@ -1,8 +1,10 @@ -import { SxProps, Theme, useTheme } from '@mui/material/styles'; +import { Typography } from '@linode/ui'; +import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Currency } from 'src/components/Currency'; -import { Typography } from 'src/components/Typography'; + +import type { SxProps, Theme } from '@mui/material/styles'; export interface DisplayPriceProps { /** diff --git a/packages/manager/src/components/DownloadTooltip.tsx b/packages/manager/src/components/DownloadTooltip.tsx index b6e697e8cf6..dfcd502bb94 100644 --- a/packages/manager/src/components/DownloadTooltip.tsx +++ b/packages/manager/src/components/DownloadTooltip.tsx @@ -1,9 +1,8 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, Typography } from '@linode/ui'; import * as React from 'react'; import FileDownload from 'src/assets/icons/download.svg'; import { StyledIconButton } from 'src/components/CopyTooltip/CopyTooltip'; -import { Typography } from 'src/components/Typography'; import { downloadFile } from 'src/utilities/downloadFile'; interface Props { diff --git a/packages/manager/src/components/Drawer.stories.tsx b/packages/manager/src/components/Drawer.stories.tsx index d3f88f421d8..6ee56017130 100644 --- a/packages/manager/src/components/Drawer.stories.tsx +++ b/packages/manager/src/components/Drawer.stories.tsx @@ -1,11 +1,10 @@ -import { Button, TextField } from '@linode/ui'; +import { Button, TextField, Typography } from '@linode/ui'; import { action } from '@storybook/addon-actions'; import { useArgs } from '@storybook/preview-api'; import React from 'react'; import { ActionsPanel } from './ActionsPanel/ActionsPanel'; import { Drawer } from './Drawer'; -import { Typography } from './Typography'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/Drawer.tsx b/packages/manager/src/components/Drawer.tsx index 9f8694711da..b138bf0f1c9 100644 --- a/packages/manager/src/components/Drawer.tsx +++ b/packages/manager/src/components/Drawer.tsx @@ -1,11 +1,10 @@ -import { Box, CircleProgress, IconButton } from '@linode/ui'; +import { Box, CircleProgress, IconButton, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import _Drawer from '@mui/material/Drawer'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; import { convertForAria } from 'src/utilities/stringUtils'; import type { DrawerProps as _DrawerProps } from '@mui/material/Drawer'; diff --git a/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.tsx b/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.tsx index 08d04d7d1a8..5e9048e0c63 100644 --- a/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.tsx +++ b/packages/manager/src/components/EditableEntityLabel/EditableEntityLabel.tsx @@ -1,9 +1,9 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { EntityIcon } from 'src/components/EntityIcon/EntityIcon'; -import { Typography } from 'src/components/Typography'; import { EditableInput } from './EditableInput'; diff --git a/packages/manager/src/components/EditableEntityLabel/EditableInput.styles.tsx b/packages/manager/src/components/EditableEntityLabel/EditableInput.styles.tsx index c8758718cfe..b36143aa9af 100644 --- a/packages/manager/src/components/EditableEntityLabel/EditableInput.styles.tsx +++ b/packages/manager/src/components/EditableEntityLabel/EditableInput.styles.tsx @@ -1,9 +1,7 @@ -import { Box, Button, TextField, fadeIn } from '@linode/ui'; +import { Box, Button, TextField, Typography, fadeIn } from '@linode/ui'; import Edit from '@mui/icons-material/Edit'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - import type { EditableTextVariant } from './EditableInput'; import type { TextFieldProps } from '@linode/ui'; diff --git a/packages/manager/src/components/EmptyLandingPageResources/ResourcesLinksSubSection.tsx b/packages/manager/src/components/EmptyLandingPageResources/ResourcesLinksSubSection.tsx index 4144166f1b6..7af2d825310 100644 --- a/packages/manager/src/components/EmptyLandingPageResources/ResourcesLinksSubSection.tsx +++ b/packages/manager/src/components/EmptyLandingPageResources/ResourcesLinksSubSection.tsx @@ -1,8 +1,7 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface ResourcesLinksSubSectionProps { MoreLink?: (props: { className?: any }) => JSX.Element; children?: JSX.Element | JSX.Element[]; diff --git a/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx b/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx index 6e57fa458d9..4c2107f9d54 100644 --- a/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx +++ b/packages/manager/src/components/EmptyLandingPageResources/ResourcesSection.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import DocsIcon from 'src/assets/icons/docs.svg'; @@ -8,7 +9,6 @@ import { ResourcesLinksSection } from 'src/components/EmptyLandingPageResources/ import { ResourcesLinksSubSection } from 'src/components/EmptyLandingPageResources/ResourcesLinksSubSection'; import { ResourcesMoreLink } from 'src/components/EmptyLandingPageResources/ResourcesMoreLink'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; -import { Typography } from 'src/components/Typography'; import { getLinkOnClick, youtubeChannelLink, diff --git a/packages/manager/src/components/Encryption/Encryption.tsx b/packages/manager/src/components/Encryption/Encryption.tsx index c8919e78868..60fb435cc07 100644 --- a/packages/manager/src/components/Encryption/Encryption.tsx +++ b/packages/manager/src/components/Encryption/Encryption.tsx @@ -1,9 +1,7 @@ -import { Box, Checkbox, Notice } from '@linode/ui'; +import { Box, Checkbox, Notice, Typography } from '@linode/ui'; import { List, ListItem } from '@mui/material'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - export interface EncryptionProps { descriptionCopy: JSX.Element | string; disabled?: boolean; diff --git a/packages/manager/src/components/EnhancedSelect/components/Guidance.tsx b/packages/manager/src/components/EnhancedSelect/components/Guidance.tsx index dcf79508ff6..4d442182166 100644 --- a/packages/manager/src/components/EnhancedSelect/components/Guidance.tsx +++ b/packages/manager/src/components/EnhancedSelect/components/Guidance.tsx @@ -1,9 +1,8 @@ +import { Typography } from '@linode/ui'; import HelpOutline from '@mui/icons-material/HelpOutline'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface GuidanceProps { text: string; } diff --git a/packages/manager/src/components/EnhancedSelect/components/NoOptionsMessage.tsx b/packages/manager/src/components/EnhancedSelect/components/NoOptionsMessage.tsx index 42eafba9e8e..504c226a932 100644 --- a/packages/manager/src/components/EnhancedSelect/components/NoOptionsMessage.tsx +++ b/packages/manager/src/components/EnhancedSelect/components/NoOptionsMessage.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { NoticeProps } from 'react-select/src/components/Menu'; -import { Typography } from 'src/components/Typography'; +import type { NoticeProps } from 'react-select/src/components/Menu'; type Props = NoticeProps; diff --git a/packages/manager/src/components/EnhancedSelect/components/SelectPlaceholder.tsx b/packages/manager/src/components/EnhancedSelect/components/SelectPlaceholder.tsx index fab584a7080..33281a57045 100644 --- a/packages/manager/src/components/EnhancedSelect/components/SelectPlaceholder.tsx +++ b/packages/manager/src/components/EnhancedSelect/components/SelectPlaceholder.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { PlaceholderProps } from 'react-select'; -import { Typography } from 'src/components/Typography'; +import type { PlaceholderProps } from 'react-select'; type Props = PlaceholderProps; diff --git a/packages/manager/src/components/EntityHeader/EntityHeader.tsx b/packages/manager/src/components/EntityHeader/EntityHeader.tsx index 69b2b4254e3..c0547894662 100644 --- a/packages/manager/src/components/EntityHeader/EntityHeader.tsx +++ b/packages/manager/src/components/EntityHeader/EntityHeader.tsx @@ -1,10 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - -import type { TypographyProps } from 'src/components/Typography'; +import type { TypographyProps } from '@linode/ui'; export interface HeaderProps { children?: React.ReactNode; diff --git a/packages/manager/src/components/ErrorMessage.tsx b/packages/manager/src/components/ErrorMessage.tsx index 7297899a89b..aae52c9770d 100644 --- a/packages/manager/src/components/ErrorMessage.tsx +++ b/packages/manager/src/components/ErrorMessage.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { LinodeResizeAllocationError } from './LinodeResizeAllocationError'; import { MigrateError } from './MigrateError'; import { SupportTicketGeneralError } from './SupportTicketGeneralError'; -import { Typography } from './Typography'; import type { EntityForTicketDetails } from './SupportLink/SupportLink'; import type { FormPayloadValues } from 'src/features/Support/SupportTickets/SupportTicketDialog'; diff --git a/packages/manager/src/components/ErrorState/ErrorState.tsx b/packages/manager/src/components/ErrorState/ErrorState.tsx index 1ad3717afa1..f9d43be3767 100644 --- a/packages/manager/src/components/ErrorState/ErrorState.tsx +++ b/packages/manager/src/components/ErrorState/ErrorState.tsx @@ -1,11 +1,9 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import ErrorOutline from '@mui/icons-material/ErrorOutline'; import { styled, useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import type { SvgIconProps } from '../SvgIcon'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/GenerateFirewallDialog/GenerateFirewallDialog.tsx b/packages/manager/src/components/GenerateFirewallDialog/GenerateFirewallDialog.tsx index d8123228e4b..cb98deab6a2 100644 --- a/packages/manager/src/components/GenerateFirewallDialog/GenerateFirewallDialog.tsx +++ b/packages/manager/src/components/GenerateFirewallDialog/GenerateFirewallDialog.tsx @@ -1,4 +1,4 @@ -import { Button, Notice, Stack } from '@linode/ui'; +import { Button, Notice, Stack, Typography } from '@linode/ui'; import React from 'react'; import { useFlags } from 'src/hooks/useFlags'; @@ -8,7 +8,6 @@ import { Dialog } from '../Dialog/Dialog'; import { ErrorMessage } from '../ErrorMessage'; import { LinearProgress } from '../LinearProgress'; import { Link } from '../Link'; -import { Typography } from '../Typography'; import { useCreateFirewallFromTemplate } from './useCreateFirewallFromTemplate'; import type { Firewall } from '@linode/api-v4'; diff --git a/packages/manager/src/components/HighlightedMarkdown/HighlightedMarkdown.tsx b/packages/manager/src/components/HighlightedMarkdown/HighlightedMarkdown.tsx index 95f9aa966d1..97e87c753cd 100644 --- a/packages/manager/src/components/HighlightedMarkdown/HighlightedMarkdown.tsx +++ b/packages/manager/src/components/HighlightedMarkdown/HighlightedMarkdown.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import * as hljs from 'highlight.js'; import apache from 'highlight.js/lib/languages/apache'; import bash from 'highlight.js/lib/languages/bash'; @@ -8,7 +9,6 @@ import HLJSDarkTheme from 'highlight.js/styles/a11y-dark.css?raw'; import HLJSLightTheme from 'highlight.js/styles/a11y-light.css?raw'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import 'src/formatted-text.css'; import { unsafe_MarkdownIt } from 'src/utilities/markdown'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; diff --git a/packages/manager/src/components/ImageSelect/ImageOption.tsx b/packages/manager/src/components/ImageSelect/ImageOption.tsx index 55c105bd6ad..208f88224cb 100644 --- a/packages/manager/src/components/ImageSelect/ImageOption.tsx +++ b/packages/manager/src/components/ImageSelect/ImageOption.tsx @@ -1,4 +1,4 @@ -import { Stack, Tooltip } from '@linode/ui'; +import { Stack, Tooltip, Typography } from '@linode/ui'; import React from 'react'; import CloudInitIcon from 'src/assets/icons/cloud-init.svg'; @@ -6,7 +6,6 @@ import { ListItemOption } from 'src/components/ListItemOption'; import { useFlags } from 'src/hooks/useFlags'; import { OSIcon } from '../OSIcon'; -import { Typography } from '../Typography'; import { isImageDeprecated } from './utilities'; import type { Image } from '@linode/api-v4'; diff --git a/packages/manager/src/components/LineGraph/LineGraph.tsx b/packages/manager/src/components/LineGraph/LineGraph.tsx index 745e6a27af1..3cf464e8199 100644 --- a/packages/manager/src/components/LineGraph/LineGraph.tsx +++ b/packages/manager/src/components/LineGraph/LineGraph.tsx @@ -2,6 +2,7 @@ * ONLY USED IN LONGVIEW * Delete when Lonview is sunsetted, along with AccessibleGraphData */ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; import { Chart } from 'chart.js'; @@ -11,7 +12,6 @@ import * as React from 'react'; import { humanizeLargeData } from 'src/components/AreaChart/utils'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { setUpCharts } from 'src/utilities/charts'; import { roundTo } from 'src/utilities/roundTo'; diff --git a/packages/manager/src/components/LineGraph/MetricsDisplay.tsx b/packages/manager/src/components/LineGraph/MetricsDisplay.tsx index 1f767e972fa..e60a22b46f2 100644 --- a/packages/manager/src/components/LineGraph/MetricsDisplay.tsx +++ b/packages/manager/src/components/LineGraph/MetricsDisplay.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { StyledButton, diff --git a/packages/manager/src/components/LinodeResizeAllocationError.tsx b/packages/manager/src/components/LinodeResizeAllocationError.tsx index b13f2b833a1..8872e74de69 100644 --- a/packages/manager/src/components/LinodeResizeAllocationError.tsx +++ b/packages/manager/src/components/LinodeResizeAllocationError.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; export const LinodeResizeAllocationError = () => { return ( diff --git a/packages/manager/src/components/LongviewLineGraph/LongviewLineGraph.tsx b/packages/manager/src/components/LongviewLineGraph/LongviewLineGraph.tsx index 67551fdbdf2..b555d04a789 100644 --- a/packages/manager/src/components/LongviewLineGraph/LongviewLineGraph.tsx +++ b/packages/manager/src/components/LongviewLineGraph/LongviewLineGraph.tsx @@ -1,10 +1,9 @@ -import { Divider } from '@linode/ui'; +import { Divider, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LineGraph } from 'src/components/LineGraph/LineGraph'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; import type { diff --git a/packages/manager/src/components/MainContentBanner.tsx b/packages/manager/src/components/MainContentBanner.tsx index a71c8fb0f37..60678184e50 100644 --- a/packages/manager/src/components/MainContentBanner.tsx +++ b/packages/manager/src/components/MainContentBanner.tsx @@ -1,10 +1,9 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import { IconButton } from '@mui/material'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { useMutatePreferences, diff --git a/packages/manager/src/components/MaintenanceBanner/MaintenanceBanner.tsx b/packages/manager/src/components/MaintenanceBanner/MaintenanceBanner.tsx index 96a79f173f3..402536b26f5 100644 --- a/packages/manager/src/components/MaintenanceBanner/MaintenanceBanner.tsx +++ b/packages/manager/src/components/MaintenanceBanner/MaintenanceBanner.tsx @@ -1,8 +1,7 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'react-router-dom'; -import { Typography } from 'src/components/Typography'; import { PENDING_MAINTENANCE_FILTER } from 'src/features/Account/Maintenance/utilities'; import { useAllAccountMaintenanceQuery } from 'src/queries/account/maintenance'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/components/MaintenanceScreen.tsx b/packages/manager/src/components/MaintenanceScreen.tsx index 41312a43ba4..00d1f5abb78 100644 --- a/packages/manager/src/components/MaintenanceScreen.tsx +++ b/packages/manager/src/components/MaintenanceScreen.tsx @@ -1,4 +1,4 @@ -import { Box, Stack } from '@linode/ui'; +import { Box, Stack, Typography } from '@linode/ui'; import BuildIcon from '@mui/icons-material/Build'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import Logo from 'src/assets/logo/akamai-logo.svg'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/MigrateError.tsx b/packages/manager/src/components/MigrateError.tsx index aa736d7e689..1050677c689 100644 --- a/packages/manager/src/components/MigrateError.tsx +++ b/packages/manager/src/components/MigrateError.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { SupportLink } from 'src/components/SupportLink'; -import { Typography } from 'src/components/Typography'; import type { EntityForTicketDetails } from './SupportLink/SupportLink'; diff --git a/packages/manager/src/components/MultipleIPInput/MultipleIPInput.tsx b/packages/manager/src/components/MultipleIPInput/MultipleIPInput.tsx index 325382742ce..2080d9a92ba 100644 --- a/packages/manager/src/components/MultipleIPInput/MultipleIPInput.tsx +++ b/packages/manager/src/components/MultipleIPInput/MultipleIPInput.tsx @@ -1,4 +1,11 @@ -import { Button, InputLabel, Notice, TextField, TooltipIcon } from '@linode/ui'; +import { + Button, + InputLabel, + Notice, + TextField, + TooltipIcon, + Typography, +} from '@linode/ui'; import Close from '@mui/icons-material/Close'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -6,7 +13,6 @@ import { makeStyles } from 'tss-react/mui'; import { LinkButton } from 'src/components/LinkButton'; import { StyledLinkButtonBox } from 'src/components/SelectFirewallPanel/SelectFirewallPanel'; -import { Typography } from 'src/components/Typography'; import type { InputBaseProps } from '@mui/material/InputBase'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/PasswordInput/StrengthIndicator.tsx b/packages/manager/src/components/PasswordInput/StrengthIndicator.tsx index d64a2d4e88b..730b31ee8d0 100644 --- a/packages/manager/src/components/PasswordInput/StrengthIndicator.tsx +++ b/packages/manager/src/components/PasswordInput/StrengthIndicator.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; -import { Theme } from '@mui/material/styles'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; +import type { Theme } from '@mui/material/styles'; type StrengthValues = 0 | 1 | 2 | 3 | 4 | null; diff --git a/packages/manager/src/components/PaymentMethodRow/ThirdPartyPayment.tsx b/packages/manager/src/components/PaymentMethodRow/ThirdPartyPayment.tsx index 2b974fab87b..1bdd3d2c836 100644 --- a/packages/manager/src/components/PaymentMethodRow/ThirdPartyPayment.tsx +++ b/packages/manager/src/components/PaymentMethodRow/ThirdPartyPayment.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { makeStyles } from 'tss-react/mui'; import GooglePayIcon from 'src/assets/icons/payment/googlePay.svg'; import PayPalIcon from 'src/assets/icons/payment/payPal.svg'; -import { Typography } from 'src/components/Typography'; import CreditCard from 'src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard'; import { MaskableText } from '../MaskableText/MaskableText'; diff --git a/packages/manager/src/components/Placeholder/Placeholder.tsx b/packages/manager/src/components/Placeholder/Placeholder.tsx index 842df956b49..8b9914b00fa 100644 --- a/packages/manager/src/components/Placeholder/Placeholder.tsx +++ b/packages/manager/src/components/Placeholder/Placeholder.tsx @@ -1,9 +1,8 @@ -import { Button, H1Header, fadeIn } from '@linode/ui'; +import { Button, H1Header, Typography, fadeIn } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import * as React from 'react'; import LinodeIcon from 'src/assets/addnewmenu/linode.svg'; -import { Typography } from 'src/components/Typography'; import { TransferDisplay } from '../TransferDisplay/TransferDisplay'; diff --git a/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx b/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx index 47e9dab10a5..1bbb41870a3 100644 --- a/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx +++ b/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx @@ -1,11 +1,10 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import Button from '@mui/material/Button'; import * as React from 'react'; import { Link } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; import HeavenlyBucketIcon from 'src/assets/icons/promotionalOffers/heavenly-bucket.svg'; -import { Typography } from 'src/components/Typography'; import { OFFSITE_URL_REGEX, ONSITE_URL_REGEX } from 'src/constants'; import { useWindowDimensions } from 'src/hooks/useWindowDimensions'; diff --git a/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts b/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts index 5f715da92d9..aa8861fbc5a 100644 --- a/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts +++ b/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts @@ -1,11 +1,9 @@ -import { Box, omittedProps } from '@linode/ui'; +import { Box, Typography, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; -import { Typography } from '../Typography'; - import type { RemovableSelectionsListProps } from './RemovableSelectionsList'; export const StyledNoAssignedLinodesBox = styled(Box, { diff --git a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx index ce3198c04c4..27d62e1e80f 100644 --- a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx +++ b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx @@ -1,8 +1,7 @@ -import { Box, Paper, Stack } from '@linode/ui'; +import { Box, Paper, Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { CreateFirewallDrawer } from 'src/features/Firewalls/FirewallLanding/CreateFirewallDrawer'; import { useFlags } from 'src/hooks/useFlags'; import { useSecureVMNoticesEnabled } from 'src/hooks/useSecureVMNoticesEnabled'; diff --git a/packages/manager/src/components/SelectRegionPanel/RegionHelperText.tsx b/packages/manager/src/components/SelectRegionPanel/RegionHelperText.tsx index 0844cce2290..b677cba9286 100644 --- a/packages/manager/src/components/SelectRegionPanel/RegionHelperText.tsx +++ b/packages/manager/src/components/SelectRegionPanel/RegionHelperText.tsx @@ -1,8 +1,7 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { BoxProps } from '@linode/ui'; diff --git a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx index a655dd4489a..d67d7e9c573 100644 --- a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx +++ b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.stories.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { ShowMoreExpansion } from './ShowMoreExpansion'; import type { ShowMoreExpansionProps } from './ShowMoreExpansion'; diff --git a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.test.tsx b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.test.tsx index b45070b2b6d..c5128d7dc1a 100644 --- a/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.test.tsx +++ b/packages/manager/src/components/ShowMoreExpansion/ShowMoreExpansion.test.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import { fireEvent } from '@testing-library/react'; import React from 'react'; -import { Typography } from 'src/components/Typography'; import { renderWithTheme } from 'src/utilities/testHelpers'; import { ShowMoreExpansion } from './ShowMoreExpansion'; diff --git a/packages/manager/src/components/StackScript/StackScript.tsx b/packages/manager/src/components/StackScript/StackScript.tsx index 2b832e8b1db..7ad79f8138c 100644 --- a/packages/manager/src/components/StackScript/StackScript.tsx +++ b/packages/manager/src/components/StackScript/StackScript.tsx @@ -1,4 +1,12 @@ -import { Box, Button, Chip, Divider, H1Header, TooltipIcon } from '@linode/ui'; +import { + Box, + Button, + Chip, + Divider, + H1Header, + TooltipIcon, + Typography, +} from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Link, useHistory } from 'react-router-dom'; @@ -7,7 +15,6 @@ import { makeStyles } from 'tss-react/mui'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { ScriptCode } from 'src/components/ScriptCode/ScriptCode'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { listToItemsByID } from 'src/queries/base'; import { useAllImagesQuery } from 'src/queries/images'; diff --git a/packages/manager/src/components/SupportTicketGeneralError.tsx b/packages/manager/src/components/SupportTicketGeneralError.tsx index e3c64a64292..91d64171b28 100644 --- a/packages/manager/src/components/SupportTicketGeneralError.tsx +++ b/packages/manager/src/components/SupportTicketGeneralError.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import React from 'react'; @@ -5,7 +6,6 @@ import { SupportLink } from 'src/components/SupportLink'; import { capitalize } from 'src/utilities/capitalize'; import { supportTextRegex } from './ErrorMessage'; -import { Typography } from './Typography'; import type { EntityForTicketDetails } from './SupportLink/SupportLink'; import type { FormPayloadValues } from 'src/features/Support/SupportTickets/SupportTicketDialog'; diff --git a/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx b/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx index 5a678a2b89b..4602d14b363 100644 --- a/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx +++ b/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, Paper, Tooltip } from '@linode/ui'; +import { Box, Notice, Paper, Tooltip, Typography } from '@linode/ui'; import HelpOutline from '@mui/icons-material/HelpOutline'; import { styled } from '@mui/material/styles'; import React, { useEffect, useState } from 'react'; @@ -8,7 +8,6 @@ import { TabList } from 'src/components/Tabs/TabList'; import { TabPanel } from 'src/components/Tabs/TabPanel'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/TableFooter.stories.tsx b/packages/manager/src/components/TableFooter.stories.tsx index e5066d7d460..4f43aa61f34 100644 --- a/packages/manager/src/components/TableFooter.stories.tsx +++ b/packages/manager/src/components/TableFooter.stories.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { Table } from 'src/components/Table'; @@ -7,7 +8,6 @@ import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableFooter } from './TableFooter'; -import { Typography } from './Typography'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/Tabs/Tabs.stories.tsx b/packages/manager/src/components/Tabs/Tabs.stories.tsx index 89d488081d8..12b127768fb 100644 --- a/packages/manager/src/components/Tabs/Tabs.stories.tsx +++ b/packages/manager/src/components/Tabs/Tabs.stories.tsx @@ -1,10 +1,9 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { TabLinkList } from './TabLinkList'; diff --git a/packages/manager/src/components/TextTooltip/TextTooltip.stories.tsx b/packages/manager/src/components/TextTooltip/TextTooltip.stories.tsx index 5bdbf80d011..c89cc737c92 100644 --- a/packages/manager/src/components/TextTooltip/TextTooltip.stories.tsx +++ b/packages/manager/src/components/TextTooltip/TextTooltip.stories.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { TextTooltip } from './TextTooltip'; import type { TextTooltipProps } from './TextTooltip'; diff --git a/packages/manager/src/components/TextTooltip/TextTooltip.tsx b/packages/manager/src/components/TextTooltip/TextTooltip.tsx index 9a1f1f43979..5a7f3ffc206 100644 --- a/packages/manager/src/components/TextTooltip/TextTooltip.tsx +++ b/packages/manager/src/components/TextTooltip/TextTooltip.tsx @@ -1,12 +1,10 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - +import type { TypographyProps } from '@linode/ui'; import type { SxProps, Theme } from '@mui/material'; import type { TooltipProps } from '@mui/material/Tooltip'; -import type { TypographyProps } from 'src/components/Typography'; export interface TextTooltipProps { /** diff --git a/packages/manager/src/components/Tile/Tile.tsx b/packages/manager/src/components/Tile/Tile.tsx index fd7e48ee97f..200a07bde1d 100644 --- a/packages/manager/src/components/Tile/Tile.tsx +++ b/packages/manager/src/components/Tile/Tile.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import Button from '@mui/material/Button'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useStyles } from './Tile.styles'; diff --git a/packages/manager/src/components/TransferDisplay/TransferDisplay.tsx b/packages/manager/src/components/TransferDisplay/TransferDisplay.tsx index 90ae6e5651c..e878fa4db59 100644 --- a/packages/manager/src/components/TransferDisplay/TransferDisplay.tsx +++ b/packages/manager/src/components/TransferDisplay/TransferDisplay.tsx @@ -1,7 +1,6 @@ -import { Box, CircleProgress, StyledLinkButton } from '@linode/ui'; +import { Box, CircleProgress, StyledLinkButton, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useAccountNetworkTransfer } from 'src/queries/account/transfer'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/components/TransferDisplay/TransferDisplayDialog.tsx b/packages/manager/src/components/TransferDisplay/TransferDisplayDialog.tsx index 3b50311095b..e74567adf10 100644 --- a/packages/manager/src/components/TransferDisplay/TransferDisplayDialog.tsx +++ b/packages/manager/src/components/TransferDisplay/TransferDisplayDialog.tsx @@ -1,11 +1,10 @@ -import { Box, Divider } from '@linode/ui'; -import { useTheme } from '@mui/material/styles'; +import { Box, Divider, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; +import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Dialog } from 'src/components/Dialog/Dialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useIsGeckoEnabled } from '../RegionSelect/RegionSelect.utils'; import { NETWORK_TRANSFER_USAGE_AND_COST_LINK } from './constants'; diff --git a/packages/manager/src/components/TransferDisplay/TransferDisplayDialogHeader.tsx b/packages/manager/src/components/TransferDisplay/TransferDisplayDialogHeader.tsx index d15cb4e826e..62b6cacbad2 100644 --- a/packages/manager/src/components/TransferDisplay/TransferDisplayDialogHeader.tsx +++ b/packages/manager/src/components/TransferDisplay/TransferDisplayDialogHeader.tsx @@ -1,9 +1,7 @@ -import { TooltipIcon } from '@linode/ui'; +import { TooltipIcon, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface Props { dataTestId: string; headerText: string; diff --git a/packages/manager/src/components/TransferDisplay/TransferDisplayUsage.tsx b/packages/manager/src/components/TransferDisplay/TransferDisplayUsage.tsx index 75d072be66c..075cf7cb4b9 100644 --- a/packages/manager/src/components/TransferDisplay/TransferDisplayUsage.tsx +++ b/packages/manager/src/components/TransferDisplay/TransferDisplayUsage.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { BarPercent } from 'src/components/BarPercent'; -import { Typography } from 'src/components/Typography'; import { formatPoolUsagePct } from './utils'; diff --git a/packages/manager/src/components/TypeToConfirm/TypeToConfirm.tsx b/packages/manager/src/components/TypeToConfirm/TypeToConfirm.tsx index a832cb1630a..7c88b881acd 100644 --- a/packages/manager/src/components/TypeToConfirm/TypeToConfirm.tsx +++ b/packages/manager/src/components/TypeToConfirm/TypeToConfirm.tsx @@ -1,8 +1,7 @@ -import { TextField } from '@linode/ui'; +import { TextField, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { TextFieldProps } from '@linode/ui'; diff --git a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx index e3b308e52f7..4b4853c371a 100644 --- a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx +++ b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.test.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import { fireEvent } from '@testing-library/react'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { renderWithTheme } from 'src/utilities/testHelpers'; import { TypeToConfirmDialog } from './TypeToConfirmDialog'; diff --git a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx index 73a00ea2d21..1132f9cd7d3 100644 --- a/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx +++ b/packages/manager/src/components/TypeToConfirmDialog/TypeToConfirmDialog.tsx @@ -1,17 +1,14 @@ -import { APIError } from '@linode/api-v4/lib/types'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; -import { - ConfirmationDialog, - ConfirmationDialogProps, -} from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { - TypeToConfirm, - TypeToConfirmProps, -} from 'src/components/TypeToConfirm/TypeToConfirm'; +import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; +import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm'; import { usePreferences } from 'src/queries/profile/preferences'; +import type { APIError } from '@linode/api-v4/lib/types'; +import type { ConfirmationDialogProps } from 'src/components/ConfirmationDialog/ConfirmationDialog'; +import type { TypeToConfirmProps } from 'src/components/TypeToConfirm/TypeToConfirm'; + interface EntityInfo { action?: | 'cancellation' diff --git a/packages/manager/src/components/Uploaders/FileUpload.styles.ts b/packages/manager/src/components/Uploaders/FileUpload.styles.ts index 66ab50509d3..d33745e45c0 100644 --- a/packages/manager/src/components/Uploaders/FileUpload.styles.ts +++ b/packages/manager/src/components/Uploaders/FileUpload.styles.ts @@ -1,9 +1,8 @@ -import { rotate360 } from '@linode/ui'; +import { Typography, rotate360 } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { makeStyles } from 'tss-react/mui'; import UploadPending from 'src/assets/icons/uploadPending.svg'; -import { Typography } from 'src/components/Typography'; import type { FileUploadProps } from './FileUpload'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/Uploaders/FileUpload.tsx b/packages/manager/src/components/Uploaders/FileUpload.tsx index 51b5e81b1d2..79abd889eda 100644 --- a/packages/manager/src/components/Uploaders/FileUpload.tsx +++ b/packages/manager/src/components/Uploaders/FileUpload.tsx @@ -1,10 +1,9 @@ -import { Button, Tooltip } from '@linode/ui'; +import { Button, Tooltip, Typography } from '@linode/ui'; import * as React from 'react'; import CautionIcon from 'src/assets/icons/caution.svg'; import FileUploadComplete from 'src/assets/icons/fileUploadComplete.svg'; import { LinearProgress } from 'src/components/LinearProgress'; -import { Typography } from 'src/components/Typography'; import { readableBytes } from 'src/utilities/unitConversions'; import { diff --git a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts index 8f31c64d772..fd58e087129 100644 --- a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts +++ b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts @@ -1,8 +1,6 @@ -import { Button, omittedProps } from '@linode/ui'; +import { Button, Typography, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - interface DropZoneClassProps { dropzoneDisabled: boolean; isDragAccept: boolean; diff --git a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.tsx b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.tsx index a4c09edaccc..9386d2150fa 100644 --- a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.tsx +++ b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.tsx @@ -1,11 +1,10 @@ -import { Box, Button, Stack } from '@linode/ui'; +import { Box, Button, Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material'; import { Duration } from 'luxon'; import * as React from 'react'; import { useDropzone } from 'react-dropzone'; import { BarPercent } from 'src/components/BarPercent'; -import { Typography } from 'src/components/Typography'; import { MAX_FILE_SIZE_IN_BYTES } from 'src/components/Uploaders/reducer'; import { readableBytes } from 'src/utilities/unitConversions'; diff --git a/packages/manager/src/components/Uploaders/ObjectUploader/ObjectUploader.styles.ts b/packages/manager/src/components/Uploaders/ObjectUploader/ObjectUploader.styles.ts index 28dccc4fccb..95d02b85a5f 100644 --- a/packages/manager/src/components/Uploaders/ObjectUploader/ObjectUploader.styles.ts +++ b/packages/manager/src/components/Uploaders/ObjectUploader/ObjectUploader.styles.ts @@ -1,8 +1,7 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; - import type { Theme } from '@mui/material/styles'; export const StyledFileUploadsContainer = styled('div', { diff --git a/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.stories.tsx b/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.stories.tsx index f455e4dce7a..dbfc6be04e4 100644 --- a/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.stories.tsx +++ b/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.stories.tsx @@ -1,9 +1,10 @@ -import { Meta, StoryObj } from '@storybook/react'; +import { Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from '../Typography'; import { VerticalLinearStepper } from './VerticalLinearStepper'; +import type { Meta, StoryObj } from '@storybook/react'; + const meta: Meta = { component: VerticalLinearStepper, title: 'Components/VerticalLinearStepper', diff --git a/packages/manager/src/features/Account/AccountLogins.tsx b/packages/manager/src/features/Account/AccountLogins.tsx index f9fddc29fbb..265c33616bc 100644 --- a/packages/manager/src/features/Account/AccountLogins.tsx +++ b/packages/manager/src/features/Account/AccountLogins.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -13,7 +13,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; import { useAccountLoginsQuery } from 'src/queries/account/logins'; diff --git a/packages/manager/src/features/Account/Agreements/EUAgreementCheckbox.tsx b/packages/manager/src/features/Account/Agreements/EUAgreementCheckbox.tsx index 5762cb9651e..01bb0b06c90 100644 --- a/packages/manager/src/features/Account/Agreements/EUAgreementCheckbox.tsx +++ b/packages/manager/src/features/Account/Agreements/EUAgreementCheckbox.tsx @@ -1,9 +1,8 @@ -import { Box, Checkbox } from '@linode/ui'; +import { Box, Checkbox, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; interface Props { centerCheckbox?: boolean; diff --git a/packages/manager/src/features/Account/AutoBackups.tsx b/packages/manager/src/features/Account/AutoBackups.tsx index 5386207805a..cc0ffe044f4 100644 --- a/packages/manager/src/features/Account/AutoBackups.tsx +++ b/packages/manager/src/features/Account/AutoBackups.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -7,7 +7,6 @@ import { Accordion } from 'src/components/Accordion'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Account/CloseAccountDialog.tsx b/packages/manager/src/features/Account/CloseAccountDialog.tsx index a3e873e652e..f153f7c2b13 100644 --- a/packages/manager/src/features/Account/CloseAccountDialog.tsx +++ b/packages/manager/src/features/Account/CloseAccountDialog.tsx @@ -1,12 +1,11 @@ import { cancelAccount } from '@linode/api-v4/lib/account'; -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import type { APIError } from '@linode/api-v4/lib/types'; diff --git a/packages/manager/src/features/Account/EnableManaged.tsx b/packages/manager/src/features/Account/EnableManaged.tsx index 9fe760fc6dc..64f97c074b4 100644 --- a/packages/manager/src/features/Account/EnableManaged.tsx +++ b/packages/manager/src/features/Account/EnableManaged.tsx @@ -1,5 +1,5 @@ import { enableManaged } from '@linode/api-v4/lib/managed'; -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { useQueryClient } from '@tanstack/react-query'; import * as React from 'react'; @@ -9,7 +9,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; import { SupportLink } from 'src/components/SupportLink'; -import { Typography } from 'src/components/Typography'; import { updateAccountSettingsData } from 'src/queries/account/settings'; import { useLinodesQuery } from 'src/queries/linodes/linodes'; import { pluralize } from 'src/utilities/pluralize'; diff --git a/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx b/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx index 05e5949d160..0aa4bec91e7 100644 --- a/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx +++ b/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx @@ -1,5 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ -import { Box, Paper } from '@linode/ui'; +import { Box, Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -15,7 +15,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useFormattedDate } from 'src/hooks/useFormattedDate'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; diff --git a/packages/manager/src/features/Account/NetworkHelper.tsx b/packages/manager/src/features/Account/NetworkHelper.tsx index f7aa13ef4cc..8c8f0a36700 100644 --- a/packages/manager/src/features/Account/NetworkHelper.tsx +++ b/packages/manager/src/features/Account/NetworkHelper.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Accordion } from 'src/components/Accordion'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; interface Props { networkHelperEnabled: boolean; diff --git a/packages/manager/src/features/Account/ObjectStorageSettings.tsx b/packages/manager/src/features/Account/ObjectStorageSettings.tsx index 7b914ccfc6f..93c225934bf 100644 --- a/packages/manager/src/features/Account/ObjectStorageSettings.tsx +++ b/packages/manager/src/features/Account/ObjectStorageSettings.tsx @@ -1,11 +1,17 @@ -import { Box, Button, CircleProgress, Notice, Stack } from '@linode/ui'; +import { + Box, + Button, + CircleProgress, + Notice, + Stack, + Typography, +} from '@linode/ui'; import { enqueueSnackbar } from 'notistack'; import * as React from 'react'; import { Accordion } from 'src/components/Accordion'; import { Link } from 'src/components/Link'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useAccountSettings } from 'src/queries/account/settings'; import { useCancelObjectStorageMutation } from 'src/queries/object-storage/queries'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Account/SwitchAccountDrawer.tsx b/packages/manager/src/features/Account/SwitchAccountDrawer.tsx index 5f703a88525..c9b32879308 100644 --- a/packages/manager/src/features/Account/SwitchAccountDrawer.tsx +++ b/packages/manager/src/features/Account/SwitchAccountDrawer.tsx @@ -1,9 +1,8 @@ -import { Notice, StyledLinkButton } from '@linode/ui'; +import { Notice, StyledLinkButton, Typography } from '@linode/ui'; import React from 'react'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { PARENT_USER_SESSION_EXPIRED } from 'src/features/Account/constants'; import { useParentChildAuthentication } from 'src/features/Account/SwitchAccounts/useParentChildAuthentication'; import { setTokenInLocalStorage } from 'src/features/Account/SwitchAccounts/utils'; diff --git a/packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.tsx b/packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.tsx index c3715b0a1a2..ddc14c0a132 100644 --- a/packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.tsx +++ b/packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, Button, @@ -10,7 +11,6 @@ import React, { useState } from 'react'; import { Waypoint } from 'react-waypoint'; import ErrorStateCloud from 'src/assets/icons/error-state-cloud.svg'; -import { Typography } from 'src/components/Typography'; import { useChildAccountsInfiniteQuery } from 'src/queries/account/account'; import type { Filter, UserType } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Account/SwitchAccounts/SessionExpirationDialog.tsx b/packages/manager/src/features/Account/SwitchAccounts/SessionExpirationDialog.tsx index 91d8eec4bef..9bb00b35195 100644 --- a/packages/manager/src/features/Account/SwitchAccounts/SessionExpirationDialog.tsx +++ b/packages/manager/src/features/Account/SwitchAccounts/SessionExpirationDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React, { useEffect } from 'react'; import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { sessionExpirationContext as _sessionExpirationContext } from 'src/context/sessionExpirationContext'; import { useParentChildAuthentication } from 'src/features/Account/SwitchAccounts/useParentChildAuthentication'; import { setTokenInLocalStorage } from 'src/features/Account/SwitchAccounts/utils'; diff --git a/packages/manager/src/features/Account/SwitchAccounts/SwitchAccountSessionDialog.tsx b/packages/manager/src/features/Account/SwitchAccounts/SwitchAccountSessionDialog.tsx index f0646c14870..524c1561e9a 100644 --- a/packages/manager/src/features/Account/SwitchAccounts/SwitchAccountSessionDialog.tsx +++ b/packages/manager/src/features/Account/SwitchAccounts/SwitchAccountSessionDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { sendSwitchAccountSessionExpiryEvent } from 'src/utilities/analytics/customEventAnalytics'; export const SwitchAccountSessionDialog = React.memo( diff --git a/packages/manager/src/features/Backups/AutoEnroll.tsx b/packages/manager/src/features/Backups/AutoEnroll.tsx index 1a7b8a2f138..817a038a425 100644 --- a/packages/manager/src/features/Backups/AutoEnroll.tsx +++ b/packages/manager/src/features/Backups/AutoEnroll.tsx @@ -1,11 +1,10 @@ -import { Notice, Paper } from '@linode/ui'; +import { Notice, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; interface AutoEnrollProps { enabled: boolean; diff --git a/packages/manager/src/features/Backups/BackupDrawer.tsx b/packages/manager/src/features/Backups/BackupDrawer.tsx index b1cb2884b59..7e8dfefa222 100644 --- a/packages/manager/src/features/Backups/BackupDrawer.tsx +++ b/packages/manager/src/features/Backups/BackupDrawer.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, Stack } from '@linode/ui'; +import { Box, Notice, Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -14,7 +14,6 @@ import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; -import { Typography } from 'src/components/Typography'; import { useAccountSettings, useMutateAccountSettings, diff --git a/packages/manager/src/features/Backups/BackupLinodeRow.tsx b/packages/manager/src/features/Backups/BackupLinodeRow.tsx index 7ebeaae2b3a..218e9fdc669 100644 --- a/packages/manager/src/features/Backups/BackupLinodeRow.tsx +++ b/packages/manager/src/features/Backups/BackupLinodeRow.tsx @@ -1,9 +1,8 @@ -import { Linode, PriceObject } from '@linode/api-v4'; +import { Typography } from '@linode/ui'; import * as React from 'react'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { useTypeQuery } from 'src/queries/types'; import { getMonthlyBackupsPrice } from 'src/utilities/pricing/backups'; @@ -12,6 +11,8 @@ import { UNKNOWN_PRICE, } from 'src/utilities/pricing/constants'; +import type { Linode, PriceObject } from '@linode/api-v4'; + interface Props { error?: string; linode: Linode; diff --git a/packages/manager/src/features/Backups/BackupsCTA.tsx b/packages/manager/src/features/Backups/BackupsCTA.tsx index 0b745ff6678..5b80cef2c40 100644 --- a/packages/manager/src/features/Backups/BackupsCTA.tsx +++ b/packages/manager/src/features/Backups/BackupsCTA.tsx @@ -1,8 +1,7 @@ -import { Box, StyledLinkButton } from '@linode/ui'; +import { Box, StyledLinkButton, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useAccountSettings } from 'src/queries/account/settings'; import { useAllLinodesQuery } from 'src/queries/linodes/linodes'; import { diff --git a/packages/manager/src/features/Betas/BetaDetails.tsx b/packages/manager/src/features/Betas/BetaDetails.tsx index ab3e94ecd54..31edc4b88c8 100644 --- a/packages/manager/src/features/Betas/BetaDetails.tsx +++ b/packages/manager/src/features/Betas/BetaDetails.tsx @@ -1,10 +1,9 @@ -import { Button, Stack } from '@linode/ui'; +import { Button, Stack, Typography } from '@linode/ui'; import { useNavigate } from '@tanstack/react-router'; import * as React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { AccountBeta, Beta } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Betas/BetaDetailsList.tsx b/packages/manager/src/features/Betas/BetaDetailsList.tsx index cd5a73da05d..3b209df9705 100644 --- a/packages/manager/src/features/Betas/BetaDetailsList.tsx +++ b/packages/manager/src/features/Betas/BetaDetailsList.tsx @@ -1,8 +1,7 @@ -import { CircleProgress, Divider, Paper, Stack } from '@linode/ui'; +import { CircleProgress, Divider, Paper, Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import BetaDetails from './BetaDetails'; diff --git a/packages/manager/src/features/Betas/BetaSignup.tsx b/packages/manager/src/features/Betas/BetaSignup.tsx index b0d7088edce..d62a9e5e278 100644 --- a/packages/manager/src/features/Betas/BetaSignup.tsx +++ b/packages/manager/src/features/Betas/BetaSignup.tsx @@ -1,4 +1,4 @@ -import { Checkbox, CircleProgress, Paper, Stack } from '@linode/ui'; +import { Checkbox, CircleProgress, Paper, Stack, Typography } from '@linode/ui'; import { createLazyRoute, useNavigate, @@ -11,7 +11,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { HighlightedMarkdown } from 'src/components/HighlightedMarkdown/HighlightedMarkdown'; import { LandingHeader } from 'src/components/LandingHeader/LandingHeader'; import { NotFound } from 'src/components/NotFound'; -import { Typography } from 'src/components/Typography'; import { useCreateAccountBetaMutation } from 'src/queries/account/betas'; import { useBetaQuery } from 'src/queries/betas'; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.tsx index 4f9a13542c6..fdbc5d51c60 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingActivityPanel/BillingActivityPanel.tsx @@ -1,4 +1,5 @@ import { getInvoiceItems } from '@linode/api-v4/lib/account'; +import { Typography } from '@linode/ui'; import Paper from '@mui/material/Paper'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; @@ -23,7 +24,6 @@ import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import { ISO_DATETIME_NO_TZ_FORMAT } from 'src/constants'; import { getShouldUseAkamaiBilling } from 'src/features/Billing/billingUtils'; import { @@ -48,7 +48,7 @@ import { getAll } from 'src/utilities/getAll'; import { getTaxID } from '../../billingUtils'; import type { Invoice, InvoiceItem, Payment } from '@linode/api-v4/lib/account'; -import type { Theme, SxProps } from '@mui/material/styles'; +import type { SxProps, Theme } from '@mui/material/styles'; const useStyles = makeStyles()((theme: Theme) => ({ activeSince: { @@ -358,6 +358,11 @@ export const BillingActivityPanel = React.memo((props: Props) => { const lastItem = idx === orderedPaginatedData.length - 1; return ( { } : {} } - downloadPDF={ - thisItem.type === 'invoice' - ? downloadInvoicePDF - : downloadPaymentPDF - } hasError={pdfErrors.has(`${thisItem.type}-${thisItem.id}`)} isLoading={pdfLoading.has(`${thisItem.type}-${thisItem.id}`)} key={`${thisItem.type}-${thisItem.id}`} @@ -506,13 +506,13 @@ export const ActivityFeedItem = React.memo((props: ActivityFeedItemProps) => { const { classes } = useStyles(); const { - sxRow, date, downloadPDF, hasError, id, isLoading, label, + sxRow, total, type, } = props; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/BillingSummary.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/BillingSummary.tsx index 1b0f57bad6a..e78d27c002b 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/BillingSummary.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/BillingSummary.tsx @@ -1,11 +1,10 @@ -import { Box, Button, Divider, TooltipIcon } from '@linode/ui'; +import { Box, Button, Divider, TooltipIcon, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { useHistory, useLocation, useRouteMatch } from 'react-router-dom'; import { Currency } from 'src/components/Currency'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useNotificationsQuery } from 'src/queries/account/notifications'; import { useGrants } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard.tsx index 18649d7bd82..0f34db9b671 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -9,7 +9,6 @@ import JCBIcon from 'src/assets/icons/payment/jcb.svg'; import MastercardIcon from 'src/assets/icons/payment/mastercard.svg'; import VisaIcon from 'src/assets/icons/payment/visa.svg'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; -import { Typography } from 'src/components/Typography'; import { formatExpiry, isCreditCardExpired } from 'src/utilities/creditCard'; import type { diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentBits/CreditCardDialog.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentBits/CreditCardDialog.tsx index 5741aff6eef..c3db7b92f0d 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentBits/CreditCardDialog.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentBits/CreditCardDialog.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; interface Actions { cancel: () => void; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentDrawer.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentDrawer.tsx index dca232af14b..f912b0bfc06 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentDrawer.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/PaymentDrawer.tsx @@ -1,4 +1,5 @@ import { makePayment } from '@linode/api-v4/lib/account'; +import { Typography } from '@linode/ui'; import { Button, Divider, @@ -19,7 +20,6 @@ import { Drawer } from 'src/components/Drawer'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LinearProgress } from 'src/components/LinearProgress'; import { SupportLink } from 'src/components/SupportLink'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useAccount } from 'src/queries/account/account'; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDialog.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDialog.tsx index 9111db7cb70..4e9be23752d 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDialog.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDialog.tsx @@ -1,5 +1,5 @@ import { addPromotion } from '@linode/api-v4/lib'; -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { makeStyles } from 'tss-react/mui'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { accountQueries } from 'src/queries/account/queries'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDisplay.tsx b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDisplay.tsx index 3b69f5b77e2..341ac17de75 100644 --- a/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDisplay.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/BillingSummary/PromoDisplay.tsx @@ -1,10 +1,9 @@ -import { Box, TooltipIcon } from '@linode/ui'; +import { Box, TooltipIcon, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Currency } from 'src/components/Currency'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; -import { Typography } from 'src/components/Typography'; import type { ActivePromotion, diff --git a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.styles.ts b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.styles.ts index 50416d0bc6c..0011d6b7eda 100644 --- a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.styles.ts +++ b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.styles.ts @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import VisibilityHideIcon from 'src/assets/icons/visibilityHide.svg'; import VisibilityShowIcon from 'src/assets/icons/visibilityShow.svg'; -import { Typography } from 'src/components/Typography'; export const StyledTypography = styled(Typography)(({ theme }) => ({ '& .dif': { diff --git a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx index 90b57c660d8..a6ffc59c1e6 100644 --- a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx @@ -1,12 +1,11 @@ -import { Box, TooltipIcon } from '@linode/ui'; +import { Box, TooltipIcon, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { allCountries } from 'country-region-data'; -import { useState } from 'react'; import * as React from 'react'; +import { useState } from 'react'; import { useHistory, useRouteMatch } from 'react-router-dom'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { EDIT_BILLING_CONTACT } from 'src/features/Billing/constants'; import { StyledAutorenewIcon } from 'src/features/TopMenu/NotificationMenu/NotificationMenu'; diff --git a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/AddPaymentMethodDrawer/AddPaymentMethodDrawer.tsx b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/AddPaymentMethodDrawer/AddPaymentMethodDrawer.tsx index e7b28da13f0..49cbc3ee053 100644 --- a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/AddPaymentMethodDrawer/AddPaymentMethodDrawer.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/AddPaymentMethodDrawer/AddPaymentMethodDrawer.tsx @@ -1,10 +1,9 @@ -import { Box, Divider, Notice, TooltipIcon } from '@linode/ui'; +import { Box, Divider, Notice, TooltipIcon, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Drawer } from 'src/components/Drawer'; import { LinearProgress } from 'src/components/LinearProgress'; -import { Typography } from 'src/components/Typography'; import { MAXIMUM_PAYMENT_METHODS } from 'src/constants'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; diff --git a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentInformation.tsx b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentInformation.tsx index e8d74bc6607..607e47c00d5 100644 --- a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentInformation.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentInformation.tsx @@ -1,12 +1,11 @@ -import { PaymentMethod, deletePaymentMethod } from '@linode/api-v4/lib/account'; -import { APIError } from '@linode/api-v4/lib/types'; +import { deletePaymentMethod } from '@linode/api-v4/lib/account'; +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { useQueryClient } from '@tanstack/react-query'; import * as React from 'react'; import { useHistory, useRouteMatch } from 'react-router-dom'; import { DeletePaymentMethodDialog } from 'src/components/PaymentMethodRow/DeletePaymentMethodDialog'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { PaymentMethods } from 'src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentMethods'; import { ADD_PAYMENT_METHOD } from 'src/features/Billing/constants'; @@ -22,6 +21,8 @@ import { import AddPaymentMethodDrawer from './AddPaymentMethodDrawer'; import type { Profile } from '@linode/api-v4'; +import type { PaymentMethod } from '@linode/api-v4/lib/account'; +import type { APIError } from '@linode/api-v4/lib/types'; interface Props { error?: APIError[] | null; diff --git a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentMethods.tsx b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentMethods.tsx index 8d9213eab8a..ed243caf2e9 100644 --- a/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentMethods.tsx +++ b/packages/manager/src/features/Billing/BillingPanels/PaymentInfoPanel/PaymentMethods.tsx @@ -1,9 +1,8 @@ -import { CircleProgress } from '@linode/ui'; +import { CircleProgress, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { PaymentMethodRow } from 'src/components/PaymentMethodRow/PaymentMethodRow'; -import { Typography } from 'src/components/Typography'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import type { PaymentMethod } from '@linode/api-v4/lib/account/types'; diff --git a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx index 35b2f02b7e9..d6896013f79 100644 --- a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx +++ b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx @@ -1,5 +1,5 @@ import { getInvoice, getInvoiceItems } from '@linode/api-v4/lib/account'; -import { Box, Button, IconButton, Notice, Paper } from '@linode/ui'; +import { Box, Button, IconButton, Notice, Paper, Typography } from '@linode/ui'; import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; @@ -11,7 +11,6 @@ import { Currency } from 'src/components/Currency'; import { DownloadCSV } from 'src/components/DownloadCSV/DownloadCSV'; import { LandingHeader } from 'src/components/LandingHeader'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { printInvoice } from 'src/features/Billing/PdfGenerator/PdfGenerator'; import { useFlags } from 'src/hooks/useFlags'; import { useAccount } from 'src/queries/account/account'; diff --git a/packages/manager/src/features/CancelLanding/CancelLanding.tsx b/packages/manager/src/features/CancelLanding/CancelLanding.tsx index ddc10fa42d1..7a7f49f4848 100644 --- a/packages/manager/src/features/CancelLanding/CancelLanding.tsx +++ b/packages/manager/src/features/CancelLanding/CancelLanding.tsx @@ -1,11 +1,10 @@ -import { Button, H1Header } from '@linode/ui'; +import { Button, H1Header, Typography } from '@linode/ui'; import { path } from 'ramda'; import * as React from 'react'; import { Redirect, useLocation } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; import AkamaiLogo from 'src/assets/logo/akamai-logo.svg'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx index fb41ffeee51..36568009a37 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx @@ -1,9 +1,7 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { Route, Switch } from 'react-router-dom'; -import { Typography } from 'src/components/Typography'; - import { CreateAlertDefinition } from '../CreateAlert/CreateAlertDefinition'; export const AlertDefinitionLanding = () => { diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx index 07b0fa69486..218c4fb6b13 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx @@ -1,5 +1,4 @@ -import { Button } from '@linode/ui'; -import { Box, Paper } from '@linode/ui'; +import { Box, Button, Paper } from '@linode/ui'; import * as React from 'react'; import { Redirect, diff --git a/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx b/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx index 43d42c53a6e..3dde1a7d2c9 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx @@ -1,5 +1,5 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Paper, TextField } from '@linode/ui'; +import { Paper, TextField, Typography } from '@linode/ui'; import { createAlertDefinitionSchema } from '@linode/validation'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -8,7 +8,6 @@ import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Breadcrumb } from 'src/components/Breadcrumb/Breadcrumb'; -import { Typography } from 'src/components/Typography'; import { useCreateAlertDefinition } from 'src/queries/cloudpulse/alerts'; import { CloudPulseAlertSeveritySelect } from './GeneralInformation/AlertSeveritySelect'; diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx index 7cf89192e76..4015a53cc70 100644 --- a/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx +++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseDashboardSelect.tsx @@ -1,8 +1,7 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { useCloudPulseDashboardsQuery } from 'src/queries/cloudpulse/dashboards'; import { useCloudPulseServiceTypes } from 'src/queries/cloudpulse/services'; diff --git a/packages/manager/src/features/CloudPulse/shared/CloudPulseTooltip.test.tsx b/packages/manager/src/features/CloudPulse/shared/CloudPulseTooltip.test.tsx index a113c38da40..9b76c08dfa9 100644 --- a/packages/manager/src/features/CloudPulse/shared/CloudPulseTooltip.test.tsx +++ b/packages/manager/src/features/CloudPulse/shared/CloudPulseTooltip.test.tsx @@ -1,6 +1,6 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { renderWithTheme } from 'src/utilities/testHelpers'; import { CloudPulseTooltip } from './CloudPulseTooltip'; diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseClusterData.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseClusterData.tsx index 47cdce9018d..4fa6bd6013a 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseClusterData.tsx +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseClusterData.tsx @@ -1,10 +1,9 @@ -import { Divider } from '@linode/ui'; +import { Divider, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; -import { Typography } from 'src/components/Typography'; import { StyledLabelTooltip, StyledTextField, diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.style.ts b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.style.ts index a86596a5c02..ead4261b5cc 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.style.ts +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.style.ts @@ -1,8 +1,7 @@ -import { Box, Button, TextField } from '@linode/ui'; +import { Box, Button, TextField, Typography } from '@linode/ui'; import { Grid, styled } from '@mui/material'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { PlansPanel } from 'src/features/components/PlansPanel/PlansPanel'; export const StyledLabelTooltip = styled(Box, { diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreateAccessControls.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreateAccessControls.tsx index db9960b2a45..3df07268d21 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreateAccessControls.tsx +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreateAccessControls.tsx @@ -1,13 +1,12 @@ -import { Notice, Radio, RadioGroup } from '@linode/ui'; +import { Notice, Radio, RadioGroup, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; -import * as React from 'react'; import { useState } from 'react'; +import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; -import { Typography } from 'src/components/Typography'; import { ipFieldPlaceholder } from 'src/utilities/ipUtils'; import { useIsDatabasesEnabled } from '../utilities'; diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseNodeSelector.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseNodeSelector.tsx index 82a30994278..08618ddc8ad 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseNodeSelector.tsx +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseNodeSelector.tsx @@ -1,8 +1,7 @@ -import { FormControl, Notice, Radio, RadioGroup } from '@linode/ui'; +import { FormControl, Notice, Radio, RadioGroup, Typography } from '@linode/ui'; import React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Typography } from 'src/components/Typography'; import { StyledChip } from 'src/features/components/PlansPanel/PlanSelection.styles'; import { determineInitialPlanCategoryTab } from 'src/features/components/PlansPanel/utils'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseSummarySection.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseSummarySection.tsx index 7d6ee387e92..9c4cf4f9d13 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseSummarySection.tsx +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseSummarySection.tsx @@ -1,8 +1,6 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { StyledPlanSummarySpan } from '../DatabaseDetail/DatabaseResize/DatabaseResize.style'; import { useIsDatabasesEnabled } from '../utilities'; import { StyledSpan } from './DatabaseCreate.style'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/AccessControls.tsx b/packages/manager/src/features/Databases/DatabaseDetail/AccessControls.tsx index b56271bb2d3..bd3a81dbef4 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/AccessControls.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/AccessControls.tsx @@ -1,4 +1,4 @@ -import { Button, Notice } from '@linode/ui'; +import { Button, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -9,7 +9,6 @@ import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useDatabaseMutation } from 'src/queries/databases/databases'; import AddAccessControlDrawer from './AddAccessControlDrawer'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/AddAccessControlDrawer.tsx b/packages/manager/src/features/Databases/DatabaseDetail/AddAccessControlDrawer.tsx index c14f0c7e768..a6f79c07771 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/AddAccessControlDrawer.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/AddAccessControlDrawer.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useFormik } from 'formik'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -6,7 +6,6 @@ import { makeStyles } from 'tss-react/mui'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; -import { Typography } from 'src/components/Typography'; import { enforceIPMasks } from 'src/features/Firewalls/FirewallDetail/Rules/FirewallRuleDrawer.utils'; import { useDatabaseMutation } from 'src/queries/databases/databases'; import { handleAPIErrors } from 'src/utilities/formikErrorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.style.ts b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.style.ts index 2b00ab590c0..489da641902 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.style.ts +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.style.ts @@ -1,14 +1,14 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { DateCalendar } from '@mui/x-date-pickers'; -import { Typography } from 'src/components/Typography'; import { makeStyles } from 'tss-react/mui'; export const useStyles = makeStyles()(() => ({ timeAutocomplete: { - width: '140px', '.MuiBox-root': { marginTop: '0', }, + width: '140px', }, })); diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx index e119badbfeb..e8e5e20f018 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Divider, Notice, Paper } from '@linode/ui'; +import { Box, Button, Divider, Notice, Paper, Typography } from '@linode/ui'; import { FormControl, FormControlLabel, @@ -13,7 +13,6 @@ import * as React from 'react'; import { useParams } from 'react-router-dom'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { StyledDateCalendar, StyledTypography, diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackupsDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackupsDialog.tsx index e2d616f71fa..8a008064c04 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackupsDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackupsDialog.tsx @@ -1,12 +1,11 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; -import { useState } from 'react'; import * as React from 'react'; +import { useState } from 'react'; import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; import { useRestoreFromBackupMutation } from 'src/queries/databases/databases'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx index 318af63572d..c2698b06a0e 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx @@ -1,19 +1,21 @@ -import { APIError } from '@linode/api-v4'; -import type { Database, Engine } from '@linode/api-v4/lib/databases'; +import { Paper, Typography } from '@linode/ui'; import * as React from 'react'; -import { Paper } from '@linode/ui'; + import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import RestoreLegacyFromBackupDialog from 'src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/RestoreLegacyFromBackupDialog'; import { useOrder } from 'src/hooks/useOrder'; import { useDatabaseBackupsQuery } from 'src/queries/databases/databases'; + import DatabaseBackupTableBody from './DatabaseBackupTableBody'; +import type { APIError } from '@linode/api-v4'; +import type { Database, Engine } from '@linode/api-v4/lib/databases'; + interface Props { database: Database | undefined; databaseError: APIError[] | null; @@ -26,9 +28,9 @@ export const DatabaseBackupsLegacy = (props: Props) => { const { database, databaseError, - isDatabaseLoading, disabled, engine, + isDatabaseLoading, } = props; const [isRestoreDialogOpen, setIsRestoreDialogOpen] = React.useState(false); diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/RestoreLegacyFromBackupDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/RestoreLegacyFromBackupDialog.tsx index cc51b819756..8de84b10eee 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/RestoreLegacyFromBackupDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/RestoreLegacyFromBackupDialog.tsx @@ -1,10 +1,9 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useLegacyRestoreFromBackupMutation } from 'src/queries/databases/databases'; import { useProfile } from 'src/queries/profile/profile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx index 492becef638..3493749b278 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx @@ -1,11 +1,17 @@ -import { Box, CircleProgress, Divider, Notice, Paper } from '@linode/ui'; +import { + Box, + CircleProgress, + Divider, + Notice, + Paper, + Typography, +} from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { determineInitialPlanCategoryTab } from 'src/features/components/PlansPanel/utils'; import { DatabaseNodeSelector } from 'src/features/Databases/DatabaseCreate/DatabaseNodeSelector'; import { DatabaseSummarySection } from 'src/features/Databases/DatabaseCreate/DatabaseSummarySection'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.style.ts b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.style.ts index 3fb54294a4b..de221b929d5 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.style.ts +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResizeCurrentConfiguration.style.ts @@ -1,8 +1,6 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - export const StyledSummaryBox = styled(Box, { label: 'StyledSummaryBox', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx index e1624f7fa99..462422f6df6 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx @@ -1,7 +1,6 @@ -import { Divider, Paper, Stack } from '@linode/ui'; +import { Divider, Paper, Stack, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { DatabaseSettingsReviewUpdatesDialog } from 'src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsReviewUpdatesDialog'; import { DatabaseSettingsUpgradeVersionDialog } from 'src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsUpgradeVersionDialog'; import { diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx index af880558943..cf7d8d64e0f 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsDeleteClusterDialog.tsx @@ -1,10 +1,9 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useDeleteDatabaseMutation } from 'src/queries/databases/databases'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMaintenance.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMaintenance.tsx index 34ddca2e4b2..2572ee3d9f5 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMaintenance.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMaintenance.tsx @@ -1,8 +1,7 @@ -import { StyledLinkButton } from '@linode/ui'; +import { StyledLinkButton, Typography } from '@linode/ui'; import { Grid, styled } from '@mui/material'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { getDatabasesDescription, hasPendingUpdates, diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMenuItem.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMenuItem.tsx index e71e1cdbf4c..a6c8f66d078 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMenuItem.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsMenuItem.tsx @@ -1,9 +1,7 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; - import type { Theme } from '@mui/material/styles'; interface Props { diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsResetPasswordDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsResetPasswordDialog.tsx index 242ac52fea7..299c28902e7 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsResetPasswordDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsResetPasswordDialog.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDatabaseCredentialsMutation } from 'src/queries/databases/databases'; import type { Engine } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsReviewUpdatesDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsReviewUpdatesDialog.tsx index 47b084ac172..8de8ecf2d26 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsReviewUpdatesDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsReviewUpdatesDialog.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { usePatchDatabaseMutation } from 'src/queries/databases/databases'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsSuspendClusterDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsSuspendClusterDialog.tsx index 8614e5578d7..8165093c13d 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsSuspendClusterDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsSuspendClusterDialog.tsx @@ -1,11 +1,10 @@ -import { Checkbox, Notice } from '@linode/ui'; +import { Checkbox, Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useSuspendDatabaseMutation } from 'src/queries/databases/databases'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsUpgradeVersionDialog.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsUpgradeVersionDialog.tsx index 596a2f18c76..05a3f1f9d87 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsUpgradeVersionDialog.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettingsUpgradeVersionDialog.tsx @@ -1,4 +1,4 @@ -import { FormControl, Notice } from '@linode/ui'; +import { FormControl, Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { DATABASE_ENGINE_MAP, upgradableVersions, diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/MaintenanceWindow.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/MaintenanceWindow.tsx index 48d1ab20c6a..b6def3a73f0 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/MaintenanceWindow.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/MaintenanceWindow.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Button, FormControl, @@ -15,7 +16,6 @@ import { makeStyles } from 'tss-react/mui'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Typography } from 'src/components/Typography'; import { useDatabaseMutation } from 'src/queries/databases/databases'; import type { Database, UpdatesSchedule } from '@linode/api-v4/lib/databases'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseStatusDisplay.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseStatusDisplay.tsx index d2907c5360b..5801fa42f61 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseStatusDisplay.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseStatusDisplay.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; -import { Typography } from 'src/components/Typography'; import { capitalize } from 'src/utilities/capitalize'; import type { Event } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx index 8cc2433ce42..b2dc91795f5 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx @@ -1,9 +1,8 @@ -import { Divider, Paper } from '@linode/ui'; +import { Divider, Paper, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import AccessControls from 'src/features/Databases/DatabaseDetail/AccessControls'; import ClusterConfiguration from 'src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration'; import ConnectionDetails from 'src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.style.ts b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.style.ts index a187dac8e51..fc98493f2d2 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.style.ts +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.style.ts @@ -1,8 +1,7 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid2 from '@mui/material/Unstable_Grid2/Grid2'; -import { Typography } from 'src/components/Typography'; - export const StyledGridContainer = styled(Grid2, { label: 'StyledGridContainer', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.tsx index 26aec29deb7..0435e67bd64 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration.tsx @@ -1,9 +1,8 @@ -import { TooltipIcon } from '@linode/ui'; +import { TooltipIcon, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2/Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; import { DatabaseStatusDisplay } from 'src/features/Databases/DatabaseDetail/DatabaseStatusDisplay'; import { StyledGridContainer, diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx index e3943379c98..c59c7ac2b84 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx @@ -1,12 +1,11 @@ import { getSSLFields } from '@linode/api-v4/lib/databases/databases'; -import { Button, CircleProgress, TooltipIcon } from '@linode/ui'; +import { Button, CircleProgress, TooltipIcon, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2/Grid2'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import DownloadIcon from 'src/assets/icons/lke-download.svg'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { Typography } from 'src/components/Typography'; import { DB_ROOT_USERNAME } from 'src/constants'; import { useDatabaseCredentialsQuery } from 'src/queries/databases/databases'; import { downloadFile } from 'src/utilities/downloadFile'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryClusterConfigurationLegacy.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryClusterConfigurationLegacy.tsx index 8c8a5960492..fa0f8bb1590 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryClusterConfigurationLegacy.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryClusterConfigurationLegacy.tsx @@ -1,8 +1,7 @@ -import { Box, TooltipIcon } from '@linode/ui'; +import { Box, TooltipIcon, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; import { DatabaseStatusDisplay } from 'src/features/Databases/DatabaseDetail/DatabaseStatusDisplay'; import { DatabaseEngineVersion } from 'src/features/Databases/DatabaseEngineVersion'; import { useDatabaseTypesQuery } from 'src/queries/databases/databases'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx index ba229125a32..e9660172ab2 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/legacy/DatabaseSummaryConnectionDetailsLegacy.tsx @@ -1,5 +1,11 @@ import { getSSLFields } from '@linode/api-v4/lib/databases/databases'; -import { Box, Button, CircleProgress, TooltipIcon } from '@linode/ui'; +import { + Box, + Button, + CircleProgress, + TooltipIcon, + Typography, +} from '@linode/ui'; import { useTheme } from '@mui/material'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -7,7 +13,6 @@ import { makeStyles } from 'tss-react/mui'; import DownloadIcon from 'src/assets/icons/lke-download.svg'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { Typography } from 'src/components/Typography'; import { DB_ROOT_USERNAME } from 'src/constants'; import { useDatabaseCredentialsQuery } from 'src/queries/databases/databases'; import { downloadFile } from 'src/utilities/downloadFile'; diff --git a/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx b/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx index 83534aafe20..85f20563d79 100644 --- a/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx +++ b/packages/manager/src/features/Databases/DatabaseLanding/DatabaseLogo.tsx @@ -1,10 +1,9 @@ -import { BetaChip, Box } from '@linode/ui'; +import { BetaChip, Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import LogoWhite from 'src/assets/icons/db-logo-white.svg'; import Logo from 'src/assets/icons/db-logo.svg'; -import { Typography } from 'src/components/Typography'; import { useIsDatabasesEnabled } from 'src/features/Databases/utilities'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Domains/DomainBanner.tsx b/packages/manager/src/features/Domains/DomainBanner.tsx index e170c35ead2..a9c6c711696 100644 --- a/packages/manager/src/features/Domains/DomainBanner.tsx +++ b/packages/manager/src/features/Domains/DomainBanner.tsx @@ -1,11 +1,10 @@ -import { Stack } from '@linode/ui'; +import { Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { DateTime } from 'luxon'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; interface DomainBannerProps { hidden: boolean; diff --git a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx index f3df84a85d5..194da9f2a17 100644 --- a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx +++ b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice, Paper } from '@linode/ui'; +import { CircleProgress, Notice, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { useHistory, useLocation, useParams } from 'react-router-dom'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LandingHeader } from 'src/components/LandingHeader'; import { TagCell } from 'src/components/TagCell/TagCell'; -import { Typography } from 'src/components/Typography'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; import { useDomainQuery, diff --git a/packages/manager/src/features/Domains/DomainRecords.tsx b/packages/manager/src/features/Domains/DomainRecords.tsx index 01f90c23a05..b7e12400ef2 100644 --- a/packages/manager/src/features/Domains/DomainRecords.tsx +++ b/packages/manager/src/features/Domains/DomainRecords.tsx @@ -1,5 +1,5 @@ import { deleteDomainRecord } from '@linode/api-v4/lib/domains'; -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { compose, @@ -27,7 +27,6 @@ import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; -import { Typography } from 'src/components/Typography'; import { getAPIErrorOrDefault, getErrorStringOrDefault, diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.styles.ts b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.styles.ts index 3c5b5605c31..7b80654173c 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.styles.ts +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.styles.ts @@ -1,9 +1,7 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - export const StyledButton = styled(Button, { label: 'StyledButton', })(({ theme }) => ({ diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.tsx b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.tsx index df8283ee4c3..bead7f82af9 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.tsx +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferCheckoutBar.tsx @@ -1,7 +1,6 @@ -import { CreateTransferPayload } from '@linode/api-v4/lib/entity-transfers'; +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { pluralize } from 'src/utilities/pluralize'; import { @@ -13,7 +12,9 @@ import { StyledSubmitButton, StyledTypography, } from './TransferCheckoutBar.styles'; -import { TransferState } from './transferReducer'; + +import type { TransferState } from './transferReducer'; +import type { CreateTransferPayload } from '@linode/api-v4/lib/entity-transfers'; interface Props { handleSubmit: (payload: CreateTransferPayload) => void; diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferHeader.tsx b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferHeader.tsx index 08c30544111..3bd1076d612 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferHeader.tsx +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferHeader.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - export const TransferHeader = () => { return ( diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferTable.styles.ts b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferTable.styles.ts index 6c5dcdaa1bd..de7b50afa3b 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferTable.styles.ts +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersCreate/TransferTable.styles.ts @@ -1,11 +1,10 @@ -import { Checkbox } from '@linode/ui'; +import { Checkbox, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; import { Table } from 'src/components/Table'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; export const StyledCheckbox = styled(Checkbox, { label: 'StyledCheckbox', diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferCancelDialog.tsx b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferCancelDialog.tsx index 2c1d12c8934..d32efff157a 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferCancelDialog.tsx +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferCancelDialog.tsx @@ -1,12 +1,11 @@ import { cancelTransfer } from '@linode/api-v4/lib/entity-transfers'; -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { queryKey } from 'src/queries/entityTransfers'; import { sendEntityTransferCancelEvent } from 'src/utilities/analytics/customEventAnalytics'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferDialog.styles.ts b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferDialog.styles.ts index d4bc29840b8..e020a92ae88 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferDialog.styles.ts +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferDialog.styles.ts @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; -import { Typography } from 'src/components/Typography'; export const StyledActionsPanel = styled(ActionsPanel, { label: 'StyledActionsPanel', diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.styles.ts b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.styles.ts index 4e24beb74bd..36bbefbfe70 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.styles.ts +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.styles.ts @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; export const StyledCopyDiv = styled('div', { label: 'StyledCopyDiv', diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.tsx b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.tsx index be31f51fff6..666d21696ca 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.tsx +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/CreateTransferSuccessDialog.tsx @@ -1,11 +1,10 @@ -import { Button, Tooltip } from '@linode/ui'; +import { Button, Tooltip, Typography } from '@linode/ui'; import copy from 'copy-to-clipboard'; import { DateTime } from 'luxon'; import { update } from 'ramda'; import * as React from 'react'; import { debounce } from 'throttle-debounce'; -import { Typography } from 'src/components/Typography'; import { sendEntityTransferCopyDraftEmailEvent, sendEntityTransferCopyTokenEvent, diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferControls.styles.ts b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferControls.styles.ts index f2f7de037ef..acb35d9ca1e 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferControls.styles.ts +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferControls.styles.ts @@ -1,9 +1,7 @@ -import { Button, TextField } from '@linode/ui'; +import { Button, TextField, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Typography } from 'src/components/Typography'; - // sm = 600, md = 960, lg = 1280 const XS_TO_SM_BREAKPOINT = 450; diff --git a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferDetailsDialog.tsx b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferDetailsDialog.tsx index 204355a6c75..99c1f2e19a5 100644 --- a/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferDetailsDialog.tsx +++ b/packages/manager/src/features/EntityTransfers/EntityTransfersLanding/TransferDetailsDialog.tsx @@ -1,9 +1,10 @@ -import { TransferEntities } from '@linode/api-v4/lib/entity-transfers/types'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; + +import type { TransferEntities } from '@linode/api-v4/lib/entity-transfers/types'; export interface Props { entities?: TransferEntities; diff --git a/packages/manager/src/features/Events/EventsLanding.styles.ts b/packages/manager/src/features/Events/EventsLanding.styles.ts index cc5e4ab283d..7a22a58c225 100644 --- a/packages/manager/src/features/Events/EventsLanding.styles.ts +++ b/packages/manager/src/features/Events/EventsLanding.styles.ts @@ -1,8 +1,7 @@ -import { H1Header } from '@linode/ui'; +import { H1Header, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; export const StyledTableCell = styled(TableCell, { label: 'StyledTableCell', diff --git a/packages/manager/src/features/Events/EventsMessages.stories.tsx b/packages/manager/src/features/Events/EventsMessages.stories.tsx index e2b3c7f61d5..0cedf290799 100644 --- a/packages/manager/src/features/Events/EventsMessages.stories.tsx +++ b/packages/manager/src/features/Events/EventsMessages.stories.tsx @@ -1,4 +1,4 @@ -import { Chip } from '@linode/ui'; +import { Chip, Typography } from '@linode/ui'; import React from 'react'; import { Table } from 'src/components/Table'; @@ -6,7 +6,6 @@ import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { eventFactory } from 'src/factories/events'; import { eventMessages } from 'src/features/Events/factory'; diff --git a/packages/manager/src/features/Events/factory.tsx b/packages/manager/src/features/Events/factory.tsx index 0654ec21ecc..22f3bec4643 100644 --- a/packages/manager/src/features/Events/factory.tsx +++ b/packages/manager/src/features/Events/factory.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import * as factories from './factories'; import type { EventMap, OptionalEventMap } from './types'; diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Devices/FirewallDeviceLanding.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Devices/FirewallDeviceLanding.tsx index 4981a2a0c39..202336a8e08 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Devices/FirewallDeviceLanding.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Devices/FirewallDeviceLanding.tsx @@ -1,12 +1,11 @@ -import { Button, Notice } from '@linode/ui'; -import { styled } from '@mui/material/styles'; +import { Button, Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; +import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { useHistory, useLocation, useRouteMatch } from 'react-router-dom'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; -import { Typography } from 'src/components/Typography'; import { useAllFirewallDevicesQuery } from 'src/queries/firewalls'; import { AddLinodeDrawer } from './AddLinodeDrawer'; diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog.tsx index 23ebf136f2d..a6caa5e2acf 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useRemoveFirewallDeviceMutation } from 'src/queries/firewalls'; import { linodeQueries } from 'src/queries/linodes/linodes'; import { nodebalancerQueries } from 'src/queries/nodebalancers'; diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleDrawer.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleDrawer.tsx index fc302b723fd..2cea8507824 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleDrawer.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleDrawer.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { Formik } from 'formik'; import * as React from 'react'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { capitalize } from 'src/utilities/capitalize'; import { @@ -16,6 +16,7 @@ import { } from './FirewallRuleDrawer.utils'; import { FirewallRuleForm } from './FirewallRuleForm'; +import type { FirewallOptionItem } from '../../shared'; import type { FirewallRuleDrawerProps, FormState, @@ -24,7 +25,6 @@ import type { FirewallRuleProtocol, FirewallRuleType, } from '@linode/api-v4/lib/firewalls'; -import { FirewallOptionItem } from '../../shared'; import type { ExtendedIP } from 'src/utilities/ipUtils'; // ============================================================================= diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleForm.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleForm.tsx index 61653136afa..9b3c80dfce9 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleForm.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleForm.tsx @@ -1,4 +1,4 @@ -import { Notice, Radio, RadioGroup, TextField } from '@linode/ui'; +import { Notice, Radio, RadioGroup, TextField, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; -import { Typography } from 'src/components/Typography'; import { addressOptions, firewallOptionItemsShort, diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx index ba46ed1fb97..c80606e5802 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx @@ -14,7 +14,7 @@ import { verticalListSortingStrategy, } from '@dnd-kit/sortable'; import { CSS } from '@dnd-kit/utilities'; -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; import { prop, uniqBy } from 'ramda'; @@ -30,7 +30,6 @@ import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; -import { Typography } from 'src/components/Typography'; import { generateAddressesLabel, generateRuleLabel, diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRulesLanding.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRulesLanding.tsx index 6d010ca9717..c773be919e3 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRulesLanding.tsx +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRulesLanding.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useQueryClient } from '@tanstack/react-query'; import { useSnackbar } from 'notistack'; @@ -7,7 +7,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Prompt } from 'src/components/Prompt/Prompt'; -import { Typography } from 'src/components/Typography'; import { useAllFirewallDevicesQuery, useUpdateFirewallRulesMutation, diff --git a/packages/manager/src/features/Firewalls/FirewallLanding/CreateFirewallDrawer.tsx b/packages/manager/src/features/Firewalls/FirewallLanding/CreateFirewallDrawer.tsx index 8901e8e99cf..46d0f278472 100644 --- a/packages/manager/src/features/Firewalls/FirewallLanding/CreateFirewallDrawer.tsx +++ b/packages/manager/src/features/Firewalls/FirewallLanding/CreateFirewallDrawer.tsx @@ -1,5 +1,12 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ -import { Box, Notice, Radio, RadioGroup, TextField } from '@linode/ui'; +import { + Box, + Notice, + Radio, + RadioGroup, + TextField, + Typography, +} from '@linode/ui'; import { CreateFirewallSchema } from '@linode/validation/lib/firewalls.schema'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; @@ -11,7 +18,6 @@ import { Drawer } from 'src/components/Drawer'; import { ErrorMessage } from 'src/components/ErrorMessage'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { FIREWALL_LIMITS_CONSIDERATIONS_LINK } from 'src/constants'; import { LinodeSelect } from 'src/features/Linodes/LinodeSelect/LinodeSelect'; import { NodeBalancerSelect } from 'src/features/NodeBalancers/NodeBalancerSelect'; diff --git a/packages/manager/src/features/GlobalNotifications/APIMaintenanceBanner.tsx b/packages/manager/src/features/GlobalNotifications/APIMaintenanceBanner.tsx index b784a113d80..e8c6d28ce19 100644 --- a/packages/manager/src/features/GlobalNotifications/APIMaintenanceBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/APIMaintenanceBanner.tsx @@ -1,9 +1,8 @@ -import { Stack } from '@linode/ui'; +import { Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { queryPresets } from 'src/queries/base'; import { useMaintenanceQuery } from 'src/queries/statusPage'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; diff --git a/packages/manager/src/features/GlobalNotifications/ComplianceBanner.tsx b/packages/manager/src/features/GlobalNotifications/ComplianceBanner.tsx index 61d51635208..6810505c308 100644 --- a/packages/manager/src/features/GlobalNotifications/ComplianceBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/ComplianceBanner.tsx @@ -1,9 +1,8 @@ -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; -import { Typography } from 'src/components/Typography'; import { complianceUpdateContext } from 'src/context/complianceUpdateContext'; import { useNotificationsQuery } from 'src/queries/account/notifications'; diff --git a/packages/manager/src/features/GlobalNotifications/ComplianceUpdateModal.tsx b/packages/manager/src/features/GlobalNotifications/ComplianceUpdateModal.tsx index 7486085bfd7..a0df1f937a9 100644 --- a/packages/manager/src/features/GlobalNotifications/ComplianceUpdateModal.tsx +++ b/packages/manager/src/features/GlobalNotifications/ComplianceUpdateModal.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { SupportLink } from 'src/components/SupportLink'; -import { Typography } from 'src/components/Typography'; import { complianceUpdateContext } from 'src/context/complianceUpdateContext'; import { useMutateAccountAgreements } from 'src/queries/account/agreements'; import { accountQueries } from 'src/queries/account/queries'; diff --git a/packages/manager/src/features/GlobalNotifications/CreditCardExpiredBanner.tsx b/packages/manager/src/features/GlobalNotifications/CreditCardExpiredBanner.tsx index e7b6923e6ae..9d47f518a3a 100644 --- a/packages/manager/src/features/GlobalNotifications/CreditCardExpiredBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/CreditCardExpiredBanner.tsx @@ -1,9 +1,8 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; -import { Typography } from 'src/components/Typography'; import { useAccount } from 'src/queries/account/account'; import { isCreditCardExpired } from 'src/utilities/creditCard'; diff --git a/packages/manager/src/features/GlobalNotifications/DatabaseClusterInfoBanner.tsx b/packages/manager/src/features/GlobalNotifications/DatabaseClusterInfoBanner.tsx index d844382a34d..308ed62587e 100644 --- a/packages/manager/src/features/GlobalNotifications/DatabaseClusterInfoBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/DatabaseClusterInfoBanner.tsx @@ -1,10 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { Box } from '@mui/material'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import { useIsDatabasesEnabled } from '../Databases/utilities'; const StyledNotice = styled(Notice, { label: 'StyledNotice' })(({ theme }) => ({ diff --git a/packages/manager/src/features/GlobalNotifications/EmailBounce.tsx b/packages/manager/src/features/GlobalNotifications/EmailBounce.tsx index ebf7393a055..cfe556231a0 100644 --- a/packages/manager/src/features/GlobalNotifications/EmailBounce.tsx +++ b/packages/manager/src/features/GlobalNotifications/EmailBounce.tsx @@ -1,4 +1,4 @@ -import { Button, Notice } from '@linode/ui'; +import { Button, Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import useMediaQuery from '@mui/material/useMediaQuery'; @@ -6,7 +6,6 @@ import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; -import { Typography } from 'src/components/Typography'; import { useAccount, useMutateAccount } from 'src/queries/account/account'; import { useNotificationsQuery } from 'src/queries/account/notifications'; import { useMutateProfile, useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/GlobalNotifications/RegionStatusBanner.tsx b/packages/manager/src/features/GlobalNotifications/RegionStatusBanner.tsx index d3adb497e06..e886a37053d 100644 --- a/packages/manager/src/features/GlobalNotifications/RegionStatusBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/RegionStatusBanner.tsx @@ -1,8 +1,7 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; const getFacilitiesList = (warnings: string[]) => ( diff --git a/packages/manager/src/features/GlobalNotifications/TaxCollectionBanner.tsx b/packages/manager/src/features/GlobalNotifications/TaxCollectionBanner.tsx index 38066b1f848..0dbae0752e3 100644 --- a/packages/manager/src/features/GlobalNotifications/TaxCollectionBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/TaxCollectionBanner.tsx @@ -1,11 +1,10 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { DateTime } from 'luxon'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { useAccount } from 'src/queries/account/account'; diff --git a/packages/manager/src/features/GlobalNotifications/TokensUpdateBanner.tsx b/packages/manager/src/features/GlobalNotifications/TokensUpdateBanner.tsx index 73efd621c61..8ee2c177479 100644 --- a/packages/manager/src/features/GlobalNotifications/TokensUpdateBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/TokensUpdateBanner.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; export const DesignUpdateBanner = () => { diff --git a/packages/manager/src/features/GlobalNotifications/VerificationDetailsBanner.tsx b/packages/manager/src/features/GlobalNotifications/VerificationDetailsBanner.tsx index 3a64dddd996..7e62dedbd18 100644 --- a/packages/manager/src/features/GlobalNotifications/VerificationDetailsBanner.tsx +++ b/packages/manager/src/features/GlobalNotifications/VerificationDetailsBanner.tsx @@ -1,9 +1,7 @@ -import { Box, Button, Notice } from '@linode/ui'; +import { Box, Button, Notice, Typography } from '@linode/ui'; import React from 'react'; import { useHistory } from 'react-router-dom'; -import { Typography } from 'src/components/Typography'; - interface Props { hasSecurityQuestions: boolean; hasVerifiedPhoneNumber: boolean; diff --git a/packages/manager/src/features/Help/Panels/OtherWays.tsx b/packages/manager/src/features/Help/Panels/OtherWays.tsx index 17b7bf7c433..821fc73b94d 100644 --- a/packages/manager/src/features/Help/Panels/OtherWays.tsx +++ b/packages/manager/src/features/Help/Panels/OtherWays.tsx @@ -1,5 +1,6 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import Community from 'src/assets/icons/community.svg'; @@ -7,7 +8,6 @@ import Documentation from 'src/assets/icons/document.svg'; import Status from 'src/assets/icons/status.svg'; import Support from 'src/assets/icons/support.svg'; import { Tile } from 'src/components/Tile/Tile'; -import { Typography } from 'src/components/Typography'; export const OtherWays = () => { const theme = useTheme(); diff --git a/packages/manager/src/features/Help/Panels/PopularPosts.tsx b/packages/manager/src/features/Help/Panels/PopularPosts.tsx index 35a31f84e2b..c0e3c08f1eb 100644 --- a/packages/manager/src/features/Help/Panels/PopularPosts.tsx +++ b/packages/manager/src/features/Help/Panels/PopularPosts.tsx @@ -1,10 +1,9 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Help/Panels/SearchItem.tsx b/packages/manager/src/features/Help/Panels/SearchItem.tsx index f9d514cc202..96aef5779ac 100644 --- a/packages/manager/src/features/Help/Panels/SearchItem.tsx +++ b/packages/manager/src/features/Help/Panels/SearchItem.tsx @@ -1,12 +1,13 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { OptionProps } from 'react-select'; import { useStyles } from 'tss-react/mui'; import Arrow from 'src/assets/icons/diagonalArrow.svg'; import { Option } from 'src/components/EnhancedSelect/components/Option'; -import { Typography } from 'src/components/Typography'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; +import type { OptionProps } from 'react-select'; + interface Props extends OptionProps { data: { data: any; diff --git a/packages/manager/src/features/Help/StatusBanners.tsx b/packages/manager/src/features/Help/StatusBanners.tsx index 88444a45eb7..1a7ec94442b 100644 --- a/packages/manager/src/features/Help/StatusBanners.tsx +++ b/packages/manager/src/features/Help/StatusBanners.tsx @@ -1,11 +1,10 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { DateTime } from 'luxon'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useIncidentQuery } from 'src/queries/statusPage'; import { capitalize } from 'src/utilities/capitalize'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; diff --git a/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx b/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx index a80672f5f6c..f68a3fa3880 100644 --- a/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx +++ b/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx @@ -1,10 +1,9 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; import { ListItem } from 'src/components/ListItem'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Help/SupportSearchLanding/HelpResources.tsx b/packages/manager/src/features/Help/SupportSearchLanding/HelpResources.tsx index 77f1caec381..225c3b71751 100644 --- a/packages/manager/src/features/Help/SupportSearchLanding/HelpResources.tsx +++ b/packages/manager/src/features/Help/SupportSearchLanding/HelpResources.tsx @@ -1,5 +1,5 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; -import { Theme } from '@mui/material/styles'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; @@ -7,10 +7,11 @@ import { makeStyles } from 'tss-react/mui'; import Community from 'src/assets/icons/community.svg'; import Support from 'src/assets/icons/support.svg'; import { Tile } from 'src/components/Tile/Tile'; -import { Typography } from 'src/components/Typography'; -import { AttachmentError } from 'src/features/Support/SupportTicketDetail/SupportTicketDetail'; import { SupportTicketDialog } from 'src/features/Support/SupportTickets/SupportTicketDialog'; +import type { Theme } from '@mui/material/styles'; +import type { AttachmentError } from 'src/features/Support/SupportTicketDetail/SupportTicketDetail'; + const useStyles = makeStyles()((theme: Theme) => ({ heading: { marginBottom: theme.spacing(1), diff --git a/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx b/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx index 6ad3e56d4d5..030473c1ac8 100644 --- a/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx +++ b/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx @@ -8,6 +8,7 @@ import { Stack, TextField, TooltipIcon, + Typography, } from '@linode/ui'; import { createImageSchema } from '@linode/validation'; import { useSnackbar } from 'notistack'; @@ -20,7 +21,6 @@ import { DISK_ENCRYPTION_IMAGES_CAVEAT_COPY } from 'src/components/Encryption/co import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { Link } from 'src/components/Link'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { LinodeSelect } from 'src/features/Linodes/LinodeSelect/LinodeSelect'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx b/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx index b366862484e..dcdf542b18e 100644 --- a/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx +++ b/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx @@ -7,6 +7,7 @@ import { Paper, Stack, TextField, + Typography, } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React, { useState } from 'react'; @@ -21,7 +22,6 @@ import { Link } from 'src/components/Link'; import { Prompt } from 'src/components/Prompt/Prompt'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; -import { Typography } from 'src/components/Typography'; import { ImageUploader } from 'src/components/Uploaders/ImageUploader/ImageUploader'; import { MAX_FILE_SIZE_IN_BYTES } from 'src/components/Uploaders/reducer'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/Images/ImagesCreate/ImageUploadCLIDialog.tsx b/packages/manager/src/features/Images/ImagesCreate/ImageUploadCLIDialog.tsx index 07f5308358b..3aa97de7093 100644 --- a/packages/manager/src/features/Images/ImagesCreate/ImageUploadCLIDialog.tsx +++ b/packages/manager/src/features/Images/ImagesCreate/ImageUploadCLIDialog.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { useFormContext } from 'react-hook-form'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; import { Dialog } from 'src/components/Dialog/Dialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { sendCLIClickEvent } from 'src/utilities/analytics/customEventAnalytics'; import { wrapInQuotes } from 'src/utilities/stringUtils'; diff --git a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ImageRegionRow.tsx b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ImageRegionRow.tsx index c7e499e4ae0..d771f5bff40 100644 --- a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ImageRegionRow.tsx +++ b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ImageRegionRow.tsx @@ -1,10 +1,9 @@ -import { Box, IconButton, Stack, Tooltip } from '@linode/ui'; +import { Box, IconButton, Stack, Tooltip, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import React from 'react'; import { Flag } from 'src/components/Flag'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import type { ImageRegionStatus, ImageStatus } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx index 02f3a154219..9d940dfbbd8 100644 --- a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx +++ b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx @@ -1,4 +1,4 @@ -import { Notice, Paper, Stack } from '@linode/ui'; +import { Notice, Paper, Stack, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { useForm } from 'react-hook-form'; @@ -6,7 +6,6 @@ import { useForm } from 'react-hook-form'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Link } from 'src/components/Link'; import { RegionMultiSelect } from 'src/components/RegionSelect/RegionMultiSelect'; -import { Typography } from 'src/components/Typography'; import { useUpdateImageRegionsMutation } from 'src/queries/images'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx b/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx index f10bc930669..5fa53641f7a 100644 --- a/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx +++ b/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx @@ -1,4 +1,5 @@ import { getAPIFilterFromQuery } from '@linode/search'; +import { Typography } from '@linode/ui'; import { CircleProgress, IconButton, @@ -32,7 +33,6 @@ import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { useFlags } from 'src/hooks/useFlags'; import { useOrder } from 'src/hooks/useOrder'; @@ -521,7 +521,7 @@ export const ImagesLanding = () => { Image ID )} - + @@ -600,7 +600,7 @@ export const ImagesLanding = () => { Expires - + diff --git a/packages/manager/src/features/Kubernetes/CreateCluster/ApplicationPlatform.tsx b/packages/manager/src/features/Kubernetes/CreateCluster/ApplicationPlatform.tsx index 91c66b378a3..89e3ee0ab8a 100644 --- a/packages/manager/src/features/Kubernetes/CreateCluster/ApplicationPlatform.tsx +++ b/packages/manager/src/features/Kubernetes/CreateCluster/ApplicationPlatform.tsx @@ -1,10 +1,16 @@ -import { Box, Chip, FormControl, Radio, RadioGroup } from '@linode/ui'; +import { + Box, + Chip, + FormControl, + Radio, + RadioGroup, + Typography, +} from '@linode/ui'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { FormLabel } from 'src/components/FormLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; export interface APLProps { setAPL: (apl: boolean) => void; diff --git a/packages/manager/src/features/Kubernetes/CreateCluster/ControlPlaneACLPane.tsx b/packages/manager/src/features/Kubernetes/CreateCluster/ControlPlaneACLPane.tsx index 5d672fda40a..0c8d47b65b5 100644 --- a/packages/manager/src/features/Kubernetes/CreateCluster/ControlPlaneACLPane.tsx +++ b/packages/manager/src/features/Kubernetes/CreateCluster/ControlPlaneACLPane.tsx @@ -1,4 +1,4 @@ -import { Box, FormControl, Notice } from '@linode/ui'; +import { Box, FormControl, Notice, Typography } from '@linode/ui'; import { FormLabel } from '@mui/material'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { ErrorMessage } from 'src/components/ErrorMessage'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { validateIPs } from 'src/utilities/ipUtils'; import type { ExtendedIP } from 'src/utilities/ipUtils'; diff --git a/packages/manager/src/features/Kubernetes/CreateCluster/HAControlPlane.tsx b/packages/manager/src/features/Kubernetes/CreateCluster/HAControlPlane.tsx index cee60bd7173..23650042032 100644 --- a/packages/manager/src/features/Kubernetes/CreateCluster/HAControlPlane.tsx +++ b/packages/manager/src/features/Kubernetes/CreateCluster/HAControlPlane.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, CircleProgress, @@ -12,7 +13,6 @@ import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; export interface HAControlPlaneProps { highAvailabilityPrice: string; diff --git a/packages/manager/src/features/Kubernetes/KubeCheckoutBar/NodePoolSummary.tsx b/packages/manager/src/features/Kubernetes/KubeCheckoutBar/NodePoolSummary.tsx index 99163fa45c2..2bdec6e7da0 100644 --- a/packages/manager/src/features/Kubernetes/KubeCheckoutBar/NodePoolSummary.tsx +++ b/packages/manager/src/features/Kubernetes/KubeCheckoutBar/NodePoolSummary.tsx @@ -1,11 +1,10 @@ -import { Box, Divider, IconButton } from '@linode/ui'; +import { Box, Divider, IconButton, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { DisplayPrice } from 'src/components/DisplayPrice'; import { EnhancedNumberInput } from 'src/components/EnhancedNumberInput/EnhancedNumberInput'; -import { Typography } from 'src/components/Typography'; import { pluralize } from 'src/utilities/pluralize'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx index 15d17a93306..9c09cd0a365 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx @@ -1,11 +1,10 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import axios from 'axios'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { KubernetesCluster } from '@linode/api-v4/lib/kubernetes'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx index a991632db14..458b24e557f 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/DeleteKubernetesClusterDialog.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useDeleteKubernetesClusterMutation } from 'src/queries/kubernetes'; import type { KubeNodePoolResponse } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeClusterSpecs.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeClusterSpecs.tsx index 9b06d6dd139..aa962632723 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeClusterSpecs.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeClusterSpecs.tsx @@ -1,10 +1,9 @@ -import { CircleProgress, TooltipIcon } from '@linode/ui'; +import { CircleProgress, TooltipIcon, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; import { useAllKubernetesNodePoolQuery, useKubernetesTypesQuery, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDisplay.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDisplay.tsx index 5b0388097b1..5f563d90c5a 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDisplay.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDisplay.tsx @@ -1,4 +1,4 @@ -import { Box, CircleProgress, Stack } from '@linode/ui'; +import { Box, CircleProgress, Stack, Typography } from '@linode/ui'; import copy from 'copy-to-clipboard'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -9,7 +9,6 @@ import CopyIcon from 'src/assets/icons/copy.svg'; import DownloadIcon from 'src/assets/icons/lke-download.svg'; import ResetIcon from 'src/assets/icons/reset.svg'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; -import { Typography } from 'src/components/Typography'; import { useAllKubernetesClusterAPIEndpointsQuery, useKubenetesKubeConfigQuery, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDrawer.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDrawer.tsx index 73b065719f7..4e1a421e0c3 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDrawer.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import Download from 'src/assets/icons/download.svg'; import { CodeBlock } from 'src/components/CodeBlock/CodeBlock'; import { Drawer } from 'src/components/Drawer'; import { DrawerContent } from 'src/components/DrawerContent'; -import { Typography } from 'src/components/Typography'; import { useKubenetesKubeConfigQuery } from 'src/queries/kubernetes'; import { downloadFile } from 'src/utilities/downloadFile'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx index a260d45da71..3657ea013ca 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx @@ -1,11 +1,10 @@ -import { Button, Paper } from '@linode/ui'; +import { Button, Paper, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import Download from 'src/assets/icons/download.svg'; import View from 'src/assets/icons/view.svg'; -import { Typography } from 'src/components/Typography'; import { useKubenetesKubeConfigQuery } from 'src/queries/kubernetes'; import { downloadFile } from 'src/utilities/downloadFile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx index b47498afd0b..2002acb5722 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx @@ -1,5 +1,5 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Box, Notice, TextField, omittedProps } from '@linode/ui'; +import { Box, Notice, TextField, Typography, omittedProps } from '@linode/ui'; import { kubernetesControlPlaneACLPayloadSchema } from '@linode/validation'; import { Divider, Stack } from '@mui/material'; import { styled } from '@mui/material/styles'; @@ -12,7 +12,6 @@ import { DrawerContent } from 'src/components/DrawerContent'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { MultipleNonExtendedIPInput } from 'src/components/MultipleIPInput/MultipleNonExtendedIPInput'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useKubernetesClusterMutation, useKubernetesControlPlaneACLMutation, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx index 2ec833fe384..2eff7c70fee 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeSummaryPanel.tsx @@ -1,4 +1,4 @@ -import { Box, Chip, Stack, StyledActionButton } from '@linode/ui'; +import { Box, Chip, Stack, StyledActionButton, Typography } from '@linode/ui'; import OpenInNewIcon from '@mui/icons-material/OpenInNew'; import { useTheme } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; @@ -10,7 +10,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { EntityDetail } from 'src/components/EntityDetail/EntityDetail'; import { EntityHeader } from 'src/components/EntityHeader/EntityHeader'; import { Hidden } from 'src/components/Hidden'; -import { Typography } from 'src/components/Typography'; import { KubeClusterSpecs } from 'src/features/Kubernetes/KubernetesClusterDetail/KubeClusterSpecs'; import { getKubeControlPlaneACL } from 'src/features/Kubernetes/kubeUtils'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AddNodePoolDrawer.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AddNodePoolDrawer.tsx index c858e21e93f..a34e1271b94 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AddNodePoolDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AddNodePoolDrawer.tsx @@ -1,11 +1,10 @@ -import { Box, Notice } from '@linode/ui'; +import { Box, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { ErrorMessage } from 'src/components/ErrorMessage'; -import { Typography } from 'src/components/Typography'; import { useCreateNodePoolMutation } from 'src/queries/kubernetes'; import { useAllTypes } from 'src/queries/types'; import { extendType } from 'src/utilities/extendType'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AutoscalePoolDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AutoscalePoolDialog.tsx index 9a8686cea16..b3bc784c0d0 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AutoscalePoolDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/AutoscalePoolDialog.tsx @@ -1,4 +1,4 @@ -import { Button, Notice, TextField } from '@linode/ui'; +import { Button, Notice, TextField, Typography } from '@linode/ui'; import { AutoscaleNodePoolSchema } from '@linode/validation/lib/kubernetes.schema'; import Grid from '@mui/material/Unstable_Grid2'; import { useFormik } from 'formik'; @@ -11,7 +11,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useUpdateNodePoolMutation } from 'src/queries/kubernetes'; import type { AutoscaleSettings, KubeNodePoolResponse } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/DeleteNodePoolDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/DeleteNodePoolDialog.tsx index 03252855280..2b0c8f5394a 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/DeleteNodePoolDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/DeleteNodePoolDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDeleteNodePoolMutation } from 'src/queries/kubernetes'; import { pluralize } from 'src/utilities/pluralize'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx index 5ae5ca7c12b..46a8512f97f 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx @@ -1,9 +1,15 @@ -import { Box, Paper, Stack, StyledActionButton, Tooltip } from '@linode/ui'; +import { + Box, + Paper, + Stack, + StyledActionButton, + Tooltip, + Typography, +} from '@linode/ui'; import * as React from 'react'; import { ActionMenu } from 'src/components/ActionMenu/ActionMenu'; import { Hidden } from 'src/components/Hidden'; -import { Typography } from 'src/components/Typography'; import { NodeTable } from './NodeTable'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePoolsDisplay.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePoolsDisplay.tsx index 2ca17fc5790..89dc3d25b72 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePoolsDisplay.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePoolsDisplay.tsx @@ -1,9 +1,8 @@ -import { Button, CircleProgress, Stack } from '@linode/ui'; +import { Button, CircleProgress, Stack, Typography } from '@linode/ui'; import React, { useState } from 'react'; import { Waypoint } from 'react-waypoint'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import { useAllKubernetesNodePoolQuery } from 'src/queries/kubernetes'; import { useSpecificTypes } from 'src/queries/types'; import { extendTypesQueryResult } from 'src/utilities/extendType'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeRow.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeRow.tsx index 738c9249a60..5239a98bc94 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeRow.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeRow.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Link } from 'react-router-dom'; @@ -7,7 +7,6 @@ import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { transitionText } from 'src/features/Linodes/transitions'; import { useInProgressEvents } from 'src/queries/events/events'; import { usePreferences } from 'src/queries/profile/preferences'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.styles.ts b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.styles.ts index df20b2298e4..847e78b6ba2 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.styles.ts +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.styles.ts @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import VerticalDivider from 'src/assets/icons/divider-vertical.svg'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { Typography } from 'src/components/Typography'; export const StyledCopyTooltip = styled(CopyTooltip, { label: 'CopyTooltip', diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.tsx index 8bd97f91b0a..2bf57d29baf 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.tsx @@ -1,4 +1,4 @@ -import { Box, TooltipIcon } from '@linode/ui'; +import { Box, TooltipIcon, Typography } from '@linode/ui'; import * as React from 'react'; import Lock from 'src/assets/icons/lock.svg'; @@ -16,7 +16,6 @@ import { TableFooter } from 'src/components/TableFooter'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useAllLinodesQuery } from 'src/queries/linodes/linodes'; import { NodeRow as _NodeRow } from './NodeRow'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/RecycleNodeDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/RecycleNodeDialog.tsx index 29fe3e4fd48..ff2da3d58ee 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/RecycleNodeDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/RecycleNodeDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { localStorageWarning } from 'src/features/Kubernetes/kubeUtils'; import { useRecycleNodeMutation } from 'src/queries/kubernetes'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/ResizeNodePoolDrawer.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/ResizeNodePoolDrawer.tsx index b39544ada44..4e0c517a81a 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/ResizeNodePoolDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/ResizeNodePoolDrawer.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -6,7 +6,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { EnhancedNumberInput } from 'src/components/EnhancedNumberInput/EnhancedNumberInput'; import { ErrorMessage } from 'src/components/ErrorMessage'; -import { Typography } from 'src/components/Typography'; import { useUpdateNodePoolMutation } from 'src/queries/kubernetes'; import { useSpecificTypes } from 'src/queries/types'; import { extendType } from 'src/utilities/extendType'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleClusterDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleClusterDialog.tsx index 31f999342d2..dae1c80167b 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleClusterDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleClusterDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { localStorageWarning, nodesDeletionWarning, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleNodePoolDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleNodePoolDialog.tsx index 8deb2c6ecbe..605a39ea361 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleNodePoolDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/RecycleNodePoolDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { localStorageWarning, nodesDeletionWarning, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeClusterDialog.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeClusterDialog.tsx index 238624a8b18..771dfbc4625 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeClusterDialog.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeClusterDialog.tsx @@ -1,11 +1,10 @@ -import { Checkbox, CircleProgress, Notice } from '@linode/ui'; +import { Checkbox, CircleProgress, Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { localStorageWarning, nodesDeletionWarning, diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeKubernetesVersionBanner.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeKubernetesVersionBanner.tsx index b0bae618932..36c2d373519 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeKubernetesVersionBanner.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/UpgradeKubernetesVersionBanner.tsx @@ -1,9 +1,8 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { DismissibleBanner } from 'src/components/DismissibleBanner/DismissibleBanner'; -import { Typography } from 'src/components/Typography'; import { useKubernetesVersionQuery } from 'src/queries/kubernetes'; import { getNextVersion } from '../kubeUtils'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesLanding/KubernetesLanding.tsx b/packages/manager/src/features/Kubernetes/KubernetesLanding/KubernetesLanding.tsx index 8d1303c9466..9048c927dac 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesLanding/KubernetesLanding.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesLanding/KubernetesLanding.tsx @@ -1,4 +1,4 @@ -import { CircleProgress } from '@linode/ui'; +import { CircleProgress, Typography } from '@linode/ui'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; @@ -21,7 +21,6 @@ import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableSortCell } from 'src/components/TableSortCell'; import { TransferDisplay } from 'src/components/TransferDisplay/TransferDisplay'; -import { Typography } from 'src/components/Typography'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; import { useKubernetesClustersQuery } from 'src/queries/kubernetes'; diff --git a/packages/manager/src/features/Kubernetes/UpgradeVersionModal.tsx b/packages/manager/src/features/Kubernetes/UpgradeVersionModal.tsx index 7328d917537..782c1d5490b 100644 --- a/packages/manager/src/features/Kubernetes/UpgradeVersionModal.tsx +++ b/packages/manager/src/features/Kubernetes/UpgradeVersionModal.tsx @@ -1,10 +1,10 @@ import { recycleClusterNodes } from '@linode/api-v4/lib/kubernetes'; +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { getNextVersion, localStorageWarning, diff --git a/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx b/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx index 088aa038d04..f664d42b84b 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx +++ b/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx @@ -1,5 +1,5 @@ import { cloneLinode, cloneLinodeDisk } from '@linode/api-v4/lib/linodes'; -import { Box, Notice, Paper } from '@linode/ui'; +import { Box, Notice, Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { castDraft } from 'immer'; @@ -18,7 +18,6 @@ import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useAllLinodeConfigsQuery } from 'src/queries/linodes/configs'; import { useAllLinodeDisksQuery } from 'src/queries/linodes/disks'; diff --git a/packages/manager/src/features/Linodes/CloneLanding/Configs.tsx b/packages/manager/src/features/Linodes/CloneLanding/Configs.tsx index 1248cc00d94..b2ee402e757 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/Configs.tsx +++ b/packages/manager/src/features/Linodes/CloneLanding/Configs.tsx @@ -34,7 +34,6 @@ export const Configs = (props: ConfigsProps) => { return (
{ paddingTop: 0, }, }} + aria-label="List of Configurations" > {paginatedData.length === 0 ? ( diff --git a/packages/manager/src/features/Linodes/CloneLanding/Details.styles.ts b/packages/manager/src/features/Linodes/CloneLanding/Details.styles.ts index 8fa1a7a2333..deb2ebb7013 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/Details.styles.ts +++ b/packages/manager/src/features/Linodes/CloneLanding/Details.styles.ts @@ -1,5 +1,5 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; export const StyledButton = styled('button', { label: 'StyledButton' })( ({ theme }) => ({ diff --git a/packages/manager/src/features/Linodes/CloneLanding/Details.tsx b/packages/manager/src/features/Linodes/CloneLanding/Details.tsx index ca56c3757a9..2bcb2a88386 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/Details.tsx +++ b/packages/manager/src/features/Linodes/CloneLanding/Details.tsx @@ -1,4 +1,4 @@ -import { Button, Divider, Notice, Paper } from '@linode/ui'; +import { Button, Divider, Notice, Paper, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Link } from 'src/components/Link'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; -import { Typography } from 'src/components/Typography'; import { LinodeSelect } from 'src/features/Linodes/LinodeSelect/LinodeSelect'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx index c8ce1609339..9fde5862313 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx @@ -1,8 +1,7 @@ -import { Divider, Notice, Paper, Stack } from '@linode/ui'; +import { Divider, Notice, Paper, Stack, Typography } from '@linode/ui'; import React, { useMemo } from 'react'; import { useWatch } from 'react-hook-form'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { Backups } from './Backups'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Backups.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Backups.tsx index ba7ee89eb91..761ef633277 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Backups.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Backups.tsx @@ -1,4 +1,4 @@ -import { Checkbox, Notice, Stack } from '@linode/ui'; +import { Checkbox, Notice, Stack, Typography } from '@linode/ui'; import React, { useMemo } from 'react'; import { useController, useFormContext, useWatch } from 'react-hook-form'; @@ -6,7 +6,6 @@ import { Currency } from 'src/components/Currency'; import { DISK_ENCRYPTION_BACKUPS_CAVEAT_COPY } from 'src/components/Encryption/constants'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useAccountSettings } from 'src/queries/account/settings'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Addons/PrivateIP.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Addons/PrivateIP.tsx index 164100b7885..0dba9d54b56 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Addons/PrivateIP.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Addons/PrivateIP.tsx @@ -1,9 +1,8 @@ -import { Checkbox, Stack } from '@linode/ui'; +import { Checkbox, Stack, Typography } from '@linode/ui'; import React, { useMemo } from 'react'; import { useController, useWatch } from 'react-hook-form'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/AnsibleIntegrationResources.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/AnsibleIntegrationResources.tsx index b6a0127fad0..ea14d998645 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/AnsibleIntegrationResources.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/AnsibleIntegrationResources.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ResourceLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinks'; -import { Typography } from 'src/components/Typography'; import type { ResourcesLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/ApiAwarenessModal.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/ApiAwarenessModal.tsx index a8ef87195c4..02c51259a48 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/ApiAwarenessModal.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/ApiAwarenessModal.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React, { useEffect } from 'react'; import { useHistory } from 'react-router-dom'; @@ -9,7 +10,6 @@ import { Tab } from 'src/components/Tabs/Tab'; import { TabList } from 'src/components/Tabs/TabList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { useInProgressEvents } from 'src/queries/events/events'; import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/CurlTabPanel.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/CurlTabPanel.tsx index c310d06cb95..08750eb12ac 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/CurlTabPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/CurlTabPanel.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import React, { useMemo } from 'react'; import { CodeBlock } from 'src/components/CodeBlock/CodeBlock'; import { Link } from 'src/components/Link'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; -import { Typography } from 'src/components/Typography'; import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics'; import { generateCurlCommand } from 'src/utilities/codesnippets/generate-cURL'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/GoSDKResources.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/GoSDKResources.tsx index cd0a6854912..a6cfb38906a 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/GoSDKResources.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/GoSDKResources.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ResourceLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinks'; -import { Typography } from 'src/components/Typography'; import type { ResourcesLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/IntegrationsTabPanel.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/IntegrationsTabPanel.tsx index aea8f12c719..769e30521a0 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/IntegrationsTabPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/IntegrationsTabPanel.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React, { useMemo, useState } from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { CodeBlock } from 'src/components/CodeBlock/CodeBlock'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; -import { Typography } from 'src/components/Typography'; import { generateAnsibleConfig } from 'src/utilities/codesnippets/generate-ansibleConfig'; import { generateTerraformConfig } from 'src/utilities/codesnippets/generate-terraformConfig'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/LinodeCLIPanel.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/LinodeCLIPanel.tsx index 2819616ddf0..f4d4f3101da 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/LinodeCLIPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/LinodeCLIPanel.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React, { useMemo } from 'react'; import { CodeBlock } from 'src/components/CodeBlock/CodeBlock'; import { Link } from 'src/components/Link'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; -import { Typography } from 'src/components/Typography'; import { sendApiAwarenessClickEvent } from 'src/utilities/analytics/customEventAnalytics'; import { generateCLICommand } from 'src/utilities/codesnippets/generate-cli'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/PythonSDKResources.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/PythonSDKResources.tsx index a9f3ac2898f..a978aaf03e8 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/PythonSDKResources.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/PythonSDKResources.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ResourceLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinks'; -import { Typography } from 'src/components/Typography'; import type { ResourcesLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/SDKTabPanel.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/SDKTabPanel.tsx index 70b95bb8472..f2a3f5f47f5 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/SDKTabPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/SDKTabPanel.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import React, { useMemo, useState } from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { CodeBlock } from 'src/components/CodeBlock/CodeBlock'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; -import { Typography } from 'src/components/Typography'; import { generateGoLinodeSnippet } from 'src/utilities/codesnippets/generate-goSDKSnippet'; import { generatePythonLinodeSnippet } from 'src/utilities/codesnippets/generate-pythonSDKSnippet'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/TerraformIntegrationResources.tsx b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/TerraformIntegrationResources.tsx index ebcd163a7c5..dfd6959f475 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/TerraformIntegrationResources.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/ApiAwarenessModal/TerraformIntegrationResources.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ResourceLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinks'; -import { Typography } from 'src/components/Typography'; import type { ResourcesLinks } from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx index c7c4bd3ae5b..f7c2683357a 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx @@ -1,9 +1,8 @@ -import { Paper, TextField } from '@linode/ui'; +import { Paper, TextField, Typography } from '@linode/ui'; import React from 'react'; import { Controller, useFormContext } from 'react-hook-form'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; -import { Typography } from 'src/components/Typography'; import { useIsPlacementGroupsEnabled } from 'src/features/PlacementGroups/utils'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx b/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx index 1cf226c61b6..8c2bd987f44 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx @@ -1,8 +1,7 @@ -import { Notice, Paper, Stack } from '@linode/ui'; +import { Notice, Paper, Stack, Typography } from '@linode/ui'; import React from 'react'; import { useController, useWatch } from 'react-hook-form'; -import { Typography } from 'src/components/Typography'; import { EUAgreementCheckbox } from 'src/features/Account/Agreements/EUAgreementCheckbox'; import { useAccountAgreements } from 'src/queries/account/agreements'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx index 77699ddf205..b9314595ff2 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx @@ -1,4 +1,4 @@ -import { Box, Paper, Stack } from '@linode/ui'; +import { Box, Paper, Stack, Typography } from '@linode/ui'; import React, { useState } from 'react'; import { useController, useFormContext } from 'react-hook-form'; @@ -7,7 +7,6 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { GenerateFirewallDialog } from 'src/components/GenerateFirewallDialog/GenerateFirewallDialog'; import { Link } from 'src/components/Link'; import { LinkButton } from 'src/components/LinkButton'; -import { Typography } from 'src/components/Typography'; import { FIREWALL_GET_STARTED_LINK } from 'src/constants'; import { CreateFirewallDrawer } from 'src/features/Firewalls/FirewallLanding/CreateFirewallDrawer'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx index 3b046e613aa..4b03edae2c1 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, Paper } from '@linode/ui'; +import { Box, Notice, Paper, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import React from 'react'; import { useController, useFormContext, useWatch } from 'react-hook-form'; @@ -12,7 +12,6 @@ import { useIsGeckoEnabled, } from 'src/components/RegionSelect/RegionSelect.utils'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useImageQuery } from 'src/queries/images'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx index ddb0a3f570a..2a5c39c0f20 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx @@ -1,4 +1,4 @@ -import { Divider, Paper } from '@linode/ui'; +import { Divider, Paper, Typography } from '@linode/ui'; import React from 'react'; import { Controller, useFormContext, useWatch } from 'react-hook-form'; @@ -13,7 +13,6 @@ import { Encryption } from 'src/components/Encryption/Encryption'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { Skeleton } from 'src/components/Skeleton'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx index 819570f3014..a0bfe974042 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx @@ -1,10 +1,9 @@ -import { Divider, Paper, Stack } from '@linode/ui'; +import { Divider, Paper, Stack, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import useMediaQuery from '@mui/material/useMediaQuery'; import React from 'react'; import { useFormContext, useWatch } from 'react-hook-form'; -import { Typography } from 'src/components/Typography'; import { useImageQuery } from 'src/queries/images'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { useTypeQuery } from 'src/queries/types'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx index c70bfca80e6..9ab10cfd111 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, Paper, Stack } from '@linode/ui'; +import { Box, Notice, Paper, Stack, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; import { useController, useWatch } from 'react-hook-form'; @@ -6,7 +6,6 @@ import { useController, useWatch } from 'react-hook-form'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { LinearProgress } from 'src/components/LinearProgress'; import { SelectionCard } from 'src/components/SelectionCard/SelectionCard'; -import { Typography } from 'src/components/Typography'; import { useLinodeBackupsQuery } from 'src/queries/linodes/backups'; import type { LinodeCreateFormValues } from '../../utilities'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx index 3485ba948e2..e100c7a6900 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx @@ -1,8 +1,6 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { LinodeSelectTable } from '../../shared/LinodeSelectTable'; import { BackupsWarning } from './BackupsWarning'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx index d86ac000d39..9e81bfaeadf 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx @@ -1,8 +1,6 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { Region } from '../../Region'; import { LinodeSelectTable } from '../../shared/LinodeSelectTable'; import { CloneWarning } from './CloneWarning'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx index ceea612f1aa..d4750505b35 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx @@ -1,4 +1,4 @@ -import { Box, Paper, Stack } from '@linode/ui'; +import { Box, Paper, Stack, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import React from 'react'; import { useController, useFormContext, useWatch } from 'react-hook-form'; @@ -8,7 +8,6 @@ import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; import { getAPIFilterForImageSelect } from 'src/components/ImageSelect/utilities'; import { Link } from 'src/components/Link'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useAllImagesQuery } from 'src/queries/images'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppDetailDrawer.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppDetailDrawer.tsx index 5ebfbd0bd6e..2ebb640310d 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppDetailDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppDetailDrawer.tsx @@ -1,4 +1,4 @@ -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import Close from '@mui/icons-material/Close'; import Drawer from '@mui/material/Drawer'; import IconButton from '@mui/material/IconButton'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; import { getMarketplaceAppLabel, useMarketplaceApps } from './utilities'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSection.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSection.tsx index 75afc4d25a6..5de548dadc9 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSection.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSection.tsx @@ -1,9 +1,7 @@ -import { Divider, Stack } from '@linode/ui'; +import { Divider, Stack, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import { AppSelectionCard } from './AppSelectionCard'; import type { MarketplaceApp } from './utilities'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx index 227fc43dfe2..5faa87d4cb3 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx @@ -1,10 +1,9 @@ -import { Box, Notice, Paper, Stack } from '@linode/ui'; +import { Box, Notice, Paper, Stack, Typography } from '@linode/ui'; import React, { useState } from 'react'; import { useFormContext } from 'react-hook-form'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; -import { Typography } from 'src/components/Typography'; import { useMarketplaceAppsQuery } from 'src/queries/stackscripts'; import { AppsList } from './AppsList'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx index 8368abb931b..e37f8c6f5bc 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx @@ -1,10 +1,9 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import React from 'react'; import { useController, useFormContext, useWatch } from 'react-hook-form'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useRegionQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx index 9ea42b42068..873f28bfae0 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx @@ -1,9 +1,8 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import React from 'react'; import { Controller, useWatch } from 'react-hook-form'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Typography } from 'src/components/Typography'; import { useStackScriptQuery } from 'src/queries/stackscripts'; import { useLinodeCreateQueryParams } from '../../utilities'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx index 9dbcc63ab66..a692054ddd0 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx @@ -1,4 +1,4 @@ -import { Notice, Paper } from '@linode/ui'; +import { Notice, Paper, Typography } from '@linode/ui'; import React from 'react'; import { useFormContext } from 'react-hook-form'; @@ -7,7 +7,6 @@ import { Tab } from 'src/components/Tabs/Tab'; import { TabList } from 'src/components/Tabs/TabList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { useLinodeCreateQueryParams } from '../../utilities'; import { StackScriptSelectionList } from './StackScriptSelectionList'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionList.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionList.tsx index 220a420c09d..0af87d0a568 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionList.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionList.tsx @@ -1,4 +1,5 @@ import { getAPIFilterFromQuery } from '@linode/search'; +import { Typography } from '@linode/ui'; import { Box, Button, @@ -26,7 +27,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useOrder } from 'src/hooks/useOrder'; import { useStackScriptQuery, @@ -125,9 +125,9 @@ export const StackScriptSelectionList = ({ type }: Props) => {
- + StackScript - + @@ -212,7 +212,7 @@ export const StackScriptSelectionList = ({ type }: Props) => {
- + { > StackScript - + diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionRow.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionRow.tsx index e1381fcb265..8d9522c3b82 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionRow.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelectionRow.tsx @@ -1,11 +1,10 @@ /* eslint-disable jsx-a11y/label-has-associated-control */ -import { Radio, Stack } from '@linode/ui'; +import { Radio, Stack, Typography } from '@linode/ui'; import React from 'react'; import { InlineMenuAction } from 'src/components/InlineMenuAction/InlineMenuAction'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { truncate } from 'src/utilities/truncate'; import type { StackScript } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFieldInput.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFieldInput.tsx index 97d143dad6f..cf7936fda87 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFieldInput.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFieldInput.tsx @@ -5,6 +5,7 @@ import { RadioGroup, Stack, TextField, + Typography, } from '@linode/ui'; import React from 'react'; import { useController, useFormContext } from 'react-hook-form'; @@ -14,7 +15,6 @@ import { FormControlLabel } from 'src/components/FormControlLabel'; import { FormLabel } from 'src/components/FormLabel'; import { Link } from 'src/components/Link'; import PasswordInput from 'src/components/PasswordInput/PasswordInput'; -import { Typography } from 'src/components/Typography'; import { getIsUDFHeader, diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx index 5cfc84c9473..5833ec59599 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx @@ -1,10 +1,9 @@ -import { Box, IconButton, Notice, Paper, Stack } from '@linode/ui'; +import { Box, IconButton, Notice, Paper, Stack, Typography } from '@linode/ui'; import React from 'react'; import { useFormContext, useWatch } from 'react-hook-form'; import Info from 'src/assets/icons/info.svg'; import { ShowMoreExpansion } from 'src/components/ShowMoreExpansion'; -import { Typography } from 'src/components/Typography'; import { oneClickApps } from 'src/features/OneClickApps/oneClickApps'; import { useStackScriptQuery } from 'src/queries/stackscripts'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx b/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx index b27393fab05..a7361ca5580 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx @@ -1,4 +1,4 @@ -import { Box, Paper } from '@linode/ui'; +import { Box, Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; @@ -10,7 +10,6 @@ import { Tab } from 'src/components/Tabs/Tab'; import { TabList } from 'src/components/Tabs/TabList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { sendLinodeCreateDocsEvent } from 'src/utilities/analytics/customEventAnalytics'; import { sendLinodeCreateFormInputEvent } from 'src/utilities/analytics/formEventAnalytics'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserData.tsx b/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserData.tsx index 9425044f482..ebd124e1fd8 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserData.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserData.tsx @@ -1,10 +1,9 @@ -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import React, { useMemo } from 'react'; import { Controller, useFormContext, useWatch } from 'react-hook-form'; import { Accordion } from 'src/components/Accordion'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useImageQuery } from 'src/queries/images'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserDataHeading.tsx b/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserDataHeading.tsx index e1ae867903d..b3103192789 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserDataHeading.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/UserData/UserDataHeading.tsx @@ -1,8 +1,7 @@ -import { Notice, Stack, TooltipIcon } from '@linode/ui'; +import { Notice, Stack, TooltipIcon, Typography } from '@linode/ui'; import React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useLinodeCreateQueryParams } from '../utilities'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLAN.tsx b/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLAN.tsx index 3535e2bd5ed..15686d66f02 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLAN.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLAN.tsx @@ -1,10 +1,9 @@ -import { Stack, TextField, TooltipIcon } from '@linode/ui'; +import { Stack, TextField, TooltipIcon, Typography } from '@linode/ui'; import React from 'react'; import { Controller, useFormContext, useWatch } from 'react-hook-form'; import { Accordion } from 'src/components/Accordion'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { VLANSelect } from 'src/components/VLANSelect'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLANAvailabilityNotice.tsx b/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLANAvailabilityNotice.tsx index 0556b7d9f30..4fe00ccea75 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLANAvailabilityNotice.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/VLAN/VLANAvailabilityNotice.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { regionsWithFeature } from 'src/utilities/doesRegionSupportFeature'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx b/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx index 7c410ea2e29..3817f73c4f0 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx @@ -7,6 +7,7 @@ import { Stack, TextField, TooltipIcon, + Typography, } from '@linode/ui'; import React, { useState } from 'react'; import { Controller, useFormContext, useWatch } from 'react-hook-form'; @@ -15,7 +16,6 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { LinkButton } from 'src/components/LinkButton'; -import { Typography } from 'src/components/Typography'; import { VPCSelect } from 'src/components/VPCSelect'; import { REGION_CAVEAT_HELPER_TEXT, diff --git a/packages/manager/src/features/Linodes/LinodeCreate/shared/LinodeSelectTable.tsx b/packages/manager/src/features/Linodes/LinodeCreate/shared/LinodeSelectTable.tsx index 787ef0d4676..6dabb99f154 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/shared/LinodeSelectTable.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/shared/LinodeSelectTable.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, Stack } from '@linode/ui'; +import { Box, Notice, Stack, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import useMediaQuery from '@mui/material/useMediaQuery'; import { useQueryClient } from '@tanstack/react-query'; @@ -16,7 +16,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { PowerActionsDialog } from 'src/features/Linodes/PowerActionsDialogOrDrawer'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetail.styles.ts b/packages/manager/src/features/Linodes/LinodeEntityDetail.styles.ts index ef128b1a5df..65ab28f3515 100644 --- a/packages/manager/src/features/Linodes/LinodeEntityDetail.styles.ts +++ b/packages/manager/src/features/Linodes/LinodeEntityDetail.styles.ts @@ -1,5 +1,5 @@ // This component was built assuming an unmodified MUI
-import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Table from '@mui/material/Table'; import Grid from '@mui/material/Unstable_Grid2'; @@ -8,7 +8,6 @@ import { Link } from 'react-router-dom'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx index 953104d0168..8a698b468d5 100644 --- a/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx +++ b/packages/manager/src/features/Linodes/LinodeEntityDetail.tsx @@ -25,7 +25,7 @@ import { import type { LinodeHandlers } from './LinodesLanding/LinodesLanding'; import type { Linode } from '@linode/api-v4/lib/linodes/types'; -import type { TypographyProps } from 'src/components/Typography'; +import type { TypographyProps } from '@linode/ui'; interface LinodeEntityDetailProps { id: number; diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailBody.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailBody.tsx index 7d4bf18bf18..3a305a8c6d0 100644 --- a/packages/manager/src/features/Linodes/LinodeEntityDetailBody.tsx +++ b/packages/manager/src/features/Linodes/LinodeEntityDetailBody.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useMediaQuery } from '@mui/material'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; @@ -12,7 +12,6 @@ import { } from 'src/components/Encryption/constants'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { AccessTable } from 'src/features/Linodes/AccessTable'; import { usePreferences } from 'src/queries/profile/preferences'; import { useProfile } from 'src/queries/profile/profile'; @@ -44,7 +43,7 @@ import type { Linode, } from '@linode/api-v4/lib/linodes/types'; import type { Subnet } from '@linode/api-v4/lib/vpcs'; -import type { TypographyProps } from 'src/components/Typography'; +import type { TypographyProps } from '@linode/ui'; interface LinodeEntityDetailProps { id: number; diff --git a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx index 0a190ebbcc9..d21c7b67087 100644 --- a/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx +++ b/packages/manager/src/features/Linodes/LinodeEntityDetailHeader.tsx @@ -19,7 +19,7 @@ import { getLinodeIconStatus } from './LinodesLanding/utils'; import type { LinodeHandlers } from './LinodesLanding/LinodesLanding'; import type { Config, LinodeBackups } from '@linode/api-v4'; import type { Linode, LinodeType } from '@linode/api-v4/lib/linodes/types'; -import type { TypographyProps } from 'src/components/Typography'; +import type { TypographyProps } from '@linode/ui'; interface LinodeEntityDetailProps { id: number; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx index f75c567dfda..ab08c0f431e 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/BackupsPlaceholder.tsx @@ -1,14 +1,15 @@ -import { PriceObject } from '@linode/api-v4'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import VolumeIcon from 'src/assets/icons/entityIcons/volume.svg'; import { Currency } from 'src/components/Currency'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; -import { Typography } from 'src/components/Typography'; import { EnableBackupsDialog } from './EnableBackupsDialog'; +import type { PriceObject } from '@linode/api-v4'; + interface Props { backupsMonthlyPrice?: PriceObject['monthly']; disabled: boolean; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CancelBackupsDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CancelBackupsDialog.tsx index 1b5990efdee..463f2217943 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CancelBackupsDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CancelBackupsDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useLinodeBackupsCancelMutation } from 'src/queries/linodes/backups'; import { sendBackupsDisabledEvent } from 'src/utilities/analytics/customEventAnalytics'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx index e985eee2576..529d8bc33c3 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx @@ -1,10 +1,16 @@ -import { Box, Button, FormControl, Paper, TextField } from '@linode/ui'; +import { + Box, + Button, + FormControl, + Paper, + TextField, + Typography, +} from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useLinodeBackupSnapshotMutation } from 'src/queries/linodes/backups'; import { getErrorMap } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx index 7568974343e..3d731ac3f72 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshotConfirmationDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; interface Props { error: string | undefined; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/EnableBackupsDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/EnableBackupsDialog.tsx index 8ba7792da3e..79bc5cbf751 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/EnableBackupsDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/EnableBackupsDialog.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { Currency } from 'src/components/Currency'; import { DISK_ENCRYPTION_BACKUPS_CAVEAT_COPY } from 'src/components/Encryption/constants'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useLinodeBackupsEnableMutation } from 'src/queries/linodes/backups'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx index a3245e07e47..821031a2fdc 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx @@ -1,4 +1,4 @@ -import { Button, CircleProgress, Paper } from '@linode/ui'; +import { Button, CircleProgress, Paper, Typography } from '@linode/ui'; import { Box, Stack } from '@mui/material'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -12,7 +12,6 @@ import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; -import { Typography } from 'src/components/Typography'; import { useLinodeBackupsQuery } from 'src/queries/linodes/backups'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useGrants, useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx index 2a1cab06e7f..d0e73bdd5b8 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx @@ -1,4 +1,10 @@ -import { FormControl, FormHelperText, Notice, Paper } from '@linode/ui'; +import { + FormControl, + FormHelperText, + Notice, + Paper, + Typography, +} from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; @@ -6,7 +12,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { useLinodeQuery, useLinodeUpdateMutation, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/BootConfigDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/BootConfigDialog.tsx index fc03df168c5..c555ec89e92 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/BootConfigDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/BootConfigDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useRebootLinodeMutation } from 'src/queries/linodes/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/DeleteConfigDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/DeleteConfigDialog.tsx index b0b9f75bfe7..554d13d871c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/DeleteConfigDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/DeleteConfigDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useLinodeConfigDeleteMutation } from 'src/queries/linodes/configs'; import type { Config } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigDialog.tsx index 1829196e383..90a7ff32d08 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeConfigs/LinodeConfigDialog.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, Button, @@ -26,7 +27,6 @@ import { FormControlLabel } from 'src/components/FormControlLabel'; import { FormLabel } from 'src/components/FormLabel'; import { Link } from 'src/components/Link'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { DeviceSelection } from 'src/features/Linodes/LinodesDetail/LinodeRescue/DeviceSelection'; import { titlecase } from 'src/features/Linodes/presentation'; import { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/AddIPDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/AddIPDrawer.tsx index fd65e8d7e02..39935bf4a91 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/AddIPDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/AddIPDrawer.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, Divider, @@ -14,7 +15,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useAllocateIPMutation, useLinodeIPsQuery, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteIPDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteIPDialog.tsx index 5450a53bfdf..0f6b586824d 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteIPDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteIPDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useLinodeIPDeleteMutation } from 'src/queries/linodes/networking'; interface Props { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteRangeDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteRangeDialog.tsx index 4e4911f60af..6b9f51a1084 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteRangeDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/DeleteRangeDialog.tsx @@ -1,12 +1,13 @@ -import { IPRange } from '@linode/api-v4'; +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useLinodeRemoveRangeMutation } from 'src/queries/linodes/networking'; +import type { IPRange } from '@linode/api-v4'; + interface Props { onClose: () => void; open: boolean; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/EditRangeRDNSDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/EditRangeRDNSDrawer.tsx index c1c532a3dfa..b966c715d65 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/EditRangeRDNSDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/EditRangeRDNSDrawer.tsx @@ -1,4 +1,4 @@ -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useLinodeIPMutation } from 'src/queries/linodes/networking'; import { useAllIPsQuery } from 'src/queries/networking/networking'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPSharing.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPSharing.tsx index 00ad1ab5771..0a775108d92 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPSharing.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPSharing.tsx @@ -1,4 +1,11 @@ -import { Button, CircleProgress, Divider, Notice, TextField } from '@linode/ui'; +import { + Button, + CircleProgress, + Divider, + Notice, + TextField, + Typography, +} from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { remove, uniq, update } from 'ramda'; @@ -8,7 +15,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Dialog } from 'src/components/Dialog/Dialog'; import Select from 'src/components/EnhancedSelect/Select'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { API_MAX_PAGE_SIZE } from 'src/constants'; import { useFlags } from 'src/hooks/useFlags'; import { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPTransfer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPTransfer.tsx index 9451285ac86..966d92d1f4c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPTransfer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/IPTransfer.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Divider, Notice } from '@linode/ui'; +import { CircleProgress, Divider, Notice, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { @@ -18,7 +18,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; import { usePrevious } from 'src/hooks/usePrevious'; import { useAllLinodesQuery, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx index b7f3aab63ab..3b0636aa02a 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx @@ -1,4 +1,4 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { Table } from 'src/components/Table'; @@ -9,7 +9,6 @@ import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; -import { Typography } from 'src/components/Typography'; import { RemoveDeviceDialog } from 'src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog'; import { useLinodeFirewallsQuery } from 'src/queries/linodes/firewalls'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddressRow.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddressRow.tsx index 2aec79e2b61..2c42008febd 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddressRow.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddressRow.tsx @@ -1,4 +1,4 @@ -import { CircleProgress } from '@linode/ui'; +import { CircleProgress, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { parse as parseIP } from 'ipaddr.js'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { LinkButton } from 'src/components/LinkButton'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; import { StyledTableRow } from 'src/features/Linodes/LinodeEntityDetail.styles'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useLinodeIPsQuery } from 'src/queries/linodes/networking'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx index 5d0769c5919..868e6152c4c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx @@ -1,4 +1,11 @@ -import { Box, Button, CircleProgress, Paper, Stack } from '@linode/ui'; +import { + Box, + Button, + CircleProgress, + Paper, + Stack, + Typography, +} from '@linode/ui'; import { useMediaQuery, useTheme } from '@mui/material'; import * as React from 'react'; @@ -12,7 +19,6 @@ import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; import { useVPCConfigInterface } from 'src/hooks/useVPCConfigInterface'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/DNSResolvers.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/DNSResolvers.tsx index a57a45cc714..252044f15e0 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/DNSResolvers.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/DNSResolvers.tsx @@ -1,8 +1,8 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; interface DNSResolversProps { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkTransfer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkTransfer.tsx index 8561c60f10d..d563c789fb6 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkTransfer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkTransfer.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { useAccountNetworkTransfer } from 'src/queries/account/transfer'; import { useLinodeTransfer } from 'src/queries/linodes/stats'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferContent.styles.ts b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferContent.styles.ts index d9012345494..70ba2b18f64 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferContent.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferContent.styles.ts @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - const sxLegendItemBefore = { borderRadius: 5, content: '""', diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferHistory.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferHistory.tsx index 5510384fe4d..83b31b8f838 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferHistory.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/TransferHistory.tsx @@ -1,4 +1,4 @@ -import { Box, CircleProgress } from '@linode/ui'; +import { Box, CircleProgress, Typography } from '@linode/ui'; import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'; import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'; import { IconButton } from '@mui/material'; @@ -9,7 +9,6 @@ import * as React from 'react'; import PendingIcon from 'src/assets/icons/pending.svg'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import { convertNetworkToUnit, generateNetworkUnits, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewIPDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewIPDrawer.tsx index 3e0b23e06e5..81f8baf140b 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewIPDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewIPDrawer.tsx @@ -1,12 +1,13 @@ -import { IPAddress } from '@linode/api-v4/lib/networking'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; +import type { IPAddress } from '@linode/api-v4/lib/networking'; + interface Props { ip?: IPAddress; onClose: () => void; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRDNSDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRDNSDrawer.tsx index 5bfe5868da0..f086fe112c1 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRDNSDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRDNSDrawer.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useAllIPsQuery } from 'src/queries/networking/networking'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRangeDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRangeDrawer.tsx index a92e9e2e182..1c407991069 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRangeDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/ViewRangeDrawer.tsx @@ -1,12 +1,13 @@ -import { IPRange } from '@linode/api-v4/lib/networking'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; +import type { IPRange } from '@linode/api-v4/lib/networking'; + interface Props { onClose: () => void; open: boolean; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx index 7bca294a5a1..b1cde9d047f 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx @@ -1,9 +1,7 @@ -import { Notice, Paper } from '@linode/ui'; +import { Notice, Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import type { SxProps, Theme } from '@mui/material/styles'; interface Props { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/LinodeRebuildDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/LinodeRebuildDialog.tsx index db001478398..c4298b8f0ac 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/LinodeRebuildDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/LinodeRebuildDialog.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Dialog } from 'src/components/Dialog/Dialog'; import { ErrorMessage } from 'src/components/ErrorMessage'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; -import { Typography } from 'src/components/Typography'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useGrants, useProfile } from 'src/queries/profile/profile'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/RebuildFromImage.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/RebuildFromImage.tsx index 76c162ac447..9bfa84470b0 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/RebuildFromImage.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/RebuildFromImage.tsx @@ -1,5 +1,5 @@ import { rebuildLinode } from '@linode/api-v4'; -import { Box, Checkbox, Divider } from '@linode/ui'; +import { Box, Checkbox, Divider, Typography } from '@linode/ui'; import { RebuildLinodeSchema } from '@linode/validation/lib/linodes.schema'; import Grid from '@mui/material/Unstable_Grid2'; import { Formik } from 'formik'; @@ -11,7 +11,6 @@ import { useLocation } from 'react-router-dom'; import { AccessPanel } from 'src/components/AccessPanel/AccessPanel'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { useEventsPollingActions } from 'src/queries/events/events'; import { usePreferences } from 'src/queries/profile/preferences'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/UserDataAccordion/UserDataAccordion.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/UserDataAccordion/UserDataAccordion.tsx index 2ea82ec34a1..1b9f3d88765 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/UserDataAccordion/UserDataAccordion.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/UserDataAccordion/UserDataAccordion.tsx @@ -1,9 +1,8 @@ -import { Box, Notice, TextField } from '@linode/ui'; +import { Box, Notice, TextField, Typography } from '@linode/ui'; import * as React from 'react'; import { Accordion } from 'src/components/Accordion'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { UserDataAccordionHeading } from './UserDataAccordionHeading'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/RescueDescription.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/RescueDescription.tsx index 43994f04a1e..36daff16700 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/RescueDescription.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/RescueDescription.tsx @@ -1,9 +1,8 @@ -import { Notice, StyledLinkButton } from '@linode/ui'; +import { Notice, StyledLinkButton, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { lishLaunch } from 'src/features/Lish/lishUtils'; import { useLinodeFirewallsQuery } from 'src/queries/linodes/firewalls'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx index 2e0295c3cd1..d0403f3bb59 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResize.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, Button, @@ -16,7 +17,6 @@ import { Dialog } from 'src/components/Dialog/Dialog'; import { ErrorMessage } from 'src/components/ErrorMessage'; import { Link } from 'src/components/Link'; import { TypeToConfirm } from 'src/components/TypeToConfirm/TypeToConfirm'; -import { Typography } from 'src/components/Typography'; import { PlansPanel } from 'src/features/components/PlansPanel/PlansPanel'; import { linodeInTransition } from 'src/features/Linodes/transitions'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResizeUnifiedMigrationPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResizeUnifiedMigrationPanel.tsx index 556e8ba3aa4..245c4118c66 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResizeUnifiedMigrationPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/LinodeResizeUnifiedMigrationPanel.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { Box, Divider, @@ -11,7 +12,6 @@ import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { capitalize } from 'src/utilities/capitalize'; import type { MigrationTypes } from '@linode/api-v4/lib/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/ResizeConfirmationDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/ResizeConfirmationDialog.tsx index ae81679eb9c..432f09fa4a5 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/ResizeConfirmationDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeResize/ResizeConfirmationDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; export interface Props { currentPlan: string; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/AlertSection.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/AlertSection.tsx index 183a7a4ddaf..482286d21cb 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/AlertSection.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/AlertSection.tsx @@ -1,11 +1,17 @@ -import { Box, Divider, InputAdornment, TextField, fadeIn } from '@linode/ui'; +import { + Box, + Divider, + InputAdornment, + TextField, + Typography, + fadeIn, +} from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; interface Props { copy: string; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx index 0e433f224fc..6491ef97c03 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx @@ -1,11 +1,10 @@ -import { Divider, Notice, Stack, TextField } from '@linode/ui'; +import { Divider, Notice, Stack, TextField, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { VPCPanel } from 'src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel'; import { useVlansQuery } from 'src/queries/vlans'; import { sendLinodeCreateDocsEvent } from 'src/utilities/analytics/customEventAnalytics'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx index 2adba606f67..2410d01ea5d 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeSettingsDeletePanel.tsx @@ -1,10 +1,9 @@ -import { Button, Notice } from '@linode/ui'; +import { Button, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { Accordion } from 'src/components/Accordion'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useDeleteLinodeMutation, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeWatchdogPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeWatchdogPanel.tsx index 7d098c34729..cad28b5ac63 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeWatchdogPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/LinodeWatchdogPanel.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import { Box, Stack } from '@mui/material'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { Accordion } from 'src/components/Accordion'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useLinodeQuery, useLinodeUpdateMutation, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx index dd91a6fd16b..df296850f16 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx @@ -5,6 +5,7 @@ import { Stack, TextField, TooltipIcon, + Typography, } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; @@ -12,7 +13,6 @@ import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Typography } from 'src/components/Typography'; import { REGION_CAVEAT_HELPER_TEXT, VPC_AUTO_ASSIGN_IPV4_TOOLTIP, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx index 1e860fee075..cdab7eec31a 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Paper, Stack } from '@linode/ui'; +import { Box, Button, Paper, Stack, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { useParams } from 'react-router-dom'; @@ -16,7 +16,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useAllLinodeDisksQuery } from 'src/queries/linodes/disks'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useGrants } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx index 045732bdf20..d24cac6b32d 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Paper } from '@linode/ui'; +import { Box, Button, Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { useParams } from 'react-router-dom'; @@ -14,7 +14,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { CloneVolumeDrawer } from 'src/features/Volumes/CloneVolumeDrawer'; import { DeleteVolumeDialog } from 'src/features/Volumes/DeleteVolumeDialog'; import { DetachVolumeDialog } from 'src/features/Volumes/DetachVolumeDialog'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx index ca9437a7b30..ea434617440 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx @@ -1,4 +1,4 @@ -import { Box, Paper } from '@linode/ui'; +import { Box, Paper, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { DateTime } from 'luxon'; @@ -9,7 +9,6 @@ import PendingIcon from 'src/assets/icons/pending.svg'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import Select from 'src/components/EnhancedSelect/Select'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import { STATS_NOT_READY_API_MESSAGE, STATS_NOT_READY_MESSAGE, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/StatsPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/StatsPanel.tsx index d4625c5dd47..19602d5b892 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/StatsPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/StatsPanel.tsx @@ -1,8 +1,6 @@ -import { CircleProgress } from '@linode/ui'; +import { CircleProgress, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface Props { height: number; loading: boolean; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/HostMaintenance.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/HostMaintenance.tsx index 59bfeb26c3c..d3432f34d42 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/HostMaintenance.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/HostMaintenance.tsx @@ -1,8 +1,6 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import type { LinodeStatus } from '@linode/api-v4/lib/linodes/types'; interface Props { diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MigrationNotification.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MigrationNotification.tsx index 148b2b74785..e3f1cbb916e 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MigrationNotification.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MigrationNotification.tsx @@ -1,12 +1,11 @@ import { scheduleOrQueueMigration } from '@linode/api-v4/lib/linodes'; -import { Notice, StyledLinkButton } from '@linode/ui'; +import { Notice, StyledLinkButton, Typography } from '@linode/ui'; import { DateTime } from 'luxon'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDialog } from 'src/hooks/useDialog'; import { useProfile } from 'src/queries/profile/profile'; import { capitalize } from 'src/utilities/capitalize'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MutationNotification.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MutationNotification.tsx index 2ffdcd4b1b1..4b0ac90bdc4 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MutationNotification.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/MutationNotification.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { MBpsIntraDC } from 'src/constants'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useStartLinodeMutationMutation } from 'src/queries/linodes/actions'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/UpgradeVolumesDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/UpgradeVolumesDialog.tsx index ec08dc1311b..83204307066 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/UpgradeVolumesDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodesDetailHeader/UpgradeVolumesDialog.tsx @@ -1,9 +1,8 @@ -import { Button, Notice, Stack } from '@linode/ui'; +import { Button, Notice, Stack, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { VolumeUpgradeCopy } from 'src/features/Volumes/UpgradeVolumeDialog'; import { getUpgradeableVolumeIds } from 'src/features/Volumes/utils'; import { useNotificationsQuery } from 'src/queries/account/notifications'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/MutateDrawer/MutateDrawer.tsx b/packages/manager/src/features/Linodes/LinodesDetail/MutateDrawer/MutateDrawer.tsx index 9038bb00f0d..d710b7a4f8e 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/MutateDrawer/MutateDrawer.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/MutateDrawer/MutateDrawer.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; import { ListItem } from 'src/components/ListItem'; -import { Typography } from 'src/components/Typography'; interface MutateInfo { disk: null | number; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx b/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx index 2af1c57101f..7b6fb876023 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx @@ -1,9 +1,8 @@ -import { Button, Notice, Paper, Stack } from '@linode/ui'; +import { Button, Notice, Paper, Stack, Typography } from '@linode/ui'; import React from 'react'; import { useHistory } from 'react-router-dom'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { getUpgradeableVolumeIds } from 'src/features/Volumes/utils'; import { useNotificationsQuery } from 'src/queries/account/notifications'; import { useLinodeVolumesQuery } from 'src/queries/volumes/volumes'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/CardView.tsx b/packages/manager/src/features/Linodes/LinodesLanding/CardView.tsx index 1a33d5c3f8b..613e957b7ba 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/CardView.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/CardView.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { keyframes, styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { LinodeEntityDetail } from 'src/features/Linodes/LinodeEntityDetail'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx b/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx index c9288a5d3d2..096acaa728e 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/DeleteLinodeDialog.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import * as React from 'react'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useAllLinodeConfigsQuery } from 'src/queries/linodes/configs'; import { useDeleteLinodeMutation } from 'src/queries/linodes/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx b/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx index c771fd75489..83535c32cb7 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx @@ -1,4 +1,4 @@ -import { Box, Paper, Tooltip } from '@linode/ui'; +import { Box, Paper, Tooltip, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { compose } from 'ramda'; import * as React from 'react'; @@ -16,7 +16,6 @@ import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; -import { Typography } from 'src/components/Typography'; import { useInfinitePageSize } from 'src/hooks/useInfinitePageSize'; import { groupByTags, sortGroups } from 'src/utilities/groupByTags'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts index 48c2972e77f..ac9c1cc7200 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts @@ -1,8 +1,7 @@ -import { IconButton, omittedProps } from '@linode/ui'; +import { IconButton, Typography, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; export const StyledTagHeaderRow = styled(TableRow, { label: 'StyledTagHeaderRow', diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.tsx b/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.tsx index 84c18e713b9..78ba8875bf2 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.tsx @@ -1,4 +1,4 @@ -import { Tooltip, TooltipIcon } from '@linode/ui'; +import { Tooltip, TooltipIcon, Typography } from '@linode/ui'; import * as React from 'react'; import Flag from 'src/assets/icons/flag.svg'; @@ -8,7 +8,6 @@ import { Link } from 'src/components/Link'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { LinodeActionMenu } from 'src/features/Linodes/LinodesLanding/LinodeActionMenu/LinodeActionMenu'; import { getProgressOrDefault, diff --git a/packages/manager/src/features/Linodes/MigrateLinode/CautionNotice.tsx b/packages/manager/src/features/Linodes/MigrateLinode/CautionNotice.tsx index 6b1f0501a3b..b39a67b4dc8 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/CautionNotice.tsx +++ b/packages/manager/src/features/Linodes/MigrateLinode/CautionNotice.tsx @@ -1,10 +1,9 @@ -import { Checkbox, Notice } from '@linode/ui'; +import { Checkbox, Notice, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import { DateTime } from 'luxon'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { API_MAX_PAGE_SIZE } from 'src/constants'; import { useLinodeVolumesQuery } from 'src/queries/volumes/volumes'; diff --git a/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.tsx b/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.tsx index 16b9124d469..e0ddb0fc00f 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.tsx +++ b/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.tsx @@ -1,10 +1,9 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Flag } from 'src/components/Flag'; import { PlacementGroupsSelect } from 'src/components/PlacementGroupsSelect/PlacementGroupsSelect'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; -import { Typography } from 'src/components/Typography'; import { NO_PLACEMENT_GROUPS_IN_SELECTED_REGION_MESSAGE } from 'src/features/PlacementGroups/constants'; import { useIsPlacementGroupsEnabled } from 'src/features/PlacementGroups/utils'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/Linodes/MigrateLinode/MigrateLinode.tsx b/packages/manager/src/features/Linodes/MigrateLinode/MigrateLinode.tsx index fcd461d4603..294a16f0b4f 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/MigrateLinode.tsx +++ b/packages/manager/src/features/Linodes/MigrateLinode/MigrateLinode.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Notice, TooltipIcon } from '@linode/ui'; +import { Box, Button, Notice, TooltipIcon, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { Dialog } from 'src/components/Dialog/Dialog'; import { ErrorMessage } from 'src/components/ErrorMessage'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; -import { Typography } from 'src/components/Typography'; import { MBpsInterDC } from 'src/constants'; import { EUAgreementCheckbox } from 'src/features/Account/Agreements/EUAgreementCheckbox'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/Linodes/MigrateLinode/MigrationPricing.tsx b/packages/manager/src/features/Linodes/MigrateLinode/MigrationPricing.tsx index 3e6a513f652..d48639244c8 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/MigrationPricing.tsx +++ b/packages/manager/src/features/Linodes/MigrateLinode/MigrationPricing.tsx @@ -1,10 +1,9 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { DisplayPrice } from 'src/components/DisplayPrice'; -import { Typography } from 'src/components/Typography'; import { isNumber } from 'src/utilities/isNumber'; import { StyledSpan } from './ConfigureForm.styles'; diff --git a/packages/manager/src/features/Linodes/PowerActionsDialogOrDrawer.tsx b/packages/manager/src/features/Linodes/PowerActionsDialogOrDrawer.tsx index 9805673160e..35f93c23d5b 100644 --- a/packages/manager/src/features/Linodes/PowerActionsDialogOrDrawer.tsx +++ b/packages/manager/src/features/Linodes/PowerActionsDialogOrDrawer.tsx @@ -1,4 +1,4 @@ -import { FormHelperText, Notice } from '@linode/ui'; +import { FormHelperText, Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useAllLinodeConfigsQuery } from 'src/queries/linodes/configs'; import { diff --git a/packages/manager/src/features/Linodes/PublicIPAddressesTooltip.tsx b/packages/manager/src/features/Linodes/PublicIPAddressesTooltip.tsx index ff1dc183f3f..52afe6e8179 100644 --- a/packages/manager/src/features/Linodes/PublicIPAddressesTooltip.tsx +++ b/packages/manager/src/features/Linodes/PublicIPAddressesTooltip.tsx @@ -1,8 +1,7 @@ -import { TooltipIcon } from '@linode/ui'; +import { TooltipIcon, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; const sxTooltipIcon = { padding: '0', diff --git a/packages/manager/src/features/Linodes/SMTPRestrictionText.tsx b/packages/manager/src/features/Linodes/SMTPRestrictionText.tsx index 23ff57d2be9..2af518f1012 100644 --- a/packages/manager/src/features/Linodes/SMTPRestrictionText.tsx +++ b/packages/manager/src/features/Linodes/SMTPRestrictionText.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; import { SupportLink } from 'src/components/SupportLink'; -import { Typography } from 'src/components/Typography'; import { useAccount } from 'src/queries/account/account'; import { sendLinodeCreateDocsEvent } from 'src/utilities/analytics/customEventAnalytics'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ActiveConnections/ActiveConnections.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ActiveConnections/ActiveConnections.tsx index 7a7e8466eaf..cc9f4052827 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ActiveConnections/ActiveConnections.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ActiveConnections/ActiveConnections.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -13,11 +14,11 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; -import { LongviewPort } from 'src/features/Longview/request.types'; import { ConnectionRow } from './ConnectionRow'; +import type { LongviewPort } from 'src/features/Longview/request.types'; + export interface TableProps { connections: LongviewPort[]; connectionsError?: string; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Apache/Apache.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Apache/Apache.tsx index 27ad6826c89..51da7c13940 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Apache/Apache.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Apache/Apache.tsx @@ -1,10 +1,9 @@ -import { Box, Notice } from '@linode/ui'; +import { Box, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { isToday as _isToday } from 'src/utilities/isToday'; import { diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx index e906d1a5df7..3ed0d4684dd 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx @@ -1,8 +1,7 @@ +import { Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Paper } from '@linode/ui'; -import { Typography } from 'src/components/Typography'; import { TimeRangeSelect } from '../../shared/TimeRangeSelect'; export const StyledTimeRangeSelect = styled(TimeRangeSelect, { diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Disks/Graphs.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Disks/Graphs.tsx index 4f1a1e23cc9..11fa36b04a2 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Disks/Graphs.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Disks/Graphs.tsx @@ -1,16 +1,17 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { pathOr } from 'ramda'; import * as React from 'react'; import { LongviewLineGraph } from 'src/components/LongviewLineGraph/LongviewLineGraph'; -import { Typography } from 'src/components/Typography'; import { isToday as _isToday } from 'src/utilities/isToday'; -import { Stat, StatWithDummyPoint } from '../../../request.types'; import { convertData } from '../../../shared/formatters'; import GraphCard from '../../GraphCard'; import { StyledDiv } from './Graphs.styles'; +import type { Stat, StatWithDummyPoint } from '../../../request.types'; + export interface GraphProps { childOf: boolean; diskLabel: string; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/IconSection.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/IconSection.tsx index ddc61cf742b..e2c6633a898 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/IconSection.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/IconSection.tsx @@ -1,18 +1,16 @@ +import { Typography } from '@linode/ui'; +import Grid from '@mui/material/Unstable_Grid2/Grid2'; import { pathOr } from 'ramda'; import * as React from 'react'; -import Grid from '@mui/material/Unstable_Grid2/Grid2'; import CPUIcon from 'src/assets/icons/longview/cpu-icon.svg'; import DiskIcon from 'src/assets/icons/longview/disk.svg'; import PackageIcon from 'src/assets/icons/longview/package-icon.svg'; import RamIcon from 'src/assets/icons/longview/ram-sticks.svg'; import ServerIcon from 'src/assets/icons/longview/server-icon.svg'; -import { Typography } from 'src/components/Typography'; -import { Props as LVDataProps } from 'src/containers/longview.stats.container'; import { formatUptime } from 'src/utilities/formatUptime'; import { readableBytes } from 'src/utilities/unitConversions'; -import { LongviewPackage } from '../../request.types'; import { getPackageNoticeText, getTotalMemoryUsage, @@ -20,12 +18,15 @@ import { } from '../../shared/utilities'; import { StyledHeaderGrid, - StyledIconGrid, StyledIconContainerGrid, + StyledIconGrid, StyledIconTextLink, StyledPackageGrid, } from './IconSection.styles'; +import type { LongviewPackage } from '../../request.types'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; + interface Props { client: string; longviewClientData: LVDataProps['longviewClientData']; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ListeningServices/ListeningServices.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ListeningServices/ListeningServices.tsx index 4666a5ae0ff..4234d9f65e4 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ListeningServices/ListeningServices.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/ListeningServices/ListeningServices.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -12,11 +13,11 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; -import { LongviewService } from 'src/features/Longview/request.types'; import { LongviewServiceRow } from './LongviewServiceRow'; +import type { LongviewService } from 'src/features/Longview/request.types'; + export interface TableProps { services: LongviewService[]; servicesError?: string; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/MySQL/MySQLLanding.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/MySQL/MySQLLanding.tsx index d2d22c99937..ed6f87ef11a 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/MySQL/MySQLLanding.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/MySQL/MySQLLanding.tsx @@ -1,17 +1,16 @@ -import { Box, Notice } from '@linode/ui'; +import { Box, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { isToday as _isToday } from 'src/utilities/isToday'; +import { StyledItemGrid } from '../CommonStyles.styles'; import { StyledTimeRangeSelect, StyledTypography, } from '../CommonStyles.styles'; -import { StyledItemGrid } from '../CommonStyles.styles'; import { useGraphs } from '../OverviewGraphs/useGraphs'; import { MySQLGraphs } from './MySQLGraphs'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/NGINX/NGINX.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/NGINX/NGINX.tsx index c5c33246e8a..ee5dd3045ec 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/NGINX/NGINX.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/NGINX/NGINX.tsx @@ -1,10 +1,9 @@ -import { Box, Notice } from '@linode/ui'; +import { Box, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { isToday as _isToday } from 'src/utilities/isToday'; import { diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx index b99f8548e7e..1968b907886 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx @@ -1,9 +1,8 @@ -import { Box, Paper } from '@linode/ui'; +import { Box, Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { LongviewLineGraph } from 'src/components/LongviewLineGraph/LongviewLineGraph'; -import { Typography } from 'src/components/Typography'; import { convertData, formatMemory, diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/TopProcesses.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/TopProcesses.tsx index 440671c694c..f988ef09c16 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/TopProcesses.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/TopProcesses.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import * as React from 'react'; import OrderBy from 'src/components/OrderBy'; @@ -11,7 +11,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { readableBytes } from 'src/utilities/unitConversions'; import { formatCPU } from '../../shared/formatters'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx b/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx index 8c8c02710c6..c5111afa4f0 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx @@ -1,8 +1,6 @@ +import { Paper, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; -import { Paper } from '@linode/ui'; - interface Props { children?: React.ReactNode; helperText?: string; diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/CPU.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/CPU.tsx index 9e8d41ba271..77673454b9f 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/CPU.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/CPU.tsx @@ -1,16 +1,17 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { clamp, pathOr } from 'ramda'; import * as React from 'react'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientStats, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientStats from 'src/containers/longview.stats.container'; import { pluralize } from 'src/utilities/pluralize'; -import { CPU } from '../../request.types'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { CPU } from '../../request.types'; +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface getFinalUsedCPUProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Load.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Load.tsx index b6c6ab64d39..e54ad382c13 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Load.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Load.tsx @@ -1,14 +1,15 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { pathOr } from 'ramda'; import * as React from 'react'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientData, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientData from 'src/containers/longview.stats.container'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface LoadGaugeProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Network.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Network.tsx index 93dd7639f05..d05fc9ab0d5 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Network.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Network.tsx @@ -1,19 +1,20 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { compose } from 'recompose'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientStats, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientStats from 'src/containers/longview.stats.container'; -import { LongviewNetwork } from '../../request.types'; import { convertNetworkToUnit, generateNetworkUnits, } from '../../shared/utilities'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { LongviewNetwork } from '../../request.types'; +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface NetworkProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/RAM.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/RAM.tsx index 2670d32c953..796546f52ce 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/RAM.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/RAM.tsx @@ -1,19 +1,20 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { pathOr } from 'ramda'; import * as React from 'react'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientData, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientData from 'src/containers/longview.stats.container'; import { readableBytes } from 'src/utilities/unitConversions'; import { generateTotalMemory, generateUsedMemory, } from '../../shared/utilities'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface RAMGaugeProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Storage.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Storage.tsx index b5c7774598c..41350d90178 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Storage.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Storage.tsx @@ -1,15 +1,16 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientStats, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientStats from 'src/containers/longview.stats.container'; import { readableBytes } from 'src/utilities/unitConversions'; import { sumStorage } from '../../shared/utilities'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface getUsedStorageProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Swap.tsx b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Swap.tsx index 9d5d69ec4d4..da760407f79 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/Gauges/Swap.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/Gauges/Swap.tsx @@ -1,15 +1,16 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { pathOr } from 'ramda'; import * as React from 'react'; import { GaugePercent } from 'src/components/GaugePercent/GaugePercent'; -import { Typography } from 'src/components/Typography'; -import withClientData, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientData from 'src/containers/longview.stats.container'; import { readableBytes } from 'src/utilities/unitConversions'; -import { BaseProps as Props, baseGaugeProps } from './common'; +import { baseGaugeProps } from './common'; + +import type { BaseProps as Props } from './common'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; interface SwapGaugeProps extends Props, LVDataProps {} diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientHeader.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientHeader.tsx index 5c43ea21b7b..c4e0bcac32e 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientHeader.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientHeader.tsx @@ -1,4 +1,4 @@ -import { APIError } from '@linode/api-v4/lib/types'; +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2/Grid2'; import { pathOr } from 'ramda'; import * as React from 'react'; @@ -6,17 +6,12 @@ import { compose } from 'recompose'; import { EditableEntityLabel } from 'src/components/EditableEntityLabel/EditableEntityLabel'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; -import { DispatchProps } from 'src/containers/longview.container'; -import withClientStats, { - Props as LVDataProps, -} from 'src/containers/longview.stats.container'; +import withClientStats from 'src/containers/longview.stats.container'; import { useProfile } from 'src/queries/profile/profile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import { formatDate } from 'src/utilities/formatDate'; import { formatUptime } from 'src/utilities/formatUptime'; -import { LongviewPackage } from '../request.types'; import { getPackageNoticeText } from '../shared/utilities'; import { StyledButton, @@ -26,6 +21,11 @@ import { } from './LongviewClientHeader.styles'; import { RestrictedUserLabel } from './RestrictedUserLabel'; +import type { LongviewPackage } from '../request.types'; +import type { APIError } from '@linode/api-v4/lib/types'; +import type { DispatchProps } from 'src/containers/longview.container'; +import type { Props as LVDataProps } from 'src/containers/longview.stats.container'; + interface Props { clientID: number; clientLabel: string; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewClients.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewClients.tsx index a346b0e241f..75ac9c8def0 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewClients.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewClients.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { isEmpty, pathOr } from 'ramda'; import * as React from 'react'; import { connect } from 'react-redux'; @@ -7,7 +8,6 @@ import { compose } from 'recompose'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; -import { Typography } from 'src/components/Typography'; import withLongviewClients from 'src/containers/longview.container'; import { useAccountSettings } from 'src/queries/account/settings'; import { useGrants, useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx index b370b2fb3ee..35d7daef317 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx @@ -1,10 +1,15 @@ -import { Box, CircleProgress, Paper, StyledLinkButton } from '@linode/ui'; +import { + Box, + CircleProgress, + Paper, + StyledLinkButton, + Typography, +} from '@linode/ui'; import * as React from 'react'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import Paginate from 'src/components/Paginate'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Typography } from 'src/components/Typography'; import { LongviewListRows } from './LongviewListRows'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/RestrictedUserLabel.tsx b/packages/manager/src/features/Longview/LongviewLanding/RestrictedUserLabel.tsx index bb38759fc06..ce53e97a130 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/RestrictedUserLabel.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/RestrictedUserLabel.tsx @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface Props { label: string; subtext: string; diff --git a/packages/manager/src/features/Longview/LongviewLanding/SubscriptionDialog.tsx b/packages/manager/src/features/Longview/LongviewLanding/SubscriptionDialog.tsx index 01977aaf370..8a6e3bdcb36 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/SubscriptionDialog.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/SubscriptionDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { managedText } from './LongviewPlans'; diff --git a/packages/manager/src/features/Longview/shared/InstallationInstructions.tsx b/packages/manager/src/features/Longview/shared/InstallationInstructions.tsx index 0b35620ad38..0d643784e03 100644 --- a/packages/manager/src/features/Longview/shared/InstallationInstructions.tsx +++ b/packages/manager/src/features/Longview/shared/InstallationInstructions.tsx @@ -1,10 +1,9 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { StyledContainerGrid, diff --git a/packages/manager/src/features/Managed/Contacts/Contacts.styles.tsx b/packages/manager/src/features/Managed/Contacts/Contacts.styles.tsx index 6db53a7ba7b..84a43527dc2 100644 --- a/packages/manager/src/features/Managed/Contacts/Contacts.styles.tsx +++ b/packages/manager/src/features/Managed/Contacts/Contacts.styles.tsx @@ -1,7 +1,6 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; - -import { Typography } from 'src/components/Typography'; +import Grid from '@mui/material/Unstable_Grid2'; export const StyledWrapperGrid = styled(Grid, { label: 'StyledWrapperGrid' })( ({ theme }) => ({ diff --git a/packages/manager/src/features/Managed/ManagedDashboardCard/DashboardCard.tsx b/packages/manager/src/features/Managed/ManagedDashboardCard/DashboardCard.tsx index d8f16691788..f20790e31ec 100644 --- a/packages/manager/src/features/Managed/ManagedDashboardCard/DashboardCard.tsx +++ b/packages/manager/src/features/Managed/ManagedDashboardCard/DashboardCard.tsx @@ -1,8 +1,7 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import { StyledHeaderGrid, StyledRootGrid, diff --git a/packages/manager/src/features/Managed/ManagedDashboardCard/ManagedChartPanel.tsx b/packages/manager/src/features/Managed/ManagedDashboardCard/ManagedChartPanel.tsx index a06c13055b8..b90453a8c9f 100644 --- a/packages/manager/src/features/Managed/ManagedDashboardCard/ManagedChartPanel.tsx +++ b/packages/manager/src/features/Managed/ManagedDashboardCard/ManagedChartPanel.tsx @@ -1,11 +1,10 @@ -import { Box, CircleProgress } from '@linode/ui'; +import { Box, CircleProgress, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { TabbedPanel } from 'src/components/TabbedPanel/TabbedPanel'; -import { Typography } from 'src/components/Typography'; import { convertNetworkToUnit, generateNetworkUnits, diff --git a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.styles.tsx b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.styles.tsx index cb274fb2055..f6875a68e89 100644 --- a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.styles.tsx +++ b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.styles.tsx @@ -1,7 +1,6 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; - -import { Typography } from 'src/components/Typography'; +import Grid from '@mui/material/Unstable_Grid2'; export const StyledTypography = styled(Typography, { label: 'StyledTypography', diff --git a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.tsx b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.tsx index 29426bfbc96..365bbe1f794 100644 --- a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.tsx +++ b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorStatus.tsx @@ -1,17 +1,19 @@ -import { ManagedServiceMonitor } from '@linode/api-v4/lib/managed'; +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Link } from 'react-router-dom'; import MonitorFailed from 'src/assets/icons/monitor-failed.svg'; import MonitorOK from 'src/assets/icons/monitor-ok.svg'; -import { Typography } from 'src/components/Typography'; + import { - StyledTypography, StyledIconGrid, StyledRootGrid, + StyledTypography, } from './MonitorStatus.styles'; +import type { ManagedServiceMonitor } from '@linode/api-v4/lib/managed'; + export interface MonitorStatusProps { monitors: ManagedServiceMonitor[]; } diff --git a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorTickets.tsx b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorTickets.tsx index 27594bd9f49..8526124a6cd 100644 --- a/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorTickets.tsx +++ b/packages/manager/src/features/Managed/ManagedDashboardCard/MonitorTickets.tsx @@ -1,13 +1,14 @@ +import { Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Link, useHistory } from 'react-router-dom'; import TicketIcon from 'src/assets/icons/ticket.svg'; -import { Typography } from 'src/components/Typography'; -import { ExtendedIssue } from 'src/queries/managed/types'; import { StyledButton, StyledGrid } from './MonitorTickets.styles'; +import type { ExtendedIssue } from 'src/queries/managed/types'; + interface MonitorTicketsProps { issues: ExtendedIssue[]; } diff --git a/packages/manager/src/features/Managed/Monitors/MonitorRow.styles.tsx b/packages/manager/src/features/Managed/Monitors/MonitorRow.styles.tsx index 831d29ab30f..3a51f68656a 100644 --- a/packages/manager/src/features/Managed/Monitors/MonitorRow.styles.tsx +++ b/packages/manager/src/features/Managed/Monitors/MonitorRow.styles.tsx @@ -1,10 +1,10 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; import { Link } from 'react-router-dom'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; export const StyledTableRow = styled(TableRow, { label: 'StyledTableRow' })({ '&:before': { diff --git a/packages/manager/src/features/Managed/Monitors/MonitorRow.tsx b/packages/manager/src/features/Managed/Monitors/MonitorRow.tsx index 7b3730f53a8..0192fcd4ac4 100644 --- a/packages/manager/src/features/Managed/Monitors/MonitorRow.tsx +++ b/packages/manager/src/features/Managed/Monitors/MonitorRow.tsx @@ -1,10 +1,9 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import TicketIcon from 'src/assets/icons/ticket.svg'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; import ActionMenu from './MonitorActionMenu'; import { statusIconMap, statusTextMap } from './monitorMaps'; diff --git a/packages/manager/src/features/Managed/SSHAccess/EditSSHAccessDrawer.styles.tsx b/packages/manager/src/features/Managed/SSHAccess/EditSSHAccessDrawer.styles.tsx index 42f33923c58..122abdb9bb5 100644 --- a/packages/manager/src/features/Managed/SSHAccess/EditSSHAccessDrawer.styles.tsx +++ b/packages/manager/src/features/Managed/SSHAccess/EditSSHAccessDrawer.styles.tsx @@ -1,7 +1,6 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; - -import { Typography } from 'src/components/Typography'; +import Grid from '@mui/material/Unstable_Grid2'; export const StyledTypography = styled(Typography, { label: 'StyledTypography', diff --git a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx index 4cd3d6d9449..9ffcff2e3d3 100644 --- a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx +++ b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx @@ -1,9 +1,8 @@ -import { CircleProgress, Paper } from '@linode/ui'; +import { CircleProgress, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import SSHKeyIcon from 'src/assets/icons/ssh-key.svg'; -import { Typography } from 'src/components/Typography'; export const StyledCopyToClipboardGrid = styled(Grid, { label: 'StyledCopyToClipboardGrid', diff --git a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.tsx b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.tsx index 81d33af11ef..8b6d88c9ce0 100644 --- a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.tsx +++ b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.tsx @@ -1,11 +1,10 @@ -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import copy from 'copy-to-clipboard'; import * as React from 'react'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useManagedSSHKey } from 'src/queries/managed/managed'; import { getErrorStringOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/NodeBalancers/ConfigNodeIPSelect.tsx b/packages/manager/src/features/NodeBalancers/ConfigNodeIPSelect.tsx index 1412d22c9ed..bb55bc1cd67 100644 --- a/packages/manager/src/features/NodeBalancers/ConfigNodeIPSelect.tsx +++ b/packages/manager/src/features/NodeBalancers/ConfigNodeIPSelect.tsx @@ -1,9 +1,8 @@ -import { Box, Stack } from '@linode/ui'; +import { Box, Stack, Typography } from '@linode/ui'; import React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { SelectedIcon } from 'src/components/Autocomplete/Autocomplete.styles'; -import { Typography } from 'src/components/Typography'; import { useAllLinodesQuery } from 'src/queries/linodes/linodes'; import { getPrivateIPOptions } from './ConfigNodeIPSelect.utils'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerActiveCheck.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerActiveCheck.tsx index 707b5c24334..f533d1dc3b4 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerActiveCheck.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerActiveCheck.tsx @@ -1,9 +1,13 @@ -import { FormHelperText, InputAdornment, TextField } from '@linode/ui'; +import { + FormHelperText, + InputAdornment, + TextField, + Typography, +} from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { setErrorMap } from './utils'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerConfigNode.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerConfigNode.tsx index 34c54266b5c..2795fb7353c 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerConfigNode.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerConfigNode.tsx @@ -1,10 +1,17 @@ -import { Box, Button, Chip, Divider, Notice, TextField } from '@linode/ui'; +import { + Box, + Button, + Chip, + Divider, + Notice, + TextField, + Typography, +} from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; import { getErrorMap } from 'src/utilities/errorUtils'; import { ConfigNodeIPSelect } from './ConfigNodeIPSelect'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerConfigPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerConfigPanel.tsx index f5a113c0fc2..da1f2ed4552 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerConfigPanel.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerConfigPanel.tsx @@ -1,4 +1,11 @@ -import { Button, Divider, FormHelperText, Notice, TextField } from '@linode/ui'; +import { + Button, + Divider, + FormHelperText, + Notice, + TextField, + Typography, +} from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -6,7 +13,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { ActiveCheck } from './NodeBalancerActiveCheck'; import { NodeBalancerConfigNode } from './NodeBalancerConfigNode'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx index db048dac255..b0d9053df8d 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx @@ -1,4 +1,12 @@ -import { Box, Button, Notice, Paper, Stack, TextField } from '@linode/ui'; +import { + Box, + Button, + Notice, + Paper, + Stack, + TextField, + Typography, +} from '@linode/ui'; import { useTheme } from '@mui/material'; import useMediaQuery from '@mui/material/useMediaQuery'; import { createLazyRoute } from '@tanstack/react-router'; @@ -27,7 +35,6 @@ import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { SelectFirewallPanel } from 'src/components/SelectFirewallPanel/SelectFirewallPanel'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; -import { Typography } from 'src/components/Typography'; import { FIREWALL_GET_STARTED_LINK } from 'src/constants'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { @@ -50,8 +57,8 @@ import { sendCreateNodeBalancerEvent } from 'src/utilities/analytics/customEvent import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import { getGDPRDetails } from 'src/utilities/formatRegion'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; -import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants'; import { PRICE_ERROR_TOOLTIP_TEXT } from 'src/utilities/pricing/constants'; +import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants'; import { getDCSpecificPriceByType, renderMonthlyPriceToCorrectDecimalPlace, diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx index adafe73aa42..2f626eadbb4 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDeleteDialog.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useNodebalancerDeleteMutation } from 'src/queries/nodebalancers'; interface Props { diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx index 9c9aac878c7..0cbe1d4ae12 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx @@ -8,7 +8,7 @@ import { updateNodeBalancerConfig, updateNodeBalancerConfigNode, } from '@linode/api-v4/lib/nodebalancers'; -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { append, @@ -30,7 +30,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import PromiseLoader from 'src/components/PromiseLoader/PromiseLoader'; -import { Typography } from 'src/components/Typography'; import { withQueryClient } from 'src/containers/withQueryClient.container'; import { nodebalancerQueries } from 'src/queries/nodebalancers'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerFirewalls.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerFirewalls.tsx index b4a2a09770e..8985a430605 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerFirewalls.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerFirewalls.tsx @@ -1,5 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ -import { Box, Stack } from '@linode/ui'; +import { Box, Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; @@ -11,7 +11,6 @@ import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; -import { Typography } from 'src/components/Typography'; import { CREATE_FIREWALL_LINK } from 'src/constants'; import { RemoveDeviceDialog } from 'src/features/Firewalls/FirewallDetail/Devices/RemoveDeviceDialog'; import { useNodeBalancersFirewallsQuery } from 'src/queries/nodebalancers'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx index 20b9534cf4e..8dfa65b229a 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx @@ -1,18 +1,17 @@ +import { Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Link, useParams } from 'react-router-dom'; -import { Paper } from '@linode/ui'; import { TagCell } from 'src/components/TagCell/TagCell'; -import { Typography } from 'src/components/Typography'; import { IPAddress } from 'src/features/Linodes/LinodesLanding/IPAddress'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; -import { useNodeBalancersFirewallsQuery } from 'src/queries/nodebalancers'; import { useAllNodeBalancerConfigsQuery, useNodeBalancerQuery, useNodebalancerUpdateMutation, } from 'src/queries/nodebalancers'; +import { useNodeBalancersFirewallsQuery } from 'src/queries/nodebalancers'; import { useRegionsQuery } from 'src/queries/regions/regions'; import { convertMegabytesTo } from 'src/utilities/unitConversions'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx index 3d53f59a78b..51c9fec4fd6 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx @@ -1,4 +1,4 @@ -import { Box, CircleProgress, Paper } from '@linode/ui'; +import { Box, CircleProgress, Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { useParams } from 'react-router-dom'; import PendingIcon from 'src/assets/icons/pending.svg'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Typography } from 'src/components/Typography'; import { formatBitsPerSecond } from 'src/features/Longview/shared/utilities'; import { useNodeBalancerQuery, diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerPassiveCheck.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerPassiveCheck.tsx index cd54cac1d4d..3d2099436f6 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerPassiveCheck.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerPassiveCheck.tsx @@ -1,10 +1,9 @@ -import { FormHelperText } from '@linode/ui'; +import { FormHelperText, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import type { NodeBalancerConfigPanelProps } from './types'; diff --git a/packages/manager/src/features/NotificationCenter/Events/NotificationCenterEvent.tsx b/packages/manager/src/features/NotificationCenter/Events/NotificationCenterEvent.tsx index ee2da2ca32c..4089e6145b6 100644 --- a/packages/manager/src/features/NotificationCenter/Events/NotificationCenterEvent.tsx +++ b/packages/manager/src/features/NotificationCenter/Events/NotificationCenterEvent.tsx @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import * as React from 'react'; import { BarPercent } from 'src/components/BarPercent'; -import { Typography } from 'src/components/Typography'; import { formatProgressEvent, getEventMessage, diff --git a/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts b/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts index e8e24d268f6..0ce979d10bc 100644 --- a/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts +++ b/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts @@ -1,11 +1,10 @@ -import { Box, omittedProps } from '@linode/ui'; +import { Box, Typography, omittedProps } from '@linode/ui'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; import { styled } from '@mui/material'; import { makeStyles } from 'tss-react/mui'; import { Avatar } from 'src/components/Avatar/Avatar'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { NotificationCenterNotificationMessageProps } from './types'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationMessage.tsx b/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationMessage.tsx index 144877d0dad..4bf1c8059c7 100644 --- a/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationMessage.tsx +++ b/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationMessage.tsx @@ -1,10 +1,9 @@ -import { Box, Divider } from '@linode/ui'; +import { Box, Divider, Typography } from '@linode/ui'; import ErrorIcon from '@mui/icons-material/Error'; import WarningIcon from '@mui/icons-material/Warning'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; import { StyledLink } from '../NotificationCenter.styles'; diff --git a/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationsContainer.tsx b/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationsContainer.tsx index 4a2f4e03f56..b5cad82da91 100644 --- a/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationsContainer.tsx +++ b/packages/manager/src/features/NotificationCenter/Notifications/NotificationCenterNotificationsContainer.tsx @@ -1,16 +1,15 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import * as React from 'react'; import { Accordion } from 'src/components/Accordion'; import { Hidden } from 'src/components/Hidden'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; -import { useStyles } from '../NotificationCenter.styles'; import { StyledHeader, StyledRootContainer, } from '../NotificationCenter.styles'; +import { useStyles } from '../NotificationCenter.styles'; import { useFormattedNotifications } from '../useFormattedNotifications'; import { NotificationCenterNotifications } from './NotificationCenterNotifications'; diff --git a/packages/manager/src/features/NotificationCenter/useFormattedNotifications.tsx b/packages/manager/src/features/NotificationCenter/useFormattedNotifications.tsx index 674b9978d48..c32c1c8775f 100644 --- a/packages/manager/src/features/NotificationCenter/useFormattedNotifications.tsx +++ b/packages/manager/src/features/NotificationCenter/useFormattedNotifications.tsx @@ -1,11 +1,10 @@ -import { StyledLinkButton } from '@linode/ui'; +import { StyledLinkButton, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { DateTime } from 'luxon'; import { path } from 'ramda'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { complianceUpdateContext } from 'src/context/complianceUpdateContext'; import { reportException } from 'src/exceptionReporting'; import { useDismissibleNotifications } from 'src/hooks/useDismissibleNotifications'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyDrawer.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyDrawer.tsx index f8566fb792b..01e6481f115 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyDrawer.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice, TextField } from '@linode/ui'; +import { CircleProgress, Notice, TextField, Typography } from '@linode/ui'; import { createObjectStorageKeysSchema } from '@linode/validation/lib/objectStorageKeys.schema'; import { Formik } from 'formik'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useAccountSettings } from 'src/queries/account/settings'; import { useObjectStorageBuckets } from 'src/queries/object-storage/queries'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx index 9803c41c0f8..95c6a03f626 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx @@ -1,4 +1,4 @@ -import { Stack } from '@linode/ui'; +import { Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; @@ -7,7 +7,6 @@ import { Hidden } from 'src/components/Hidden'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/LimitedAccessControls.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/LimitedAccessControls.tsx index 30f5c287f6a..f58c993a531 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/LimitedAccessControls.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/LimitedAccessControls.tsx @@ -1,9 +1,8 @@ -import { TooltipIcon } from '@linode/ui'; +import { TooltipIcon, Typography } from '@linode/ui'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/OMC_AccessKeyDrawer.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/OMC_AccessKeyDrawer.tsx index bf170914337..faf1433ca27 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/OMC_AccessKeyDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/OMC_AccessKeyDrawer.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice, TextField } from '@linode/ui'; +import { CircleProgress, Notice, TextField, Typography } from '@linode/ui'; import { createObjectStorageKeysSchema, updateObjectStorageKeysSchema, @@ -9,7 +9,6 @@ import React, { useEffect, useState } from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useAccountSettings } from 'src/queries/account/settings'; import { useObjectStorageBuckets } from 'src/queries/object-storage/queries'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/RevokeAccessKeyDialog.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/RevokeAccessKeyDialog.tsx index 21353f2dd2e..335f8560504 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/RevokeAccessKeyDialog.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/RevokeAccessKeyDialog.tsx @@ -1,13 +1,14 @@ -import { APIError } from '@linode/api-v4/lib/types'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { CancelNotice } from '../CancelNotice'; +import type { APIError } from '@linode/api-v4/lib/types'; + interface RevokeKeysDialogProps { errors?: APIError[]; handleClose: () => void; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/ViewPermissionsDrawer.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/ViewPermissionsDrawer.tsx index f7053031ad7..b12350bbf13 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/ViewPermissionsDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/ViewPermissionsDrawer.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities'; diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx index 6e60543b31e..80a0de8f411 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/AccessSelect.tsx @@ -1,4 +1,4 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Controller, useForm } from 'react-hook-form'; @@ -8,7 +8,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useOpenClose } from 'src/hooks/useOpenClose'; import { useBucketAccess, diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx index cb499aa8c23..4d7ec7959e3 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx @@ -1,9 +1,7 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - import { AccessSelect } from './AccessSelect'; import type { ObjectStorageEndpointTypes } from '@linode/api-v4/lib/object-storage'; diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketBreadcrumb.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketBreadcrumb.styles.ts index 4b3a32ada55..2af272c25ac 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketBreadcrumb.styles.ts +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketBreadcrumb.styles.ts @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { Typography } from 'src/components/Typography'; export const StyledRootContainer = styled('div', { label: 'StyledRootContainer', @@ -17,10 +17,10 @@ export const StyledPrefixWrapper = styled('div', { display: 'flex', overflow: 'auto', padding: `${theme.spacing(1)} ${theme.spacing(1)}`, - whiteSpace: 'nowrap', [theme.breakpoints.down('lg')]: { marginLeft: theme.spacing(1), }, + whiteSpace: 'nowrap', })); export const StyledSlash = styled(Typography, { diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.styles.ts index f7c88d1e4e1..15267a4c7d3 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.styles.ts +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketDetail.styles.ts @@ -1,8 +1,7 @@ -import { Button, StyledLinkButton } from '@linode/ui'; +import { Button, StyledLinkButton, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; export const StyledNameColumn = styled(TableCell, { label: 'StyledNameColumn', diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts index 32af30ee1d0..013b10fa13c 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts @@ -1,8 +1,7 @@ -import { Paper } from '@linode/ui'; +import { Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; -import { Typography } from 'src/components/Typography'; export const StyledText = styled(Typography, { label: 'StyledText', diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.styles.ts index 84fb634f917..2ace9515904 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.styles.ts +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.styles.ts @@ -1,7 +1,6 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; - -import { Typography } from 'src/components/Typography'; +import Grid from '@mui/material/Unstable_Grid2'; export const StyledHelperText = styled(Typography, { label: 'StyledHelperText', diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx index 1198c68ee1c..5679a5d83b2 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx @@ -1,4 +1,11 @@ -import { Button, CircleProgress, Notice, Paper, TextField } from '@linode/ui'; +import { + Button, + CircleProgress, + Notice, + Paper, + TextField, + Typography, +} from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { useFormik } from 'formik'; @@ -9,7 +16,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useBucketSSLDeleteMutation, useBucketSSLMutation, diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.tsx index fb2a9e2fd26..b7489a57219 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.tsx @@ -1,11 +1,10 @@ -import { Divider } from '@linode/ui'; +import { Divider, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { formatDate } from 'src/utilities/formatDate'; import { truncateMiddle } from 'src/utilities/truncate'; diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectTableRow.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectTableRow.tsx index 6848fff2841..6d8dc65310c 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectTableRow.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/ObjectTableRow.tsx @@ -1,4 +1,4 @@ -import { Box, StyledLinkButton } from '@linode/ui'; +import { Box, StyledLinkButton, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -8,7 +8,6 @@ import { EntityIcon } from 'src/components/EntityIcon/EntityIcon'; import { Hidden } from 'src/components/Hidden'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { readableBytes } from 'src/utilities/unitConversions'; import ObjectActionMenu from './ObjectActionMenu'; diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx index fd5f87bfb7c..9de2347269d 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx @@ -1,4 +1,4 @@ -import { Divider } from '@linode/ui'; +import { Divider, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { useObjectStorageClusters } from 'src/queries/object-storage/queries'; diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx index 5bfdeed2143..a733864c96f 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketLanding.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -9,7 +9,6 @@ import { Link } from 'src/components/Link'; import OrderBy from 'src/components/OrderBy'; import { TransferDisplay } from 'src/components/TransferDisplay/TransferDisplay'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useOpenClose } from 'src/hooks/useOpenClose'; import { useDeleteBucketMutation, diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx index f9a0548ac8d..704c6d86782 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketRateLimitTable.tsx @@ -1,4 +1,4 @@ -import { Box, Radio } from '@linode/ui'; +import { Box, Radio, Typography } from '@linode/ui'; import React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; @@ -10,10 +10,9 @@ import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import type { ObjectStorageEndpointTypes } from '@linode/api-v4'; -import type { TypographyProps } from 'src/components/Typography'; +import type { TypographyProps } from '@linode/ui'; /** * TODO: [IMPORTANT NOTE]: This component is currently using static data until diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketTableRow.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketTableRow.tsx index 1febd590d2a..56bfeb83886 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/BucketTableRow.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/BucketTableRow.tsx @@ -1,4 +1,4 @@ -import { Stack } from '@linode/ui'; +import { Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; @@ -7,7 +7,6 @@ import { Link } from 'src/components/Link'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { useObjectStorageClusters } from 'src/queries/object-storage/queries'; diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx index 0cb0316849e..6ca2559b1ad 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_BucketLanding.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -9,7 +9,6 @@ import { Link } from 'src/components/Link'; import OrderBy from 'src/components/OrderBy'; import { TransferDisplay } from 'src/components/TransferDisplay/TransferDisplay'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useOpenClose } from 'src/hooks/useOpenClose'; import { useDeleteBucketWithRegionMutation, diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx index c24dc167b98..0f57b56d540 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OMC_CreateBucketDrawer.tsx @@ -1,5 +1,5 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import { CreateBucketSchema } from '@linode/validation'; import * as React from 'react'; import { Controller, useForm } from 'react-hook-form'; @@ -8,7 +8,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { BucketRateLimitTable } from 'src/features/ObjectStorage/BucketLanding/BucketRateLimitTable'; import { reportAgreementSigningError, diff --git a/packages/manager/src/features/ObjectStorage/BucketLanding/OveragePricing.tsx b/packages/manager/src/features/ObjectStorage/BucketLanding/OveragePricing.tsx index 7cfefa5631b..2e747e3e8e9 100644 --- a/packages/manager/src/features/ObjectStorage/BucketLanding/OveragePricing.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketLanding/OveragePricing.tsx @@ -1,9 +1,8 @@ -import { Box, CircleProgress } from '@linode/ui'; +import { Box, CircleProgress, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import { useNetworkTransferPricesQuery } from 'src/queries/networkTransfer'; import { useObjectStorageTypesQuery } from 'src/queries/object-storage/queries'; import { UNKNOWN_PRICE } from 'src/utilities/pricing/constants'; diff --git a/packages/manager/src/features/ObjectStorage/CancelNotice.tsx b/packages/manager/src/features/ObjectStorage/CancelNotice.tsx index d75d81bc581..14984d3b2ef 100644 --- a/packages/manager/src/features/ObjectStorage/CancelNotice.tsx +++ b/packages/manager/src/features/ObjectStorage/CancelNotice.tsx @@ -1,7 +1,7 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; interface Props { className?: string; diff --git a/packages/manager/src/features/ObjectStorage/EnableObjectStorageModal.tsx b/packages/manager/src/features/ObjectStorage/EnableObjectStorageModal.tsx index ffe51b118b4..6b9a497f753 100644 --- a/packages/manager/src/features/ObjectStorage/EnableObjectStorageModal.tsx +++ b/packages/manager/src/features/ObjectStorage/EnableObjectStorageModal.tsx @@ -1,11 +1,10 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useObjectStorageTypesQuery } from 'src/queries/object-storage/queries'; import { PRICES_RELOAD_ERROR_NOTICE_TEXT, diff --git a/packages/manager/src/features/ObjectStorage/ObjectStorageLanding.tsx b/packages/manager/src/features/ObjectStorage/ObjectStorageLanding.tsx index 5689ce7ca95..4a91b233670 100644 --- a/packages/manager/src/features/ObjectStorage/ObjectStorageLanding.tsx +++ b/packages/manager/src/features/ObjectStorage/ObjectStorageLanding.tsx @@ -1,4 +1,4 @@ -import { StyledLinkButton } from '@linode/ui'; +import { StyledLinkButton, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import { DateTime } from 'luxon'; @@ -15,7 +15,6 @@ import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; -import { Typography } from 'src/components/Typography'; import { useAccountManagement } from 'src/hooks/useAccountManagement'; import { useFlags } from 'src/hooks/useFlags'; import { useOpenClose } from 'src/hooks/useOpenClose'; diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupPolicyRadioGroup.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupPolicyRadioGroup.tsx index 08877deac4b..ef9c61a674b 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupPolicyRadioGroup.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupPolicyRadioGroup.tsx @@ -1,9 +1,8 @@ -import { Box, Notice, Radio, RadioGroup } from '@linode/ui'; +import { Box, Notice, Radio, RadioGroup, Typography } from '@linode/ui'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { FormLabel } from 'src/components/FormLabel'; -import { Typography } from 'src/components/Typography'; import { CANNOT_CHANGE_PLACEMENT_GROUP_POLICY_MESSAGE, diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupTypeSelect.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupTypeSelect.tsx index e9091436fd2..890a1b7eb33 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupTypeSelect.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupTypeSelect.tsx @@ -1,10 +1,9 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, Typography } from '@linode/ui'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Link } from 'src/components/Link'; import { ListItem } from 'src/components/ListItem'; -import { Typography } from 'src/components/Typography'; import { PLACEMENT_GROUPS_DOCS_LINK } from './constants'; import { placementGroupTypeOptions } from './utils'; diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsAssignLinodesDrawer.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsAssignLinodesDrawer.tsx index 2e0e964f21a..1ab17598ae9 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsAssignLinodesDrawer.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsAssignLinodesDrawer.tsx @@ -2,14 +2,20 @@ import { PLACEMENT_GROUP_POLICIES, PLACEMENT_GROUP_TYPES, } from '@linode/api-v4'; -import { Box, Divider, Notice, Stack, TooltipIcon } from '@linode/ui'; +import { + Box, + Divider, + Notice, + Stack, + TooltipIcon, + Typography, +} from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { DescriptionList } from 'src/components/DescriptionList/DescriptionList'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import { useAllLinodesQuery } from 'src/queries/linodes/linodes'; import { useAllPlacementGroupsQuery, diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.tsx index b48bdc22f4f..49fb6a16485 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsCreateDrawer.tsx @@ -1,4 +1,4 @@ -import { Divider, Notice, Stack, TextField } from '@linode/ui'; +import { Divider, Notice, Stack, TextField, Typography } from '@linode/ui'; import { createPlacementGroupSchema } from '@linode/validation'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; @@ -11,7 +11,6 @@ import { Drawer } from 'src/components/Drawer'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; -import { Typography } from 'src/components/Typography'; import { getRestrictedResourceText } from 'src/features/Account/utils'; import { useFormValidateOnChange } from 'src/hooks/useFormValidateOnChange'; import { diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsDeleteModal.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsDeleteModal.tsx index fac0eda7438..4305573db87 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsDeleteModal.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsDeleteModal.tsx @@ -1,4 +1,4 @@ -import { Button, CircleProgress, Notice } from '@linode/ui'; +import { Button, CircleProgress, Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; import { RemovableSelectionsList } from 'src/components/RemovableSelectionsList/RemovableSelectionsList'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useDeletePlacementGroup, useUnassignLinodesFromPlacementGroup, diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx index b02606027a9..83f8bea17fd 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx @@ -2,14 +2,13 @@ import { PLACEMENT_GROUP_POLICIES, PLACEMENT_GROUP_TYPES, } from '@linode/api-v4'; -import { Box, Notice, Paper } from '@linode/ui'; +import { Box, Notice, Paper, Typography } from '@linode/ui'; import { useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { DescriptionList } from 'src/components/DescriptionList/DescriptionList'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { PLACEMENT_GROUP_TOOLTIP_TEXT, diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetailPanel.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetailPanel.tsx index 964d1080954..21e808cd31c 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetailPanel.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetailPanel.tsx @@ -1,11 +1,10 @@ -import { Box, Button, Notice } from '@linode/ui'; +import { Box, Button, Notice, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { ListItem } from 'src/components/ListItem'; import { PlacementGroupsSelect } from 'src/components/PlacementGroupsSelect/PlacementGroupsSelect'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import { NO_PLACEMENT_GROUPS_IN_SELECTED_REGION_MESSAGE } from 'src/features/PlacementGroups/constants'; import { PlacementGroupsCreateDrawer } from 'src/features/PlacementGroups/PlacementGroupsCreateDrawer'; import { hasRegionReachedPlacementGroupCapacity } from 'src/features/PlacementGroups/utils'; diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsLanding/PlacementGroupsRow.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsLanding/PlacementGroupsRow.tsx index a2d4ae43b58..ceaeea5a83e 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsLanding/PlacementGroupsRow.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsLanding/PlacementGroupsRow.tsx @@ -1,7 +1,8 @@ import { - PLACEMENT_GROUP_TYPES, PLACEMENT_GROUP_POLICIES, + PLACEMENT_GROUP_TYPES, } from '@linode/api-v4'; +import { Typography } from '@linode/ui'; import React from 'react'; import { Hidden } from 'src/components/Hidden'; @@ -12,7 +13,6 @@ import { ListItem } from 'src/components/ListItem'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import { StyledWarningIcon } from './PlacementGroupsRow.styles'; diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsUnassignModal.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsUnassignModal.tsx index 1e9c99fb45a..e7c03e7bcd4 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsUnassignModal.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsUnassignModal.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useParams } from 'react-router-dom'; @@ -6,7 +6,6 @@ import { useParams } from 'react-router-dom'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { NotFound } from 'src/components/NotFound'; -import { Typography } from 'src/components/Typography'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useUnassignLinodesFromPlacementGroup } from 'src/queries/placementGroups'; diff --git a/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx b/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx index f2476094b4c..3cb2930c490 100644 --- a/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx +++ b/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Paper } from '@linode/ui'; +import { Box, Button, Paper, Typography } from '@linode/ui'; import * as React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; @@ -13,7 +13,6 @@ import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { StyledTableSortCell } from 'src/components/TableSortCell/StyledTableSortCell'; import { TableSortCell } from 'src/components/TableSortCell/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { PROXY_USER_RESTRICTED_TOOLTIP_TEXT } from 'src/features/Account/constants'; import { SecretTokenDialog } from 'src/features/Profile/SecretTokenDialog/SecretTokenDialog'; import { useOrder } from 'src/hooks/useOrder'; diff --git a/packages/manager/src/features/Profile/APITokens/RevokeTokenDialog.tsx b/packages/manager/src/features/Profile/APITokens/RevokeTokenDialog.tsx index 3188d299a07..609305b8b2e 100644 --- a/packages/manager/src/features/Profile/APITokens/RevokeTokenDialog.tsx +++ b/packages/manager/src/features/Profile/APITokens/RevokeTokenDialog.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useRevokeAppAccessTokenMutation, useRevokePersonalAccessTokenMutation, diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx index 2045fc45d90..ba06f0d13f5 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Divider, Paper } from '@linode/ui'; +import { CircleProgress, Divider, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { useLocation } from 'react-router-dom'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { PhoneVerification } from './PhoneVerification/PhoneVerification'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts index 423db7ced0b..70de78058fc 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts @@ -1,8 +1,13 @@ -import { Box, FormHelperText, TextField, omittedProps } from '@linode/ui'; +import { + Box, + FormHelperText, + TextField, + Typography, + omittedProps, +} from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; -import { Typography } from 'src/components/Typography'; export const StyledCodeSentMessageBox = styled(Box, { label: 'StyledCodeSentMessageBox', diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.tsx index e98c7d195db..cb8a78ce1ad 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.tsx @@ -1,4 +1,4 @@ -import { Box, Button, InputAdornment, TextField } from '@linode/ui'; +import { Box, Button, InputAdornment, TextField, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import { useFormik } from 'formik'; import { parsePhoneNumber } from 'libphonenumber-js'; @@ -7,7 +7,6 @@ import * as React from 'react'; import { LinkButton } from 'src/components/LinkButton'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; -import { Typography } from 'src/components/Typography'; import { profileQueries, updateProfileData, diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/ResetPassword.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/ResetPassword.tsx index f23bc2d2ebb..bc6f64c4e86 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/ResetPassword.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/ResetPassword.tsx @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { LOGIN_ROOT } from 'src/constants'; interface Props { diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/RevokeTrustedDevicesDialog.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/RevokeTrustedDevicesDialog.tsx index 2eae511187b..ceba95aa198 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/RevokeTrustedDevicesDialog.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/RevokeTrustedDevicesDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useRevokeTrustedDeviceMutation } from 'src/queries/profile/profile'; interface Props { diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/SMSMessaging.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/SMSMessaging.tsx index 81182de8523..6e77b5e7076 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/SMSMessaging.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/SMSMessaging.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Notice } from '@linode/ui'; +import { Box, Button, Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -6,9 +6,8 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; -import { useProfile } from 'src/queries/profile/profile'; import { useSMSOptOutMutation } from 'src/queries/profile/profile'; +import { useProfile } from 'src/queries/profile/profile'; import { getFormattedNumber } from './PhoneVerification/helpers'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/Question.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/Question.tsx index 1b810e205c5..8e12f1a464e 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/Question.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/Question.tsx @@ -1,10 +1,9 @@ -import { InputLabel } from '@linode/ui'; +import { InputLabel, Typography } from '@linode/ui'; import { MaskableText } from 'linode-manager/src/components/MaskableText/MaskableText'; import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { LinkButton } from 'src/components/LinkButton'; -import { Typography } from 'src/components/Typography'; import type { SecurityQuestion } from '@linode/api-v4/lib/profile'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/SecurityQuestions.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/SecurityQuestions.tsx index eebf5468c6d..0a3ebc31aa3 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/SecurityQuestions.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/SecurityQuestions/SecurityQuestions.tsx @@ -1,11 +1,10 @@ -import { Box, Button, CircleProgress } from '@linode/ui'; +import { Box, Button, CircleProgress, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useMutateSecurityQuestions, useSecurityQuestions, diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TPADialog.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TPADialog.tsx index 5624cb4d522..676eece5de7 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TPADialog.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TPADialog.tsx @@ -1,13 +1,14 @@ -import { TPAProvider } from '@linode/api-v4/lib/profile'; +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { LOGIN_ROOT } from 'src/constants'; -import { Provider } from 'src/featureFlags'; import { useFlags } from 'src/hooks/useFlags'; + +import type { TPAProvider } from '@linode/api-v4/lib/profile'; +import type { Provider } from 'src/featureFlags'; export interface TPADialogProps { currentProvider: Provider; newProvider: TPAProvider; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts index c41e2dd3021..61d12c3e97c 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts @@ -1,9 +1,7 @@ -import { Button, Notice, Paper } from '@linode/ui'; +import { Button, Notice, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Typography } from 'src/components/Typography'; - export const StyledRootContainer = styled(Paper, { label: 'StyledRootContainer', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.tsx index 2309057377e..f6ed8b71366 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.tsx @@ -1,4 +1,4 @@ -import { Box, Divider } from '@linode/ui'; +import { Box, Divider, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -8,7 +8,6 @@ import AkamaiWaveOnlyIcon from 'src/assets/icons/providers/akamai-logo-rgb-waveO import GitHubIcon from 'src/assets/icons/providers/github-logo.svg'; import GoogleIcon from 'src/assets/icons/providers/google-logo.svg'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { TPADialog } from './TPADialog'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TrustedDevices.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TrustedDevices.tsx index 4a8773e9c0f..bd6cc143e29 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TrustedDevices.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TrustedDevices.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -14,7 +15,6 @@ import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; import { TableSortCell } from 'src/components/TableSortCell'; -import { Typography } from 'src/components/Typography'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; import { useTrustedDevicesQuery } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ConfirmToken.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ConfirmToken.tsx index fdf1cafa7b9..802aad3932c 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ConfirmToken.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ConfirmToken.tsx @@ -1,9 +1,7 @@ -import { Box, Button, Notice, TextField } from '@linode/ui'; +import { Box, Button, Notice, TextField, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface Props { error?: string; handleChange: (e: React.ChangeEvent) => void; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/DisableTwoFactorDialog.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/DisableTwoFactorDialog.tsx index 22068358d91..8bc555531cd 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/DisableTwoFactorDialog.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/DisableTwoFactorDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDisableTwoFactorMutation } from 'src/queries/profile/profile'; interface Props { diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/QRCodeForm.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/QRCodeForm.tsx index cdd266234ad..9036d6cca83 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/QRCodeForm.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/QRCodeForm.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import QRCode from 'qrcode.react'; import * as React from 'react'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; -import { Typography } from 'src/components/Typography'; interface Props { secret: string; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ScratchCodeDialog.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ScratchCodeDialog.tsx index b9a9a5302ed..4bd22680f75 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ScratchCodeDialog.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/ScratchCodeDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; interface Props { onClose: () => void; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.styles.ts index a7df5b20fdb..fe95546a227 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.styles.ts @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - import type { TwoFactorProps } from './TwoFactor'; export const StyledRootContainer = styled('div', { diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.tsx index c328baba0e5..9b0a31bf790 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TwoFactor/TwoFactor.tsx @@ -1,9 +1,8 @@ import { getTFAToken } from '@linode/api-v4/lib/profile'; -import { Notice, StyledLinkButton } from '@linode/ui'; +import { Notice, StyledLinkButton, Typography } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; import { profileQueries } from 'src/queries/profile/profile'; import { useSecurityQuestions } from 'src/queries/profile/securityQuestions'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Profile/DisplaySettings/AvatarForm.tsx b/packages/manager/src/features/Profile/DisplaySettings/AvatarForm.tsx index a0de4c8ff65..f39c4c0440b 100644 --- a/packages/manager/src/features/Profile/DisplaySettings/AvatarForm.tsx +++ b/packages/manager/src/features/Profile/DisplaySettings/AvatarForm.tsx @@ -1,9 +1,8 @@ -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; import { Avatar } from 'src/components/Avatar/Avatar'; -import { Typography } from 'src/components/Typography'; import { AvatarColorPickerDialog } from './AvatarColorPickerDialog'; diff --git a/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx b/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx index 13fd0f1f037..210600a24df 100644 --- a/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx +++ b/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx @@ -1,4 +1,12 @@ -import { Box, Button, FormControl, Notice, Paper, TextField } from '@linode/ui'; +import { + Box, + Button, + FormControl, + Notice, + Paper, + TextField, + Typography, +} from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import { equals, lensPath, remove, set } from 'ramda'; @@ -7,7 +15,6 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; -import { Typography } from 'src/components/Typography'; import { useMutateProfile, useProfile } from 'src/queries/profile/profile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; diff --git a/packages/manager/src/features/Profile/OAuthClients/DeleteOAuthClientDialog.tsx b/packages/manager/src/features/Profile/OAuthClients/DeleteOAuthClientDialog.tsx index 527a59e92b6..a0b407e71c3 100644 --- a/packages/manager/src/features/Profile/OAuthClients/DeleteOAuthClientDialog.tsx +++ b/packages/manager/src/features/Profile/OAuthClients/DeleteOAuthClientDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDeleteOAuthClientMutation } from 'src/queries/account/oauth'; interface Props { diff --git a/packages/manager/src/features/Profile/OAuthClients/ResetOAuthClientDialog.tsx b/packages/manager/src/features/Profile/OAuthClients/ResetOAuthClientDialog.tsx index 2e99357ffea..1d53d7015fe 100644 --- a/packages/manager/src/features/Profile/OAuthClients/ResetOAuthClientDialog.tsx +++ b/packages/manager/src/features/Profile/OAuthClients/ResetOAuthClientDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useResetOAuthClientMutation } from 'src/queries/account/oauth'; interface Props { diff --git a/packages/manager/src/features/Profile/Referrals/Referrals.styles.ts b/packages/manager/src/features/Profile/Referrals/Referrals.styles.ts index 68fac0090c6..7379b7b0e35 100644 --- a/packages/manager/src/features/Profile/Referrals/Referrals.styles.ts +++ b/packages/manager/src/features/Profile/Referrals/Referrals.styles.ts @@ -1,9 +1,7 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Typography } from 'src/components/Typography'; - export const StyledResultsWrapper = styled('div', { label: 'StyledResultsWrapper', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Profile/Referrals/Referrals.tsx b/packages/manager/src/features/Profile/Referrals/Referrals.tsx index 44e76e91be4..c45f8ad9ac7 100644 --- a/packages/manager/src/features/Profile/Referrals/Referrals.tsx +++ b/packages/manager/src/features/Profile/Referrals/Referrals.tsx @@ -1,4 +1,4 @@ -import { CircleProgress, Notice, Paper } from '@linode/ui'; +import { CircleProgress, Notice, Paper, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; @@ -9,7 +9,6 @@ import Step3 from 'src/assets/referrals/step-3.svg'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx b/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx index 2cdb29c1f93..5bd44d36e36 100644 --- a/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx +++ b/packages/manager/src/features/Profile/SSHKeys/CreateSSHKeyDrawer.tsx @@ -1,4 +1,4 @@ -import { Notice, TextField } from '@linode/ui'; +import { Notice, TextField, Typography } from '@linode/ui'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Code } from 'src/components/Code/Code'; import { Drawer } from 'src/components/Drawer'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useCreateSSHKeyMutation } from 'src/queries/profile/profile'; import { handleFormikBlur } from 'src/utilities/formikTrimUtil'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; diff --git a/packages/manager/src/features/Profile/SSHKeys/DeleteSSHKeyDialog.tsx b/packages/manager/src/features/Profile/SSHKeys/DeleteSSHKeyDialog.tsx index 5edca5addf9..80d3e646add 100644 --- a/packages/manager/src/features/Profile/SSHKeys/DeleteSSHKeyDialog.tsx +++ b/packages/manager/src/features/Profile/SSHKeys/DeleteSSHKeyDialog.tsx @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useDeleteSSHKeyMutation } from 'src/queries/profile/profile'; interface Props { diff --git a/packages/manager/src/features/Profile/SSHKeys/SSHKeys.tsx b/packages/manager/src/features/Profile/SSHKeys/SSHKeys.tsx index c9232ba48bd..6ec3a11a640 100644 --- a/packages/manager/src/features/Profile/SSHKeys/SSHKeys.tsx +++ b/packages/manager/src/features/Profile/SSHKeys/SSHKeys.tsx @@ -1,4 +1,4 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; @@ -15,7 +15,6 @@ import { TableRow } from 'src/components/TableRow'; import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty'; import { TableRowError } from 'src/components/TableRowError/TableRowError'; import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading'; -import { Typography } from 'src/components/Typography'; import DeleteSSHKeyDialog from 'src/features/Profile/SSHKeys/DeleteSSHKeyDialog'; import SSHKeyActionMenu from 'src/features/Profile/SSHKeys/SSHKeyActionMenu'; import { usePagination } from 'src/hooks/usePagination'; diff --git a/packages/manager/src/features/Profile/Settings/PreferenceEditor.tsx b/packages/manager/src/features/Profile/Settings/PreferenceEditor.tsx index 73c2db5d827..c3863bea923 100644 --- a/packages/manager/src/features/Profile/Settings/PreferenceEditor.tsx +++ b/packages/manager/src/features/Profile/Settings/PreferenceEditor.tsx @@ -1,9 +1,8 @@ -import { Box, Button, Notice } from '@linode/ui'; +import { Box, Button, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Dialog } from 'src/components/Dialog/Dialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useMutatePreferences, usePreferences, diff --git a/packages/manager/src/features/Profile/Settings/Settings.tsx b/packages/manager/src/features/Profile/Settings/Settings.tsx index 4b39ee4cdcf..86447b1b97b 100644 --- a/packages/manager/src/features/Profile/Settings/Settings.tsx +++ b/packages/manager/src/features/Profile/Settings/Settings.tsx @@ -1,4 +1,4 @@ -import { Paper, Radio, RadioGroup, Stack } from '@linode/ui'; +import { Paper, Radio, RadioGroup, Stack, Typography } from '@linode/ui'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; import { useHistory, useLocation } from 'react-router-dom'; @@ -7,7 +7,6 @@ import { Code } from 'src/components/Code/Code'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { useMutatePreferences, usePreferences, diff --git a/packages/manager/src/features/Search/ResultGroup.styles.ts b/packages/manager/src/features/Search/ResultGroup.styles.ts index 23b9b9cace0..1d375b97958 100644 --- a/packages/manager/src/features/Search/ResultGroup.styles.ts +++ b/packages/manager/src/features/Search/ResultGroup.styles.ts @@ -1,8 +1,6 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - export const StyledButton = styled(Button, { label: 'StyledButton', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Search/ResultRow.tsx b/packages/manager/src/features/Search/ResultRow.tsx index 0fcb85abc83..0bd7de80b97 100644 --- a/packages/manager/src/features/Search/ResultRow.tsx +++ b/packages/manager/src/features/Search/ResultRow.tsx @@ -1,10 +1,9 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; -import { Item } from 'src/components/EnhancedSelect/Select'; import { Hidden } from 'src/components/Hidden'; import { Tags } from 'src/components/Tags/Tags'; -import { Typography } from 'src/components/Typography'; import { RegionIndicator } from 'src/features/Linodes/LinodesLanding/RegionIndicator'; import { @@ -16,6 +15,8 @@ import { StyledTagTableCell, } from './ResultRow.styles'; +import type { Item } from 'src/components/EnhancedSelect/Select'; + interface ResultRowProps { result: Item; } diff --git a/packages/manager/src/features/Search/SearchLanding.tsx b/packages/manager/src/features/Search/SearchLanding.tsx index afc3dec3853..57ad52d4e10 100644 --- a/packages/manager/src/features/Search/SearchLanding.tsx +++ b/packages/manager/src/features/Search/SearchLanding.tsx @@ -1,11 +1,10 @@ -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; import { equals } from 'ramda'; import * as React from 'react'; import { debounce } from 'throttle-debounce'; -import { Typography } from 'src/components/Typography'; import { useAPISearch } from 'src/features/Search/useAPISearch'; import { useIsLargeAccount } from 'src/hooks/useIsLargeAccount'; import { useAllDatabasesQuery } from 'src/queries/databases/databases'; diff --git a/packages/manager/src/features/StackScripts/CommonStackScript.styles.ts b/packages/manager/src/features/StackScripts/CommonStackScript.styles.ts index 82070c0b1c9..2df739d466a 100644 --- a/packages/manager/src/features/StackScripts/CommonStackScript.styles.ts +++ b/packages/manager/src/features/StackScripts/CommonStackScript.styles.ts @@ -1,11 +1,10 @@ -import { Button } from '@linode/ui'; +import { Button, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { Link } from 'react-router-dom'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.tsx b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.tsx index 84250612622..e316d98e6d0 100644 --- a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.tsx +++ b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.tsx @@ -1,10 +1,9 @@ import { getStackScript } from '@linode/api-v4/lib/stackscripts'; -import { Box, Button, CircleProgress, Notice } from '@linode/ui'; +import { Box, Button, CircleProgress, Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { compose } from 'recompose'; import { RenderGuard } from 'src/components/RenderGuard'; -import { Typography } from 'src/components/Typography'; import { withProfile } from 'src/containers/profile.container'; import { formatDate } from 'src/utilities/formatDate'; import { getQueryParamFromQueryString } from 'src/utilities/queryParams'; diff --git a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/StackScriptSelectionRow.tsx b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/StackScriptSelectionRow.tsx index 0f4b8e1f36b..2cf2b6b3090 100644 --- a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/StackScriptSelectionRow.tsx +++ b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/StackScriptSelectionRow.tsx @@ -1,10 +1,9 @@ -import { Radio } from '@linode/ui'; +import { Radio, Typography } from '@linode/ui'; import * as React from 'react'; import { RenderGuard } from 'src/components/RenderGuard'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { StyledDetailsButton, diff --git a/packages/manager/src/features/StackScripts/StackScriptCreate/StackScriptCreate.tsx b/packages/manager/src/features/StackScripts/StackScriptCreate/StackScriptCreate.tsx index 87acdf77fd8..9d5ca0607f7 100644 --- a/packages/manager/src/features/StackScripts/StackScriptCreate/StackScriptCreate.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptCreate/StackScriptCreate.tsx @@ -3,7 +3,7 @@ import { getStackScript, updateStackScript, } from '@linode/api-v4/lib/stackscripts'; -import { CircleProgress, Notice } from '@linode/ui'; +import { CircleProgress, Notice, Typography } from '@linode/ui'; import { equals } from 'ramda'; import * as React from 'react'; import { withRouter } from 'react-router-dom'; @@ -15,7 +15,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LandingHeader } from 'src/components/LandingHeader'; -import { Typography } from 'src/components/Typography'; import { withProfile } from 'src/containers/profile.container'; import { withQueryClient } from 'src/containers/withQueryClient.container'; import { StackScriptForm } from 'src/features/StackScripts/StackScriptForm/StackScriptForm'; diff --git a/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx b/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx index 54d13df8077..61dbcab8d17 100644 --- a/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx @@ -1,9 +1,8 @@ -import { InputAdornment, Paper, TextField } from '@linode/ui'; +import { InputAdornment, Paper, TextField, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Typography } from 'src/components/Typography'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; import { diff --git a/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptPanelContent.tsx b/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptPanelContent.tsx index efbd93ee53a..eaa6fd27201 100644 --- a/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptPanelContent.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptPanelContent.tsx @@ -1,22 +1,22 @@ -import { Image } from '@linode/api-v4/lib/images'; import { deleteStackScript, updateStackScript, } from '@linode/api-v4/lib/stackscripts'; +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { compose } from 'recompose'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; -import { StackScriptsRequest } from 'src/features/StackScripts/types'; -import StackScriptBase, { - StateProps, -} from '../StackScriptBase/StackScriptBase'; +import StackScriptBase from '../StackScriptBase/StackScriptBase'; import { StackScriptsSection } from './StackScriptsSection'; +import type { StateProps } from '../StackScriptBase/StackScriptBase'; +import type { Image } from '@linode/api-v4/lib/images'; +import type { StackScriptsRequest } from 'src/features/StackScripts/types'; + interface DialogVariantProps { error?: string; open: boolean; diff --git a/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptRow.tsx b/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptRow.tsx index c87b2cc7a7e..378d84428b0 100644 --- a/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptRow.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptPanel/StackScriptRow.tsx @@ -1,10 +1,9 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Hidden } from 'src/components/Hidden'; import { TableCell } from 'src/components/TableCell'; -import { Typography } from 'src/components/Typography'; import { StackScriptActionMenu } from 'src/features/StackScripts/StackScriptPanel/StackScriptActionMenu'; -import { StackScriptCategory } from 'src/features/StackScripts/stackScriptUtils'; import { StyledImagesTableCell, @@ -18,6 +17,8 @@ import { StyledUsernameSpan, } from '../CommonStackScript.styles'; +import type { StackScriptCategory } from 'src/features/StackScripts/stackScriptUtils'; + export interface Props { canAddLinodes: boolean; canModify: boolean; diff --git a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.tsx b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.tsx index b14d90c0097..0bbf1b77d92 100644 --- a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.tsx +++ b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.tsx @@ -1,11 +1,10 @@ -import { Box, Divider, Notice } from '@linode/ui'; +import { Box, Divider, Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { Link } from 'react-router-dom'; import { RenderGuard } from 'src/components/RenderGuard'; import { ShowMoreExpansion } from 'src/components/ShowMoreExpansion'; -import { Typography } from 'src/components/Typography'; import { getIsUDFHeader, getIsUDFMultiSelect, diff --git a/packages/manager/src/features/Support/ExpandableTicketPanel.tsx b/packages/manager/src/features/Support/ExpandableTicketPanel.tsx index 6929e5c4ed9..025b0b61fcf 100644 --- a/packages/manager/src/features/Support/ExpandableTicketPanel.tsx +++ b/packages/manager/src/features/Support/ExpandableTicketPanel.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; @@ -5,7 +6,6 @@ import { makeStyles } from 'tss-react/mui'; import { Avatar } from 'src/components/Avatar/Avatar'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { Hively, shouldRenderHively } from './Hively'; diff --git a/packages/manager/src/features/Support/Hively.tsx b/packages/manager/src/features/Support/Hively.tsx index 440e5d2dd0f..705e1a63073 100644 --- a/packages/manager/src/features/Support/Hively.tsx +++ b/packages/manager/src/features/Support/Hively.tsx @@ -1,9 +1,8 @@ -import { Box, Divider, Stack } from '@linode/ui'; +import { Box, Divider, Stack, Typography } from '@linode/ui'; import { DateTime } from 'luxon'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { parseAPIDate } from 'src/utilities/date'; import { OFFICIAL_USERNAMES } from './ticketUtils'; diff --git a/packages/manager/src/features/Support/SupportTicketDetail/CloseTicketLink.tsx b/packages/manager/src/features/Support/SupportTicketDetail/CloseTicketLink.tsx index 948a57bf672..83053a064aa 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/CloseTicketLink.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/CloseTicketLink.tsx @@ -1,9 +1,9 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; -import { Typography } from 'src/components/Typography'; import { useSupportTicketCloseMutation } from 'src/queries/support'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx index 778e155250a..130b9b01260 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx @@ -1,9 +1,8 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import * as React from 'react'; import { HighlightedMarkdown } from 'src/components/HighlightedMarkdown/HighlightedMarkdown'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; interface Props { isReply?: boolean; diff --git a/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx b/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx index f5a15031b24..d614f9576db 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx @@ -1,4 +1,4 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; @@ -6,7 +6,6 @@ import React from 'react'; import { Hidden } from 'src/components/Hidden'; import { Link } from 'src/components/Link'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; -import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { capitalize } from 'src/utilities/capitalize'; import { formatDate } from 'src/utilities/formatDate'; diff --git a/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx b/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx index 1ffda85aebe..bf1c3454d6e 100644 --- a/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx +++ b/packages/manager/src/features/Support/SupportTickets/SupportTicketDialog.tsx @@ -1,6 +1,6 @@ import { yupResolver } from '@hookform/resolvers/yup'; import { uploadAttachment } from '@linode/api-v4/lib/support'; -import { Box, Notice, TextField } from '@linode/ui'; +import { Box, Notice, TextField, Typography } from '@linode/ui'; import { update } from 'ramda'; import * as React from 'react'; import { Controller, FormProvider, useForm } from 'react-hook-form'; @@ -11,7 +11,6 @@ import { Accordion } from 'src/components/Accordion'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; import { useCreateSupportTicketMutation } from 'src/queries/support'; import { sendSupportTicketExitEvent } from 'src/utilities/analytics/customEventAnalytics'; import { getErrorStringOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Support/SupportTickets/TicketRow.tsx b/packages/manager/src/features/Support/SupportTickets/TicketRow.tsx index 29210e74fd8..ecbb8d98217 100644 --- a/packages/manager/src/features/Support/SupportTickets/TicketRow.tsx +++ b/packages/manager/src/features/Support/SupportTickets/TicketRow.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'react-router-dom'; @@ -5,7 +6,6 @@ import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { Hidden } from 'src/components/Hidden'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { getLinkTargets } from 'src/utilities/getEventsActionLink'; import { sanitizeHTML } from 'src/utilities/sanitizeHTML'; diff --git a/packages/manager/src/features/Support/SupportTickets/constants.tsx b/packages/manager/src/features/Support/SupportTickets/constants.tsx index 9637bf42c73..e65a8aa2056 100644 --- a/packages/manager/src/features/Support/SupportTickets/constants.tsx +++ b/packages/manager/src/features/Support/SupportTickets/constants.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import { createAccountLimitSupportTicketSchema, createSMTPSupportTicketSchema, @@ -6,7 +7,6 @@ import { import React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import type { EntityType, diff --git a/packages/manager/src/features/Support/TicketAttachmentList.tsx b/packages/manager/src/features/Support/TicketAttachmentList.tsx index d9dd7dedb77..ce20182e50c 100644 --- a/packages/manager/src/features/Support/TicketAttachmentList.tsx +++ b/packages/manager/src/features/Support/TicketAttachmentList.tsx @@ -1,3 +1,4 @@ +import { Typography } from '@linode/ui'; import InsertDriveFile from '@mui/icons-material/InsertDriveFile'; import InsertPhoto from '@mui/icons-material/InsertPhoto'; import Grid from '@mui/material/Unstable_Grid2'; @@ -5,7 +6,6 @@ import { isEmpty, slice } from 'ramda'; import * as React from 'react'; import { ShowMoreExpansion } from 'src/components/ShowMoreExpansion'; -import { Typography } from 'src/components/Typography'; import { TicketAttachmentRow } from './TicketAttachmentRow'; diff --git a/packages/manager/src/features/Support/TicketAttachmentRow.tsx b/packages/manager/src/features/Support/TicketAttachmentRow.tsx index f418f016a20..829f9d5bbcf 100644 --- a/packages/manager/src/features/Support/TicketAttachmentRow.tsx +++ b/packages/manager/src/features/Support/TicketAttachmentRow.tsx @@ -1,8 +1,6 @@ -import { Box, Divider, Paper, Stack } from '@linode/ui'; +import { Box, Divider, Paper, Stack, Typography } from '@linode/ui'; import * as React from 'react'; -import { Typography } from 'src/components/Typography'; - interface Props { attachments: string[]; icons: JSX.Element[]; diff --git a/packages/manager/src/features/TheApplicationIsOnFire.tsx b/packages/manager/src/features/TheApplicationIsOnFire.tsx index 978f061cf14..85a2c51087c 100644 --- a/packages/manager/src/features/TheApplicationIsOnFire.tsx +++ b/packages/manager/src/features/TheApplicationIsOnFire.tsx @@ -1,9 +1,10 @@ -import { Theme } from '@mui/material/styles'; -import { makeStyles } from 'tss-react/mui'; +import { Typography } from '@linode/ui'; import * as React from 'react'; +import { makeStyles } from 'tss-react/mui'; import { Dialog } from 'src/components/Dialog/Dialog'; -import { Typography } from 'src/components/Typography'; + +import type { Theme } from '@mui/material/styles'; const useStyles = makeStyles()((theme: Theme) => ({ restartButton: { diff --git a/packages/manager/src/features/TopMenu/NotificationMenu/NotificationMenu.tsx b/packages/manager/src/features/TopMenu/NotificationMenu/NotificationMenu.tsx index ab156458697..1fb6d0224cb 100644 --- a/packages/manager/src/features/TopMenu/NotificationMenu/NotificationMenu.tsx +++ b/packages/manager/src/features/TopMenu/NotificationMenu/NotificationMenu.tsx @@ -1,4 +1,4 @@ -import { Box, Chip, Divider, rotate360 } from '@linode/ui'; +import { Box, Chip, Divider, Typography, rotate360 } from '@linode/ui'; import AutorenewIcon from '@mui/icons-material/Autorenew'; import { IconButton } from '@mui/material'; import Popover from '@mui/material/Popover'; @@ -8,7 +8,6 @@ import { useHistory } from 'react-router-dom'; import Bell from 'src/assets/icons/notification.svg'; import { LinkButton } from 'src/components/LinkButton'; -import { Typography } from 'src/components/Typography'; import { NotificationCenterEvent } from 'src/features/NotificationCenter/Events/NotificationCenterEvent'; import { notificationCenterContext as _notificationContext, diff --git a/packages/manager/src/features/TopMenu/TopMenu.tsx b/packages/manager/src/features/TopMenu/TopMenu.tsx index 32d23d5fc3f..0bbd5f075ec 100644 --- a/packages/manager/src/features/TopMenu/TopMenu.tsx +++ b/packages/manager/src/features/TopMenu/TopMenu.tsx @@ -1,11 +1,10 @@ -import { Box, IconButton } from '@linode/ui'; +import { Box, IconButton, Typography } from '@linode/ui'; import MenuIcon from '@mui/icons-material/Menu'; import * as React from 'react'; import { AppBar } from 'src/components/AppBar'; import { Hidden } from 'src/components/Hidden'; import { Toolbar } from 'src/components/Toolbar'; -import { Typography } from 'src/components/Typography'; import { useAuthentication } from 'src/hooks/useAuthentication'; import { AddNewMenu } from './AddNewMenu/AddNewMenu'; diff --git a/packages/manager/src/features/TopMenu/UserMenu/UserMenu.tsx b/packages/manager/src/features/TopMenu/UserMenu/UserMenu.tsx index cf7a007802e..30224c72fe0 100644 --- a/packages/manager/src/features/TopMenu/UserMenu/UserMenu.tsx +++ b/packages/manager/src/features/TopMenu/UserMenu/UserMenu.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Divider, Stack, Tooltip } from '@linode/ui'; +import { Box, Button, Divider, Stack, Tooltip, Typography } from '@linode/ui'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp'; import { styled, useMediaQuery } from '@mui/material'; @@ -11,7 +11,6 @@ import { Avatar } from 'src/components/Avatar/Avatar'; import { AvatarForProxy } from 'src/components/AvatarForProxy'; import { Hidden } from 'src/components/Hidden'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { switchAccountSessionContext } from 'src/context/switchAccountSessionContext'; import { SwitchAccountButton } from 'src/features/Account/SwitchAccountButton'; import { SwitchAccountDrawer } from 'src/features/Account/SwitchAccountDrawer'; diff --git a/packages/manager/src/features/Users/UserPermissions.tsx b/packages/manager/src/features/Users/UserPermissions.tsx index e980741e338..e6e756eb686 100644 --- a/packages/manager/src/features/Users/UserPermissions.tsx +++ b/packages/manager/src/features/Users/UserPermissions.tsx @@ -4,7 +4,7 @@ import { updateGrants, updateUser, } from '@linode/api-v4/lib/account'; -import { Box, CircleProgress, Notice, Paper } from '@linode/ui'; +import { Box, CircleProgress, Notice, Paper, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { enqueueSnackbar } from 'notistack'; import { compose, flatten, lensPath, omit, set } from 'ramda'; @@ -20,7 +20,6 @@ import { TabList } from 'src/components/Tabs/TabList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; import { Toggle } from 'src/components/Toggle/Toggle'; -import { Typography } from 'src/components/Typography'; import { withFeatureFlags } from 'src/containers/flags.container'; import { withQueryClient } from 'src/containers/withQueryClient.container'; import { PARENT_USER, grantTypeMap } from 'src/features/Account/constants'; diff --git a/packages/manager/src/features/Users/UserPermissionsEntitySection.tsx b/packages/manager/src/features/Users/UserPermissionsEntitySection.tsx index 09697b2d6c4..e8b2ac886d0 100644 --- a/packages/manager/src/features/Users/UserPermissionsEntitySection.tsx +++ b/packages/manager/src/features/Users/UserPermissionsEntitySection.tsx @@ -6,7 +6,7 @@ * I'll create a tech debt ticket in jira to keep track of this issue. */ -import { Box, Radio } from '@linode/ui'; +import { Box, Radio, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import React from 'react'; @@ -17,7 +17,6 @@ import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { grantTypeMap } from 'src/features/Account/constants'; import { usePagination } from 'src/hooks/usePagination'; diff --git a/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx b/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx index d9bb9aec2b7..8e845786933 100644 --- a/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx @@ -1,8 +1,7 @@ -import { Box, Button, Paper, Stack } from '@linode/ui'; +import { Box, Button, Paper, Stack, Typography } from '@linode/ui'; import React, { useState } from 'react'; import { useHistory } from 'react-router-dom'; -import { Typography } from 'src/components/Typography'; import { PARENT_USER } from 'src/features/Account/constants'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx b/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx index a559e7f07cb..638f95b696e 100644 --- a/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx @@ -1,4 +1,4 @@ -import { Paper, Stack } from '@linode/ui'; +import { Paper, Stack, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; @@ -6,7 +6,6 @@ import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import type { User } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Users/UserRow.tsx b/packages/manager/src/features/Users/UserRow.tsx index c4f5c4b01f7..4d3974b8a7f 100644 --- a/packages/manager/src/features/Users/UserRow.tsx +++ b/packages/manager/src/features/Users/UserRow.tsx @@ -1,4 +1,4 @@ -import { Box, Stack, Chip } from '@linode/ui'; +import { Box, Chip, Stack, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import React from 'react'; @@ -9,7 +9,6 @@ import { MaskableText } from 'src/components/MaskableText/MaskableText'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useAccountUserGrants } from 'src/queries/account/users'; import { useProfile } from 'src/queries/profile/profile'; import { capitalize } from 'src/utilities/capitalize'; diff --git a/packages/manager/src/features/Users/UsersLanding.tsx b/packages/manager/src/features/Users/UsersLanding.tsx index 3a3c8878544..38b7efb4a7c 100644 --- a/packages/manager/src/features/Users/UsersLanding.tsx +++ b/packages/manager/src/features/Users/UsersLanding.tsx @@ -1,4 +1,4 @@ -import { Box, Button } from '@linode/ui'; +import { Box, Button, Typography } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; -import { Typography } from 'src/components/Typography'; import { PARENT_USER } from 'src/features/Account/constants'; import { useOrder } from 'src/hooks/useOrder'; import { usePagination } from 'src/hooks/usePagination'; diff --git a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts index 2a3df71e598..a35e635f6ce 100644 --- a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts +++ b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts @@ -1,8 +1,6 @@ -import { omittedProps } from '@linode/ui'; +import { Typography, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - type StyledVPCFormProps = { isDrawer?: boolean; }; diff --git a/packages/manager/src/features/VPCs/VPCDetail/AssignIPRanges.tsx b/packages/manager/src/features/VPCs/VPCDetail/AssignIPRanges.tsx index 67d549afb57..5ab3504dbef 100644 --- a/packages/manager/src/features/VPCs/VPCDetail/AssignIPRanges.tsx +++ b/packages/manager/src/features/VPCs/VPCDetail/AssignIPRanges.tsx @@ -1,10 +1,9 @@ -import { Box, Divider, Notice, TooltipIcon } from '@linode/ui'; +import { Box, Divider, Notice, TooltipIcon, Typography } from '@linode/ui'; import { styled, useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Link } from 'src/components/Link'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; -import { Typography } from 'src/components/Typography'; import { ASSIGN_COMPUTE_INSTANCE_TO_VPC_LINK, ASSIGN_IPV4_RANGES_DESCRIPTION, diff --git a/packages/manager/src/features/VPCs/VPCDetail/SubnetAssignLinodesDrawer.tsx b/packages/manager/src/features/VPCs/VPCDetail/SubnetAssignLinodesDrawer.tsx index db865279dcb..2f4169a034e 100644 --- a/packages/manager/src/features/VPCs/VPCDetail/SubnetAssignLinodesDrawer.tsx +++ b/packages/manager/src/features/VPCs/VPCDetail/SubnetAssignLinodesDrawer.tsx @@ -7,6 +7,7 @@ import { Notice, TextField, TooltipIcon, + Typography, } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { useFormik } from 'formik'; @@ -18,7 +19,6 @@ import { Drawer } from 'src/components/Drawer'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { RemovableSelectionsListTable } from 'src/components/RemovableSelectionsList/RemovableSelectionsListTable'; -import { Typography } from 'src/components/Typography'; import { LinodeSelect } from 'src/features/Linodes/LinodeSelect/LinodeSelect'; import { VPC_AUTO_ASSIGN_IPV4_TOOLTIP, diff --git a/packages/manager/src/features/VPCs/VPCDetail/SubnetLinodeRow.tsx b/packages/manager/src/features/VPCs/VPCDetail/SubnetLinodeRow.tsx index de15362d6e7..e492c3e0e2f 100644 --- a/packages/manager/src/features/VPCs/VPCDetail/SubnetLinodeRow.tsx +++ b/packages/manager/src/features/VPCs/VPCDetail/SubnetLinodeRow.tsx @@ -1,4 +1,4 @@ -import { Box, CircleProgress, TooltipIcon } from '@linode/ui'; +import { Box, CircleProgress, TooltipIcon, Typography } from '@linode/ui'; import ErrorOutline from '@mui/icons-material/ErrorOutline'; import * as React from 'react'; @@ -8,7 +8,6 @@ import { Link } from 'src/components/Link'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { getLinodeIconStatus } from 'src/features/Linodes/LinodesLanding/utils'; import { useAllLinodeConfigsQuery } from 'src/queries/linodes/configs'; import { useLinodeFirewallsQuery } from 'src/queries/linodes/firewalls'; diff --git a/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx b/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx index 85b9c4b6110..3a6e7cd031a 100644 --- a/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx +++ b/packages/manager/src/features/Volumes/CloneVolumeDrawer.tsx @@ -1,4 +1,4 @@ -import { Box, Checkbox, Notice, TextField } from '@linode/ui'; +import { Box, Checkbox, Notice, TextField, Typography } from '@linode/ui'; import { CloneVolumeSchema } from '@linode/validation/lib/volumes.schema'; import { useFormik } from 'formik'; import * as React from 'react'; @@ -7,7 +7,6 @@ import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Drawer } from 'src/components/Drawer'; import { BLOCK_STORAGE_CLONING_INHERITANCE_CAVEAT } from 'src/components/Encryption/constants'; import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useGrants } from 'src/queries/profile/profile'; import { diff --git a/packages/manager/src/features/Volumes/DetachVolumeDialog.tsx b/packages/manager/src/features/Volumes/DetachVolumeDialog.tsx index 06cf1444af6..96bdf19fbbb 100644 --- a/packages/manager/src/features/Volumes/DetachVolumeDialog.tsx +++ b/packages/manager/src/features/Volumes/DetachVolumeDialog.tsx @@ -1,9 +1,8 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; -import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; import { useDetachVolumeMutation } from 'src/queries/volumes/volumes'; diff --git a/packages/manager/src/features/Volumes/UpgradeVolumeDialog.tsx b/packages/manager/src/features/Volumes/UpgradeVolumeDialog.tsx index fa297d26cb4..97e713daa5c 100644 --- a/packages/manager/src/features/Volumes/UpgradeVolumeDialog.tsx +++ b/packages/manager/src/features/Volumes/UpgradeVolumeDialog.tsx @@ -1,10 +1,10 @@ +import { Typography } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { useVolumesMigrateMutation } from 'src/queries/volumes/volumes'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Volumes/VolumeCreate.tsx b/packages/manager/src/features/Volumes/VolumeCreate.tsx index 0ff208fc275..404c5ae3851 100644 --- a/packages/manager/src/features/Volumes/VolumeCreate.tsx +++ b/packages/manager/src/features/Volumes/VolumeCreate.tsx @@ -6,6 +6,7 @@ import { Stack, TextField, TooltipIcon, + Typography, } from '@linode/ui'; import { CreateVolumeSchema } from '@linode/validation/lib/volumes.schema'; import { useTheme } from '@mui/material/styles'; @@ -30,7 +31,6 @@ import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryp import { ErrorMessage } from 'src/components/ErrorMessage'; import { LandingHeader } from 'src/components/LandingHeader'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; -import { Typography } from 'src/components/Typography'; import { MAX_VOLUME_SIZE } from 'src/constants'; import { EUAgreementCheckbox } from 'src/features/Account/Agreements/EUAgreementCheckbox'; import { getRestrictedResourceText } from 'src/features/Account/utils'; diff --git a/packages/manager/src/features/Volumes/VolumeDetailsDrawer.tsx b/packages/manager/src/features/Volumes/VolumeDetailsDrawer.tsx index ac7ef2ce153..b853f802200 100644 --- a/packages/manager/src/features/Volumes/VolumeDetailsDrawer.tsx +++ b/packages/manager/src/features/Volumes/VolumeDetailsDrawer.tsx @@ -1,9 +1,8 @@ -import { Stack } from '@linode/ui'; +import { Stack, Typography } from '@linode/ui'; import React from 'react'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; import { Drawer } from 'src/components/Drawer'; -import { Typography } from 'src/components/Typography'; import type { Volume } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer.tsx b/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer.tsx index 4973aafbad1..880dbdf0794 100644 --- a/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer.tsx +++ b/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeAddDrawer.tsx @@ -1,10 +1,9 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Drawer } from 'src/components/Drawer'; import { BLOCK_STORAGE_CLIENT_LIBRARY_UPDATE_REQUIRED_COPY } from 'src/components/Encryption/constants'; import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; -import { Typography } from 'src/components/Typography'; import { LinodeVolumeAttachForm } from './LinodeVolumeAttachForm'; import { LinodeVolumeCreateForm } from './LinodeVolumeCreateForm'; diff --git a/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeCreateForm.tsx b/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeCreateForm.tsx index d59ba9ea695..6a2ec20f531 100644 --- a/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeCreateForm.tsx +++ b/packages/manager/src/features/Volumes/VolumeDrawer/LinodeVolumeCreateForm.tsx @@ -1,4 +1,4 @@ -import { Box, Notice, TextField } from '@linode/ui'; +import { Box, Notice, TextField, Typography } from '@linode/ui'; import { CreateVolumeSchema } from '@linode/validation/lib/volumes.schema'; import { useFormik } from 'formik'; import { useSnackbar } from 'notistack'; @@ -14,7 +14,6 @@ import { import { Encryption } from 'src/components/Encryption/Encryption'; import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; -import { Typography } from 'src/components/Typography'; import { MAX_VOLUME_SIZE } from 'src/constants'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; import { useEventsPollingActions } from 'src/queries/events/events'; diff --git a/packages/manager/src/features/Volumes/VolumeDrawer/SizeField.tsx b/packages/manager/src/features/Volumes/VolumeDrawer/SizeField.tsx index b7594a7b851..34485a897b9 100644 --- a/packages/manager/src/features/Volumes/VolumeDrawer/SizeField.tsx +++ b/packages/manager/src/features/Volumes/VolumeDrawer/SizeField.tsx @@ -4,11 +4,11 @@ import { FormHelperText, InputAdornment, TextField, + Typography, } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; -import { Typography } from 'src/components/Typography'; import { MAX_VOLUME_SIZE } from 'src/constants'; import { useVolumeTypesQuery } from 'src/queries/volumes/volumes'; import { UNKNOWN_PRICE } from 'src/utilities/pricing/constants'; diff --git a/packages/manager/src/features/Volumes/VolumeTableRow.tsx b/packages/manager/src/features/Volumes/VolumeTableRow.tsx index 7f5b86ed86f..a036675ad62 100644 --- a/packages/manager/src/features/Volumes/VolumeTableRow.tsx +++ b/packages/manager/src/features/Volumes/VolumeTableRow.tsx @@ -1,4 +1,4 @@ -import { Box, Chip } from '@linode/ui'; +import { Box, Chip, Typography } from '@linode/ui'; import * as React from 'react'; import { Link, useHistory } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; @@ -7,7 +7,6 @@ import { Hidden } from 'src/components/Hidden'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { Typography } from 'src/components/Typography'; import { useNotificationsQuery } from 'src/queries/account/notifications'; import { useInProgressEvents } from 'src/queries/events/events'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Volumes/VolumesLanding.tsx b/packages/manager/src/features/Volumes/VolumesLanding.tsx index 55cdd9941f4..36f4ca029e4 100644 --- a/packages/manager/src/features/Volumes/VolumesLanding.tsx +++ b/packages/manager/src/features/Volumes/VolumesLanding.tsx @@ -245,7 +245,7 @@ export const VolumesLanding = () => { {isBlockStorageEncryptionFeatureEnabled && ( Encryption )} - + diff --git a/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx b/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx index 431570f54d5..2c54f915f62 100644 --- a/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx +++ b/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx @@ -1,9 +1,7 @@ -import { Box, Notice, Paper } from '@linode/ui'; +import { Box, Notice, Paper, Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; -import { Typography } from 'src/components/Typography'; - import type { SxProps, Theme } from '@mui/material/styles'; interface DistributedRegionPlanTableProps { diff --git a/packages/manager/src/features/components/PlansPanel/PlanContainer.tsx b/packages/manager/src/features/components/PlansPanel/PlanContainer.tsx index d0cf1a7231d..4a856550896 100644 --- a/packages/manager/src/features/components/PlansPanel/PlanContainer.tsx +++ b/packages/manager/src/features/components/PlansPanel/PlanContainer.tsx @@ -1,10 +1,9 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { useLocation } from 'react-router-dom'; import { Hidden } from 'src/components/Hidden'; -import { Typography } from 'src/components/Typography'; import { useFlags } from 'src/hooks/useFlags'; import { PLAN_SELECTION_NO_REGION_SELECTED_MESSAGE } from 'src/utilities/pricing/constants'; diff --git a/packages/manager/src/features/components/PlansPanel/PlanInformation.tsx b/packages/manager/src/features/components/PlansPanel/PlanInformation.tsx index 1d130a57705..e3ad3cf3d27 100644 --- a/packages/manager/src/features/components/PlansPanel/PlanInformation.tsx +++ b/packages/manager/src/features/components/PlansPanel/PlanInformation.tsx @@ -1,8 +1,7 @@ -import { Notice } from '@linode/ui'; +import { Notice, Typography } from '@linode/ui'; import * as React from 'react'; import { Link } from 'src/components/Link'; -import { Typography } from 'src/components/Typography'; import { StyledNoticeTypography } from 'src/features/components/PlansPanel/PlansAvailabilityNotice.styles'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/components/PlansPanel/PlansAvailabilityNotice.styles.ts b/packages/manager/src/features/components/PlansPanel/PlansAvailabilityNotice.styles.ts index 111fbb8abd9..bf0a9f99f10 100644 --- a/packages/manager/src/features/components/PlansPanel/PlansAvailabilityNotice.styles.ts +++ b/packages/manager/src/features/components/PlansPanel/PlansAvailabilityNotice.styles.ts @@ -1,8 +1,8 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { List } from 'src/components/List'; import { TextTooltip } from 'src/components/TextTooltip'; -import { Typography } from 'src/components/Typography'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/components/PlansPanel/PlansPanel.styles.ts b/packages/manager/src/features/components/PlansPanel/PlansPanel.styles.ts index 55ff79d3723..fa17661653c 100644 --- a/packages/manager/src/features/components/PlansPanel/PlansPanel.styles.ts +++ b/packages/manager/src/features/components/PlansPanel/PlansPanel.styles.ts @@ -1,7 +1,6 @@ +import { Typography } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Typography } from 'src/components/Typography'; - export const StyledTypography = styled(Typography, { label: 'StyledTypography', })(({ theme }) => ({ diff --git a/packages/ui/.changeset/pr-11299-added-1732140889291.md b/packages/ui/.changeset/pr-11299-added-1732140889291.md new file mode 100644 index 00000000000..8cf29e389e0 --- /dev/null +++ b/packages/ui/.changeset/pr-11299-added-1732140889291.md @@ -0,0 +1,5 @@ +--- +"@linode/ui": Added +--- + +Typography component and story ([#11299](https://github.com/linode/manager/pull/11299)) diff --git a/packages/ui/src/components/Notice/Notice.tsx b/packages/ui/src/components/Notice/Notice.tsx index 99fa1a74b7f..1a73ef2259e 100644 --- a/packages/ui/src/components/Notice/Notice.tsx +++ b/packages/ui/src/components/Notice/Notice.tsx @@ -1,15 +1,12 @@ import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { WarningIcon, AlertIcon as Error, CheckIcon } from '../../assets/icons'; - -// @todo: modularization - Import from 'ui' package once Typography is migrated. -import { Typography } from '@mui/material'; - +import { CheckIcon, AlertIcon as Error, WarningIcon } from '../../assets/icons'; +import { Typography } from '../Typography'; import { useStyles } from './Notice.styles'; -import type { Grid2Props } from '@mui/material/Unstable_Grid2'; import type { TypographyProps } from '@mui/material'; +import type { Grid2Props } from '@mui/material/Unstable_Grid2'; export type NoticeVariant = | 'error' diff --git a/packages/manager/src/components/Typography.stories.tsx b/packages/ui/src/components/Typography/Typography.stories.tsx similarity index 96% rename from packages/manager/src/components/Typography.stories.tsx rename to packages/ui/src/components/Typography/Typography.stories.tsx index 82b893f269d..5b02ceb8a07 100644 --- a/packages/manager/src/components/Typography.stories.tsx +++ b/packages/ui/src/components/Typography/Typography.stories.tsx @@ -1,8 +1,9 @@ -import { Meta, StoryObj } from '@storybook/react'; import React from 'react'; import { Typography } from './Typography'; +import type { Meta, StoryObj } from '@storybook/react'; + const meta: Meta = { component: Typography, title: 'Foundations/Typography', diff --git a/packages/manager/src/components/Typography.tsx b/packages/ui/src/components/Typography/Typography.tsx similarity index 100% rename from packages/manager/src/components/Typography.tsx rename to packages/ui/src/components/Typography/Typography.tsx diff --git a/packages/ui/src/components/Typography/index.ts b/packages/ui/src/components/Typography/index.ts new file mode 100644 index 00000000000..d64ebba0575 --- /dev/null +++ b/packages/ui/src/components/Typography/index.ts @@ -0,0 +1 @@ +export * from './Typography'; diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts index 5920697ab0d..7c0075b13e9 100644 --- a/packages/ui/src/components/index.ts +++ b/packages/ui/src/components/index.ts @@ -21,4 +21,5 @@ export * from './Stack'; export * from './TextField'; export * from './Tooltip'; export * from './TooltipIcon'; +export * from './Typography'; export * from './VisibilityTooltip';