From 5ca9dc5da0180438db437d1db957d000816a62e5 Mon Sep 17 00:00:00 2001 From: TheSisb Date: Fri, 22 Sep 2023 10:59:02 -0500 Subject: [PATCH] chore: fix import order with biomejs --- .../changesets-that-need-core-check.spec.ts | 2 +- .../missing-upgrade-guide-check.spec.ts | 2 +- .danger/__tests__/utils.spec.ts | 8 +-- .danger/changesets-that-need-core-check.ts | 2 +- .danger/missing-changesets-check.ts | 10 ++-- .danger/missing-upgrade-guide-check.ts | 2 +- .danger/package-json-check.ts | 2 +- .danger/pin-external-deps.ts | 2 +- .storybook/RenderPerformanceProfiler.tsx | 2 +- .storybook/main.ts | 2 +- .storybook/preview.tsx | 12 ++--- apps/vs-code-intellisense/src/extension.ts | 6 +-- .../src/test/suite/index.ts | 2 +- .../test/suite/utils/get-theme-tokens.test.ts | 2 +- .../suite/utils/is-color-category.test.ts | 2 +- dangerfile.ts | 8 +-- .../colorContrastPairingUtils.spec.ts | 14 ++--- .../__tests__/themeContrast.spec.ts | 52 +++++++++---------- .../paste-color-contrast-utils/src/utils.ts | 6 +-- .../__tests__/AccountSwitcher.spec.tsx | 4 +- .../account-switcher/src/AccountSwitcher.tsx | 2 +- .../src/AccountSwitcherBadge.tsx | 2 +- .../src/AccountSwitcherGroup.tsx | 2 +- .../src/AccountSwitcherItem.tsx | 2 +- .../src/AccountSwitcherItemRadio.tsx | 2 +- .../src/AccountSwitcherSeparator.tsx | 2 +- .../AccountSwitcher.customization.stories.tsx | 2 +- .../stories/AccountSwitcher.stories.tsx | 2 +- .../__tests__/customization.spec.tsx | 2 +- .../alert-dialog/__tests__/index.spec.tsx | 2 +- .../alert-dialog/src/AlertDialogBody.tsx | 2 +- .../alert-dialog/src/AlertDialogContent.tsx | 2 +- .../alert-dialog/src/AlertDialogFooter.tsx | 2 +- .../alert-dialog/src/AlertDialogHeader.tsx | 2 +- .../components/alert-dialog/src/index.tsx | 6 +-- .../alert-dialog/stories/index.stories.tsx | 16 +++--- .../components/alert/__tests__/index.spec.tsx | 2 +- .../paste-core/components/alert/src/index.tsx | 8 +-- .../alert/stories/index.stories.tsx | 4 +- .../anchor/__tests__/anchor.test.tsx | 2 +- .../components/anchor/src/Anchor.tsx | 2 +- .../components/anchor/src/DefaultAnchor.tsx | 2 +- .../components/anchor/src/InverseAnchor.tsx | 2 +- .../paste-core/components/anchor/src/types.ts | 4 +- .../anchor/stories/index.stories.tsx | 10 ++-- .../avatar/__tests__/avatar.test.tsx | 10 ++-- .../components/avatar/src/Avatar.tsx | 10 ++-- .../components/avatar/src/AvatarGroup.tsx | 2 +- .../paste-core/components/avatar/src/types.ts | 4 +- .../paste-core/components/avatar/src/utils.ts | 6 +-- .../avatar/stories/index.stories.tsx | 6 +-- .../badge/__tests__/customization.spec.tsx | 4 +- .../components/badge/__tests__/index.spec.tsx | 4 +- .../paste-core/components/badge/src/Badge.tsx | 8 +-- .../paste-core/components/badge/src/hooks.tsx | 2 +- .../badge/stories/customization.stories.tsx | 10 ++-- .../badge/stories/index.stories.tsx | 10 ++-- .../__tests__/base-radio-checkbox.test.tsx | 4 +- .../src/BaseRadioCheckbox.tsx | 14 ++--- .../breadcrumb/__tests__/breadcrumb.spec.tsx | 2 +- .../components/breadcrumb/src/index.tsx | 8 +-- .../breadcrumb/stories/index.stories.tsx | 2 +- .../button-group/__tests__/index.spec.tsx | 2 +- .../button-group/src/ButtonGroup.tsx | 4 +- .../button-group/stories/index.stories.tsx | 8 +-- .../button/__tests__/button.test.tsx | 4 +- .../button/__tests__/customization.test.tsx | 2 +- .../components/button/src/Button.tsx | 34 ++++++------ .../button/src/DestructiveButton.tsx | 4 +- .../button/src/DestructiveIconButton.tsx | 4 +- .../button/src/DestructiveLinkButton.tsx | 4 +- .../button/src/DestructiveSecondaryButton.tsx | 4 +- .../components/button/src/InverseButton.tsx | 4 +- .../button/src/InverseLinkButton.tsx | 4 +- .../components/button/src/LinkButton.tsx | 4 +- .../components/button/src/PrimaryButton.tsx | 4 +- .../button/src/PrimaryIconButton.tsx | 4 +- .../components/button/src/ResetButton.tsx | 4 +- .../components/button/src/SecondaryButton.tsx | 4 +- .../button/src/SecondaryIconButton.tsx | 4 +- .../components/button/src/styles.ts | 2 +- .../button/stories/customization.stories.tsx | 6 +-- .../button/stories/index.stories.tsx | 18 +++---- .../callout/__tests__/customization.spec.tsx | 2 +- .../callout/__tests__/index.spec.tsx | 2 +- .../components/callout/src/Callout.tsx | 6 +-- .../components/callout/src/CalloutHeading.tsx | 6 +-- .../components/callout/src/CalloutList.tsx | 4 +- .../components/callout/src/CalloutText.tsx | 4 +- .../callout/stories/customization.stories.tsx | 6 +-- .../callout/stories/index.stories.tsx | 2 +- .../components/card/__test__/card.test.tsx | 2 +- .../paste-core/components/card/src/index.tsx | 2 +- .../components/card/stories/index.stories.tsx | 6 +-- .../__tests__/customization.spec.tsx | 6 +-- .../chat-composer/__tests__/index.spec.tsx | 6 +-- .../chat-composer/src/AutoLinkPlugin.tsx | 2 +- .../chat-composer/src/ChatComposer.tsx | 30 +++++------ .../chat-composer/src/PlaceholderWrapper.tsx | 2 +- .../components/chat-composer/src/helpers.ts | 2 +- .../stories/ConversationsUIKit/helpers.tsx | 8 +-- .../ConversationsUIKit/index.stories.tsx | 40 +++++++------- .../stories/customization.stories.tsx | 4 +- .../chat-composer/stories/index.stories.tsx | 8 +-- .../__tests__/ChatAttachment.spec.tsx | 8 +-- .../chat-log/__tests__/ChatBookend.spec.tsx | 4 +- .../chat-log/__tests__/ChatBubble.spec.tsx | 6 +-- .../chat-log/__tests__/ChatEvent.spec.tsx | 4 +- .../chat-log/__tests__/ChatLogger.spec.tsx | 4 +- .../chat-log/__tests__/ChatMessage.spec.tsx | 4 +- .../__tests__/ChatMessageMeta.spec.tsx | 4 +- .../chat-log/__tests__/chatLog.spec.tsx | 4 +- .../chat-log/__tests__/useChatLogger.spec.tsx | 4 +- .../chat-log/src/ChatAttachment.tsx | 4 +- .../src/ChatAttachmentDescription.tsx | 2 +- .../chat-log/src/ChatAttachmentLink.tsx | 2 +- .../components/chat-log/src/ChatBookend.tsx | 2 +- .../chat-log/src/ChatBookendItem.tsx | 2 +- .../components/chat-log/src/ChatBubble.tsx | 4 +- .../components/chat-log/src/ChatEvent.tsx | 2 +- .../components/chat-log/src/ChatLog.tsx | 2 +- .../components/chat-log/src/ChatLogger.tsx | 4 +- .../components/chat-log/src/ChatMessage.tsx | 4 +- .../chat-log/src/ChatMessageMeta.tsx | 2 +- .../chat-log/src/ChatMessageMetaItem.tsx | 2 +- .../chat-log/src/ComposerAttachmentCard.tsx | 4 +- .../components/chat-log/src/useChatLogger.ts | 2 +- .../components/ChatAttachment.stories.tsx | 14 ++--- .../components/ChatBookend.stories.tsx | 4 +- .../stories/components/ChatBubble.stories.tsx | 4 +- .../stories/components/ChatEvent.stories.tsx | 4 +- .../components/ChatMessageMeta.stories.tsx | 6 +-- .../components/UseChatLogger.stories.tsx | 14 ++--- .../stories/customization.stories.tsx | 18 +++---- .../chat-log/stories/index.stories.tsx | 20 +++---- .../checkbox/__tests__/checkbox.test.tsx | 4 +- .../__tests__/checkboxdisclaimer.test.tsx | 2 +- .../components/checkbox/src/Checkbox.tsx | 16 +++--- .../checkbox/src/CheckboxDisclaimer.tsx | 2 +- .../components/checkbox/src/CheckboxGroup.tsx | 2 +- .../checkbox/stories/checkbox.stories.tsx | 6 +-- .../stories/customization.stories.tsx | 10 ++-- .../__tests__/customization.spec.tsx | 8 +-- .../code-block/__tests__/index.spec.tsx | 10 ++-- .../components/code-block/src/CodeBlock.tsx | 6 +-- .../code-block/src/CodeBlockHeader.tsx | 2 +- .../code-block/src/CodeBlockTab.tsx | 2 +- .../code-block/src/CodeBlockTabList.tsx | 2 +- .../code-block/src/CodeBlockTabPanel.tsx | 2 +- .../code-block/src/CodeBlockWrapper.tsx | 2 +- .../components/code-block/src/CopyButton.tsx | 8 +-- .../code-block/src/ExternalLinkButton.tsx | 6 +-- .../stories/customization.stories.tsx | 8 +-- .../code-block/stories/index.stories.tsx | 6 +-- .../combobox/__tests__/Combobox.spec.tsx | 18 +++---- .../combobox/__tests__/GrowingInput.spec.tsx | 4 +- .../__tests__/MultiselectCombobox.spec.tsx | 8 +-- .../__tests__/combobox-customization.spec.tsx | 2 +- ...ultiselect-combobox-customization.spec.tsx | 2 +- .../__tests__/virtualization.spec.tsx | 6 +-- .../components/combobox/src/ComboboxItems.tsx | 8 +-- .../combobox/src/ListboxPositioner.tsx | 4 +- .../components/combobox/src/helpers.tsx | 2 +- .../combobox/src/multiselect/GrowingInput.tsx | 2 +- .../src/multiselect/MultiselectCombobox.tsx | 28 +++++----- .../combobox/src/singleselect/Combobox.tsx | 20 +++---- .../singleselect/extractPropsFromState.tsx | 4 +- .../src/styles/ComboboxInputSelect.tsx | 2 +- .../src/styles/ComboboxInputWrapper.tsx | 2 +- .../combobox/src/styles/ComboboxListbox.tsx | 2 +- .../src/styles/ComboboxListboxGroup.tsx | 2 +- .../src/styles/ComboboxListboxOption.tsx | 6 +-- .../components/combobox/src/types.ts | 6 +-- .../Combobox-customization.stories.tsx | 8 +-- .../combobox/stories/Combobox.stories.tsx | 22 ++++---- .../combobox/stories/GrowingInput.stories.tsx | 2 +- ...tiselectCombobox-customization.stories.tsx | 8 +-- .../stories/MultiselectCombobox.stories.tsx | 18 +++---- .../__tests__/cell-management.spec.ts | 4 +- .../__tests__/customization.spec.tsx | 6 +-- .../data-grid/__tests__/index.spec.tsx | 8 +-- .../__tests__/reakit-hasFocus.spec.tsx | 2 +- .../components/data-grid/src/DataGrid.tsx | 10 ++-- .../components/data-grid/src/DataGridBody.tsx | 2 +- .../components/data-grid/src/DataGridCell.tsx | 6 +-- .../data-grid/src/DataGridContext.tsx | 2 +- .../components/data-grid/src/DataGridFoot.tsx | 2 +- .../components/data-grid/src/DataGridHead.tsx | 2 +- .../data-grid/src/DataGridHeaderSort.tsx | 4 +- .../components/data-grid/src/DataGridRow.tsx | 4 +- .../components/data-grid/src/table/Td.tsx | 2 +- .../components/data-grid/src/table/Th.tsx | 2 +- .../components/data-grid/src/table/Tr.tsx | 4 +- .../stories/components/ColumnSpanDataGrid.tsx | 4 +- .../components/ComposableCellsDataGrid.tsx | 12 ++--- .../components/CustomizableDataGrid.tsx | 4 +- .../stories/components/DataGridLayouts.tsx | 16 +++--- .../stories/components/I18nDataGrid.tsx | 10 ++-- .../components/KitchenSinkDataGrid.tsx | 22 ++++---- .../stories/components/LoadingDataGrid.tsx | 10 ++-- .../stories/components/PaginatedDataGrid.tsx | 18 +++---- .../stories/components/PlainDataGrid.tsx | 10 ++-- .../components/SelectableRowsDataGrid.tsx | 8 +-- .../components/SortableColumnsDataGrid.tsx | 12 ++--- .../components/StickyHeaderDataGrid.tsx | 8 +-- .../date-picker/__tests__/index.spec.tsx | 4 +- .../components/date-picker/src/DatePicker.tsx | 2 +- .../date-picker/stories/index.stories.tsx | 12 ++--- .../description-list/__tests__/index.spec.tsx | 6 +-- .../description-list/src/DescriptionList.tsx | 2 +- .../src/DescriptionListDetails.tsx | 2 +- .../src/DescriptionListSet.tsx | 4 +- .../src/DescriptionListTerm.tsx | 2 +- .../stories/index.stories.tsx | 8 +-- .../detail-text/__tests__/index.spec.tsx | 2 +- .../components/detail-text/src/index.tsx | 2 +- .../detail-text/stories/index.stories.tsx | 2 +- .../disclosure/__tests__/disclosure.test.tsx | 4 +- .../components/disclosure/src/Disclosure.tsx | 6 +-- .../disclosure/src/DisclosureContent.tsx | 6 +-- .../disclosure/src/DisclosureContext.tsx | 2 +- .../disclosure/src/DisclosureHeading.tsx | 14 ++--- .../disclosure/stories/index.stories.tsx | 12 ++--- .../display-heading/__tests__/index.spec.tsx | 2 +- .../components/display-heading/src/index.tsx | 2 +- .../display-heading/stories/index.stories.tsx | 2 +- .../__tests__/index.spec.tsx | 6 +-- .../display-pill-group/src/DisplayPill.tsx | 4 +- .../src/DisplayPillGroup.tsx | 2 +- .../stories/customization.stories.tsx | 6 +-- .../stories/index.stories.tsx | 6 +-- .../src/EditableCodeBlock.tsx | 8 +-- .../src/EditableCodeBlockHeader.tsx | 4 +- .../src/EditableCodeBlockWrapper.tsx | 4 +- .../stories/index.stories.tsx | 8 +-- .../file-picker/__tests__/index.spec.tsx | 4 +- .../components/file-picker/src/FilePicker.tsx | 6 +-- .../file-picker/src/FilePickerButton.tsx | 4 +- .../file-picker/stories/index.stories.tsx | 10 ++-- .../__tests__/customization.spec.tsx | 14 ++--- .../file-uploader/__tests__/index.spec.tsx | 14 ++--- .../file-uploader/src/FileUploader.tsx | 2 +- .../src/FileUploaderDropzone.tsx | 2 +- .../src/FileUploaderDropzoneText.tsx | 2 +- .../src/FileUploaderErrorText.tsx | 4 +- .../src/FileUploaderHelpText.tsx | 4 +- .../file-uploader/src/FileUploaderItem.tsx | 8 +-- .../src/FileUploaderItemDescription.tsx | 2 +- .../src/FileUploaderItemTitle.tsx | 2 +- .../src/FileUploaderItemsList.tsx | 2 +- .../file-uploader/src/FileUploaderLabel.tsx | 2 +- .../file-uploader/stories/index.stories.tsx | 18 +++---- .../form-pill-group/__tests__/index.spec.tsx | 8 +-- .../form-pill-group/src/FormPill.tsx | 6 +-- .../form-pill-group/src/FormPillButton.tsx | 6 +-- .../form-pill-group/src/FormPillGroup.tsx | 6 +-- .../form-pill-group/src/PillCloseIcon.tsx | 2 +- .../stories/customization.stories.tsx | 6 +-- .../form-pill-group/stories/index.stories.tsx | 6 +-- .../components/form/__tests__/index.spec.tsx | 2 +- .../paste-core/components/form/src/Form.tsx | 2 +- .../components/form/src/FormActions.tsx | 2 +- .../components/form/src/FormControl.tsx | 2 +- .../form/src/FormControlTwoColumn.tsx | 2 +- .../components/form/src/FormSection.tsx | 2 +- .../form/src/FormSectionDescription.tsx | 2 +- .../form/src/FormSectionHeading.tsx | 6 +-- .../components/form/stories/index.stories.tsx | 12 ++--- .../heading/__tests__/heading.test.tsx | 4 +- .../components/heading/src/index.tsx | 4 +- .../heading/stories/index.stories.tsx | 6 +-- .../help-text/__tests__/helptext.test.tsx | 4 +- .../components/help-text/src/HelpText.tsx | 6 +-- .../help-text/stories/input.stories.tsx | 6 +-- .../__tests__/index.spec.tsx | 2 +- .../src/InPageNavigation.tsx | 4 +- .../src/InPageNavigationItem.tsx | 6 +-- .../stories/index.stories.tsx | 4 +- .../inline-code/__tests__/index.spec.tsx | 4 +- .../components/inline-code/src/index.tsx | 2 +- .../inline-code/stories/index.stories.tsx | 8 +-- .../__tests__/inlineControlGroup.test.tsx | 2 +- .../src/InlineControlGroup.tsx | 6 +-- .../stories/inline-control-group.stories.tsx | 6 +-- .../input-box/__tests__/input-box.test.tsx | 2 +- .../__tests__/input-chevron-wrapper.test.tsx | 4 +- .../input-box/__tests__/prefix.test.tsx | 2 +- .../input-box/__tests__/suffix.test.tsx | 2 +- .../src/FauxInput/DefaultFauxInput.tsx | 4 +- .../src/FauxInput/InverseFauxInput.tsx | 4 +- .../input-box/src/FauxInput/index.tsx | 2 +- .../components/input-box/src/InputBox.tsx | 4 +- .../input-box/src/InputChevronWrapper.tsx | 4 +- .../components/input-box/src/Prefix.tsx | 2 +- .../components/input-box/src/Suffix.tsx | 2 +- .../input-box/stories/inputbox.stories.tsx | 4 +- .../components/input/__tests__/input.test.tsx | 2 +- .../components/input/src/DecrementButton.tsx | 2 +- .../components/input/src/IncrementButton.tsx | 2 +- .../paste-core/components/input/src/Input.tsx | 6 +-- .../input/stories/input.stories.tsx | 16 +++--- .../components/label/__tests__/label.test.tsx | 4 +- .../paste-core/components/label/src/Label.tsx | 4 +- .../components/label/src/RequiredDot.tsx | 2 +- .../label/stories/label.stories.tsx | 6 +-- .../components/list/__tests__/index.spec.tsx | 4 +- .../paste-core/components/list/src/List.tsx | 2 +- .../components/list/src/ListItem.tsx | 2 +- .../components/list/src/OrderedList.tsx | 2 +- .../components/list/src/UnorderedList.tsx | 2 +- .../paste-core/components/list/src/types.ts | 2 +- .../components/list/stories/index.stories.tsx | 6 +-- .../menu/__tests__/customization.spec.tsx | 4 +- .../components/menu/__tests__/index.spec.tsx | 8 +-- .../menu-badge-customization.spec.tsx | 4 +- .../paste-core/components/menu/src/Menu.tsx | 4 +- .../components/menu/src/MenuBadge.tsx | 8 +-- .../components/menu/src/MenuButton.tsx | 6 +-- .../components/menu/src/MenuGroup.tsx | 6 +-- .../components/menu/src/MenuItem.styles.tsx | 4 +- .../components/menu/src/MenuItem.tsx | 6 +-- .../components/menu/src/MenuItemCheckbox.tsx | 6 +-- .../components/menu/src/MenuItemRadio.tsx | 6 +-- .../components/menu/src/MenuSeparator.tsx | 4 +- .../components/menu/src/SubMenuButton.tsx | 6 +-- .../paste-core/components/menu/src/types.ts | 4 +- .../menu/stories/customization.stories.tsx | 16 +++--- .../components/menu/stories/index.stories.tsx | 16 +++--- .../menu-badge-customization.stories.tsx | 6 +-- .../menu/stories/menu-badge.stories.tsx | 2 +- .../stories/menu-checkable-items.stories.tsx | 14 ++--- .../components/meter/__tests__/index.spec.tsx | 6 +-- .../paste-core/components/meter/src/Meter.tsx | 6 +-- .../components/meter/src/MeterLabel.tsx | 4 +- .../meter/stories/index.stories.tsx | 4 +- .../__tests__/customization.spec.tsx | 4 +- .../__tests__/index.spec.tsx | 4 +- .../src/MinimizableDialog.tsx | 4 +- .../src/MinimizableDialogButton.tsx | 4 +- .../src/MinimizableDialogContainer.tsx | 4 +- .../src/MinimizableDialogContent.tsx | 2 +- .../src/MinimizableDialogContext.tsx | 2 +- .../src/MinimizableDialogHeader.tsx | 6 +-- .../src/StyledMinimizableDialog.tsx | 2 +- .../stories/customization.stories.tsx | 6 +-- .../stories/index.stories.tsx | 6 +-- .../modal/__tests__/customization.spec.tsx | 2 +- .../components/modal/__tests__/index.spec.tsx | 14 ++--- .../paste-core/components/modal/src/Modal.tsx | 10 ++-- .../components/modal/src/ModalBody.tsx | 2 +- .../components/modal/src/ModalFooter.tsx | 2 +- .../modal/src/ModalFooterActions.tsx | 2 +- .../components/modal/src/ModalHeader.tsx | 4 +- .../components/modal/src/ModalHeading.tsx | 4 +- .../modal/stories/customization.stories.tsx | 8 +-- .../modal/stories/index.stories.tsx | 24 ++++----- .../__tests__/customization.spec.tsx | 4 +- .../pagination/__tests__/index.spec.tsx | 2 +- .../components/pagination/src/Pagination.tsx | 2 +- .../PaginationArrow/PaginationArrowButton.tsx | 2 +- .../PaginationArrowIconWrapper.tsx | 2 +- .../PaginationArrow/PaginationBackArrow.tsx | 6 +-- .../PaginationForwardArrow.tsx | 6 +-- .../pagination/src/PaginationArrow/index.tsx | 4 +- .../pagination/src/PaginationEllipsis.tsx | 2 +- .../pagination/src/PaginationItems.tsx | 6 +-- .../pagination/src/PaginationLabel.tsx | 2 +- .../pagination/src/PaginationNumber.tsx | 2 +- .../pagination/src/PaginationNumbers.tsx | 6 +-- .../stories/customization.stories.tsx | 12 ++--- .../pagination/stories/index.stories.tsx | 2 +- .../paragraph/__tests__/paragraph.test.tsx | 2 +- .../components/paragraph/src/index.tsx | 2 +- .../paragraph/stories/index.stories.tsx | 2 +- .../popover/__tests__/index.spec.tsx | 8 +-- .../components/popover/src/Popover.tsx | 4 +- .../components/popover/src/PopoverArrow.tsx | 2 +- .../popover/src/PopoverBadgeButton.tsx | 4 +- .../components/popover/src/PopoverButton.tsx | 4 +- .../popover/src/PopoverContainer.tsx | 4 +- .../components/popover/src/PopoverContext.tsx | 2 +- .../components/popover/src/types.ts | 2 +- .../popover/stories/index.stories.tsx | 14 ++--- .../__tests__/ProductSwitcher.spec.tsx | 4 +- .../product-switcher/src/ProductSwitcher.tsx | 2 +- .../src/ProductSwitcherButton.tsx | 6 +-- .../src/ProductSwitcherItem.tsx | 4 +- .../ProductSwitcher.customization.stories.tsx | 8 +-- .../stories/ProductSwitcher.stories.tsx | 6 +-- .../progress-bar/__tests__/index.spec.tsx | 6 +-- .../progress-bar/src/ProgressBar.tsx | 6 +-- .../progress-bar/src/ProgressBarLabel.tsx | 2 +- .../stories/customization.stories.tsx | 12 ++--- .../progress-bar/stories/index.stories.tsx | 10 ++-- .../progress-steps/__tests__/index.spec.tsx | 8 +-- .../src/ProgressStepComplete.tsx | 2 +- .../src/ProgressStepCurrent.tsx | 2 +- .../progress-steps/src/ProgressStepError.tsx | 2 +- .../src/ProgressStepIncomplete.tsx | 2 +- .../src/ProgressStepSeparator.tsx | 2 +- .../progress-steps/src/ProgressSteps.tsx | 4 +- .../src/icons/ProgressCurrentIcon.tsx | 6 +-- .../src/icons/ProgressErrorIcon.tsx | 6 +-- .../src/icons/ProgressIncompleteIcon.tsx | 6 +-- .../stories/customization.stories.tsx | 6 +-- .../stories/horizontal.stories.tsx | 2 +- .../stories/vertical.stories.tsx | 2 +- .../__tests__/index.spec.tsx | 6 +-- .../radio-button-group/src/HiddenRadio.tsx | 2 +- .../radio-button-group/src/RadioButton.tsx | 6 +-- .../src/RadioButtonGroup.tsx | 4 +- .../src/StyledRadioButtonGroupWrapper.tsx | 2 +- .../src/StyledRadioButtonLabel.tsx | 2 +- .../stories/index.stories.tsx | 6 +-- .../radio-group/__tests__/radio.test.tsx | 6 +-- .../components/radio-group/src/Radio.tsx | 10 ++-- .../components/radio-group/src/RadioGroup.tsx | 2 +- .../stories/customization.stories.tsx | 8 +-- .../stories/radio-controlled.stories.tsx | 4 +- .../stories/radio-uncontrolled.stories.tsx | 4 +- .../stories/radiogroup-controlled.stories.tsx | 4 +- .../radiogroup-uncontrolled.stories.tsx | 4 +- .../stories/radiogroup-vrt.stories.tsx | 4 +- .../screen-reader-only/src/index.tsx | 2 +- .../stories/index.stories.tsx | 2 +- .../select/__tests__/option.test.tsx | 2 +- .../select/__tests__/optiongroup.test.tsx | 4 +- .../select/__tests__/select.test.tsx | 10 ++-- .../components/select/src/Option.tsx | 2 +- .../components/select/src/OptionGroup.tsx | 2 +- .../components/select/src/Select.tsx | 4 +- .../select/stories/select.stories.tsx | 18 +++---- .../separator/__tests__/index.spec.tsx | 4 +- .../components/separator/src/index.tsx | 2 +- .../separator/stories/index.stories.tsx | 4 +- .../__tests__/customization.spec.tsx | 12 ++--- .../side-modal/__tests__/index.spec.tsx | 10 ++-- .../components/side-modal/src/SideModal.tsx | 8 +-- .../side-modal/src/SideModalBody.tsx | 2 +- .../side-modal/src/SideModalButton.tsx | 2 +- .../side-modal/src/SideModalContainer.tsx | 4 +- .../side-modal/src/SideModalContext.tsx | 2 +- .../side-modal/src/SideModalFooter.tsx | 2 +- .../side-modal/src/SideModalFooterActions.tsx | 2 +- .../side-modal/src/SideModalHeader.tsx | 4 +- .../side-modal/src/SideModalHeading.tsx | 4 +- .../stories/customization.stories.tsx | 12 ++--- .../side-modal/stories/index.stories.tsx | 12 ++--- .../sidebar/__tests__/index.spec.tsx | 16 +++--- .../__tests__/sidebarNavigation.spec.tsx | 26 +++++----- .../sidebar/__tests__/skipLinks.spec.tsx | 2 +- .../components/sidebar/src/Sidebar.tsx | 12 ++--- .../sidebar/src/SidebarBetaBadge.tsx | 6 +-- .../components/sidebar/src/SidebarBody.tsx | 2 +- .../sidebar/src/SidebarSkipLinks.tsx | 4 +- .../SidebarOverlayContentWrapper.tsx | 4 +- .../SidebarPushContentWrapper.tsx | 6 +-- .../src/footer/SidebarCollapseButton.tsx | 6 +-- .../sidebar/src/footer/SidebarFooter.tsx | 2 +- .../sidebar/src/header/SidebarHeader.tsx | 2 +- .../src/header/SidebarHeaderIconButton.tsx | 4 +- .../sidebar/src/header/SidebarHeaderLabel.tsx | 2 +- .../src/navigation/SidebarNavigation.tsx | 4 +- .../SidebarNavigationDisclosure.tsx | 4 +- .../SidebarNavigationDisclosureContent.tsx | 4 +- .../SidebarNavigationDisclosureContext.tsx | 2 +- .../SidebarNavigationDisclosureHeading.tsx | 8 +-- ...ebarNavigationDisclosureHeadingWrapper.tsx | 2 +- .../src/navigation/SidebarNavigationItem.tsx | 12 ++--- .../navigation/SidebarNavigationSeparator.tsx | 2 +- .../sidebar/stories/BetaBadge.stories.tsx | 2 +- .../sidebar/stories/SidebarHeader.stories.tsx | 6 +-- .../sidebar/stories/customization.stories.tsx | 22 ++++---- .../components/AccountMenu.tsx | 4 +- .../components/AccountSwitcher.tsx | 2 +- .../components/AppSwitcher.tsx | 10 ++-- .../components/BillingMenu.tsx | 4 +- .../full-composition/components/Console.tsx | 36 ++++++------- .../components/DebuggerAction.tsx | 4 +- .../full-composition/components/Flex.tsx | 22 ++++---- .../components/NotificationsDialog.tsx | 4 +- .../full-composition/components/SearchBox.tsx | 2 +- .../full-composition/components/Segment.tsx | 34 ++++++------ .../components/StatusMenu.tsx | 4 +- .../components/SupportMenu.tsx | 4 +- .../components/TrialBadge.tsx | 4 +- .../components/UpgradeBadge.tsx | 2 +- .../components/UserDialogConsole.tsx | 16 +++--- .../components/UserDialogFlex.tsx | 14 ++--- .../components/UserDialogSegment.tsx | 12 ++--- .../components/WorkspaceSwitcher.tsx | 2 +- .../full-composition/console.stories.tsx | 2 +- .../stories/full-composition/docs.stories.tsx | 26 +++++----- .../stories/full-composition/flex.stories.tsx | 2 +- .../full-composition/segment.stories.tsx | 2 +- .../sidebar/stories/navigation.stories.tsx | 52 +++++++++---------- .../sidebar/stories/overlay.stories.tsx | 16 +++--- .../sidebar/stories/push.stories.tsx | 16 +++--- .../skeleton-loader/__tests__/index.spec.tsx | 2 +- .../components/skeleton-loader/src/index.tsx | 6 +-- .../skeleton-loader/stories/index.stories.tsx | 10 ++-- .../slider/__tests__/index.spec.tsx | 6 +-- .../components/slider/src/Slider.tsx | 4 +- .../components/slider/src/SliderThumb.tsx | 2 +- .../components/slider/src/SliderTrack.tsx | 2 +- .../slider/stories/index.stories.tsx | 12 ++--- .../spinner/__tests__/index.test.tsx | 4 +- .../components/spinner/src/index.tsx | 6 +-- .../components/spinner/src/styled.tsx | 2 +- .../spinner/stories/index.stories.tsx | 4 +- .../StatusBadgeCustomization.spec.tsx | 4 +- .../StatusMenuCustomization.spec.tsx | 6 +-- .../components/status/src/StatusBadge.tsx | 4 +- .../components/status/src/StatusMenu.tsx | 2 +- .../components/status/src/StatusMenuBadge.tsx | 2 +- .../components/status/src/StatusMenuItem.tsx | 2 +- .../status/src/StatusMenuItemCheckbox.tsx | 2 +- .../status/src/StatusMenuItemChild.tsx | 2 +- .../status/src/StatusMenuItemRadio.tsx | 2 +- .../components/status/src/constants.tsx | 12 ++--- .../status/stories/StatusBadge.stories.tsx | 2 +- .../StatusBadgeCustomization.stories.tsx | 10 ++-- .../status/stories/StatusMenu.stories.tsx | 2 +- .../StatusMenuCustomization.stories.tsx | 6 +-- .../switch/__tests__/index.spec.tsx | 4 +- .../components/switch/src/Switch.tsx | 14 ++--- .../components/switch/src/SwitchGroup.tsx | 2 +- .../components/switch/src/SwitchKnob.tsx | 4 +- .../switch/stories/index.stories.tsx | 4 +- .../components/table/__tests__/index.spec.tsx | 4 +- .../paste-core/components/table/src/TBody.tsx | 4 +- .../paste-core/components/table/src/TFoot.tsx | 4 +- .../paste-core/components/table/src/THead.tsx | 4 +- .../paste-core/components/table/src/Table.tsx | 2 +- .../paste-core/components/table/src/Td.tsx | 2 +- .../paste-core/components/table/src/Th.tsx | 2 +- .../paste-core/components/table/src/Tr.tsx | 2 +- .../paste-core/components/table/src/types.ts | 2 +- .../table/stories/index.stories.tsx | 18 +++---- .../components/tabs/__tests__/tabs.test.tsx | 6 +-- .../paste-core/components/tabs/src/Tab.tsx | 4 +- .../components/tabs/src/TabList.tsx | 2 +- .../components/tabs/src/TabPanel.tsx | 2 +- .../components/tabs/src/TabPanels.tsx | 2 +- .../paste-core/components/tabs/src/Tabs.tsx | 4 +- .../components/tabs/src/TabsContext.tsx | 2 +- .../components/tabs/stories/index.stories.tsx | 14 ++--- .../textarea/__tests__/textarea.test.tsx | 2 +- .../components/textarea/src/TextArea.tsx | 8 +-- .../textarea/stories/textarea.stories.tsx | 16 +++--- .../time-picker/__tests__/index.spec.tsx | 2 +- .../components/time-picker/src/TimePicker.tsx | 2 +- .../time-picker/stories/index.stories.tsx | 10 ++-- .../toast/__tests__/customization.spec.tsx | 4 +- .../components/toast/__tests__/index.spec.tsx | 2 +- .../toast/__tests__/toaster.spec.tsx | 8 +-- .../toast/__tests__/useToaster.spec.tsx | 2 +- .../components/toast/src/ErrorToast.tsx | 2 +- .../components/toast/src/NeutralToast.tsx | 2 +- .../components/toast/src/SuccessToast.tsx | 2 +- .../paste-core/components/toast/src/Toast.tsx | 6 +-- .../components/toast/src/ToastContainer.tsx | 2 +- .../components/toast/src/ToastPortal.tsx | 6 +-- .../components/toast/src/Toaster.tsx | 6 +-- .../components/toast/src/WarningToast.tsx | 2 +- .../paste-core/components/toast/src/types.ts | 2 +- .../components/toast/src/useToaster.ts | 4 +- .../toast/stories/customization.stories.tsx | 6 +-- .../toast/stories/index.stories.tsx | 12 ++--- .../tooltip/__test__/index.spec.tsx | 4 +- .../components/tooltip/src/TooltipArrow.tsx | 4 +- .../components/tooltip/src/index.tsx | 8 +-- .../tooltip/stories/index.stories.tsx | 6 +-- .../topbar/__tests__/index.spec.tsx | 2 +- .../components/topbar/src/Topbar.tsx | 2 +- .../components/topbar/src/TopbarActions.tsx | 2 +- .../topbar/stories/customization.stories.tsx | 2 +- .../topbar/stories/topbar.stories.tsx | 24 ++++----- .../components/truncate/src/index.tsx | 2 +- .../truncate/stories/index.stories.tsx | 4 +- .../user-dialog/__tests__/index.spec.tsx | 4 +- .../components/user-dialog/src/UserDialog.tsx | 8 +-- .../user-dialog/src/UserDialogContainer.tsx | 4 +- .../user-dialog/src/UserDialogList.tsx | 6 +-- .../user-dialog/src/UserDialogListItem.tsx | 4 +- .../user-dialog/src/UserDialogSeparator.tsx | 4 +- .../user-dialog/src/UserDialogUserEmail.tsx | 2 +- .../user-dialog/src/UserDialogUserInfo.tsx | 8 +-- .../user-dialog/src/UserDialogUserName.tsx | 2 +- .../components/user-dialog/src/types.ts | 18 +++---- .../user-dialog/stories/index.stories.tsx | 24 ++++----- .../visual-picker/__tests__/checkbox.spec.tsx | 6 +-- .../visual-picker/__tests__/radio.spec.tsx | 6 +-- .../src/VisualPickerCheckbox.tsx | 10 ++-- .../src/VisualPickerCheckboxGroup.tsx | 2 +- .../visual-picker/src/VisualPickerRadio.tsx | 10 ++-- .../src/VisualPickerRadioGroup.tsx | 2 +- .../components/visual-picker/src/types.ts | 2 +- .../stories/checkbox.stories.tsx | 14 ++--- .../stories/customization.stories.tsx | 20 +++---- .../visual-picker/stories/radio.stories.tsx | 18 +++---- .../paste-core/core-bundle/tools/generate.ts | 10 ++-- .../paste-core/core-bundle/tools/minify.ts | 2 +- .../paste-core/core-bundle/tools/utils.ts | 12 ++--- .../__tests__/aspectRatio.spec.tsx | 2 +- .../layout/aspect-ratio/src/AspectRatio.tsx | 2 +- .../aspect-ratio/stories/index.stories.tsx | 2 +- .../layout/flex/__tests__/flex.test.tsx | 8 +-- packages/paste-core/layout/flex/src/Flex.tsx | 4 +- packages/paste-core/layout/flex/src/types.tsx | 4 +- .../layout/flex/stories/index.stories.tsx | 6 +-- .../layout/grid/__tests__/grid.test.tsx | 6 +-- .../paste-core/layout/grid/src/Column.tsx | 4 +- packages/paste-core/layout/grid/src/Grid.tsx | 6 +-- packages/paste-core/layout/grid/src/types.ts | 2 +- packages/paste-core/layout/grid/src/utils.tsx | 6 +-- .../layout/grid/stories/index.stories.tsx | 10 ++-- .../media-object/__tests__/index.spec.tsx | 6 +-- .../layout/media-object/src/MediaBody.tsx | 2 +- .../layout/media-object/src/MediaFigure.tsx | 2 +- .../layout/media-object/src/MediaObject.tsx | 2 +- .../media-object/stories/index.stories.tsx | 10 ++-- .../layout/stack/__tests__/stack.test.tsx | 4 +- .../paste-core/layout/stack/src/Stack.tsx | 8 +-- .../layout/stack/stories/index.stories.tsx | 8 +-- .../box/__tests__/StyleFunctions.test.tsx | 2 +- .../primitives/box/__tests__/box.test.tsx | 4 +- .../primitives/box/src/SafelySpreadProps.ts | 8 +-- .../primitives/box/src/StyleFunctions.ts | 4 +- .../paste-core/primitives/box/src/index.tsx | 20 +++---- .../paste-core/primitives/box/src/types.ts | 4 +- .../primitives/box/stories/index.stories.tsx | 8 +-- .../useMultiSelectPrimitive.test.tsx | 12 ++--- .../combobox/stories/index.stories.tsx | 10 ++-- .../disclosure/stories/index.stories.tsx | 4 +- .../listbox/__tests__/index.spec.tsx | 4 +- .../listbox/src/ListboxPrimitive.tsx | 2 +- .../listbox/src/ListboxPrimitiveItem.tsx | 2 +- .../listbox/stories/index.stories.tsx | 12 ++--- .../primitives/menu/__tests__/index.spec.tsx | 6 +-- .../primitives/menu/stories/index.stories.tsx | 4 +- .../modal-dialog/stories/index.stories.tsx | 6 +-- .../stories/index.stories.tsx | 8 +-- .../sibling-box/__tests__/siblingBox.test.tsx | 2 +- .../primitives/sibling-box/src/index.tsx | 4 +- .../primitives/tabs/stories/index.stories.tsx | 4 +- .../text/__tests__/StyleFunctions.spec.tsx | 2 +- .../primitives/text/__tests__/text.spec.tsx | 4 +- .../primitives/text/src/SafelySpreadProps.ts | 2 +- .../primitives/text/src/StyleFunctions.ts | 4 +- .../paste-core/primitives/text/src/index.tsx | 10 ++-- .../paste-core/primitives/text/src/types.ts | 8 +-- .../primitives/text/stories/index.stories.tsx | 16 +++--- .../tooltip/stories/index.stories.tsx | 4 +- .../__tests__/CustomizationProvider.test.tsx | 4 +- .../__tests__/utils.test.ts | 2 +- .../src/CustomizationConsumer.tsx | 2 +- .../src/CustomizationProvider.tsx | 8 +-- .../src/types/CustomizationProvider.ts | 2 +- .../paste-customization/src/types/PasteCSS.ts | 12 ++--- packages/paste-customization/src/utils.ts | 2 +- .../stories/customization.stories.tsx | 6 +-- .../paste-design-tokens/formatters/common.ts | 4 +- .../paste-design-tokens/formatters/d.ts.ts | 4 +- .../paste-design-tokens/formatters/es6.ts | 4 +- .../formatters/generic.d.ts.ts | 2 +- .../paste-design-tokens/formatters/generic.ts | 4 +- packages/paste-design-tokens/gulpfile.ts | 14 ++--- .../types/GenericTokensShape.ts | 10 ++-- packages/paste-icons/__test__/icons.spec.tsx | 18 +++---- packages/paste-icons/src/AcceptIcon.tsx | 2 +- packages/paste-icons/src/AddListIcon.tsx | 2 +- packages/paste-icons/src/AddSeriesIcon.tsx | 2 +- packages/paste-icons/src/AgentIcon.tsx | 2 +- packages/paste-icons/src/AlignLeftIcon.tsx | 2 +- packages/paste-icons/src/AlignRightIcon.tsx | 2 +- .../src/AlignVerticalCenterIcon.tsx | 2 +- packages/paste-icons/src/ArchiveIcon.tsx | 2 +- packages/paste-icons/src/ArrowBackIcon.tsx | 2 +- packages/paste-icons/src/ArrowDownIcon.tsx | 2 +- packages/paste-icons/src/ArrowForwardIcon.tsx | 2 +- packages/paste-icons/src/ArrowUpIcon.tsx | 2 +- packages/paste-icons/src/AttachIcon.tsx | 2 +- packages/paste-icons/src/AttachmentIcon.tsx | 2 +- .../paste-icons/src/AutomaticUpdatesIcon.tsx | 2 +- packages/paste-icons/src/BoldIcon.tsx | 2 +- packages/paste-icons/src/BuildIcon.tsx | 2 +- packages/paste-icons/src/BuiltInIcon.tsx | 2 +- packages/paste-icons/src/BusinessIcon.tsx | 2 +- packages/paste-icons/src/ButtonIcon.tsx | 2 +- packages/paste-icons/src/CalendarIcon.tsx | 2 +- packages/paste-icons/src/CallActiveIcon.tsx | 2 +- packages/paste-icons/src/CallAddIcon.tsx | 2 +- packages/paste-icons/src/CallFailedIcon.tsx | 2 +- packages/paste-icons/src/CallHoldIcon.tsx | 2 +- packages/paste-icons/src/CallIcon.tsx | 2 +- packages/paste-icons/src/CallIncomingIcon.tsx | 2 +- packages/paste-icons/src/CallOutgoingIcon.tsx | 2 +- packages/paste-icons/src/CallTransferIcon.tsx | 2 +- packages/paste-icons/src/ChatIcon.tsx | 2 +- .../paste-icons/src/CheckboxCheckIcon.tsx | 2 +- packages/paste-icons/src/CheckboxLineIcon.tsx | 2 +- .../paste-icons/src/CheckmarkCircleIcon.tsx | 2 +- .../src/ChevronDisclosureCollapsedIcon.tsx | 2 +- .../src/ChevronDisclosureExpandedIcon.tsx | 2 +- .../paste-icons/src/ChevronDisclosureIcon.tsx | 2 +- .../paste-icons/src/ChevronDoubleLeftIcon.tsx | 2 +- .../src/ChevronDoubleRightIcon.tsx | 2 +- packages/paste-icons/src/ChevronDownIcon.tsx | 2 +- .../paste-icons/src/ChevronExpandIcon.tsx | 2 +- packages/paste-icons/src/ChevronLeftIcon.tsx | 2 +- packages/paste-icons/src/ChevronRightIcon.tsx | 2 +- packages/paste-icons/src/ChevronUpIcon.tsx | 2 +- packages/paste-icons/src/ClearIcon.tsx | 2 +- packages/paste-icons/src/CloseCircleIcon.tsx | 2 +- packages/paste-icons/src/CloseIcon.tsx | 2 +- packages/paste-icons/src/CloudIcon.tsx | 2 +- packages/paste-icons/src/CodeIcon.tsx | 2 +- packages/paste-icons/src/CollapseIcon.tsx | 2 +- packages/paste-icons/src/ColorPickerIcon.tsx | 2 +- packages/paste-icons/src/ColumnIcon.tsx | 2 +- packages/paste-icons/src/CommunityIcon.tsx | 2 +- .../src/ConnectivityAvailableIcon.tsx | 2 +- .../paste-icons/src/ConnectivityBusyIcon.tsx | 2 +- .../src/ConnectivityNeutralIcon.tsx | 2 +- .../src/ConnectivityOfflineIcon.tsx | 2 +- .../src/ConnectivityUnavailableIcon.tsx | 2 +- packages/paste-icons/src/CopyIcon.tsx | 2 +- packages/paste-icons/src/CreditCardIcon.tsx | 2 +- packages/paste-icons/src/CustomIcon.tsx | 2 +- packages/paste-icons/src/DarkModeIcon.tsx | 2 +- packages/paste-icons/src/DataBarChartIcon.tsx | 2 +- .../paste-icons/src/DataLineChartIcon.tsx | 2 +- packages/paste-icons/src/DataPieChartIcon.tsx | 2 +- packages/paste-icons/src/DataTableIcon.tsx | 2 +- packages/paste-icons/src/DatabaseIcon.tsx | 2 +- packages/paste-icons/src/DeleteIcon.tsx | 2 +- packages/paste-icons/src/DeliveredIcon.tsx | 2 +- packages/paste-icons/src/DialpadIcon.tsx | 2 +- packages/paste-icons/src/DirectoryIcon.tsx | 2 +- packages/paste-icons/src/DisableIcon.tsx | 2 +- packages/paste-icons/src/DividerIcon.tsx | 2 +- packages/paste-icons/src/DoNotIcon.tsx | 2 +- .../paste-icons/src/DocumentationIcon.tsx | 2 +- packages/paste-icons/src/DownloadIcon.tsx | 2 +- .../paste-icons/src/DragHorizontalIcon.tsx | 2 +- packages/paste-icons/src/DragIcon.tsx | 2 +- packages/paste-icons/src/DragVerticalIcon.tsx | 2 +- packages/paste-icons/src/EditIcon.tsx | 2 +- .../src/ElasticSIPTrunkingCapableIcon.tsx | 2 +- packages/paste-icons/src/EmailIcon.tsx | 2 +- packages/paste-icons/src/EmojiIcon.tsx | 2 +- packages/paste-icons/src/ErrorIcon.tsx | 2 +- packages/paste-icons/src/ExpandIcon.tsx | 2 +- packages/paste-icons/src/ExportIcon.tsx | 2 +- packages/paste-icons/src/FaxCapableIcon.tsx | 2 +- packages/paste-icons/src/FeedIcon.tsx | 2 +- packages/paste-icons/src/FileAudioIcon.tsx | 2 +- packages/paste-icons/src/FileIcon.tsx | 2 +- packages/paste-icons/src/FileImageIcon.tsx | 2 +- packages/paste-icons/src/FileVideoIcon.tsx | 2 +- packages/paste-icons/src/FileZipIcon.tsx | 2 +- packages/paste-icons/src/FilterIcon.tsx | 2 +- packages/paste-icons/src/FlagIcon.tsx | 2 +- packages/paste-icons/src/GitIcon.tsx | 2 +- packages/paste-icons/src/HeatmapIcon.tsx | 2 +- packages/paste-icons/src/HideIcon.tsx | 2 +- packages/paste-icons/src/HistoryIcon.tsx | 2 +- packages/paste-icons/src/ImageTextIcon.tsx | 2 +- packages/paste-icons/src/InboxIcon.tsx | 2 +- .../paste-icons/src/IndentDecreaseIcon.tsx | 2 +- .../paste-icons/src/IndentIncreaseIcon.tsx | 2 +- packages/paste-icons/src/InformationIcon.tsx | 2 +- packages/paste-icons/src/ItalicIcon.tsx | 2 +- packages/paste-icons/src/LightModeIcon.tsx | 2 +- packages/paste-icons/src/LinkExternalIcon.tsx | 2 +- packages/paste-icons/src/LinkIcon.tsx | 2 +- packages/paste-icons/src/LoadingIcon.tsx | 2 +- packages/paste-icons/src/LockIcon.tsx | 2 +- packages/paste-icons/src/LogInIcon.tsx | 2 +- packages/paste-icons/src/LogOutIcon.tsx | 2 +- packages/paste-icons/src/LogoTwilioIcon.tsx | 2 +- packages/paste-icons/src/LowerHandIcon.tsx | 2 +- packages/paste-icons/src/MMSCapableIcon.tsx | 2 +- packages/paste-icons/src/MenuIcon.tsx | 2 +- .../paste-icons/src/MicrophoneOffIcon.tsx | 2 +- packages/paste-icons/src/MicrophoneOnIcon.tsx | 2 +- packages/paste-icons/src/MinusIcon.tsx | 2 +- packages/paste-icons/src/MobileIcon.tsx | 2 +- packages/paste-icons/src/MoreIcon.tsx | 2 +- packages/paste-icons/src/NeutralIcon.tsx | 2 +- packages/paste-icons/src/NewIcon.tsx | 2 +- packages/paste-icons/src/NotesIcon.tsx | 2 +- packages/paste-icons/src/NotificationIcon.tsx | 2 +- packages/paste-icons/src/OrderedListIcon.tsx | 2 +- packages/paste-icons/src/OutOfDateIcon.tsx | 2 +- packages/paste-icons/src/PauseIcon.tsx | 2 +- packages/paste-icons/src/PinIcon.tsx | 2 +- packages/paste-icons/src/PlayIcon.tsx | 2 +- packages/paste-icons/src/PlusIcon.tsx | 2 +- .../paste-icons/src/ProcessDisabledIcon.tsx | 2 +- packages/paste-icons/src/ProcessDraftIcon.tsx | 2 +- packages/paste-icons/src/ProcessErrorIcon.tsx | 2 +- .../paste-icons/src/ProcessInProgressIcon.tsx | 2 +- .../paste-icons/src/ProcessNeutralIcon.tsx | 2 +- .../paste-icons/src/ProcessSuccessIcon.tsx | 2 +- .../paste-icons/src/ProcessWarningIcon.tsx | 2 +- .../src/ProductAPIExplorerIcon.tsx | 2 +- .../paste-icons/src/ProductAddOnsIcon.tsx | 2 +- .../src/ProductAdminAccessControlIcon.tsx | 2 +- .../src/ProductAdminAccountsIcon.tsx | 2 +- .../src/ProductAdminDomainsIcon.tsx | 2 +- .../src/ProductAdminResoldCustomersIcon.tsx | 2 +- .../paste-icons/src/ProductAdminSSOIcon.tsx | 2 +- .../paste-icons/src/ProductAdminUsersIcon.tsx | 2 +- .../paste-icons/src/ProductAlarmsIcon.tsx | 2 +- .../paste-icons/src/ProductAssetsIcon.tsx | 2 +- .../paste-icons/src/ProductAudiencesIcon.tsx | 2 +- packages/paste-icons/src/ProductAuthyIcon.tsx | 2 +- .../paste-icons/src/ProductAutopilotIcon.tsx | 2 +- .../paste-icons/src/ProductBillingIcon.tsx | 2 +- packages/paste-icons/src/ProductCLIIcon.tsx | 2 +- .../paste-icons/src/ProductChannelsIcon.tsx | 2 +- packages/paste-icons/src/ProductChatIcon.tsx | 2 +- .../src/ProductCodeExchangeCommunityIcon.tsx | 2 +- .../src/ProductCodeExchangePartnerIcon.tsx | 2 +- packages/paste-icons/src/ProductCommsIcon.tsx | 2 +- .../src/ProductConnectedDevicesIcon.tsx | 2 +- .../src/ProductConnectionsIcon.tsx | 2 +- .../src/ProductContactCenterAdminIcon.tsx | 2 +- .../ProductContactCenterAssessmentsIcon.tsx | 2 +- .../src/ProductContactCenterQueuesIcon.tsx | 2 +- .../src/ProductContactCenterTasksIcon.tsx | 2 +- .../src/ProductContactCenterTeamsIcon.tsx | 2 +- .../src/ProductConversationsIcon.tsx | 2 +- .../paste-icons/src/ProductDebuggerIcon.tsx | 2 +- .../src/ProductDestinationsIcon.tsx | 2 +- .../src/ProductElasticSIPTrunkingIcon.tsx | 2 +- .../paste-icons/src/ProductEmailAPIIcon.tsx | 2 +- .../paste-icons/src/ProductEngageIcon.tsx | 2 +- ...ductEngagementIntelligencePlatformIcon.tsx | 2 +- .../src/ProductEventLibraryIcon.tsx | 2 +- .../src/ProductEventStreamIcon.tsx | 2 +- .../src/ProductEventStreamsIcon.tsx | 2 +- packages/paste-icons/src/ProductFaxIcon.tsx | 2 +- packages/paste-icons/src/ProductFlexIcon.tsx | 2 +- packages/paste-icons/src/ProductFlowIcon.tsx | 2 +- .../paste-icons/src/ProductFrontlineIcon.tsx | 2 +- .../paste-icons/src/ProductFunctionsIcon.tsx | 2 +- packages/paste-icons/src/ProductHomeIcon.tsx | 2 +- .../paste-icons/src/ProductInsightsIcon.tsx | 2 +- .../src/ProductInterconnectIcon.tsx | 2 +- ...ProductInternetOfThingsEmbeddedSIMIcon.tsx | 2 +- .../src/ProductInternetOfThingsIcon.tsx | 2 +- .../ProductInternetOfThingsNarrowbandIcon.tsx | 2 +- ...etOfThingsProgrammableAssetTrackerIcon.tsx | 2 +- .../ProductInternetOfThingsSuperSIMIcon.tsx | 2 +- ...roductInternetOfThingsTrustOnboardIcon.tsx | 2 +- .../ProductInternetOfThingsWirelessIcon.tsx | 2 +- .../paste-icons/src/ProductJourneysIcon.tsx | 2 +- packages/paste-icons/src/ProductKeysIcon.tsx | 2 +- packages/paste-icons/src/ProductLiveIcon.tsx | 2 +- packages/paste-icons/src/ProductLogsIcon.tsx | 2 +- .../paste-icons/src/ProductLookupIcon.tsx | 2 +- .../paste-icons/src/ProductMappingIcon.tsx | 2 +- .../src/ProductMarketingCampaignsIcon.tsx | 2 +- .../paste-icons/src/ProductMessagingIcon.tsx | 2 +- .../paste-icons/src/ProductMicrovisorIcon.tsx | 2 +- .../paste-icons/src/ProductNotifyIcon.tsx | 2 +- .../paste-icons/src/ProductOneAdminIcon.tsx | 2 +- .../src/ProductPayConnectorIcon.tsx | 2 +- .../paste-icons/src/ProductPersonasIcon.tsx | 2 +- .../src/ProductPhoneNumbersIcon.tsx | 2 +- .../paste-icons/src/ProductPrivacyIcon.tsx | 2 +- .../paste-icons/src/ProductProtocolsIcon.tsx | 2 +- packages/paste-icons/src/ProductProxyIcon.tsx | 2 +- .../paste-icons/src/ProductRegionalIcon.tsx | 2 +- .../paste-icons/src/ProductReverseETLIcon.tsx | 2 +- packages/paste-icons/src/ProductSDKIcon.tsx | 2 +- .../paste-icons/src/ProductSegmentIcon.tsx | 2 +- .../paste-icons/src/ProductSettingsIcon.tsx | 2 +- .../src/ProductSourceSchemaIcon.tsx | 2 +- .../paste-icons/src/ProductSourcesIcon.tsx | 2 +- .../paste-icons/src/ProductStudioIcon.tsx | 2 +- .../paste-icons/src/ProductSupportIcon.tsx | 2 +- .../paste-icons/src/ProductSwitcherIcon.tsx | 2 +- packages/paste-icons/src/ProductSyncIcon.tsx | 2 +- .../paste-icons/src/ProductTaskRouterIcon.tsx | 2 +- .../paste-icons/src/ProductTraitsIcon.tsx | 2 +- .../paste-icons/src/ProductTrustHubIcon.tsx | 2 +- .../paste-icons/src/ProductTwiMLBinsIcon.tsx | 2 +- .../paste-icons/src/ProductTwilioOrgIcon.tsx | 2 +- packages/paste-icons/src/ProductUSSDIcon.tsx | 2 +- packages/paste-icons/src/ProductUnifyIcon.tsx | 2 +- packages/paste-icons/src/ProductUsageIcon.tsx | 2 +- .../paste-icons/src/ProductVerifyIcon.tsx | 2 +- packages/paste-icons/src/ProductVideoIcon.tsx | 2 +- packages/paste-icons/src/ProductVoiceIcon.tsx | 2 +- .../src/ProductVoiceIntelligenceIcon.tsx | 2 +- packages/paste-icons/src/RaiseHandIcon.tsx | 2 +- packages/paste-icons/src/RecordIcon.tsx | 2 +- packages/paste-icons/src/RedoIcon.tsx | 2 +- packages/paste-icons/src/RefreshIcon.tsx | 2 +- packages/paste-icons/src/RepeatIcon.tsx | 2 +- packages/paste-icons/src/ResetIcon.tsx | 2 +- packages/paste-icons/src/SMSCapableIcon.tsx | 2 +- packages/paste-icons/src/SMSIcon.tsx | 2 +- packages/paste-icons/src/ScreenShareIcon.tsx | 2 +- packages/paste-icons/src/SearchIcon.tsx | 2 +- packages/paste-icons/src/SelectIcon.tsx | 2 +- packages/paste-icons/src/SelectedIcon.tsx | 2 +- packages/paste-icons/src/SendIcon.tsx | 2 +- packages/paste-icons/src/SentIcon.tsx | 2 +- packages/paste-icons/src/ShareIcon.tsx | 2 +- packages/paste-icons/src/ShowIcon.tsx | 2 +- packages/paste-icons/src/ShrinkIcon.tsx | 2 +- packages/paste-icons/src/SkipBackIcon.tsx | 2 +- packages/paste-icons/src/SkipForwardIcon.tsx | 2 +- packages/paste-icons/src/SocialIcon.tsx | 2 +- .../paste-icons/src/SortAlphabeticalIcon.tsx | 2 +- .../paste-icons/src/SpacerVerticalIcon.tsx | 2 +- packages/paste-icons/src/StarIcon.tsx | 2 +- packages/paste-icons/src/StopIcon.tsx | 2 +- .../paste-icons/src/StopScreenShareIcon.tsx | 2 +- packages/paste-icons/src/StoreIcon.tsx | 2 +- .../paste-icons/src/StrikethroughIcon.tsx | 2 +- packages/paste-icons/src/SubscriptIcon.tsx | 2 +- packages/paste-icons/src/SuccessIcon.tsx | 2 +- packages/paste-icons/src/SuperscriptIcon.tsx | 2 +- packages/paste-icons/src/SupportIcon.tsx | 2 +- packages/paste-icons/src/SystemStatusIcon.tsx | 2 +- packages/paste-icons/src/TaskIcon.tsx | 2 +- .../paste-icons/src/TextAlignCenterIcon.tsx | 2 +- .../paste-icons/src/TextAlignJustifyIcon.tsx | 2 +- .../paste-icons/src/TextAlignLeftIcon.tsx | 2 +- .../paste-icons/src/TextAlignRightIcon.tsx | 2 +- .../paste-icons/src/TextFormatClearIcon.tsx | 2 +- packages/paste-icons/src/TextFormatIcon.tsx | 2 +- .../paste-icons/src/TextHighlightIcon.tsx | 2 +- packages/paste-icons/src/ThemeIcon.tsx | 2 +- packages/paste-icons/src/ThumbsDownIcon.tsx | 2 +- packages/paste-icons/src/ThumbsUpIcon.tsx | 2 +- packages/paste-icons/src/TimeIcon.tsx | 2 +- packages/paste-icons/src/TipIcon.tsx | 2 +- packages/paste-icons/src/TokenIcon.tsx | 2 +- packages/paste-icons/src/TourIcon.tsx | 2 +- packages/paste-icons/src/TranslationIcon.tsx | 2 +- packages/paste-icons/src/TrendDownIcon.tsx | 2 +- packages/paste-icons/src/TrendUpIcon.tsx | 2 +- packages/paste-icons/src/UnarchiveIcon.tsx | 2 +- packages/paste-icons/src/UnderlineIcon.tsx | 2 +- packages/paste-icons/src/UndoIcon.tsx | 2 +- packages/paste-icons/src/UnlockIcon.tsx | 2 +- .../paste-icons/src/UnorderedListIcon.tsx | 2 +- packages/paste-icons/src/UnpinIcon.tsx | 2 +- packages/paste-icons/src/UnsortedIcon.tsx | 2 +- packages/paste-icons/src/UnsubscribeIcon.tsx | 2 +- packages/paste-icons/src/UploadIcon.tsx | 2 +- .../paste-icons/src/UploadToCloudIcon.tsx | 2 +- packages/paste-icons/src/UserIcon.tsx | 2 +- packages/paste-icons/src/UsersIcon.tsx | 2 +- packages/paste-icons/src/VideoOffIcon.tsx | 2 +- packages/paste-icons/src/VideoOnIcon.tsx | 2 +- packages/paste-icons/src/VoiceCapableIcon.tsx | 2 +- packages/paste-icons/src/VoicemailIcon.tsx | 2 +- packages/paste-icons/src/VolumeOffIcon.tsx | 2 +- packages/paste-icons/src/VolumeOnIcon.tsx | 2 +- packages/paste-icons/src/WarningIcon.tsx | 2 +- packages/paste-icons/src/WebCapableIcon.tsx | 2 +- packages/paste-icons/src/ZoomInIcon.tsx | 2 +- .../paste-icons/src/helpers/IconWrapper.tsx | 2 +- .../paste-icons/stories/index.stories.tsx | 8 +-- .../tools/actions/convertAllAction.ts | 2 +- .../tools/actions/convertNewAction.ts | 10 ++-- .../tools/actions/listIconsAction.ts | 6 +-- packages/paste-icons/tools/cli.ts | 4 +- packages/paste-icons/tools/utils.ts | 4 +- .../paste-libraries/animation/src/index.tsx | 10 ++-- .../clipboard-copy/stories/index.stories.tsx | 4 +- .../code-editor/stories/editor.stories.tsx | 2 +- .../__test__/index.spec.tsx | 2 +- .../src/usePasteHighchartsTheme.tsx | 4 +- .../stories/index.stories.tsx | 10 ++-- .../dropdown/stories/combobox.stories.tsx | 2 +- .../dropdown/stories/multiselect.stories.tsx | 2 +- .../paste-libraries/lexical/src/index.tsx | 4 +- .../lexical/stories/index.stories.tsx | 14 ++--- .../stories/useSlider.stories.tsx | 6 +-- .../__tests__/index.test.tsx | 10 ++-- .../src/calculateNodeHeight.ts | 2 +- .../react-textarea-autosize/src/index.tsx | 2 +- .../reakit/src/Popover/PopoverArrow.tsx | 4 +- .../reakit/src/Tooltip/TooltipArrow.tsx | 2 +- .../reakit/stories/composite.stories.tsx | 2 +- .../paste-libraries/styling/src/index.tsx | 2 +- .../syntax-highlighter/src/index.tsx | 4 +- packages/paste-libraries/uid/src/index.tsx | 2 +- .../uid/stories/index.stories.tsx | 8 +-- .../paste-style-props/src/types/background.ts | 4 +- .../paste-style-props/src/types/border.ts | 4 +- .../paste-style-props/src/types/css-props.ts | 2 +- .../paste-style-props/src/types/flexbox.ts | 4 +- packages/paste-style-props/src/types/grid.ts | 2 +- .../paste-style-props/src/types/layout.ts | 4 +- .../paste-style-props/src/types/position.ts | 4 +- .../paste-style-props/src/types/shadow.ts | 2 +- packages/paste-style-props/src/types/space.ts | 2 +- .../paste-style-props/src/types/typography.ts | 4 +- .../layout/editor-wrapper/ExportModal.tsx | 8 +-- .../layout/editor-wrapper/ImportModal.tsx | 10 ++-- .../layout/editor-wrapper/TokenSelector.tsx | 6 +-- .../layout/editor-wrapper/index.tsx | 8 +-- .../components/preview/AlertPreview.tsx | 2 +- .../components/preview/AnchorPreview.tsx | 2 +- .../components/preview/AvatarPreview.tsx | 2 +- .../components/preview/BreadcrumbPreview.tsx | 2 +- .../components/preview/ButtonPreview.tsx | 2 +- .../components/preview/CardPreview.tsx | 2 +- .../components/preview/FormPreview.tsx | 10 ++-- .../components/preview/MenuPreview.tsx | 4 +- .../components/preview/ModalPreview.tsx | 6 +-- .../components/preview/PopoverPreview.tsx | 4 +- .../components/preview/TabbedContent.tsx | 6 +-- .../components/preview/TablePreview.tsx | 2 +- .../components/preview/ToastPreview.tsx | 2 +- .../components/preview/TooltipPreview.tsx | 2 +- .../components/preview/TypographyPreview.tsx | 4 +- .../components/preview/index.tsx | 12 ++--- .../token-option/ColorTokenInput.tsx | 10 ++-- .../token-option/FontTokenInput.tsx | 4 +- .../token-option/TextTokenInput.tsx | 4 +- .../token-option/UnitTokenInput.tsx | 6 +-- .../components/token-option/index.tsx | 4 +- .../components/topbar/BetaBadge.tsx | 4 +- .../components/topbar/BetaModal.tsx | 10 ++-- .../components/topbar/PasteIconInverse.tsx | 2 +- .../components/topbar/SiteHeaderLogo.tsx | 10 ++-- .../components/topbar/index.tsx | 2 +- .../context/TokenContext.ts | 2 +- packages/paste-theme-designer/pages/_app.tsx | 8 +-- .../pages/background-color/index.tsx | 2 +- .../pages/border-color/index.tsx | 2 +- .../pages/border-width/index.tsx | 2 +- .../pages/box-shadow/index.tsx | 2 +- .../pages/font-size/index.tsx | 2 +- .../pages/font-weight/index.tsx | 2 +- .../paste-theme-designer/pages/font/index.tsx | 2 +- .../pages/line-height/index.tsx | 2 +- .../pages/radii/index.tsx | 2 +- .../pages/sizing/index.tsx | 2 +- .../pages/spacing/index.tsx | 2 +- .../pages/text-color/index.tsx | 2 +- .../pages/z-index/index.tsx | 2 +- .../__tests__/themeConsumer.spec.tsx | 2 +- .../__tests__/themeProvider.spec.tsx | 2 +- .../paste-theme/__tests__/useTheme.spec.tsx | 2 +- .../__tests__/useThemeContrastCheck.spec.tsx | 2 +- .../paste-theme/__tests__/withTheme.spec.tsx | 2 +- .../src/generateThemeFromTokens.ts | 8 +-- packages/paste-theme/src/index.tsx | 4 +- packages/paste-theme/src/themeConsumer.tsx | 2 +- packages/paste-theme/src/themeProvider.tsx | 16 +++--- packages/paste-theme/src/themes/dark/index.ts | 12 ++--- .../paste-theme/src/themes/default/index.ts | 12 ++--- .../paste-theme/src/themes/evergreen/index.ts | 12 ++--- packages/paste-theme/src/themes/index.ts | 4 +- .../paste-theme/src/themes/sendgrid/index.ts | 12 ++--- .../src/themes/twilio-dark/index.ts | 12 ++--- .../paste-theme/src/themes/twilio/index.ts | 12 ++--- .../src/types/GenericThemeShape.ts | 12 ++--- packages/paste-theme/src/types/themes.ts | 4 +- packages/paste-theme/src/useTheme.tsx | 2 +- .../paste-theme/src/useThemeContrastCheck.ts | 4 +- .../stories/cacheProvider.stories.tsx | 4 +- .../stories/evergreenTheme.stories.tsx | 16 +++--- .../stories/themeProvider.stories.tsx | 6 +-- .../paste-token-contrast-checker/src/App.tsx | 4 +- .../src/components/Form.tsx | 16 +++--- .../src/components/KitchenSink.tsx | 10 ++-- .../src/components/Menu.tsx | 4 +- .../src/components/SideBar.tsx | 8 +-- .../src/components/ThemeSelector.tsx | 8 +-- .../src/components/TokenPairRating.tsx | 10 ++-- .../src/index.tsx | 2 +- .../src/pages/IndexPage.tsx | 2 +- .../__tests__/useWindowSize.test.tsx | 4 +- .../src/hooks/useMutationObservable.ts | 2 +- .../paste-utils/src/hooks/useWindowSize.ts | 4 +- .../plugins/remark-headings-plugin.mjs | 2 +- packages/paste-website/scripts/fetch-data.mjs | 2 +- .../src/__tests__/colorGradient.test.tsx | 2 +- .../src/__tests__/filterGroup.test.tsx | 6 +-- .../src/__tests__/genericHeader.test.tsx | 4 +- .../__tests__/packageStatusLegend.test.tsx | 4 +- .../src/__tests__/tokenCard.test.tsx | 4 +- packages/paste-website/src/assets/Logo.tsx | 2 +- .../src/assets/illustrations/DoodleArrow.tsx | 4 +- .../src/assets/illustrations/DoodleBurst.tsx | 4 +- .../src/assets/illustrations/DoodleCloud.tsx | 4 +- .../src/assets/illustrations/DoodleCurve.tsx | 4 +- .../assets/illustrations/DoodleLoopArrow.tsx | 4 +- .../illustrations/DoodleLoopArrowLarge.tsx | 4 +- .../assets/illustrations/DoodleLoopLarge.tsx | 4 +- .../assets/illustrations/DoodleLoopMedium.tsx | 4 +- .../assets/illustrations/DoodleLoopSmall.tsx | 4 +- .../assets/illustrations/DoodleLoopTiny.tsx | 4 +- .../src/assets/illustrations/DoodleZigzag.tsx | 4 +- .../ChatComposerExamples.tsx | 8 +-- .../ColorsFoundationExamples.tsx | 6 +-- .../ConversationsUIKitAnnouncement.tsx | 4 +- .../DataVisualizationExamples.tsx | 6 +-- .../ModalDialogPrimitiveExample.tsx | 6 +-- .../src/component-examples/ToastExamples.tsx | 12 ++--- .../filter-group/Examples.tsx | 4 +- .../components/CustomDateFilterGroup.tsx | 24 ++++----- .../components/DateTimePopover.tsx | 8 +-- .../components/DefaultFilterGroup.tsx | 16 +++--- .../filter-group/components/EmptyState.tsx | 2 +- .../components/SampleDataGrid.tsx | 8 +-- .../filter-group/constants.ts | 2 +- .../filter-group/helpers.ts | 4 +- .../paste-website/src/components/Article.tsx | 10 ++-- .../src/components/ArticleAuthor.tsx | 8 +-- .../src/components/ArticleList.tsx | 4 +- .../src/components/Blockquote.tsx | 2 +- .../src/components/ContactUsMenu.tsx | 4 +- .../src/components/CookieConsent.tsx | 2 +- .../src/components/CopyButton.tsx | 4 +- .../paste-website/src/components/DoDont.tsx | 6 +-- .../components/FormPillVsDisplayPillTable.tsx | 4 +- .../paste-website/src/components/Heading.tsx | 2 +- .../src/components/ImageCaption.tsx | 2 +- .../src/components/PageContentWrapper.tsx | 2 +- .../src/components/PropsTables.tsx | 12 ++--- .../src/components/ResponsiveImage.tsx | 4 +- .../src/components/Roadmap/Roadmap.tsx | 16 +++--- .../src/components/Roadmap/RoadmapAside.tsx | 8 +-- .../paste-website/src/components/SiteLink.tsx | 2 +- .../components/SlantedBackgroundGradient.tsx | 4 +- .../src/components/ThemeObjectDisplay.tsx | 4 +- .../src/components/Typography.tsx | 4 +- .../src/components/breadcrumb/index.tsx | 4 +- .../src/components/codeblock/index.tsx | 2 +- .../components/color-swatch/ColorGradient.tsx | 8 +-- .../components/color-swatch/ColorSwatch.tsx | 4 +- .../component-overview-table/index.tsx | 12 ++--- .../component-status/AssetStatus.tsx | 4 +- .../component-status/PeerReviewStatus.tsx | 4 +- .../ComingSoonCard.tsx | 6 +-- .../customization-landing-page/FlexCard.tsx | 4 +- .../LandingPageDesigner/ColorTokenInput.tsx | 12 ++--- .../LandingPageDesigner/DesignerContext.tsx | 2 +- .../LandingPageDesigner/DesignerControls.tsx | 8 +-- .../LandingPageDesigner/DesignerPreview.tsx | 18 +++---- .../LandingPageDesigner/TextToken.tsx | 6 +-- .../LandingPageDesigner/UnitTokenInput.tsx | 8 +-- .../LandingPageDesigner/index.tsx | 10 ++-- .../LandingPageHero.tsx | 8 +-- .../LandingPageLayoutUtils.tsx | 2 +- .../customization-landing-page/LikeTwilio.tsx | 10 ++-- .../ProjectCard.tsx | 2 +- .../customization-landing-page/ReactCard.tsx | 2 +- .../ReadyToGetStarted.tsx | 8 +-- .../ReasonBlock.tsx | 4 +- .../customization-landing-page/WhyPaste.tsx | 18 +++---- .../WorksGreatWith.tsx | 12 ++--- .../image-slider/ImageSlider.tsx | 10 ++-- .../image-slider/SVGThumb.tsx | 4 +- .../src/components/empty-state/Error404.tsx | 4 +- .../components/empty-state/InDevelopment.tsx | 6 +-- .../src/components/empty-state/NotFound.tsx | 2 +- .../src/components/homepage/Experiment.tsx | 16 +++--- .../src/components/homepage/GetStarted.tsx | 8 +-- .../components/homepage/GetStartedCard.tsx | 4 +- .../homepage/GetStartedCardIllustration.tsx | 2 +- .../homepage/GetStartedCardLink.tsx | 2 +- .../homepage/GetStartedCardLinks.tsx | 4 +- .../homepage/GetStartedInclusive.tsx | 6 +-- .../components/homepage/GetStartedRunning.tsx | 10 ++-- .../src/components/homepage/GetStartedWhy.tsx | 4 +- .../src/components/homepage/HomeHero.tsx | 16 +++--- .../homepage/HomeHeroIllustration.tsx | 6 +-- .../homepage/NewComponentBanner.tsx | 2 +- .../homepage/NewComponentBannerLink.tsx | 4 +- .../homepage/NewComponentBannerText.tsx | 2 +- .../src/components/homepage/Popular.tsx | 10 ++-- .../homepage/PopularComponentCard.tsx | 6 +-- .../components/homepage/PopularComponents.tsx | 18 +++---- .../components/homepage/PopularPatterns.tsx | 18 +++---- .../homepage/PopularSectionHeader.tsx | 2 +- .../src/components/icons-list/IconCard.tsx | 8 +-- .../components/icons-list/IconListItem.tsx | 4 +- .../src/components/icons-list/IconTile.tsx | 4 +- .../src/components/icons-list/IconsList.tsx | 26 +++++----- .../src/components/icons/A11yIcon.tsx | 6 +-- .../src/components/icons/Brush.tsx | 2 +- .../src/components/icons/ComponentsIcon.tsx | 2 +- .../src/components/icons/CustomizableIcon.tsx | 6 +-- .../src/components/icons/FigmaIcon.tsx | 2 +- .../src/components/icons/GithubIcon.tsx | 2 +- .../src/components/icons/HeartDoodleIcon.tsx | 2 +- .../src/components/icons/PasteIcon.tsx | 8 +-- .../src/components/icons/PasteIconPride.tsx | 2 +- .../src/components/icons/PatternsIcon.tsx | 2 +- .../src/components/icons/ReactLogoIcon.tsx | 6 +-- .../src/components/icons/StorybookIcon.tsx | 2 +- .../src/components/icons/Terminal.tsx | 2 +- .../src/components/icons/ThemableIcon.tsx | 6 +-- .../src/components/icons/TwilioIcon.tsx | 2 +- .../src/components/icons/TwilioLogo.tsx | 2 +- .../src/components/icons/WindowLayout.tsx | 2 +- .../components/images/DatePickerImages.tsx | 6 +-- .../components/images/TimePickerImages.tsx | 6 +-- .../components/ingredients/Ingredients.tsx | 2 +- .../ingredients/ObjectDetailsIngredients.tsx | 6 +-- .../ingredients/ObjectsListIngredients.tsx | 6 +-- .../ingredients/SettingsIngredients.tsx | 6 +-- .../open-graph-card/AssetStatus.tsx | 4 +- .../open-graph-card/ComponentStatus.tsx | 4 +- .../open-graph-card/GraphImageDetails.tsx | 2 +- .../open-graph-card/GraphImageHero.tsx | 4 +- .../open-graph-card/GraphImageWrapper.tsx | 2 +- .../open-graph-card/PeerReviewStatus.tsx | 4 +- .../CustomThemeKeyList.tsx | 4 +- .../components/paste-mdx-provider/index.tsx | 36 ++++++------- .../components/shortcodes/ArticleHeader.tsx | 4 +- .../components/shortcodes/ArticleLayouts.tsx | 2 +- .../shortcodes/ChangelogRevealer.tsx | 4 +- .../src/components/shortcodes/PageAside.tsx | 4 +- .../components/shortcodes/StoryPreview.tsx | 2 +- .../shortcodes/feedback-popover/index.tsx | 24 ++++----- .../shortcodes/generic-header/index.tsx | 14 ++--- .../live-preview/CodeBlockOverlayShadow.tsx | 2 +- .../shortcodes/live-preview/ThemeSwitcher.tsx | 6 +-- .../shortcodes/live-preview/index.tsx | 18 +++---- .../normalized-component-header/index.tsx | 6 +-- .../normalized-pattern-header/index.tsx | 10 ++-- .../package-status-legend/index.tsx | 8 +-- .../TableOfContentsAnchor.tsx | 2 +- .../table-of-contents/TableOfContentsList.tsx | 2 +- .../shortcodes/table-of-contents/index.tsx | 12 ++--- .../src/components/site-wrapper/SiteBody.tsx | 28 +++++----- .../src/components/site-wrapper/SiteMain.tsx | 2 +- .../src/components/site-wrapper/index.tsx | 2 +- .../site-wrapper/sidebar/SidebarAnchor.tsx | 4 +- .../sidebar/SidebarNavigation.tsx | 14 ++--- .../site-footer/SiteFooterHeader.tsx | 2 +- .../site-footer/SiteFooterIllustration.tsx | 2 +- .../site-footer/SiteFooterNav.tsx | 8 +-- .../site-wrapper/site-footer/index.tsx | 2 +- .../site-header/DarkModeToggle.tsx | 4 +- .../site-wrapper/site-header/FigmaButton.tsx | 6 +-- .../site-header/HamburgerToggle.tsx | 4 +- .../site-header/SiteHeaderLogo.tsx | 10 ++-- .../site-header/SiteHeaderSearch.tsx | 8 +-- .../site-wrapper/site-header/index.tsx | 12 ++--- .../components/tokens-list/NoTokensFound.tsx | 12 ++--- .../tokens-list/TokensListFilter.tsx | 12 ++--- .../src/components/tokens-list/helpers.tsx | 2 +- .../src/components/tokens-list/index.tsx | 22 ++++---- .../components/tokens-list/sectionIntros.tsx | 4 +- .../token-card/AccessiblePairing.tsx | 4 +- .../tokens-list/token-card/index.tsx | 14 ++--- .../token-example/BorderExample.tsx | 2 +- .../token-card/token-example/BoxExample.tsx | 2 +- .../token-example/IconSizeExample.tsx | 2 +- .../token-example/LineHeightExample.tsx | 4 +- .../token-example/SpacingExample.tsx | 4 +- .../token-example/TextColorExample.tsx | 4 +- .../token-card/token-example/TextExample.tsx | 8 +-- .../token-card/token-example/index.tsx | 10 ++-- .../src/components/word-list/EmptyState.tsx | 12 ++--- .../src/components/word-list/WordFilter.tsx | 10 ++-- .../word-list/__tests__/utils.spec.ts | 4 +- .../src/components/word-list/index.tsx | 8 +-- .../paste-website/src/hooks/useDarkMode.tsx | 2 +- .../paste-website/src/hooks/useWindowSize.tsx | 4 +- .../src/layouts/ComponentPageLayout.tsx | 16 +++--- .../src/layouts/DefaultLayout.tsx | 6 +-- packages/paste-website/src/pages/_app.tsx | 16 +++--- .../paste-website/src/pages/_document.tsx | 2 +- packages/paste-website/src/pages/api/ai.ts | 22 ++++---- .../paste-website/src/pages/api/opengraph.ts | 4 +- .../src/pages/customization/index.tsx | 10 ++-- packages/paste-website/src/pages/index.tsx | 12 ++--- .../src/pages/opengraph/index.tsx | 8 +-- packages/paste-website/src/utils/api.ts | 2 +- .../src/utils/color-combos/index.ts | 2 +- .../paste-website/src/utils/contrastScore.ts | 2 +- .../stories/AnchoredHeading.stories.tsx | 2 +- .../stories/ColorSwatch.stories.tsx | 2 +- .../stories/FeedbackPopover.stories.tsx | 2 +- .../stories/FigmaButton.stories.tsx | 2 +- .../stories/FilterGroup.stories.tsx | 2 +- .../stories/HamburgerToggle.stories.tsx | 2 +- .../stories/InlineCode.stories.tsx | 2 +- .../stories/LivePreview.stories.tsx | 4 +- .../stories/PropsTable.stories.tsx | 2 +- .../stories/TableOfContents.stories.tsx | 2 +- .../stories/TokenCard.stories.tsx | 6 +-- .../stories/opengraph.stories.tsx | 4 +- performance-benchmarks/alert.stories.tsx | 2 +- performance-benchmarks/box.stories.tsx | 4 +- performance-benchmarks/button.stories.tsx | 2 +- .../paste-nextjs-template/pages/_app.tsx | 2 +- .../paste-nextjs-template/pages/_document.tsx | 2 +- .../paste-nextjs-template/pages/index.tsx | 6 +-- tools/build/__tests__/compiledImports.test.ts | 2 +- .../__tests__/generate-type-docs.test.ts | 2 +- tools/build/generate-type-docs/index.ts | 4 +- tools/build/token-usage-detector.ts | 4 +- tools/test/act-user-event.ts | 2 +- tools/utils/removeNodeModules.ts | 2 +- tools/utils/removeTsconfigBuildFiles.ts | 2 +- tools/utils/removeYarnLockfile.ts | 2 +- .../token-usage/getMinimalPackageList.ts | 4 +- .../token-usage/getTokenPackageMapping.ts | 4 +- vite.config.ts | 2 +- 1318 files changed, 3224 insertions(+), 3224 deletions(-) diff --git a/.danger/__tests__/changesets-that-need-core-check.spec.ts b/.danger/__tests__/changesets-that-need-core-check.spec.ts index 6541f6e4aa..1d86a2c7d2 100644 --- a/.danger/__tests__/changesets-that-need-core-check.spec.ts +++ b/.danger/__tests__/changesets-that-need-core-check.spec.ts @@ -1,6 +1,6 @@ import changesetsThatNeedCoreCheck, { - shouldFlagChangeset, getChangesetsNotTaggingCore, + shouldFlagChangeset, } from '../changesets-that-need-core-check'; declare const global: any; diff --git a/.danger/__tests__/missing-upgrade-guide-check.spec.ts b/.danger/__tests__/missing-upgrade-guide-check.spec.ts index fe5518bace..bb2d8bf7fb 100644 --- a/.danger/__tests__/missing-upgrade-guide-check.spec.ts +++ b/.danger/__tests__/missing-upgrade-guide-check.spec.ts @@ -1,4 +1,4 @@ -import missingUpgradeGuideCheck, { UPGRADE_GUIDE_PAGE_FILE, FAIL_MESSAGE } from '../missing-upgrade-guide-check'; +import missingUpgradeGuideCheck, { FAIL_MESSAGE, UPGRADE_GUIDE_PAGE_FILE } from '../missing-upgrade-guide-check'; declare const global: any; describe('missingUpgradeGuideCheck()', () => { diff --git a/.danger/__tests__/utils.spec.ts b/.danger/__tests__/utils.spec.ts index 88e2c2094e..cfdd6d431a 100644 --- a/.danger/__tests__/utils.spec.ts +++ b/.danger/__tests__/utils.spec.ts @@ -1,11 +1,11 @@ import { - getPublicPackages, - getRepoPackagePath, - getPackagePaths, - getPublicPackageFilesFromFiles, getChangesetsFromFiles, getPackJsonsFromFiles, getPackageNameFromPath, + getPackagePaths, + getPublicPackageFilesFromFiles, + getPublicPackages, + getRepoPackagePath, getUnpublishedPackageNames, } from '../utils'; diff --git a/.danger/changesets-that-need-core-check.ts b/.danger/changesets-that-need-core-check.ts index e703b0b74c..e9026a779c 100644 --- a/.danger/changesets-that-need-core-check.ts +++ b/.danger/changesets-that-need-core-check.ts @@ -1,8 +1,8 @@ import * as fs from 'fs'; -import { getChangesetsFromFiles } from './utils'; // you kind of have to treat Danger plugins as global? // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; +import { getChangesetsFromFiles } from './utils'; declare const danger: DangerDSLType; export declare function fail(message: string): void; diff --git a/.danger/missing-changesets-check.ts b/.danger/missing-changesets-check.ts index d03057c1fa..a694d6a130 100644 --- a/.danger/missing-changesets-check.ts +++ b/.danger/missing-changesets-check.ts @@ -1,15 +1,15 @@ import * as fs from 'fs'; +// you kind of have to treat Danger plugins as global? +// https://danger.systems/js/usage/extending-danger.html#writing-your-plugin +import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; +import type { PackageShape } from '../tools/utils/getRepoPackages'; import { getChangesetsFromFiles, - getPublicPackageFilesFromFiles, getPackagePaths, + getPublicPackageFilesFromFiles, getPublicPackages, getUnpublishedPackageNames, } from './utils'; -import type { PackageShape } from '../tools/utils/getRepoPackages'; -// you kind of have to treat Danger plugins as global? -// https://danger.systems/js/usage/extending-danger.html#writing-your-plugin -import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; declare const danger: DangerDSLType; export declare function fail(message: string): void; diff --git a/.danger/missing-upgrade-guide-check.ts b/.danger/missing-upgrade-guide-check.ts index 01892bcdc7..3770e7e583 100644 --- a/.danger/missing-upgrade-guide-check.ts +++ b/.danger/missing-upgrade-guide-check.ts @@ -1,8 +1,8 @@ import * as fs from 'fs'; -import { getChangesetsFromFiles } from './utils'; // you kind of have to treat Danger plugins as global? // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; +import { getChangesetsFromFiles } from './utils'; declare const danger: DangerDSLType; export declare function fail(message: string): void; diff --git a/.danger/package-json-check.ts b/.danger/package-json-check.ts index c6122676f0..bf91bb6a37 100644 --- a/.danger/package-json-check.ts +++ b/.danger/package-json-check.ts @@ -1,7 +1,7 @@ -import { getPackJsonsFromFiles } from './utils'; // you kind of have to treat Danger plugins as global? // https://danger.systems/js/usage/extending-danger.html#writing-your-plugin import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; +import { getPackJsonsFromFiles } from './utils'; declare const danger: DangerDSLType; export declare function warn(message: string): void; diff --git a/.danger/pin-external-deps.ts b/.danger/pin-external-deps.ts index ec49181ccd..70146ca19a 100644 --- a/.danger/pin-external-deps.ts +++ b/.danger/pin-external-deps.ts @@ -1,5 +1,5 @@ -import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; import fs from 'fs'; +import { DangerDSLType } from 'danger/distribution/dsl/DangerDSL'; import { getPackJsonsFromFiles } from './utils'; // you kind of have to treat Danger plugins as global? diff --git a/.storybook/RenderPerformanceProfiler.tsx b/.storybook/RenderPerformanceProfiler.tsx index 3baa3f805b..9ac9f8330e 100644 --- a/.storybook/RenderPerformanceProfiler.tsx +++ b/.storybook/RenderPerformanceProfiler.tsx @@ -1,6 +1,6 @@ +import isChromatic from 'chromatic'; /// import React from 'react'; -import isChromatic from 'chromatic'; import { version } from '../packages/paste-core/core-bundle/package.json'; const trackRenderPerformance = (data) => { diff --git a/.storybook/main.ts b/.storybook/main.ts index 28c1dc718f..3a87124ebb 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,7 +1,7 @@ +import path from 'path'; import type { StorybookConfig } from '@storybook/react-vite'; import { mergeConfig } from 'vite'; import turbosnap from 'vite-plugin-turbosnap'; -import path from 'path'; const config: StorybookConfig = { stories: [ '../packages/**/*.stories.@(js|jsx|ts|tsx|mdx)', diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index d9c02eb4d0..e5a0368b70 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,13 +1,13 @@ -import React from 'react'; import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; -import isChromatic from 'chromatic'; -import { StylingGlobals } from '@twilio-paste/styling-library'; -import { Theme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; +import { Column, Grid } from '@twilio-paste/grid'; import { Stack } from '@twilio-paste/stack'; -import { Grid, Column } from '@twilio-paste/grid'; -import { RenderPerformanceProfiler } from './RenderPerformanceProfiler'; +import { StylingGlobals } from '@twilio-paste/styling-library'; +import { Theme } from '@twilio-paste/theme'; +import isChromatic from 'chromatic'; +import React from 'react'; import { SITE_BREAKPOINTS } from '../packages/paste-website/src/constants'; +import { RenderPerformanceProfiler } from './RenderPerformanceProfiler'; // disable animations in test environments const isTestEnvironment = isChromatic() || process.env.NODE_ENV === 'test'; diff --git a/apps/vs-code-intellisense/src/extension.ts b/apps/vs-code-intellisense/src/extension.ts index bacc6c5011..5f0b11c125 100644 --- a/apps/vs-code-intellisense/src/extension.ts +++ b/apps/vs-code-intellisense/src/extension.ts @@ -1,12 +1,12 @@ +import camelCase from 'lodash.camelcase'; +import kebabCase from 'lodash.kebabcase'; // The module 'vscode' contains the VS Code extensibility API // Import the module and reference it with the alias vscode in your code below import * as vscode from 'vscode'; -import camelCase from 'lodash.camelcase'; -import kebabCase from 'lodash.kebabcase'; import { pasteTokenAttributes } from './tokens'; import { PasteToken } from './types'; -import { getColorPreview, getThemeSetting, getThemeTokens, remToPx, isColorCategory } from './utils'; +import { getColorPreview, getThemeSetting, getThemeTokens, isColorCategory, remToPx } from './utils'; const DIVIDER = `___\n`; diff --git a/apps/vs-code-intellisense/src/test/suite/index.ts b/apps/vs-code-intellisense/src/test/suite/index.ts index 5bdb89eacb..cffab66490 100644 --- a/apps/vs-code-intellisense/src/test/suite/index.ts +++ b/apps/vs-code-intellisense/src/test/suite/index.ts @@ -1,6 +1,6 @@ import * as path from 'path'; -import Mocha from 'mocha'; import glob from 'glob'; +import Mocha from 'mocha'; export function run(): Promise { // Create the mocha test diff --git a/apps/vs-code-intellisense/src/test/suite/utils/get-theme-tokens.test.ts b/apps/vs-code-intellisense/src/test/suite/utils/get-theme-tokens.test.ts index b504b6041f..4f5c8c02bc 100644 --- a/apps/vs-code-intellisense/src/test/suite/utils/get-theme-tokens.test.ts +++ b/apps/vs-code-intellisense/src/test/suite/utils/get-theme-tokens.test.ts @@ -1,6 +1,5 @@ import assert from 'assert'; -import { getThemeTokens } from '../../../utils'; import { darkThemeTokens, defaultThemeTokens, @@ -10,6 +9,7 @@ import { twilioThemeTokens, } from '../../../tokens'; import { Theme } from '../../../types'; +import { getThemeTokens } from '../../../utils'; suite('getThemeTokens', () => { ['Default', 'default', undefined, null, 'foo'].forEach((theme) => { diff --git a/apps/vs-code-intellisense/src/test/suite/utils/is-color-category.test.ts b/apps/vs-code-intellisense/src/test/suite/utils/is-color-category.test.ts index bce000fad2..8dbc4a30a5 100644 --- a/apps/vs-code-intellisense/src/test/suite/utils/is-color-category.test.ts +++ b/apps/vs-code-intellisense/src/test/suite/utils/is-color-category.test.ts @@ -1,7 +1,7 @@ import assert from 'assert'; -import { isColorCategory } from '../../../utils/is-color-category'; import { TokenCategory } from '../../../types'; +import { isColorCategory } from '../../../utils/is-color-category'; const COLOR_CATEGORIES: TokenCategory[] = ['border-color', 'background-color', 'color', 'text-color']; diff --git a/dangerfile.ts b/dangerfile.ts index cc662b5778..68608d149c 100644 --- a/dangerfile.ts +++ b/dangerfile.ts @@ -1,10 +1,10 @@ -// https://danger.systems/js/reference.html -import packageJsonCheck from './.danger/package-json-check'; -import missingChangesetsCheck from './.danger/missing-changesets-check'; import changesetsThatNeedCoreCheck from './.danger/changesets-that-need-core-check'; +import missingChangesetsCheck from './.danger/missing-changesets-check'; import missingUpgradeGuide from './.danger/missing-upgrade-guide-check'; -import websitePageVrtCheck from './.danger/website-page-vrt-check'; +// https://danger.systems/js/reference.html +import packageJsonCheck from './.danger/package-json-check'; import pinExternalDeps from './.danger/pin-external-deps'; +import websitePageVrtCheck from './.danger/website-page-vrt-check'; import { getRepoPackages } from './tools/utils/getRepoPackages'; import type { PackageShape } from './tools/utils/getRepoPackages'; diff --git a/packages/paste-color-contrast-utils/__tests__/colorContrastPairingUtils.spec.ts b/packages/paste-color-contrast-utils/__tests__/colorContrastPairingUtils.spec.ts index 7b52895526..f0d8db5345 100644 --- a/packages/paste-color-contrast-utils/__tests__/colorContrastPairingUtils.spec.ts +++ b/packages/paste-color-contrast-utils/__tests__/colorContrastPairingUtils.spec.ts @@ -1,15 +1,15 @@ +// eslint-disable-next-line @typescript-eslint/ban-ts-comment +// @ts-ignore type declaration warning for these token fixtures +import { tokens } from '../__fixtures__/tokens'; +import * as RawJSON from '../__fixtures__/tokens.raw.json'; +import * as RawExtraJSON from '../__fixtures__/tokensWithExtraPairings.raw.json'; import { + convertRawTokenJSONToArray, getContrastRatingForTokenPairing, + getTokensWithDataVisualizationContrastRequirements, getTokensWithTextContrastRequirements, getTokensWithUIControlContrastRequirements, - getTokensWithDataVisualizationContrastRequirements, - convertRawTokenJSONToArray, } from '../src/utils'; -import * as RawJSON from '../__fixtures__/tokens.raw.json'; -import * as RawExtraJSON from '../__fixtures__/tokensWithExtraPairings.raw.json'; -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore type declaration warning for these token fixtures -import { tokens } from '../__fixtures__/tokens'; describe('convertRawTokenJSONToArray', () => { test('it should convert raw JSON to an array of tokens', () => { diff --git a/packages/paste-color-contrast-utils/__tests__/themeContrast.spec.ts b/packages/paste-color-contrast-utils/__tests__/themeContrast.spec.ts index 2e9bfbb078..63164f81e4 100644 --- a/packages/paste-color-contrast-utils/__tests__/themeContrast.spec.ts +++ b/packages/paste-color-contrast-utils/__tests__/themeContrast.spec.ts @@ -2,13 +2,13 @@ import { backgroundColors, borderColors, borderWidths, - radii, + boxShadows, dataVisualization, - fonts, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, @@ -18,55 +18,55 @@ import { backgroundColors as darkBackgroundColors, borderColors as darkBorderColors, borderWidths as darkBorderWidths, - radii as darkRadii, + boxShadows as darkBoxShadows, dataVisualization as darkDataVisualization, - fonts as darkFonts, fontSizes as darkFontSizes, fontWeights as darkFontWeights, + fonts as darkFonts, lineHeights as darkLineHeights, - boxShadows as darkBoxShadows, + radii as darkRadii, sizings as darkSizings, spacings as darkSpacings, textColors as darkTextColors, zIndices as darkZIndices, } from '@twilio-paste/design-tokens/dist/themes/dark/tokens.common'; -import { - backgroundColors as twilioBackgroundColors, - borderColors as twilioBorderColors, - borderWidths as twilioBorderWidths, - radii as twilioRadii, - dataVisualization as twilioDataVisualization, - fonts as twilioFonts, - fontSizes as twilioFontSizes, - fontWeights as twilioFontWeights, - lineHeights as twilioLineHeights, - boxShadows as twilioBoxShadows, - sizings as twilioSizings, - spacings as twilioSpacings, - textColors as twilioTextColors, - zIndices as twilioZIndices, -} from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.common'; import { backgroundColors as twilioDarkBackgroundColors, borderColors as twilioDarkBorderColors, borderWidths as twilioDarkBorderWidths, - radii as twilioDarkRadii, + boxShadows as twilioDarkBoxShadows, dataVisualization as twilioDarkDataVisualization, - fonts as twilioDarkFonts, fontSizes as twilioDarkFontSizes, fontWeights as twilioDarkFontWeights, + fonts as twilioDarkFonts, lineHeights as twilioDarkLineHeights, - boxShadows as twilioDarkBoxShadows, + radii as twilioDarkRadii, sizings as twilioDarkSizings, spacings as twilioDarkSpacings, textColors as twilioDarkTextColors, zIndices as twilioDarkZIndices, } from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.common'; +import { + backgroundColors as twilioBackgroundColors, + borderColors as twilioBorderColors, + borderWidths as twilioBorderWidths, + boxShadows as twilioBoxShadows, + dataVisualization as twilioDataVisualization, + fontSizes as twilioFontSizes, + fontWeights as twilioFontWeights, + fonts as twilioFonts, + lineHeights as twilioLineHeights, + radii as twilioRadii, + sizings as twilioSizings, + spacings as twilioSpacings, + textColors as twilioTextColors, + zIndices as twilioZIndices, +} from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.common'; import { + getContrastRatingsOfTokensWithDataVisualizationContrastRequirements, getContrastRatingsOfTokensWithTextContrastRequirements, getContrastRatingsOfTokensWithUIControlContrastRequirements, - getContrastRatingsOfTokensWithDataVisualizationContrastRequirements, } from '../src/utils'; const defaultThemeTextColorContrastRatings = getContrastRatingsOfTokensWithTextContrastRequirements({ diff --git a/packages/paste-color-contrast-utils/src/utils.ts b/packages/paste-color-contrast-utils/src/utils.ts index 4a564c06ea..75c163e208 100644 --- a/packages/paste-color-contrast-utils/src/utils.ts +++ b/packages/paste-color-contrast-utils/src/utils.ts @@ -1,8 +1,8 @@ +import DefaultRawTokenJSON from '@twilio-paste/design-tokens/dist/tokens.raw.json'; +import type { DesignToken, DesignTokensJSON, TokenPairContrastRating } from '@twilio-paste/design-tokens/types'; +import type { AllGenericTokens, GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; import ColorCombos from 'color-combos'; import type { ColorCombo } from 'color-combos'; -import type { GenericTokensShape, AllGenericTokens } from '@twilio-paste/design-tokens/types/GenericTokensShape'; -import type { DesignToken, DesignTokensJSON, TokenPairContrastRating } from '@twilio-paste/design-tokens/types'; -import DefaultRawTokenJSON from '@twilio-paste/design-tokens/dist/tokens.raw.json'; import camelCase from 'lodash/camelCase'; /** diff --git a/packages/paste-core/components/account-switcher/__tests__/AccountSwitcher.spec.tsx b/packages/paste-core/components/account-switcher/__tests__/AccountSwitcher.spec.tsx index 81fcecb907..ef5546599f 100644 --- a/packages/paste-core/components/account-switcher/__tests__/AccountSwitcher.spec.tsx +++ b/packages/paste-core/components/account-switcher/__tests__/AccountSwitcher.spec.tsx @@ -1,8 +1,8 @@ +import { act, render, screen } from '@testing-library/react'; import * as React from 'react'; -import { render, screen, act } from '@testing-library/react'; -import { AccountSwitcherMenu } from '../stories/AccountSwitcher.stories'; import { CustomElementName, DefaultElementName } from '../stories/AccountSwitcher.customization.stories'; +import { AccountSwitcherMenu } from '../stories/AccountSwitcher.stories'; describe('AccountSwitcher', () => { describe('element naming', () => { diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcher.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcher.tsx index 100d4463af..d82413bdd7 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcher.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcher.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Menu } from '@twilio-paste/menu'; import type { MenuProps } from '@twilio-paste/menu'; +import * as React from 'react'; export interface AccountSwitcherProps extends MenuProps { children: NonNullable; diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcherBadge.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcherBadge.tsx index 0284a9360a..b524d6f43f 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcherBadge.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcherBadge.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuBadge } from '@twilio-paste/menu'; import type { MenuBadgeProps } from '@twilio-paste/menu'; +import * as React from 'react'; export interface AccountSwitcherBadgeProps extends Omit { children: NonNullable; diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcherGroup.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcherGroup.tsx index fa27ff1d51..272d565844 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcherGroup.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcherGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuGroup } from '@twilio-paste/menu'; import type { MenuGroupProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type AccountSwitcherGroupProps = MenuGroupProps; diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcherItem.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcherItem.tsx index bc1ca239bf..5530063afd 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcherItem.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcherItem.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuItem } from '@twilio-paste/menu'; import type { MenuItemProps } from '@twilio-paste/menu'; +import * as React from 'react'; export interface AccountSwitcherItemProps extends MenuItemProps { children: NonNullable; diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcherItemRadio.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcherItemRadio.tsx index 56770c7813..9ea759c168 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcherItemRadio.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcherItemRadio.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuItemRadio } from '@twilio-paste/menu'; import type { MenuItemRadioProps } from '@twilio-paste/menu'; +import * as React from 'react'; export interface AccountSwitcherItemRadioProps extends MenuItemRadioProps { children: NonNullable; diff --git a/packages/paste-core/components/account-switcher/src/AccountSwitcherSeparator.tsx b/packages/paste-core/components/account-switcher/src/AccountSwitcherSeparator.tsx index f61c12afb8..9cd05d10f0 100644 --- a/packages/paste-core/components/account-switcher/src/AccountSwitcherSeparator.tsx +++ b/packages/paste-core/components/account-switcher/src/AccountSwitcherSeparator.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuSeparator } from '@twilio-paste/menu'; import type { MenuSeparatorProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type AccountSwitcherSeparatorProps = MenuSeparatorProps; diff --git a/packages/paste-core/components/account-switcher/stories/AccountSwitcher.customization.stories.tsx b/packages/paste-core/components/account-switcher/stories/AccountSwitcher.customization.stories.tsx index 47899dbc09..85f0e865c6 100644 --- a/packages/paste-core/components/account-switcher/stories/AccountSwitcher.customization.stories.tsx +++ b/packages/paste-core/components/account-switcher/stories/AccountSwitcher.customization.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { AccountSwitcher, diff --git a/packages/paste-core/components/account-switcher/stories/AccountSwitcher.stories.tsx b/packages/paste-core/components/account-switcher/stories/AccountSwitcher.stories.tsx index 026688930e..382a91128f 100644 --- a/packages/paste-core/components/account-switcher/stories/AccountSwitcher.stories.tsx +++ b/packages/paste-core/components/account-switcher/stories/AccountSwitcher.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { AccountSwitcher, diff --git a/packages/paste-core/components/alert-dialog/__tests__/customization.spec.tsx b/packages/paste-core/components/alert-dialog/__tests__/customization.spec.tsx index a73625a661..8fb46afad3 100644 --- a/packages/paste-core/components/alert-dialog/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/alert-dialog/__tests__/customization.spec.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; import { CustomizedAlertDialog, CustomizedDestructiveAlertDialog } from '../stories/index.stories'; diff --git a/packages/paste-core/components/alert-dialog/__tests__/index.spec.tsx b/packages/paste-core/components/alert-dialog/__tests__/index.spec.tsx index 4dbd40b043..07431b3b1b 100644 --- a/packages/paste-core/components/alert-dialog/__tests__/index.spec.tsx +++ b/packages/paste-core/components/alert-dialog/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { AlertDialogWithTwoActions, diff --git a/packages/paste-core/components/alert-dialog/src/AlertDialogBody.tsx b/packages/paste-core/components/alert-dialog/src/AlertDialogBody.tsx index d5d426962b..8f1091c63a 100644 --- a/packages/paste-core/components/alert-dialog/src/AlertDialogBody.tsx +++ b/packages/paste-core/components/alert-dialog/src/AlertDialogBody.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface AlertDialogBodyProps extends HTMLPasteProps<'div'>, Pick { bodyID: string; diff --git a/packages/paste-core/components/alert-dialog/src/AlertDialogContent.tsx b/packages/paste-core/components/alert-dialog/src/AlertDialogContent.tsx index c9293a7c3d..2ef94884a9 100644 --- a/packages/paste-core/components/alert-dialog/src/AlertDialogContent.tsx +++ b/packages/paste-core/components/alert-dialog/src/AlertDialogContent.tsx @@ -1,6 +1,6 @@ -import { css, styled } from '@twilio-paste/styling-library'; import { ModalDialogContent } from '@twilio-paste/modal'; import type { ModalDialogContentProps } from '@twilio-paste/modal'; +import { css, styled } from '@twilio-paste/styling-library'; export type AlertDialogContentProps = ModalDialogContentProps; diff --git a/packages/paste-core/components/alert-dialog/src/AlertDialogFooter.tsx b/packages/paste-core/components/alert-dialog/src/AlertDialogFooter.tsx index 8b1d5ddfc3..1b1c72dda2 100644 --- a/packages/paste-core/components/alert-dialog/src/AlertDialogFooter.tsx +++ b/packages/paste-core/components/alert-dialog/src/AlertDialogFooter.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Stack } from '@twilio-paste/stack'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface AlertDialogFooterProps extends HTMLPasteProps<'div'>, Pick { destructive?: boolean; diff --git a/packages/paste-core/components/alert-dialog/src/AlertDialogHeader.tsx b/packages/paste-core/components/alert-dialog/src/AlertDialogHeader.tsx index d51d947627..5ab0ccc66b 100644 --- a/packages/paste-core/components/alert-dialog/src/AlertDialogHeader.tsx +++ b/packages/paste-core/components/alert-dialog/src/AlertDialogHeader.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface AlertDialogHeaderProps extends HTMLPasteProps<'header'>, Pick { children: string; diff --git a/packages/paste-core/components/alert-dialog/src/index.tsx b/packages/paste-core/components/alert-dialog/src/index.tsx index 44fdd8e9b9..49a80400df 100644 --- a/packages/paste-core/components/alert-dialog/src/index.tsx +++ b/packages/paste-core/components/alert-dialog/src/index.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { useTransition } from '@twilio-paste/animation-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { ModalDialogOverlay } from '@twilio-paste/modal'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { AlertDialogHeader } from './AlertDialogHeader'; import { AlertDialogBody } from './AlertDialogBody'; import { AlertDialogContent } from './AlertDialogContent'; import { AlertDialogFooter } from './AlertDialogFooter'; +import { AlertDialogHeader } from './AlertDialogHeader'; // eslint-disable-next-line @typescript-eslint/no-explicit-any const getAnimationStates = (): any => ({ diff --git a/packages/paste-core/components/alert-dialog/stories/index.stories.tsx b/packages/paste-core/components/alert-dialog/stories/index.stories.tsx index 5440fa240b..97edf315a9 100644 --- a/packages/paste-core/components/alert-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/alert-dialog/stories/index.stories.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; import type { Story } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; +import { HelpText } from '@twilio-paste/help-text'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '@twilio-paste/modal'; import { Paragraph } from '@twilio-paste/paragraph'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; -import { Box } from '@twilio-paste/box'; -import { Input } from '@twilio-paste/input'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { AlertDialog } from '../src'; -import { AlertDialogHeader } from '../src/AlertDialogHeader'; import { AlertDialogBody } from '../src/AlertDialogBody'; import { AlertDialogContent } from '../src/AlertDialogContent'; import { AlertDialogFooter } from '../src/AlertDialogFooter'; +import { AlertDialogHeader } from '../src/AlertDialogHeader'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/alert/__tests__/index.spec.tsx b/packages/paste-core/components/alert/__tests__/index.spec.tsx index 9debb3c57f..07ae2c21b6 100644 --- a/packages/paste-core/components/alert/__tests__/index.spec.tsx +++ b/packages/paste-core/components/alert/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Alert } from '../src'; diff --git a/packages/paste-core/components/alert/src/index.tsx b/packages/paste-core/components/alert/src/index.tsx index 2b20d27d61..54806f1e77 100644 --- a/packages/paste-core/components/alert/src/index.tsx +++ b/packages/paste-core/components/alert/src/index.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; -import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; import { Button } from '@twilio-paste/button'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; import { NeutralIcon } from '@twilio-paste/icons/esm/NeutralIcon'; import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; +import * as React from 'react'; type AlertVariantKeys = 'ERROR' | 'NEUTRAL' | 'WARNING'; diff --git a/packages/paste-core/components/alert/stories/index.stories.tsx b/packages/paste-core/components/alert/stories/index.stories.tsx index e033e2d5ca..4e38393ca7 100644 --- a/packages/paste-core/components/alert/stories/index.stories.tsx +++ b/packages/paste-core/components/alert/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { action } from '@storybook/addon-actions'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { Truncate } from '@twilio-paste/truncate'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; +import { Truncate } from '@twilio-paste/truncate'; +import * as React from 'react'; import { Alert } from '../src'; diff --git a/packages/paste-core/components/anchor/__tests__/anchor.test.tsx b/packages/paste-core/components/anchor/__tests__/anchor.test.tsx index 2583a360ad..8905d50cde 100644 --- a/packages/paste-core/components/anchor/__tests__/anchor.test.tsx +++ b/packages/paste-core/components/anchor/__tests__/anchor.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Anchor } from '../src'; diff --git a/packages/paste-core/components/anchor/src/Anchor.tsx b/packages/paste-core/components/anchor/src/Anchor.tsx index 314ec68005..3379632153 100644 --- a/packages/paste-core/components/anchor/src/Anchor.tsx +++ b/packages/paste-core/components/anchor/src/Anchor.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; +import * as React from 'react'; import { DefaultAnchor } from './DefaultAnchor'; import { InverseAnchor } from './InverseAnchor'; diff --git a/packages/paste-core/components/anchor/src/DefaultAnchor.tsx b/packages/paste-core/components/anchor/src/DefaultAnchor.tsx index 52db263dae..41bad5c3da 100644 --- a/packages/paste-core/components/anchor/src/DefaultAnchor.tsx +++ b/packages/paste-core/components/anchor/src/DefaultAnchor.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { AnchorProps } from './types'; diff --git a/packages/paste-core/components/anchor/src/InverseAnchor.tsx b/packages/paste-core/components/anchor/src/InverseAnchor.tsx index 0efe3bb54c..68fc31d1a8 100644 --- a/packages/paste-core/components/anchor/src/InverseAnchor.tsx +++ b/packages/paste-core/components/anchor/src/InverseAnchor.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { AnchorProps } from './types'; diff --git a/packages/paste-core/components/anchor/src/types.ts b/packages/paste-core/components/anchor/src/types.ts index 78beaa4ce2..063f84a235 100644 --- a/packages/paste-core/components/anchor/src/types.ts +++ b/packages/paste-core/components/anchor/src/types.ts @@ -1,6 +1,6 @@ -import type { HTMLPasteProps } from '@twilio-paste/types'; -import type { LayoutProps, SpaceProps } from '@twilio-paste/style-props'; import type { BoxProps } from '@twilio-paste/box'; +import type { LayoutProps, SpaceProps } from '@twilio-paste/style-props'; +import type { HTMLPasteProps } from '@twilio-paste/types'; export type AnchorTabIndexes = 0 | -1; export type AnchorTargets = '_self' | '_blank' | '_parent' | '_top'; diff --git a/packages/paste-core/components/anchor/stories/index.stories.tsx b/packages/paste-core/components/anchor/stories/index.stories.tsx index 8a70a6f092..0b0087cca1 100644 --- a/packages/paste-core/components/anchor/stories/index.stories.tsx +++ b/packages/paste-core/components/anchor/stories/index.stories.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import type { StoryFn } from '@storybook/react'; import { action } from '@storybook/addon-actions'; +import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { Heading } from '@twilio-paste/heading'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Anchor } from '../src'; -import type { AnchorTargets, AnchorTabIndexes } from '../src/types'; +import type { AnchorTabIndexes, AnchorTargets } from '../src/types'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/avatar/__tests__/avatar.test.tsx b/packages/paste-core/components/avatar/__tests__/avatar.test.tsx index ac82144c7e..cfce4d9592 100644 --- a/packages/paste-core/components/avatar/__tests__/avatar.test.tsx +++ b/packages/paste-core/components/avatar/__tests__/avatar.test.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; +import * as React from 'react'; import { Avatar } from '../src'; import { - getCorrespondingLineHeightFromSizeToken, + getComputedTokenNames, getCorrespondingFontSizeFromSizeToken, getCorrespondingIconSizeFromSizeToken, - getComputedTokenNames, - getInitialsFromName, + getCorrespondingLineHeightFromSizeToken, getGroupSpacing, + getInitialsFromName, } from '../src/utils'; describe('Avatar', () => { diff --git a/packages/paste-core/components/avatar/src/Avatar.tsx b/packages/paste-core/components/avatar/src/Avatar.tsx index f3118383cc..281acab7ab 100644 --- a/packages/paste-core/components/avatar/src/Avatar.tsx +++ b/packages/paste-core/components/avatar/src/Avatar.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { isValidElementType } from 'react-is'; -import { Text } from '@twilio-paste/text'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxStyleProps } from '@twilio-paste/box'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; +import { isValidElementType } from 'react-is'; -import { getComputedTokenNames, getInitialsFromName } from './utils'; -import type { AvatarProps, AvatarContentProps, ColorVariants, AvatarVariants } from './types'; import { AvatarGroupContext } from './AvatarGroup'; +import type { AvatarContentProps, AvatarProps, AvatarVariants, ColorVariants } from './types'; +import { getComputedTokenNames, getInitialsFromName } from './utils'; const DEFAULT_SIZE = 'sizeIcon70'; diff --git a/packages/paste-core/components/avatar/src/AvatarGroup.tsx b/packages/paste-core/components/avatar/src/AvatarGroup.tsx index e68eaf6079..68acf82b39 100644 --- a/packages/paste-core/components/avatar/src/AvatarGroup.tsx +++ b/packages/paste-core/components/avatar/src/AvatarGroup.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; import type { AvatarGroupProps } from './types'; import { getGroupSpacing } from './utils'; diff --git a/packages/paste-core/components/avatar/src/types.ts b/packages/paste-core/components/avatar/src/types.ts index 19da75b869..88b1fab746 100644 --- a/packages/paste-core/components/avatar/src/types.ts +++ b/packages/paste-core/components/avatar/src/types.ts @@ -1,6 +1,6 @@ -import type { IconSize } from '@twilio-paste/style-props'; -import type { GenericIconProps } from '@twilio-paste/icons/esm/types'; import type { BoxProps } from '@twilio-paste/box'; +import type { GenericIconProps } from '@twilio-paste/icons/esm/types'; +import type { IconSize } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; export type ColorVariants = 'default' | 'decorative10' | 'decorative20' | 'decorative30' | 'decorative40'; diff --git a/packages/paste-core/components/avatar/src/utils.ts b/packages/paste-core/components/avatar/src/utils.ts index 366c7d8157..ab38d6bfcf 100644 --- a/packages/paste-core/components/avatar/src/utils.ts +++ b/packages/paste-core/components/avatar/src/utils.ts @@ -1,10 +1,10 @@ import type { - IconSizeOptions, - LineHeightOptions, + FontSize, FontSizeOptions, IconSize, + IconSizeOptions, LineHeight, - FontSize, + LineHeightOptions, SpaceOptions, } from '@twilio-paste/style-props'; diff --git a/packages/paste-core/components/avatar/stories/index.stories.tsx b/packages/paste-core/components/avatar/stories/index.stories.tsx index 26741695cd..31017849ea 100644 --- a/packages/paste-core/components/avatar/stories/index.stories.tsx +++ b/packages/paste-core/components/avatar/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Stack } from '@twilio-paste/stack'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { BusinessIcon } from '@twilio-paste/icons/esm/BusinessIcon'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; +import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Avatar, AvatarGroup } from '../src'; diff --git a/packages/paste-core/components/badge/__tests__/customization.spec.tsx b/packages/paste-core/components/badge/__tests__/customization.spec.tsx index 58bb06da2a..6a0aa8188f 100644 --- a/packages/paste-core/components/badge/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/badge/__tests__/customization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { makeBadge, getStyles } from '../stories/customization.stories'; +import { getStyles, makeBadge } from '../stories/customization.stories'; const makeCustomizationWrapper = (element: string | undefined = 'BADGE'): RenderOptions['wrapper'] => function Wrapper({ children }) { diff --git a/packages/paste-core/components/badge/__tests__/index.spec.tsx b/packages/paste-core/components/badge/__tests__/index.spec.tsx index 2668e1579e..1f3e466b57 100644 --- a/packages/paste-core/components/badge/__tests__/index.spec.tsx +++ b/packages/paste-core/components/badge/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { render, fireEvent, screen, renderHook } from '@testing-library/react'; +import { fireEvent, render, renderHook, screen } from '@testing-library/react'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import * as React from 'react'; import { Badge } from '../src'; import { useResizeChildIcons } from '../src/hooks'; diff --git a/packages/paste-core/components/badge/src/Badge.tsx b/packages/paste-core/components/badge/src/Badge.tsx index 766ff8d46f..2292a49c5f 100644 --- a/packages/paste-core/components/badge/src/Badge.tsx +++ b/packages/paste-core/components/badge/src/Badge.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { secureExternalLink } from '@twilio-paste/anchor'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; +import * as React from 'react'; -import type { BadgeProps } from './types'; import { useResizeChildIcons } from './hooks'; -import { badgeBaseStyles, badgeVariantStyles, badgeAnchorStyles, getBadgeButtonStyles } from './styles'; +import { badgeAnchorStyles, badgeBaseStyles, badgeVariantStyles, getBadgeButtonStyles } from './styles'; +import type { BadgeProps } from './types'; export const Badge = React.forwardRef( ({ as, href, variant, size = 'default', children, element = 'BADGE', ...props }, ref) => { diff --git a/packages/paste-core/components/badge/src/hooks.tsx b/packages/paste-core/components/badge/src/hooks.tsx index 79475a954e..7a48d40ffc 100644 --- a/packages/paste-core/components/badge/src/hooks.tsx +++ b/packages/paste-core/components/badge/src/hooks.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; const DEFAULT_ICON_SIZE = 'sizeIcon10'; diff --git a/packages/paste-core/components/badge/stories/customization.stories.tsx b/packages/paste-core/components/badge/stories/customization.stories.tsx index 279b9039ab..0e24c5b161 100644 --- a/packages/paste-core/components/badge/stories/customization.stories.tsx +++ b/packages/paste-core/components/badge/stories/customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Paragraph } from '@twilio-paste/paragraph'; +import type { StoryFn } from '@storybook/react'; +import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; +import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { Card } from '@twilio-paste/card'; -import type { StoryFn } from '@storybook/react'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Badge } from '../src'; import type { BadgeVariants } from '../src/constants'; diff --git a/packages/paste-core/components/badge/stories/index.stories.tsx b/packages/paste-core/components/badge/stories/index.stories.tsx index 6bf5adef78..68efdc8f64 100644 --- a/packages/paste-core/components/badge/stories/index.stories.tsx +++ b/packages/paste-core/components/badge/stories/index.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Heading } from '@twilio-paste/heading'; -import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; -import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; -import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; +import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; +import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { UsersIcon } from '@twilio-paste/icons/esm/UsersIcon'; -import { styled, css } from '@twilio-paste/styling-library'; +import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; import { Badge } from '../src'; diff --git a/packages/paste-core/components/base-radio-checkbox/__tests__/base-radio-checkbox.test.tsx b/packages/paste-core/components/base-radio-checkbox/__tests__/base-radio-checkbox.test.tsx index 56f015cc9d..1e2aa33832 100644 --- a/packages/paste-core/components/base-radio-checkbox/__tests__/base-radio-checkbox.test.tsx +++ b/packages/paste-core/components/base-radio-checkbox/__tests__/base-radio-checkbox.test.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; +import * as React from 'react'; import { BaseRadioCheckboxControl, + BaseRadioCheckboxHelpText, BaseRadioCheckboxLabel, BaseRadioCheckboxLabelText, - BaseRadioCheckboxHelpText, } from '../src/BaseRadioCheckbox'; describe('Base radio checkbox HTML attributes', () => { diff --git a/packages/paste-core/components/base-radio-checkbox/src/BaseRadioCheckbox.tsx b/packages/paste-core/components/base-radio-checkbox/src/BaseRadioCheckbox.tsx index 66bd49de11..47deb28cad 100644 --- a/packages/paste-core/components/base-radio-checkbox/src/BaseRadioCheckbox.tsx +++ b/packages/paste-core/components/base-radio-checkbox/src/BaseRadioCheckbox.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import type { TextProps } from '@twilio-paste/text'; -import { Text } from '@twilio-paste/text'; -import type { SiblingBoxProps } from '@twilio-paste/sibling-box'; -import { SiblingBox } from '@twilio-paste/sibling-box'; +import type { BoxProps } from '@twilio-paste/box'; +import { HelpText } from '@twilio-paste/help-text'; import type { LabelProps } from '@twilio-paste/label'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import type { BoxProps } from '@twilio-paste/box'; +import type { SiblingBoxProps } from '@twilio-paste/sibling-box'; +import { SiblingBox } from '@twilio-paste/sibling-box'; +import type { TextProps } from '@twilio-paste/text'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; export interface BaseRadioCheckboxControlProps extends SiblingBoxProps, Pick { children: NonNullable; diff --git a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx index 835cc6ae2d..fed7844e8e 100644 --- a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx +++ b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Breadcrumb, BreadcrumbItem } from '../src'; diff --git a/packages/paste-core/components/breadcrumb/src/index.tsx b/packages/paste-core/components/breadcrumb/src/index.tsx index 6c68b0958b..29f0074f01 100644 --- a/packages/paste-core/components/breadcrumb/src/index.tsx +++ b/packages/paste-core/components/breadcrumb/src/index.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import type { BoxProps, BoxElementProps } from '@twilio-paste/box'; import { Anchor } from '@twilio-paste/anchor'; import type { AnchorProps } from '@twilio-paste/anchor'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { BoxElementProps, BoxProps } from '@twilio-paste/box'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; -import { useUIDSeed } from '@twilio-paste/uid-library'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; const BreadcrumbSeparator: React.FC> = ({ element, diff --git a/packages/paste-core/components/breadcrumb/stories/index.stories.tsx b/packages/paste-core/components/breadcrumb/stories/index.stories.tsx index 3812982c0e..67b8c8f0de 100644 --- a/packages/paste-core/components/breadcrumb/stories/index.stories.tsx +++ b/packages/paste-core/components/breadcrumb/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; import { Truncate } from '@twilio-paste/truncate'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Breadcrumb, BreadcrumbItem } from '../src'; diff --git a/packages/paste-core/components/button-group/__tests__/index.spec.tsx b/packages/paste-core/components/button-group/__tests__/index.spec.tsx index bf071e2b6c..8d77f80b30 100644 --- a/packages/paste-core/components/button-group/__tests__/index.spec.tsx +++ b/packages/paste-core/components/button-group/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { ButtonGroup } from '../src'; import { Unattached } from '../stories/index.stories'; diff --git a/packages/paste-core/components/button-group/src/ButtonGroup.tsx b/packages/paste-core/components/button-group/src/ButtonGroup.tsx index 53489d6ce9..66040be2e4 100644 --- a/packages/paste-core/components/button-group/src/ButtonGroup.tsx +++ b/packages/paste-core/components/button-group/src/ButtonGroup.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; const AttachedStyled = styled.span( css({ diff --git a/packages/paste-core/components/button-group/stories/index.stories.tsx b/packages/paste-core/components/button-group/stories/index.stories.tsx index 402b54f318..5371f5bf89 100644 --- a/packages/paste-core/components/button-group/stories/index.stories.tsx +++ b/packages/paste-core/components/button-group/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { Button } from '@twilio-paste/button'; -import { Popover, PopoverContainer, PopoverButton } from '@twilio-paste/popover'; -import { Text } from '@twilio-paste/text'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { ButtonGroup } from '../src'; import type { ButtonGroupProps } from '../src'; diff --git a/packages/paste-core/components/button/__tests__/button.test.tsx b/packages/paste-core/components/button/__tests__/button.test.tsx index e83321efea..b82b12f792 100644 --- a/packages/paste-core/components/button/__tests__/button.test.tsx +++ b/packages/paste-core/components/button/__tests__/button.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; +import * as React from 'react'; import { Button } from '../src'; diff --git a/packages/paste-core/components/button/__tests__/customization.test.tsx b/packages/paste-core/components/button/__tests__/customization.test.tsx index 3738caedd6..c1e5ad19cd 100644 --- a/packages/paste-core/components/button/__tests__/customization.test.tsx +++ b/packages/paste-core/components/button/__tests__/customization.test.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import * as React from 'react'; import { AnyButton } from '../stories/customization.stories'; diff --git a/packages/paste-core/components/button/src/Button.tsx b/packages/paste-core/components/button/src/Button.tsx index ba17217738..c5175c1e52 100644 --- a/packages/paste-core/components/button/src/Button.tsx +++ b/packages/paste-core/components/button/src/Button.tsx @@ -1,31 +1,31 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; -import { Spinner } from '@twilio-paste/spinner'; import { secureExternalLink } from '@twilio-paste/anchor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { Box } from '@twilio-paste/box'; import { ArrowForwardIcon } from '@twilio-paste/icons/esm/ArrowForwardIcon'; import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; +import { Spinner } from '@twilio-paste/spinner'; +import * as React from 'react'; -import type { - ButtonProps, - ButtonSizes, - ButtonContentsProps, - DirectButtonProps, - ButtonVariants, - ButtonStates, -} from './types'; -import { PrimaryButton } from './PrimaryButton'; -import { PrimaryIconButton } from './PrimaryIconButton'; -import { SecondaryButton } from './SecondaryButton'; -import { SecondaryIconButton } from './SecondaryIconButton'; import { DestructiveButton } from './DestructiveButton'; import { DestructiveIconButton } from './DestructiveIconButton'; import { DestructiveLinkButton } from './DestructiveLinkButton'; import { DestructiveSecondaryButton } from './DestructiveSecondaryButton'; -import { LinkButton } from './LinkButton'; import { InverseButton } from './InverseButton'; import { InverseLinkButton } from './InverseLinkButton'; +import { LinkButton } from './LinkButton'; +import { PrimaryButton } from './PrimaryButton'; +import { PrimaryIconButton } from './PrimaryIconButton'; import { ResetButton } from './ResetButton'; +import { SecondaryButton } from './SecondaryButton'; +import { SecondaryIconButton } from './SecondaryIconButton'; +import type { + ButtonContentsProps, + ButtonProps, + ButtonSizes, + ButtonStates, + ButtonVariants, + DirectButtonProps, +} from './types'; const AnimatedBox = animated(Box); diff --git a/packages/paste-core/components/button/src/DestructiveButton.tsx b/packages/paste-core/components/button/src/DestructiveButton.tsx index efdf15932a..d03a97e998 100644 --- a/packages/paste-core/components/button/src/DestructiveButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/DestructiveIconButton.tsx b/packages/paste-core/components/button/src/DestructiveIconButton.tsx index 3779cbeaf4..cf829cdf98 100644 --- a/packages/paste-core/components/button/src/DestructiveIconButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveIconButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx index c8955cb66d..334eb30832 100644 --- a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; const defaultStyles: BoxStyleProps = merge(BaseStyles.default, { diff --git a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx index 96a18951ac..ef485aace3 100644 --- a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles, DestructiveSecondaryToggleStyles } from './styles'; +import { BaseStyles, DestructiveSecondaryToggleStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/InverseButton.tsx b/packages/paste-core/components/button/src/InverseButton.tsx index ee97d6fa65..d17cde86dc 100644 --- a/packages/paste-core/components/button/src/InverseButton.tsx +++ b/packages/paste-core/components/button/src/InverseButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/InverseLinkButton.tsx b/packages/paste-core/components/button/src/InverseLinkButton.tsx index a3ae8bf1a7..4e545f4af0 100644 --- a/packages/paste-core/components/button/src/InverseLinkButton.tsx +++ b/packages/paste-core/components/button/src/InverseLinkButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; const defaultStyles: BoxStyleProps = merge(BaseStyles.default, { diff --git a/packages/paste-core/components/button/src/LinkButton.tsx b/packages/paste-core/components/button/src/LinkButton.tsx index 49ebac7b16..f9457d103a 100644 --- a/packages/paste-core/components/button/src/LinkButton.tsx +++ b/packages/paste-core/components/button/src/LinkButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; const defaultStyles: BoxStyleProps = merge(BaseStyles.default, { diff --git a/packages/paste-core/components/button/src/PrimaryButton.tsx b/packages/paste-core/components/button/src/PrimaryButton.tsx index a45e051ab5..44eebbe308 100644 --- a/packages/paste-core/components/button/src/PrimaryButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/PrimaryIconButton.tsx b/packages/paste-core/components/button/src/PrimaryIconButton.tsx index 8d0accadb1..417ff59ab2 100644 --- a/packages/paste-core/components/button/src/PrimaryIconButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryIconButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/ResetButton.tsx b/packages/paste-core/components/button/src/ResetButton.tsx index b55596e2bf..a45d83b937 100644 --- a/packages/paste-core/components/button/src/ResetButton.tsx +++ b/packages/paste-core/components/button/src/ResetButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles } from './styles'; +import { BaseStyles, SizeStyles } from './styles'; import type { DirectButtonProps } from './types'; const defaultStyles: BoxStyleProps = merge(BaseStyles.default, { diff --git a/packages/paste-core/components/button/src/SecondaryButton.tsx b/packages/paste-core/components/button/src/SecondaryButton.tsx index e739e61294..55023403ff 100644 --- a/packages/paste-core/components/button/src/SecondaryButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles, ToggleStyles } from './styles'; +import { BaseStyles, SizeStyles, ToggleStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/SecondaryIconButton.tsx b/packages/paste-core/components/button/src/SecondaryIconButton.tsx index 02581b3e51..980a5d08c9 100644 --- a/packages/paste-core/components/button/src/SecondaryIconButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryIconButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import merge from 'deepmerge'; +import * as React from 'react'; -import { SizeStyles, BaseStyles, ToggleIconButtonStyles } from './styles'; +import { BaseStyles, SizeStyles, ToggleIconButtonStyles } from './styles'; import type { DirectButtonProps } from './types'; /* diff --git a/packages/paste-core/components/button/src/styles.ts b/packages/paste-core/components/button/src/styles.ts index f4e9c04d10..a83a7d8ae1 100644 --- a/packages/paste-core/components/button/src/styles.ts +++ b/packages/paste-core/components/button/src/styles.ts @@ -1,7 +1,7 @@ import type { BoxStyleProps } from '@twilio-paste/box'; import merge from 'deepmerge'; -import type { ButtonStates, ButtonSizes } from './types'; +import type { ButtonSizes, ButtonStates } from './types'; const ResetStyles: BoxStyleProps = { appearance: 'none', diff --git a/packages/paste-core/components/button/stories/customization.stories.tsx b/packages/paste-core/components/button/stories/customization.stories.tsx index 2b3e73d6c8..72b3ec396a 100644 --- a/packages/paste-core/components/button/stories/customization.stories.tsx +++ b/packages/paste-core/components/button/stories/customization.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import type { BoxElementProps } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; -import { Heading } from '@twilio-paste/heading'; -import { Stack } from '@twilio-paste/stack'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Button } from '../src'; import type { ButtonVariants } from '../src/types'; diff --git a/packages/paste-core/components/button/stories/index.stories.tsx b/packages/paste-core/components/button/stories/index.stories.tsx index 265eb759b5..718e8bd851 100644 --- a/packages/paste-core/components/button/stories/index.stories.tsx +++ b/packages/paste-core/components/button/stories/index.stories.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; -import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; -import { BoldIcon } from '@twilio-paste/icons/esm/BoldIcon'; -import { PauseIcon } from '@twilio-paste/icons/esm/PauseIcon'; -import { PlayIcon } from '@twilio-paste/icons/esm/PlayIcon'; +import { isRenderingOnServer } from '@twilio-paste/animation-library'; import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; -import { Stack } from '@twilio-paste/stack'; +import { BoldIcon } from '@twilio-paste/icons/esm/BoldIcon'; +import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; +import { PauseIcon } from '@twilio-paste/icons/esm/PauseIcon'; +import { PlayIcon } from '@twilio-paste/icons/esm/PlayIcon'; +import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { isRenderingOnServer } from '@twilio-paste/animation-library'; +import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; import { Button } from '../src'; -import type { ButtonVariants, ButtonSizes } from '../src/types'; +import type { ButtonSizes, ButtonVariants } from '../src/types'; const ButtonSizeOptions = [ 'default', diff --git a/packages/paste-core/components/callout/__tests__/customization.spec.tsx b/packages/paste-core/components/callout/__tests__/customization.spec.tsx index 13a97fd7e9..9f7e966f40 100644 --- a/packages/paste-core/components/callout/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/callout/__tests__/customization.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '../src'; diff --git a/packages/paste-core/components/callout/__tests__/index.spec.tsx b/packages/paste-core/components/callout/__tests__/index.spec.tsx index 7aa302de20..bd458a82c8 100644 --- a/packages/paste-core/components/callout/__tests__/index.spec.tsx +++ b/packages/paste-core/components/callout/__tests__/index.spec.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '../src'; diff --git a/packages/paste-core/components/callout/src/Callout.tsx b/packages/paste-core/components/callout/src/Callout.tsx index 0223af82c5..a196af70f2 100644 --- a/packages/paste-core/components/callout/src/Callout.tsx +++ b/packages/paste-core/components/callout/src/Callout.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; import { NeutralIcon } from '@twilio-paste/icons/esm/NeutralIcon'; import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; -import type { BoxStyleProps, BoxProps } from '@twilio-paste/box'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; type CalloutVariants = 'neutral' | 'warning' | 'error' | 'success' | 'new'; diff --git a/packages/paste-core/components/callout/src/CalloutHeading.tsx b/packages/paste-core/components/callout/src/CalloutHeading.tsx index fb319df7a1..eda308467a 100644 --- a/packages/paste-core/components/callout/src/CalloutHeading.tsx +++ b/packages/paste-core/components/callout/src/CalloutHeading.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { Text, safelySpreadTextProps } from '@twilio-paste/text'; -import type { asTags } from '@twilio-paste/heading'; import type { BoxProps } from '@twilio-paste/box'; +import type { asTags } from '@twilio-paste/heading'; +import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; export interface CalloutHeadingProps extends Partial> { as?: asTags; diff --git a/packages/paste-core/components/callout/src/CalloutList.tsx b/packages/paste-core/components/callout/src/CalloutList.tsx index 4831cc27b8..5d5ab82406 100644 --- a/packages/paste-core/components/callout/src/CalloutList.tsx +++ b/packages/paste-core/components/callout/src/CalloutList.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { Text, safelySpreadTextProps } from '@twilio-paste/text'; import type { BoxProps } from '@twilio-paste/box'; +import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; type AsTags = 'ul' | 'ol'; diff --git a/packages/paste-core/components/callout/src/CalloutText.tsx b/packages/paste-core/components/callout/src/CalloutText.tsx index 1d30c03d43..d38361df5e 100644 --- a/packages/paste-core/components/callout/src/CalloutText.tsx +++ b/packages/paste-core/components/callout/src/CalloutText.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Text, safelySpreadTextProps } from '@twilio-paste/text'; import type { BoxProps } from '@twilio-paste/box'; +import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; export interface CalloutTextProps extends Partial> { children?: React.ReactNode; diff --git a/packages/paste-core/components/callout/stories/customization.stories.tsx b/packages/paste-core/components/callout/stories/customization.stories.tsx index 422efc23f9..ee05f40f50 100644 --- a/packages/paste-core/components/callout/stories/customization.stories.tsx +++ b/packages/paste-core/components/callout/stories/customization.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; -import type { StoryFn } from '@storybook/react'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '../src'; diff --git a/packages/paste-core/components/callout/stories/index.stories.tsx b/packages/paste-core/components/callout/stories/index.stories.tsx index 6c3ae149a8..ee0e4cd0c6 100644 --- a/packages/paste-core/components/callout/stories/index.stories.tsx +++ b/packages/paste-core/components/callout/stories/index.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '../src'; diff --git a/packages/paste-core/components/card/__test__/card.test.tsx b/packages/paste-core/components/card/__test__/card.test.tsx index 81059937be..b1a7a7324f 100644 --- a/packages/paste-core/components/card/__test__/card.test.tsx +++ b/packages/paste-core/components/card/__test__/card.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Card } from '../src'; diff --git a/packages/paste-core/components/card/src/index.tsx b/packages/paste-core/components/card/src/index.tsx index 1a033f6fe6..632fb8a5d7 100644 --- a/packages/paste-core/components/card/src/index.tsx +++ b/packages/paste-core/components/card/src/index.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { PaddingProps } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; /** element identifier from BoxProps for customization */ export interface CardProps extends HTMLPasteProps<'article'>, PaddingProps, Pick {} diff --git a/packages/paste-core/components/card/stories/index.stories.tsx b/packages/paste-core/components/card/stories/index.stories.tsx index fc06afea7e..7b8f6ac6d0 100644 --- a/packages/paste-core/components/card/stories/index.stories.tsx +++ b/packages/paste-core/components/card/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Card } from '../src'; diff --git a/packages/paste-core/components/chat-composer/__tests__/customization.spec.tsx b/packages/paste-core/components/chat-composer/__tests__/customization.spec.tsx index 039176d000..6e3a32f245 100644 --- a/packages/paste-core/components/chat-composer/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/chat-composer/__tests__/customization.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { screen, render, waitFor } from '@testing-library/react'; +import { render, screen, waitFor } from '@testing-library/react'; +import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import type { RenderOptions } from '@testing-library/react'; +import * as React from 'react'; import { ChatComposer } from '../src'; diff --git a/packages/paste-core/components/chat-composer/__tests__/index.spec.tsx b/packages/paste-core/components/chat-composer/__tests__/index.spec.tsx index 04ab3598b1..88939fa06b 100644 --- a/packages/paste-core/components/chat-composer/__tests__/index.spec.tsx +++ b/packages/paste-core/components/chat-composer/__tests__/index.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { screen, render, waitFor, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { $getRoot, $createParagraphNode, $createTextNode } from '@twilio-paste/lexical-library'; +import { $createParagraphNode, $createTextNode, $getRoot } from '@twilio-paste/lexical-library'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { ChatComposer } from '../src'; diff --git a/packages/paste-core/components/chat-composer/src/AutoLinkPlugin.tsx b/packages/paste-core/components/chat-composer/src/AutoLinkPlugin.tsx index da774c0b2c..573dc24dd6 100644 --- a/packages/paste-core/components/chat-composer/src/AutoLinkPlugin.tsx +++ b/packages/paste-core/components/chat-composer/src/AutoLinkPlugin.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { AutoLinkPlugin as LexicalAutoLinkPlugin } from '@twilio-paste/lexical-library'; +import * as React from 'react'; const URL_MATCHER = /(?:(?:https?:\/\/(?:www\.)?)|(?:www\.))[\w#%+.:=@~-]{1,256}\.[\d()A-Za-z]{1,6}\b[\w#%&()+./:=?@~-]*/; diff --git a/packages/paste-core/components/chat-composer/src/ChatComposer.tsx b/packages/paste-core/components/chat-composer/src/ChatComposer.tsx index d5c635b059..3a250a58f6 100644 --- a/packages/paste-core/components/chat-composer/src/ChatComposer.tsx +++ b/packages/paste-core/components/chat-composer/src/ChatComposer.tsx @@ -1,40 +1,40 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { - // Create and manages the Lexical editor instance - LexicalComposer, + // The component that renders the content editable div + ContentEditable, /* * ErrorBoundary catches errors in any of the children * https://reactjs.org/docs/error-boundaries.html */ ErrorBoundary, - // The component that renders the content editable div - ContentEditable, - /* - * Adds the ability to edit the text, also support for bold/italic/underline - * https://lexical.dev/docs/react/plugins#lexicalrichtextplugin + /** + * Plugin that adds history stack (allows for undo/redo) + * https://lexical.dev/docs/react/plugins#lexicalonchangeplugin */ - RichTextPlugin, + HistoryPlugin, + // Create and manages the Lexical editor instance + LexicalComposer, /** * Plugin that calls the OnChange function when the state changes * https://lexical.dev/docs/react/plugins#lexicalonchangeplugin */ OnChangePlugin, - /** - * Plugin that adds history stack (allows for undo/redo) - * https://lexical.dev/docs/react/plugins#lexicalonchangeplugin + /* + * Adds the ability to edit the text, also support for bold/italic/underline + * https://lexical.dev/docs/react/plugins#lexicalrichtextplugin */ - HistoryPlugin, + RichTextPlugin, } from '@twilio-paste/lexical-library'; +import type { ContentEditableProps, LexicalComposerProps, OnChangeFunction } from '@twilio-paste/lexical-library'; import { StylingGlobals } from '@twilio-paste/styling-library'; -import type { LexicalComposerProps, ContentEditableProps, OnChangeFunction } from '@twilio-paste/lexical-library'; import merge from 'deepmerge'; +import * as React from 'react'; -import { chatComposerLexicalStyles } from './styles'; import { AutoLinkPlugin } from './AutoLinkPlugin'; import { PlaceholderWrapper } from './PlaceholderWrapper'; import { baseConfig, renderInitialText } from './helpers'; +import { chatComposerLexicalStyles } from './styles'; export interface ChatComposerProps extends Omit { children?: LexicalComposerProps['children']; diff --git a/packages/paste-core/components/chat-composer/src/PlaceholderWrapper.tsx b/packages/paste-core/components/chat-composer/src/PlaceholderWrapper.tsx index 8a5511695d..f7db63d578 100644 --- a/packages/paste-core/components/chat-composer/src/PlaceholderWrapper.tsx +++ b/packages/paste-core/components/chat-composer/src/PlaceholderWrapper.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { ChatComposerProps } from '.'; diff --git a/packages/paste-core/components/chat-composer/src/helpers.ts b/packages/paste-core/components/chat-composer/src/helpers.ts index 80f0a8d327..e2e09c1bfe 100644 --- a/packages/paste-core/components/chat-composer/src/helpers.ts +++ b/packages/paste-core/components/chat-composer/src/helpers.ts @@ -1,4 +1,4 @@ -import { AutoLinkNode, $getRoot, $createParagraphNode, $createTextNode } from '@twilio-paste/lexical-library'; +import { $createParagraphNode, $createTextNode, $getRoot, AutoLinkNode } from '@twilio-paste/lexical-library'; export const renderInitialText = (text: string): void => { const root = $getRoot(); diff --git a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx index 337dc11fd9..8f6c5c5265 100644 --- a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx +++ b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import { ChatMessage, ChatBubble, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; -import type { Chat } from '@twilio-paste/chat-log'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { ChatBubble, ChatMessage, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; +import type { Chat } from '@twilio-paste/chat-log'; import { SendIcon } from '@twilio-paste/icons/esm/SendIcon'; import { - useLexicalComposerContext, CLEAR_EDITOR_COMMAND, COMMAND_PRIORITY_HIGH, KEY_ENTER_COMMAND, + useLexicalComposerContext, } from '@twilio-paste/lexical-library'; +import * as React from 'react'; function getRandomInt(max): number { return Math.floor(Math.random() * max); diff --git a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/index.stories.tsx b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/index.stories.tsx index 7ddbdbaba6..1b08ef87d0 100644 --- a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/index.stories.tsx +++ b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/index.stories.tsx @@ -1,36 +1,36 @@ -import * as React from 'react'; -import { - MinimizableDialog, - MinimizableDialogButton, - MinimizableDialogContainer, - MinimizableDialogHeader, - MinimizableDialogContent, -} from '@twilio-paste/minimizable-dialog'; -import { $getRoot, ClearEditorPlugin } from '@twilio-paste/lexical-library'; -import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; +import { Avatar } from '@twilio-paste/avatar'; +import { Box } from '@twilio-paste/box'; import { - ChatLogger, - useChatLogger, - ChatMessage, - ChatMessageMeta, - ChatMessageMetaItem, - ChatBubble, ChatAttachment, - ChatEvent, ChatAttachmentDescription, ChatAttachmentLink, ChatBookend, ChatBookendItem, + ChatBubble, + ChatEvent, + ChatLogger, + ChatMessage, + ChatMessageMeta, + ChatMessageMetaItem, ComposerAttachmentCard, + useChatLogger, } from '@twilio-paste/chat-log'; -import { Avatar } from '@twilio-paste/avatar'; +import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; +import { $getRoot, ClearEditorPlugin } from '@twilio-paste/lexical-library'; import type { EditorState } from '@twilio-paste/lexical-library'; +import { + MinimizableDialog, + MinimizableDialogButton, + MinimizableDialogContainer, + MinimizableDialogContent, + MinimizableDialogHeader, +} from '@twilio-paste/minimizable-dialog'; +import * as React from 'react'; import { ChatComposer } from '../../src'; -import { SendButtonPlugin, EnterKeySubmitPlugin, createNewMessage } from './helpers'; +import { EnterKeySubmitPlugin, SendButtonPlugin, createNewMessage } from './helpers'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/chat-composer/stories/customization.stories.tsx b/packages/paste-core/components/chat-composer/stories/customization.stories.tsx index da425630db..5782e27b38 100644 --- a/packages/paste-core/components/chat-composer/stories/customization.stories.tsx +++ b/packages/paste-core/components/chat-composer/stories/customization.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; -import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { ChatComposer } from '../src'; import type { ChatComposerProps } from '../src'; diff --git a/packages/paste-core/components/chat-composer/stories/index.stories.tsx b/packages/paste-core/components/chat-composer/stories/index.stories.tsx index e16d0bb3cf..e63041fd94 100644 --- a/packages/paste-core/components/chat-composer/stories/index.stories.tsx +++ b/packages/paste-core/components/chat-composer/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import type { EditorState } from '@twilio-paste/lexical-library'; -import { $getRoot, $createParagraphNode, $createTextNode } from '@twilio-paste/lexical-library'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { SendIcon } from '@twilio-paste/icons/esm/SendIcon'; import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; +import { SendIcon } from '@twilio-paste/icons/esm/SendIcon'; +import type { EditorState } from '@twilio-paste/lexical-library'; +import { $createParagraphNode, $createTextNode, $getRoot } from '@twilio-paste/lexical-library'; +import * as React from 'react'; import { ChatComposer } from '../src'; import type { ChatComposerProps } from '../src'; diff --git a/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx b/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx index 44298c80ce..526395cee6 100644 --- a/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx +++ b/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { screen, render } from '@testing-library/react'; +import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { Spinner } from '@twilio-paste/spinner'; import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; +import { Spinner } from '@twilio-paste/spinner'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { ChatAttachment, ChatAttachmentLink, ChatAttachmentDescription, ComposerAttachmentCard } from '../src'; +import { ChatAttachment, ChatAttachmentDescription, ChatAttachmentLink, ComposerAttachmentCard } from '../src'; const customizedElements: { [key: string]: PasteCustomCSS } = { COMPOSER_ATTACHMENT_CARD: { diff --git a/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx b/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx index 3adb63360a..1f0a179111 100644 --- a/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx +++ b/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { screen, render } from '@testing-library/react'; +import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { ChatBookend, ChatBookendItem } from '../src'; diff --git a/packages/paste-core/components/chat-log/__tests__/ChatBubble.spec.tsx b/packages/paste-core/components/chat-log/__tests__/ChatBubble.spec.tsx index e15166c130..66c0212fee 100644 --- a/packages/paste-core/components/chat-log/__tests__/ChatBubble.spec.tsx +++ b/packages/paste-core/components/chat-log/__tests__/ChatBubble.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { screen, render } from '@testing-library/react'; +import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { ChatMessage, ChatBubble } from '../src'; +import { ChatBubble, ChatMessage } from '../src'; const CustomizationWrapper: React.FC = ({ children }) => ( ; diff --git a/packages/paste-core/components/chat-log/src/ComposerAttachmentCard.tsx b/packages/paste-core/components/chat-log/src/ComposerAttachmentCard.tsx index 220048943a..d74039eded 100644 --- a/packages/paste-core/components/chat-log/src/ComposerAttachmentCard.tsx +++ b/packages/paste-core/components/chat-log/src/ComposerAttachmentCard.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps, BoxStyleProps } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { ClearIcon } from '@twilio-paste/icons/esm/ClearIcon'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; /* *These style props are specific to our ClearIcon use case in ComposerAttachmentCard. diff --git a/packages/paste-core/components/chat-log/src/useChatLogger.ts b/packages/paste-core/components/chat-log/src/useChatLogger.ts index 96759836a9..54e37fc5d3 100644 --- a/packages/paste-core/components/chat-log/src/useChatLogger.ts +++ b/packages/paste-core/components/chat-log/src/useChatLogger.ts @@ -1,5 +1,5 @@ -import * as React from 'react'; import { uid } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { MessageVariants } from './MessageVariantContext'; diff --git a/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx index 59e9765464..31aa5a2e28 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; +import type { StoryFn } from '@storybook/react'; +import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; import { Spinner } from '@twilio-paste/spinner'; import { Stack } from '@twilio-paste/stack'; -import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; -import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { + ChatAttachment, + ChatAttachmentDescription, + ChatAttachmentLink, + ChatBubble, ChatLog, ChatMessage, - ChatBubble, - ChatAttachment, ComposerAttachmentCard, - ChatAttachmentLink, - ChatAttachmentDescription, } from '../../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/chat-log/stories/components/ChatBookend.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatBookend.stories.tsx index 679ca1887e..feaf8f1c3a 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatBookend.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatBookend.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; -import { ChatLog, ChatBookend, ChatBookendItem } from '../../src'; +import { ChatBookend, ChatBookendItem, ChatLog } from '../../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/chat-log/stories/components/ChatBubble.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatBubble.stories.tsx index 11c9fc0083..53ff51603e 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatBubble.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatBubble.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; -import { ChatMessage, ChatBubble, ChatLog } from '../../src'; +import { ChatBubble, ChatLog, ChatMessage } from '../../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/chat-log/stories/components/ChatEvent.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatEvent.stories.tsx index 28bf5749ee..d1568f5c8f 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatEvent.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatEvent.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; -import { ChatLog, ChatEvent } from '../../src'; +import { ChatEvent, ChatLog } from '../../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/chat-log/stories/components/ChatMessageMeta.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatMessageMeta.stories.tsx index 12fca7c687..6b42f9784a 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatMessageMeta.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatMessageMeta.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { Avatar } from '@twilio-paste/avatar'; import type { StoryFn } from '@storybook/react'; +import { Avatar } from '@twilio-paste/avatar'; +import * as React from 'react'; -import { ChatMessage, ChatBubble, ChatMessageMeta, ChatMessageMetaItem, ChatLog } from '../../src'; +import { ChatBubble, ChatLog, ChatMessage, ChatMessageMeta, ChatMessageMetaItem } from '../../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/chat-log/stories/components/UseChatLogger.stories.tsx b/packages/paste-core/components/chat-log/stories/components/UseChatLogger.stories.tsx index 5c80b0eccf..8a9c11fc04 100644 --- a/packages/paste-core/components/chat-log/stories/components/UseChatLogger.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/UseChatLogger.stories.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Input } from '@twilio-paste/input'; import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; +import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; +import { ListItem, OrderedList } from '@twilio-paste/list'; +import { RadioButton, RadioButtonGroup } from '@twilio-paste/radio-button-group'; import { Stack } from '@twilio-paste/stack'; -import { Button } from '@twilio-paste/button'; -import { OrderedList, ListItem } from '@twilio-paste/list'; -import { RadioButtonGroup, RadioButton } from '@twilio-paste/radio-button-group'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { ChatLogger, ChatMessage, ChatBubble, useChatLogger } from '../../src'; +import { ChatBubble, ChatLogger, ChatMessage, useChatLogger } from '../../src'; import type { MessageVariants } from '../../src'; import type { PartialIDChat } from '../../src/useChatLogger'; diff --git a/packages/paste-core/components/chat-log/stories/customization.stories.tsx b/packages/paste-core/components/chat-log/stories/customization.stories.tsx index 9137375f6e..99f72a6838 100644 --- a/packages/paste-core/components/chat-log/stories/customization.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/customization.stories.tsx @@ -1,23 +1,23 @@ -import * as React from 'react'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import type { StoryFn } from '@storybook/react'; import { Avatar } from '@twilio-paste/avatar'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; import { useTheme } from '@twilio-paste/theme'; -import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { - ChatMessage, - ChatBubble, - ChatMessageMeta, - ChatMessageMetaItem, ChatAttachment, - ComposerAttachmentCard, - ChatAttachmentLink, ChatAttachmentDescription, + ChatAttachmentLink, ChatBookend, ChatBookendItem, + ChatBubble, ChatEvent, ChatLog, + ChatMessage, + ChatMessageMeta, + ChatMessageMetaItem, + ComposerAttachmentCard, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/chat-log/stories/index.stories.tsx b/packages/paste-core/components/chat-log/stories/index.stories.tsx index 6570126468..7eb8e6af5a 100644 --- a/packages/paste-core/components/chat-log/stories/index.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/index.stories.tsx @@ -1,26 +1,26 @@ -import * as React from 'react'; +import type { StoryFn } from '@storybook/react'; import { Avatar } from '@twilio-paste/avatar'; import { Box } from '@twilio-paste/box'; -import { HelpText } from '@twilio-paste/help-text'; -import { Stack } from '@twilio-paste/stack'; import { Button } from '@twilio-paste/button'; +import { HelpText } from '@twilio-paste/help-text'; import { ArrowDownIcon } from '@twilio-paste/icons/esm/ArrowDownIcon'; import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; +import { Stack } from '@twilio-paste/stack'; import { useUID } from '@twilio-paste/uid-library'; -import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { - ChatMessage, - ChatBubble, - ChatMessageMeta, - ChatMessageMetaItem, ChatAttachment, - ChatAttachmentLink, ChatAttachmentDescription, - ChatLog, + ChatAttachmentLink, ChatBookend, ChatBookendItem, + ChatBubble, ChatEvent, + ChatLog, + ChatMessage, + ChatMessageMeta, + ChatMessageMetaItem, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx index b1f2634c14..d8b6e02a63 100644 --- a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx +++ b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { render, fireEvent, screen } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import * as React from 'react'; import { Checkbox, CheckboxGroup } from '../src'; diff --git a/packages/paste-core/components/checkbox/__tests__/checkboxdisclaimer.test.tsx b/packages/paste-core/components/checkbox/__tests__/checkboxdisclaimer.test.tsx index 965797563c..fb02b54984 100644 --- a/packages/paste-core/components/checkbox/__tests__/checkboxdisclaimer.test.tsx +++ b/packages/paste-core/components/checkbox/__tests__/checkboxdisclaimer.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { CheckboxDisclaimer } from '../src'; diff --git a/packages/paste-core/components/checkbox/src/Checkbox.tsx b/packages/paste-core/components/checkbox/src/Checkbox.tsx index 4b2237bc5d..63aebb7880 100644 --- a/packages/paste-core/components/checkbox/src/Checkbox.tsx +++ b/packages/paste-core/components/checkbox/src/Checkbox.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import type { BoxProps } from '@twilio-paste/box'; -import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; -import { MinusIcon } from '@twilio-paste/icons/esm/MinusIcon'; import { BaseRadioCheckboxControl, + BaseRadioCheckboxHelpText, BaseRadioCheckboxLabel, BaseRadioCheckboxLabelText, - BaseRadioCheckboxHelpText, } from '@twilio-paste/base-radio-checkbox'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { BoxProps } from '@twilio-paste/box'; +import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; +import { MinusIcon } from '@twilio-paste/icons/esm/MinusIcon'; import { RequiredDot } from '@twilio-paste/label'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { CheckboxContext } from './CheckboxContext'; diff --git a/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx b/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx index 8a806d95a0..cac89c9011 100644 --- a/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx +++ b/packages/paste-core/components/checkbox/src/CheckboxDisclaimer.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { HelpText } from '@twilio-paste/help-text'; +import * as React from 'react'; import { Checkbox } from './Checkbox'; import type { CheckboxProps } from './Checkbox'; diff --git a/packages/paste-core/components/checkbox/src/CheckboxGroup.tsx b/packages/paste-core/components/checkbox/src/CheckboxGroup.tsx index 95fb6a7721..c99f85075b 100644 --- a/packages/paste-core/components/checkbox/src/CheckboxGroup.tsx +++ b/packages/paste-core/components/checkbox/src/CheckboxGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { InlineControlGroup } from '@twilio-paste/inline-control-group'; import type { InlineControlGroupProps } from '@twilio-paste/inline-control-group'; +import * as React from 'react'; import type { CheckboxProps } from './Checkbox'; import { CheckboxContext } from './CheckboxContext'; diff --git a/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx b/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx index 6367fd92b8..f0a6a99015 100644 --- a/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx +++ b/packages/paste-core/components/checkbox/stories/checkbox.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Checkbox, CheckboxGroup, CheckboxDisclaimer } from '../src'; +import { Checkbox, CheckboxDisclaimer, CheckboxGroup } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/checkbox/stories/customization.stories.tsx b/packages/paste-core/components/checkbox/stories/customization.stories.tsx index 0f8ffafc42..e527c495d5 100644 --- a/packages/paste-core/components/checkbox/stories/customization.stories.tsx +++ b/packages/paste-core/components/checkbox/stories/customization.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Paragraph } from '@twilio-paste/paragraph'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Checkbox, CheckboxGroup, CheckboxDisclaimer } from '../src'; +import { Checkbox, CheckboxDisclaimer, CheckboxGroup } from '../src'; export const CustomizedCheckboxGroup: StoryFn = (_args, { parameters: { isTestEnvironment } }) => { const [checked1, setChecked1] = React.useState(true); diff --git a/packages/paste-core/components/code-block/__tests__/customization.spec.tsx b/packages/paste-core/components/code-block/__tests__/customization.spec.tsx index 2dee879d24..602416c6e2 100644 --- a/packages/paste-core/components/code-block/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/code-block/__tests__/customization.spec.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { render, screen } from '@testing-library/react'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { CodeBlock, - CodeBlockWrapper, CodeBlockHeader, - CodeBlockTabList, CodeBlockTab, + CodeBlockTabList, CodeBlockTabPanel, + CodeBlockWrapper, } from '../src'; const jsCode = `(num) => num + 1`; diff --git a/packages/paste-core/components/code-block/__tests__/index.spec.tsx b/packages/paste-core/components/code-block/__tests__/index.spec.tsx index eb21ba7a4d..086ce0c968 100644 --- a/packages/paste-core/components/code-block/__tests__/index.spec.tsx +++ b/packages/paste-core/components/code-block/__tests__/index.spec.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { CopyButton, getCopyButtonText } from '../src/CopyButton'; -import { ExternalLinkButton } from '../src/ExternalLinkButton'; import { CodeBlock, - CodeBlockWrapper, CodeBlockHeader, - CodeBlockTabList, CodeBlockTab, + CodeBlockTabList, CodeBlockTabPanel, + CodeBlockWrapper, } from '../src'; +import { CopyButton, getCopyButtonText } from '../src/CopyButton'; +import { ExternalLinkButton } from '../src/ExternalLinkButton'; const jsCode = `(num) => num + 1`; diff --git a/packages/paste-core/components/code-block/src/CodeBlock.tsx b/packages/paste-core/components/code-block/src/CodeBlock.tsx index bcfdd166ef..0602bdd5bb 100644 --- a/packages/paste-core/components/code-block/src/CodeBlock.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlock.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { SyntaxHighlighter } from '@twilio-paste/syntax-highlighter-library'; -import type { SnippetLanguages } from '@twilio-paste/syntax-highlighter-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import { SyntaxHighlighter } from '@twilio-paste/syntax-highlighter-library'; +import type { SnippetLanguages } from '@twilio-paste/syntax-highlighter-library'; +import * as React from 'react'; import { getPasteSyntaxTheme } from './CodeBlockTheme'; import { CopyButton } from './CopyButton'; diff --git a/packages/paste-core/components/code-block/src/CodeBlockHeader.tsx b/packages/paste-core/components/code-block/src/CodeBlockHeader.tsx index ed622b27fb..1d7c5894fb 100644 --- a/packages/paste-core/components/code-block/src/CodeBlockHeader.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlockHeader.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { asTags } from '@twilio-paste/heading'; +import * as React from 'react'; export interface CodeBlockHeaderProps extends Partial> { children: string; diff --git a/packages/paste-core/components/code-block/src/CodeBlockTab.tsx b/packages/paste-core/components/code-block/src/CodeBlockTab.tsx index ecb272c2e3..dbc06d8f66 100644 --- a/packages/paste-core/components/code-block/src/CodeBlockTab.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlockTab.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Tab } from '@twilio-paste/tabs'; import type { TabProps } from '@twilio-paste/tabs'; +import * as React from 'react'; export interface CodeBlockTabProps extends TabProps { element?: BoxProps['element']; diff --git a/packages/paste-core/components/code-block/src/CodeBlockTabList.tsx b/packages/paste-core/components/code-block/src/CodeBlockTabList.tsx index 22189adec9..51d7fab2c1 100644 --- a/packages/paste-core/components/code-block/src/CodeBlockTabList.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlockTabList.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { TabList } from '@twilio-paste/tabs'; import type { TabListProps } from '@twilio-paste/tabs'; +import * as React from 'react'; export interface CodeBlockTabListProps extends Omit { element?: BoxProps['element']; diff --git a/packages/paste-core/components/code-block/src/CodeBlockTabPanel.tsx b/packages/paste-core/components/code-block/src/CodeBlockTabPanel.tsx index 76f5058527..510cdbe6b0 100644 --- a/packages/paste-core/components/code-block/src/CodeBlockTabPanel.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlockTabPanel.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { TabPanel } from '@twilio-paste/tabs'; +import * as React from 'react'; export interface CodeBlockTabPanelProps extends Partial> { children?: React.ReactNode; diff --git a/packages/paste-core/components/code-block/src/CodeBlockWrapper.tsx b/packages/paste-core/components/code-block/src/CodeBlockWrapper.tsx index dc4d3b9167..a97cc1ac77 100644 --- a/packages/paste-core/components/code-block/src/CodeBlockWrapper.tsx +++ b/packages/paste-core/components/code-block/src/CodeBlockWrapper.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { Tabs } from '@twilio-paste/tabs'; import type { TabStateReturn } from '@twilio-paste/tabs'; +import * as React from 'react'; export interface CodeBlockTabStateReturn extends TabStateReturn { [key: string]: any; diff --git a/packages/paste-core/components/code-block/src/CopyButton.tsx b/packages/paste-core/components/code-block/src/CopyButton.tsx index 3e0fdc7999..71fcafaf07 100644 --- a/packages/paste-core/components/code-block/src/CopyButton.tsx +++ b/packages/paste-core/components/code-block/src/CopyButton.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; +import type { BoxProps } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { useClipboard } from '@twilio-paste/clipboard-copy-library'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { CopyIcon } from '@twilio-paste/icons/esm/CopyIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Tooltip, useTooltipState } from '@twilio-paste/tooltip'; -import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; interface CopyButtonProps { text: string; diff --git a/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx b/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx index cfa05e04a0..c67bbd4319 100644 --- a/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx +++ b/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Tooltip, useTooltipState } from '@twilio-paste/tooltip'; -import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; interface ExternalLinkButtonProps { href: string; diff --git a/packages/paste-core/components/code-block/stories/customization.stories.tsx b/packages/paste-core/components/code-block/stories/customization.stories.tsx index 056ea4a720..5a2db67835 100644 --- a/packages/paste-core/components/code-block/stories/customization.stories.tsx +++ b/packages/paste-core/components/code-block/stories/customization.stories.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { CodeBlock, - CodeBlockWrapper, CodeBlockHeader, - CodeBlockTabList, CodeBlockTab, + CodeBlockTabList, CodeBlockTabPanel, + CodeBlockWrapper, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/code-block/stories/index.stories.tsx b/packages/paste-core/components/code-block/stories/index.stories.tsx index 34cfa078bc..ff4a66cfc0 100644 --- a/packages/paste-core/components/code-block/stories/index.stories.tsx +++ b/packages/paste-core/components/code-block/stories/index.stories.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { CodeBlock, - CodeBlockWrapper, CodeBlockHeader, - CodeBlockTabList, CodeBlockTab, + CodeBlockTabList, CodeBlockTabPanel, + CodeBlockWrapper, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx index 3a18fb0e01..85d7bcc30f 100644 --- a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import filter from 'lodash/filter'; -import uniq from 'lodash/uniq'; -import { render, screen, fireEvent, waitFor } from '@testing-library/react'; -import userEvent from '@testing-library/user-event'; +import { fireEvent, render, screen, waitFor } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; +import userEvent from '@testing-library/user-event'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; -import { Box } from '@twilio-paste/box'; +import { Theme } from '@twilio-paste/theme'; +import filter from 'lodash/filter'; +import uniq from 'lodash/uniq'; +import * as React from 'react'; import type { useVirtual as _useVirtual } from 'react-virtual'; -import { useCombobox, Combobox } from '../src'; +import { Combobox, useCombobox } from '../src'; +import { getGroupedItems, getIndexedItems } from '../src/helpers'; import type { ComboboxProps } from '../src/types'; -import { getIndexedItems, getGroupedItems } from '../src/helpers'; type UseVirtual = typeof _useVirtual; diff --git a/packages/paste-core/components/combobox/__tests__/GrowingInput.spec.tsx b/packages/paste-core/components/combobox/__tests__/GrowingInput.spec.tsx index c83303d36e..d45f7cd9ac 100644 --- a/packages/paste-core/components/combobox/__tests__/GrowingInput.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/GrowingInput.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { GrowingInput } from '../src/multiselect/GrowingInput'; diff --git a/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx b/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx index d1f57146c7..14251f77ab 100644 --- a/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { render, act, screen, fireEvent } from '@testing-library/react'; +import { act, fireEvent, render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; -import { Form } from '@twilio-paste/form'; import { Button } from '@twilio-paste/button'; +import { Form } from '@twilio-paste/form'; +import { Theme } from '@twilio-paste/theme'; import filter from 'lodash/filter'; import uniq from 'lodash/uniq'; +import * as React from 'react'; import { MultiselectCombobox, useMultiselectCombobox } from '../src'; import type { MultiselectComboboxProps } from '../src'; diff --git a/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx b/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx index bec7312433..b6fde19c17 100644 --- a/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { Combobox } from '../src'; diff --git a/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx b/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx index fc348d2e49..d903678325 100644 --- a/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { MultiselectCombobox } from '../src'; diff --git a/packages/paste-core/components/combobox/__tests__/virtualization.spec.tsx b/packages/paste-core/components/combobox/__tests__/virtualization.spec.tsx index 0ffd4957cd..d7cb4b5a84 100644 --- a/packages/paste-core/components/combobox/__tests__/virtualization.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/virtualization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import { matchers } from '@emotion/jest'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; -import { matchers } from '@emotion/jest'; import { CustomizationProvider } from '@twilio-paste/customization'; -import type { useVirtual as UseVirtual, VirtualItem } from 'react-virtual/types'; +import * as React from 'react'; +import type { VirtualItem, useVirtual as UseVirtual } from 'react-virtual/types'; import { Combobox } from '../src'; diff --git a/packages/paste-core/components/combobox/src/ComboboxItems.tsx b/packages/paste-core/components/combobox/src/ComboboxItems.tsx index 1122a2f94f..2f0bae531b 100644 --- a/packages/paste-core/components/combobox/src/ComboboxItems.tsx +++ b/packages/paste-core/components/combobox/src/ComboboxItems.tsx @@ -1,11 +1,11 @@ +import { Box } from '@twilio-paste/box'; +import find from 'lodash/find'; import * as React from 'react'; import type { VirtualItem } from 'react-virtual'; -import find from 'lodash/find'; -import { Box } from '@twilio-paste/box'; -import { ComboboxListboxOption } from './styles/ComboboxListboxOption'; +import { getGroupedItems, getIndexedItems } from './helpers'; import { ComboboxListboxGroup } from './styles/ComboboxListboxGroup'; -import { getIndexedItems, getGroupedItems } from './helpers'; +import { ComboboxListboxOption } from './styles/ComboboxListboxOption'; import type { ComboboxItemsProps } from './types'; const ComboboxItems: React.FC< diff --git a/packages/paste-core/components/combobox/src/ListboxPositioner.tsx b/packages/paste-core/components/combobox/src/ListboxPositioner.tsx index b9307f3579..6e6b1f2709 100644 --- a/packages/paste-core/components/combobox/src/ListboxPositioner.tsx +++ b/packages/paste-core/components/combobox/src/ListboxPositioner.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { Box, type BoxStyleProps } from '@twilio-paste/box'; import { useRect } from '@radix-ui/react-use-rect'; +import { Box, type BoxStyleProps } from '@twilio-paste/box'; import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; interface ListBoxPositionerProps { children: React.ReactNode; diff --git a/packages/paste-core/components/combobox/src/helpers.tsx b/packages/paste-core/components/combobox/src/helpers.tsx index a6ced2785f..75751c8d63 100644 --- a/packages/paste-core/components/combobox/src/helpers.tsx +++ b/packages/paste-core/components/combobox/src/helpers.tsx @@ -1,7 +1,7 @@ +import type { BoxStyleProps } from '@twilio-paste/box'; import type { HelpTextVariants } from '@twilio-paste/help-text'; import type { InputVariants } from '@twilio-paste/input'; import groupBy from 'lodash/groupBy'; -import type { BoxStyleProps } from '@twilio-paste/box'; import type { Item } from './types'; diff --git a/packages/paste-core/components/combobox/src/multiselect/GrowingInput.tsx b/packages/paste-core/components/combobox/src/multiselect/GrowingInput.tsx index aa244ef470..df2fa7a3cf 100644 --- a/packages/paste-core/components/combobox/src/multiselect/GrowingInput.tsx +++ b/packages/paste-core/components/combobox/src/multiselect/GrowingInput.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Box } from '@twilio-paste/box'; import { InputElement } from '@twilio-paste/input'; +import * as React from 'react'; interface GrowingInputProps { initialValue?: string; diff --git a/packages/paste-core/components/combobox/src/multiselect/MultiselectCombobox.tsx b/packages/paste-core/components/combobox/src/multiselect/MultiselectCombobox.tsx index 1d6bd3db87..b5457d0ac3 100644 --- a/packages/paste-core/components/combobox/src/multiselect/MultiselectCombobox.tsx +++ b/packages/paste-core/components/combobox/src/multiselect/MultiselectCombobox.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; -import { useVirtual } from 'react-virtual'; -import includes from 'lodash/includes'; -import { useWindowSize } from '@twilio-paste/utils'; -import { useUID } from '@twilio-paste/uid-library'; -import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { FormPillGroup, FormPill, useFormPillState } from '@twilio-paste/form-pill-group'; import { useComboboxPrimitive } from '@twilio-paste/combobox-primitive'; +import { FormPill, FormPillGroup, useFormPillState } from '@twilio-paste/form-pill-group'; +import { HelpText } from '@twilio-paste/help-text'; +import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '@twilio-paste/input-box'; +import { Label } from '@twilio-paste/label'; import { Portal } from '@twilio-paste/reakit-library'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { useUID } from '@twilio-paste/uid-library'; +import { useWindowSize } from '@twilio-paste/utils'; +import includes from 'lodash/includes'; +import * as React from 'react'; +import { useVirtual } from 'react-virtual'; -import { GrowingInput } from './GrowingInput'; -import { extractPropsFromState } from './extractPropsFromState'; -import { ListBoxPositioner } from '../ListboxPositioner'; import { ComboboxItems } from '../ComboboxItems'; +import { ListBoxPositioner } from '../ListboxPositioner'; +import { getHelpTextVariant } from '../helpers'; import { ComboboxListbox } from '../styles/ComboboxListbox'; import type { MultiselectComboboxProps } from '../types'; -import { getHelpTextVariant } from '../helpers'; +import { GrowingInput } from './GrowingInput'; +import { extractPropsFromState } from './extractPropsFromState'; export const MultiselectCombobox = React.forwardRef( ( diff --git a/packages/paste-core/components/combobox/src/singleselect/Combobox.tsx b/packages/paste-core/components/combobox/src/singleselect/Combobox.tsx index 11ce2705e2..1bca27770c 100644 --- a/packages/paste-core/components/combobox/src/singleselect/Combobox.tsx +++ b/packages/paste-core/components/combobox/src/singleselect/Combobox.tsx @@ -1,24 +1,24 @@ -import * as React from 'react'; -import { useVirtual } from 'react-virtual'; -import { useUID } from '@twilio-paste/uid-library'; -import { useWindowSize } from '@twilio-paste/utils'; -import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { Box } from '@twilio-paste/box'; -import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '@twilio-paste/input-box'; -import { Label } from '@twilio-paste/label'; import { HelpText } from '@twilio-paste/help-text'; import type { HelpTextVariants } from '@twilio-paste/help-text'; +import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import type { InputVariants } from '@twilio-paste/input'; +import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '@twilio-paste/input-box'; +import { Label } from '@twilio-paste/label'; import { Portal } from '@twilio-paste/reakit-library'; +import { useUID } from '@twilio-paste/uid-library'; +import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; +import { useVirtual } from 'react-virtual'; +import { ComboboxItems } from '../ComboboxItems'; +import { ListBoxPositioner } from '../ListboxPositioner'; +import { visuallyHiddenStyles } from '../helpers'; import { ComboboxInputSelect } from '../styles/ComboboxInputSelect'; import { ComboboxInputWrapper } from '../styles/ComboboxInputWrapper'; import { ComboboxListbox } from '../styles/ComboboxListbox'; -import { ComboboxItems } from '../ComboboxItems'; import type { ComboboxProps } from '../types'; import { extractPropsFromState } from './extractPropsFromState'; -import { ListBoxPositioner } from '../ListboxPositioner'; -import { visuallyHiddenStyles } from '../helpers'; const getHelpTextVariant = (variant: InputVariants, hasError: boolean | undefined): HelpTextVariants => { if (hasError && variant === 'inverse') { diff --git a/packages/paste-core/components/combobox/src/singleselect/extractPropsFromState.tsx b/packages/paste-core/components/combobox/src/singleselect/extractPropsFromState.tsx index 9bc294cf38..b9c6b9d732 100644 --- a/packages/paste-core/components/combobox/src/singleselect/extractPropsFromState.tsx +++ b/packages/paste-core/components/combobox/src/singleselect/extractPropsFromState.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { useComboboxPrimitive } from '@twilio-paste/combobox-primitive'; import type { + UseComboboxPrimitiveReturnValue, UseComboboxPrimitiveState, UseComboboxPrimitiveStateChange, UseComboboxPrimitiveStateChangeOptions, - UseComboboxPrimitiveReturnValue, } from '@twilio-paste/combobox-primitive'; import isEmpty from 'lodash/isEmpty'; +import * as React from 'react'; import type { ComboboxProps } from '../types'; diff --git a/packages/paste-core/components/combobox/src/styles/ComboboxInputSelect.tsx b/packages/paste-core/components/combobox/src/styles/ComboboxInputSelect.tsx index 892a4a09f3..6cb667cbd4 100644 --- a/packages/paste-core/components/combobox/src/styles/ComboboxInputSelect.tsx +++ b/packages/paste-core/components/combobox/src/styles/ComboboxInputSelect.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { InputElement } from '@twilio-paste/input'; +import * as React from 'react'; import type { ComboboxProps } from '../types'; diff --git a/packages/paste-core/components/combobox/src/styles/ComboboxInputWrapper.tsx b/packages/paste-core/components/combobox/src/styles/ComboboxInputWrapper.tsx index 8be198667b..881c30e378 100644 --- a/packages/paste-core/components/combobox/src/styles/ComboboxInputWrapper.tsx +++ b/packages/paste-core/components/combobox/src/styles/ComboboxInputWrapper.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface ComboboxInputWrapperProps { children: NonNullable; diff --git a/packages/paste-core/components/combobox/src/styles/ComboboxListbox.tsx b/packages/paste-core/components/combobox/src/styles/ComboboxListbox.tsx index a430a21a0d..21bf963443 100644 --- a/packages/paste-core/components/combobox/src/styles/ComboboxListbox.tsx +++ b/packages/paste-core/components/combobox/src/styles/ComboboxListbox.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface ComboboxListboxProps extends Pick { children: NonNullable; diff --git a/packages/paste-core/components/combobox/src/styles/ComboboxListboxGroup.tsx b/packages/paste-core/components/combobox/src/styles/ComboboxListboxGroup.tsx index 0641d4d029..7c839adf3c 100644 --- a/packages/paste-core/components/combobox/src/styles/ComboboxListboxGroup.tsx +++ b/packages/paste-core/components/combobox/src/styles/ComboboxListboxGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { ComboboxProps } from '../types'; diff --git a/packages/paste-core/components/combobox/src/styles/ComboboxListboxOption.tsx b/packages/paste-core/components/combobox/src/styles/ComboboxListboxOption.tsx index 0a20b270bc..b304344fa0 100644 --- a/packages/paste-core/components/combobox/src/styles/ComboboxListboxOption.tsx +++ b/packages/paste-core/components/combobox/src/styles/ComboboxListboxOption.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { SelectedIcon } from '@twilio-paste/icons/esm/SelectedIcon'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; +import { SelectedIcon } from '@twilio-paste/icons/esm/SelectedIcon'; import type { PositionOptions } from '@twilio-paste/style-props'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { VirtualItem } from 'react-virtual'; export interface ComboboxListboxOptionProps extends Pick { diff --git a/packages/paste-core/components/combobox/src/types.ts b/packages/paste-core/components/combobox/src/types.ts index 0872ab48ec..f12c43d441 100644 --- a/packages/paste-core/components/combobox/src/types.ts +++ b/packages/paste-core/components/combobox/src/types.ts @@ -1,13 +1,13 @@ -import type React from 'react'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import type { UseComboboxPrimitiveProps, - UseComboboxPrimitiveState, UseComboboxPrimitiveReturnValue, + UseComboboxPrimitiveState, UseMultiSelectPrimitiveReturnValue, UseMultiSelectPrimitiveStateChange, } from '@twilio-paste/combobox-primitive'; -import type { InputVariants, InputProps } from '@twilio-paste/input'; +import type { InputProps, InputVariants } from '@twilio-paste/input'; +import type React from 'react'; import type { VirtualItem } from 'react-virtual'; export type { diff --git a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx index d32dbfa225..1135434f9b 100644 --- a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx +++ b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Stack } from '@twilio-paste/stack'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Card } from '@twilio-paste/card'; -import { Text } from '@twilio-paste/text'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Combobox } from '../src'; diff --git a/packages/paste-core/components/combobox/stories/Combobox.stories.tsx b/packages/paste-core/components/combobox/stories/Combobox.stories.tsx index 8a2916c59d..8c92647b7d 100644 --- a/packages/paste-core/components/combobox/stories/Combobox.stories.tsx +++ b/packages/paste-core/components/combobox/stories/Combobox.stories.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; -import _ from 'lodash'; -import type { StoryFn, Meta, StoryContext } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; +import type { Meta, StoryContext, StoryFn } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { Text } from '@twilio-paste/text'; -import { Select, Option } from '@twilio-paste/select'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; -import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { Button } from '@twilio-paste/button'; import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; -import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; +import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; +import { Label } from '@twilio-paste/label'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { Modal, ModalBody, ModalHeader, ModalHeading } from '@twilio-paste/modal'; +import { Option, Select } from '@twilio-paste/select'; +import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import _ from 'lodash'; +import * as React from 'react'; import { Combobox, useCombobox } from '../src'; diff --git a/packages/paste-core/components/combobox/stories/GrowingInput.stories.tsx b/packages/paste-core/components/combobox/stories/GrowingInput.stories.tsx index a04da98e3f..95a77479f9 100644 --- a/packages/paste-core/components/combobox/stories/GrowingInput.stories.tsx +++ b/packages/paste-core/components/combobox/stories/GrowingInput.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Label } from '@twilio-paste/label'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { GrowingInput } from '../src/multiselect/GrowingInput'; diff --git a/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx b/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx index eb3c9c3591..cdc01ed293 100644 --- a/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx +++ b/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Stack } from '@twilio-paste/stack'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Card } from '@twilio-paste/card'; -import { Text } from '@twilio-paste/text'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { MultiselectCombobox } from '../src'; diff --git a/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx b/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx index 7bd0aa3aba..c7927087cc 100644 --- a/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx +++ b/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; -import type { Meta, StoryFn, StoryContext } from '@storybook/react'; -import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; +import type { Meta, StoryContext, StoryFn } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; -import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; -import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; -import filter from 'lodash/filter'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { Form } from '@twilio-paste/form'; +import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; +import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { Modal, ModalBody, ModalHeader, ModalHeading } from '@twilio-paste/modal'; -import { Button } from '@twilio-paste/button'; +import { Text } from '@twilio-paste/text'; import { useUID } from '@twilio-paste/uid-library'; +import filter from 'lodash/filter'; +import * as React from 'react'; import { MultiselectCombobox, useMultiselectCombobox } from '../src'; diff --git a/packages/paste-core/components/data-grid/__tests__/cell-management.spec.ts b/packages/paste-core/components/data-grid/__tests__/cell-management.spec.ts index 864f22c0dc..84b50c4fd4 100644 --- a/packages/paste-core/components/data-grid/__tests__/cell-management.spec.ts +++ b/packages/paste-core/components/data-grid/__tests__/cell-management.spec.ts @@ -1,8 +1,8 @@ import { - isCell, + delayedSetFocusable, getClosestCellFrom, + isCell, updateTabIndexForActionable, - delayedSetFocusable, } from '../src/utils/cell-management'; describe('cell-management utils', () => { diff --git a/packages/paste-core/components/data-grid/__tests__/customization.spec.tsx b/packages/paste-core/components/data-grid/__tests__/customization.spec.tsx index 0798268b44..75737a74c9 100644 --- a/packages/paste-core/components/data-grid/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/data-grid/__tests__/customization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { render } from '@testing-library/react'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { PlainDataGrid } from '../stories/components/PlainDataGrid'; import { customElementStyles } from '../stories/components/CustomizableDataGrid'; +import { PlainDataGrid } from '../stories/components/PlainDataGrid'; describe('Data Grid Customization', () => { it('can be customized generically', () => { diff --git a/packages/paste-core/components/data-grid/__tests__/index.spec.tsx b/packages/paste-core/components/data-grid/__tests__/index.spec.tsx index 9bc8e3d0ff..a60c893b00 100644 --- a/packages/paste-core/components/data-grid/__tests__/index.spec.tsx +++ b/packages/paste-core/components/data-grid/__tests__/index.spec.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { act, render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +import { Button } from '@twilio-paste/button'; +import * as React from 'react'; -import { DataGridCell, DataGridHeaderSort, DataGridHeader } from '../src'; +import { DataGridCell, DataGridHeader, DataGridHeaderSort } from '../src'; import { ColumnSpanDataGrid, ComposableCellsDataGrid, - SortableColumnsDataGrid, PaginatedDataGrid, PlainDataGrid, + SortableColumnsDataGrid, } from '../stories/index.stories'; const checkTagName = (el: Element, name: string): void => expect(el.tagName).toBe(name.toUpperCase()); diff --git a/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx b/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx index 6f58466533..2e0dbf12cb 100644 --- a/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx +++ b/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx @@ -1,9 +1,9 @@ +import { render, screen } from '@testing-library/react'; /* * Copied from Reakit and modified to work in Paste * https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit-utils/src/__tests__/hasFocus-test.tsx */ import * as React from 'react'; -import { render, screen } from '@testing-library/react'; import { hasFocus } from '../src/utils/reakit/reakit-hasFocus'; diff --git a/packages/paste-core/components/data-grid/src/DataGrid.tsx b/packages/paste-core/components/data-grid/src/DataGrid.tsx index 792e0e6d56..50b5ab3ecd 100644 --- a/packages/paste-core/components/data-grid/src/DataGrid.tsx +++ b/packages/paste-core/components/data-grid/src/DataGrid.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { useCompositeState, Composite } from '@twilio-paste/reakit-library'; +import { Composite, useCompositeState } from '@twilio-paste/reakit-library'; import { Table } from '@twilio-paste/table'; import type { TableProps } from '@twilio-paste/table'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { DataGridContext } from './DataGridContext'; import { + delayedSetFocusable, ensureFocus, getActiveElement, - getFirstFocusableIn, getClosestCellFrom, getClosestGridCellFromCurrentFocus, + getFirstFocusableIn, isCell, - delayedSetFocusable, } from './utils'; export interface DataGridProps extends TableProps { diff --git a/packages/paste-core/components/data-grid/src/DataGridBody.tsx b/packages/paste-core/components/data-grid/src/DataGridBody.tsx index 118c57bfff..6bb5f1f0ee 100644 --- a/packages/paste-core/components/data-grid/src/DataGridBody.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridBody.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { TBody } from '@twilio-paste/table'; import type { TBodyProps } from '@twilio-paste/table'; +import * as React from 'react'; /** * DataGrid body wrapper component. diff --git a/packages/paste-core/components/data-grid/src/DataGridCell.tsx b/packages/paste-core/components/data-grid/src/DataGridCell.tsx index 6c516bc282..245d4ade2e 100644 --- a/packages/paste-core/components/data-grid/src/DataGridCell.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridCell.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; import { CompositeItem } from '@twilio-paste/reakit-library'; import { useMutationObservable } from '@twilio-paste/utils'; import isElement from 'lodash/isElement'; +import * as React from 'react'; import { DataGridContext } from './DataGridContext'; -import { updateTabIndexForActionable, isCell, ensureFocus } from './utils'; import { Td } from './table/Td'; -import { Th } from './table/Th'; import type { TdProps } from './table/Td'; +import { Th } from './table/Th'; +import { ensureFocus, isCell, updateTabIndexForActionable } from './utils'; // This module can only be referenced with ECMAScript imports/exports by turning on the 'esModuleInterop' flag and referencing its default export diff --git a/packages/paste-core/components/data-grid/src/DataGridContext.tsx b/packages/paste-core/components/data-grid/src/DataGridContext.tsx index 74a60f1985..de92256625 100644 --- a/packages/paste-core/components/data-grid/src/DataGridContext.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { CompositeStateReturn } from '@twilio-paste/reakit-library'; +import * as React from 'react'; interface DataGridState extends Partial { actionable: boolean; diff --git a/packages/paste-core/components/data-grid/src/DataGridFoot.tsx b/packages/paste-core/components/data-grid/src/DataGridFoot.tsx index 2d190107ea..e2cdd81bf8 100644 --- a/packages/paste-core/components/data-grid/src/DataGridFoot.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridFoot.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { TFoot } from '@twilio-paste/table'; import type { TFootProps } from '@twilio-paste/table'; +import * as React from 'react'; /** * DataGrid foot wrapper component. diff --git a/packages/paste-core/components/data-grid/src/DataGridHead.tsx b/packages/paste-core/components/data-grid/src/DataGridHead.tsx index 9991790686..81d5158fbb 100644 --- a/packages/paste-core/components/data-grid/src/DataGridHead.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridHead.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { THead } from '@twilio-paste/table'; import type { THeadProps } from '@twilio-paste/table'; +import * as React from 'react'; /** * DataGrid head wrapper component. diff --git a/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx b/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx index 0c93974967..cac6a1a84f 100644 --- a/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { ArrowDownIcon } from '@twilio-paste/icons/esm/ArrowDownIcon'; import { ArrowUpIcon } from '@twilio-paste/icons/esm/ArrowUpIcon'; import { UnsortedIcon } from '@twilio-paste/icons/esm/UnsortedIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; export type SortDirection = 'ascending' | 'descending' | 'none'; diff --git a/packages/paste-core/components/data-grid/src/DataGridRow.tsx b/packages/paste-core/components/data-grid/src/DataGridRow.tsx index 5338d2475d..7dbd35b6a8 100644 --- a/packages/paste-core/components/data-grid/src/DataGridRow.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridRow.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; import { CompositeGroup } from '@twilio-paste/reakit-library'; +import * as React from 'react'; -import { Tr } from './table/Tr'; import { DataGridContext } from './DataGridContext'; +import { Tr } from './table/Tr'; export interface DataGridRowProps { children: NonNullable; diff --git a/packages/paste-core/components/data-grid/src/table/Td.tsx b/packages/paste-core/components/data-grid/src/table/Td.tsx index 9e3543b84e..99a2dbe022 100644 --- a/packages/paste-core/components/data-grid/src/table/Td.tsx +++ b/packages/paste-core/components/data-grid/src/table/Td.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { TdProps as TableTdProps } from '@twilio-paste/table'; +import * as React from 'react'; export interface TdProps extends TableTdProps { onClick?: React.MouseEventHandler; diff --git a/packages/paste-core/components/data-grid/src/table/Th.tsx b/packages/paste-core/components/data-grid/src/table/Th.tsx index ac846caadc..71fdef174e 100644 --- a/packages/paste-core/components/data-grid/src/table/Th.tsx +++ b/packages/paste-core/components/data-grid/src/table/Th.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { ThProps as TableThProps } from '@twilio-paste/table'; +import * as React from 'react'; export interface ThProps extends TableThProps { onClick?: React.MouseEventHandler; diff --git a/packages/paste-core/components/data-grid/src/table/Tr.tsx b/packages/paste-core/components/data-grid/src/table/Tr.tsx index a8e57ab7bd..51637d6c72 100644 --- a/packages/paste-core/components/data-grid/src/table/Tr.tsx +++ b/packages/paste-core/components/data-grid/src/table/Tr.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { styled, css } from '@twilio-paste/styling-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { css, styled } from '@twilio-paste/styling-library'; import type { TrProps as TableTrProps } from '@twilio-paste/table'; +import * as React from 'react'; export interface TrProps extends TableTrProps { role: string; diff --git a/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx index 912aa53916..9260068224 100644 --- a/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; -import { DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell } from '../../src'; +import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from '../../src'; import { TableBodyData } from './constants'; export const ColumnSpanDataGrid: React.FC> = ({ diff --git a/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx index 5102d549d6..5f746bb326 100644 --- a/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Input } from '@twilio-paste/input'; -import { Menu, useMenuState, MenuButton, MenuItem, MenuSeparator } from '@twilio-paste/menu'; import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; -import { Select, Option } from '@twilio-paste/select'; +import { Input } from '@twilio-paste/input'; +import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +import { Option, Select } from '@twilio-paste/select'; +import * as React from 'react'; -import { DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell } from '../../src'; -import { TableHeaderData, TableBodyData } from './constants'; +import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from '../../src'; +import { TableBodyData, TableHeaderData } from './constants'; const ActionMenu = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx index c70ca69bd2..cedb514d5d 100644 --- a/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; import { Stack } from '@twilio-paste/stack'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { PlainDataGrid } from './PlainDataGrid'; diff --git a/packages/paste-core/components/data-grid/stories/components/DataGridLayouts.tsx b/packages/paste-core/components/data-grid/stories/components/DataGridLayouts.tsx index 0f58af41bf..192af1523a 100644 --- a/packages/paste-core/components/data-grid/stories/components/DataGridLayouts.tsx +++ b/packages/paste-core/components/data-grid/stories/components/DataGridLayouts.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; -import { Stack } from '@twilio-paste/stack'; +import { Button } from '@twilio-paste/button'; import { Heading } from '@twilio-paste/heading'; -import { Anchor } from '@twilio-paste/anchor'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; import { Truncate } from '@twilio-paste/truncate'; -import { Button } from '@twilio-paste/button'; +import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, DataGridBody, DataGridCell, DataGridFoot, + DataGridHead, + DataGridHeader, + DataGridRow, } from '../../src'; export const DataGridLayouts = (): React.ReactNode => { diff --git a/packages/paste-core/components/data-grid/stories/components/I18nDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/I18nDataGrid.tsx index ab26748150..2bf0969fdf 100644 --- a/packages/paste-core/components/data-grid/stories/components/I18nDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/I18nDataGrid.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { DataGrid, + DataGridBody, + DataGridCell, DataGridHead, - DataGridRow, DataGridHeader, DataGridHeaderSort, - DataGridBody, - DataGridCell, + DataGridRow, } from '../../src'; import type { SortDirection } from '../../src'; -import { I18nTableHeaderData, I18nTableBodyData } from './constants'; +import { I18nTableBodyData, I18nTableHeaderData } from './constants'; // Sorting function const simpleComparator = (a: string[], b: string[], ascending: boolean, columnId: number): number => { diff --git a/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx index 3a3fc3694e..53586f479d 100644 --- a/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx @@ -1,29 +1,29 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import { Checkbox, CheckboxGroup } from '@twilio-paste/checkbox'; import { Input } from '@twilio-paste/input'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { CheckboxGroup, Checkbox } from '@twilio-paste/checkbox'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; import { Pagination, - PaginationItems, PaginationArrow, - PaginationNumbers, - PaginationNumber, PaginationEllipsis, + PaginationItems, + PaginationNumber, + PaginationNumbers, } from '@twilio-paste/pagination'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { SortDirection } from '../../src'; import { DataGrid, + DataGridBody, + DataGridCell, DataGridHead, - DataGridRow, DataGridHeader, DataGridHeaderSort, - DataGridBody, - DataGridCell, + DataGridRow, } from '../../src'; -import { TableHeaderData, PaginatedTableBodyData } from './constants'; +import { PaginatedTableBodyData, TableHeaderData } from './constants'; // Sorting function const simpleComparator = (a: string[], b: string[], ascending: boolean, columnId: number): number => { diff --git a/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx index 3b12fb36e4..e4bf227f21 100644 --- a/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { SkeletonLoader } from '@twilio-paste/skeleton-loader'; +import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, DataGridBody, DataGridCell, DataGridFoot, + DataGridHead, + DataGridHeader, + DataGridRow, } from '../../src'; -import { TableHeaderData, TableBodyData } from './constants'; +import { TableBodyData, TableHeaderData } from './constants'; export const LoadingDataGrid = (): JSX.Element => { // Used for random looking column widths diff --git a/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx index 530542b71f..98beb68ac0 100644 --- a/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { CheckboxGroup, Checkbox } from '@twilio-paste/checkbox'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import { Checkbox, CheckboxGroup } from '@twilio-paste/checkbox'; import { Pagination, - PaginationItems, PaginationArrow, - PaginationNumbers, - PaginationNumber, PaginationEllipsis, + PaginationItems, + PaginationNumber, + PaginationNumbers, } from '@twilio-paste/pagination'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell } from '../../src'; -import { TableHeaderData, PaginatedTableBodyData } from './constants'; +import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from '../../src'; +import { PaginatedTableBodyData, TableHeaderData } from './constants'; const getRange = (start: number, end: number): number[] => { return [...new Array(end - start + 1)].map((_, index) => index + start); diff --git a/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx index be0ccef6a0..c3adcc6bc3 100644 --- a/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; import type { BoxProps } from '@twilio-paste/box'; import { Paragraph } from '@twilio-paste/paragraph'; +import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, DataGridBody, DataGridCell, DataGridFoot, + DataGridHead, + DataGridHeader, + DataGridRow, } from '../../src'; -import { TableHeaderData, TableBodyData } from './constants'; +import { TableBodyData, TableHeaderData } from './constants'; export const PlainDataGrid: React.FC> = ({ element = 'DATA_GRID', diff --git a/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx index 0ccd0d67f7..4f9db31062 100644 --- a/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import { Checkbox, CheckboxGroup } from '@twilio-paste/checkbox'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { CheckboxGroup, Checkbox } from '@twilio-paste/checkbox'; import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell } from '../../src'; -import { TableHeaderData, TableBodyData } from './constants'; +import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from '../../src'; +import { TableBodyData, TableHeaderData } from './constants'; interface CheckboxCellProps { onClick: (checked: boolean) => void; diff --git a/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx index 4d3565f0b5..e1b14e0f06 100644 --- a/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, - DataGridHeaderSort, DataGridBody, DataGridCell, DataGridFoot, + DataGridHead, + DataGridHeader, + DataGridHeaderSort, + DataGridRow, } from '../../src'; import type { SortDirection } from '../../src'; -import { TableHeaderData, TableBodyData } from './constants'; +import { TableBodyData, TableHeaderData } from './constants'; // Sorting function const simpleComparator = (a: string[], b: string[], ascending: boolean, columnId: number): number => { diff --git a/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx index 4b2f3dd8c8..0f01923f87 100644 --- a/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, DataGridBody, DataGridCell, DataGridFoot, + DataGridHead, + DataGridHeader, + DataGridRow, } from '../../src'; export const StickyHeaderDataGrid: React.FC> = ({ diff --git a/packages/paste-core/components/date-picker/__tests__/index.spec.tsx b/packages/paste-core/components/date-picker/__tests__/index.spec.tsx index 472479c1c5..a2797e43d0 100644 --- a/packages/paste-core/components/date-picker/__tests__/index.spec.tsx +++ b/packages/paste-core/components/date-picker/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { render, screen } from '@testing-library/react'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { formatReturnDate } from '../src'; import { diff --git a/packages/paste-core/components/date-picker/src/DatePicker.tsx b/packages/paste-core/components/date-picker/src/DatePicker.tsx index c29300a995..c98f796e90 100644 --- a/packages/paste-core/components/date-picker/src/DatePicker.tsx +++ b/packages/paste-core/components/date-picker/src/DatePicker.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { InputProps } from '@twilio-paste/input'; import { Input } from '@twilio-paste/input'; +import * as React from 'react'; export type DatePickerProps = Omit; diff --git a/packages/paste-core/components/date-picker/stories/index.stories.tsx b/packages/paste-core/components/date-picker/stories/index.stories.tsx index c3c4c38a93..9761246d5c 100644 --- a/packages/paste-core/components/date-picker/stories/index.stories.tsx +++ b/packages/paste-core/components/date-picker/stories/index.stories.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; import { Combobox } from '@twilio-paste/combobox'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; import { Stack } from '@twilio-paste/stack'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { DatePicker, formatReturnDate } from '../src'; import type { DatePickerProps } from '../src'; diff --git a/packages/paste-core/components/description-list/__tests__/index.spec.tsx b/packages/paste-core/components/description-list/__tests__/index.spec.tsx index 63eb849df4..4a0375af02 100644 --- a/packages/paste-core/components/description-list/__tests__/index.spec.tsx +++ b/packages/paste-core/components/description-list/__tests__/index.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { DescriptionList, DescriptionListSet, DescriptionListTerm, DescriptionListDetails } from '../src'; +import { DescriptionList, DescriptionListDetails, DescriptionListSet, DescriptionListTerm } from '../src'; const FONT_WEIGHT = 'font-weight'; const MARGIN_LEFT = 'margin-left'; diff --git a/packages/paste-core/components/description-list/src/DescriptionList.tsx b/packages/paste-core/components/description-list/src/DescriptionList.tsx index d4941d6a42..deb6cdaa82 100644 --- a/packages/paste-core/components/description-list/src/DescriptionList.tsx +++ b/packages/paste-core/components/description-list/src/DescriptionList.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface DescriptionListProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/description-list/src/DescriptionListDetails.tsx b/packages/paste-core/components/description-list/src/DescriptionListDetails.tsx index 2c2b3621dd..f49a66feb3 100644 --- a/packages/paste-core/components/description-list/src/DescriptionListDetails.tsx +++ b/packages/paste-core/components/description-list/src/DescriptionListDetails.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface DescriptionListDetailsProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/description-list/src/DescriptionListSet.tsx b/packages/paste-core/components/description-list/src/DescriptionListSet.tsx index 0d7a1388a7..e49d47dbf1 100644 --- a/packages/paste-core/components/description-list/src/DescriptionListSet.tsx +++ b/packages/paste-core/components/description-list/src/DescriptionListSet.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; export const StyledDescriptionListSet = styled.div( css({ diff --git a/packages/paste-core/components/description-list/src/DescriptionListTerm.tsx b/packages/paste-core/components/description-list/src/DescriptionListTerm.tsx index 1517f752b7..cf3b3cc72e 100644 --- a/packages/paste-core/components/description-list/src/DescriptionListTerm.tsx +++ b/packages/paste-core/components/description-list/src/DescriptionListTerm.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface DescriptionListTermProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/description-list/stories/index.stories.tsx b/packages/paste-core/components/description-list/stories/index.stories.tsx index e532407a30..7a14dd923a 100644 --- a/packages/paste-core/components/description-list/stories/index.stories.tsx +++ b/packages/paste-core/components/description-list/stories/index.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { ProcessSuccessIcon } from '@twilio-paste/icons/esm/ProcessSuccessIcon'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { DescriptionList, DescriptionListSet, DescriptionListTerm, DescriptionListDetails } from '../src'; +import { DescriptionList, DescriptionListDetails, DescriptionListSet, DescriptionListTerm } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/detail-text/__tests__/index.spec.tsx b/packages/paste-core/components/detail-text/__tests__/index.spec.tsx index 662aeee182..df3c2a1223 100644 --- a/packages/paste-core/components/detail-text/__tests__/index.spec.tsx +++ b/packages/paste-core/components/detail-text/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { DetailText } from '../src'; diff --git a/packages/paste-core/components/detail-text/src/index.tsx b/packages/paste-core/components/detail-text/src/index.tsx index 756a44ff65..7084546337 100644 --- a/packages/paste-core/components/detail-text/src/index.tsx +++ b/packages/paste-core/components/detail-text/src/index.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface DetailTextProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/detail-text/stories/index.stories.tsx b/packages/paste-core/components/detail-text/stories/index.stories.tsx index 5a2ceea83f..4a41c81c57 100644 --- a/packages/paste-core/components/detail-text/stories/index.stories.tsx +++ b/packages/paste-core/components/detail-text/stories/index.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { DetailText } from '../src'; diff --git a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx index b7ea05ae0a..3a3c647702 100644 --- a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx +++ b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Disclosure, DisclosureContent, DisclosureHeading, useDisclosureState } from '../src'; import type { DisclosureHeadingProps, DisclosureProps } from '../src'; diff --git a/packages/paste-core/components/disclosure/src/Disclosure.tsx b/packages/paste-core/components/disclosure/src/Disclosure.tsx index 14f127a436..06e9c63402 100644 --- a/packages/paste-core/components/disclosure/src/Disclosure.tsx +++ b/packages/paste-core/components/disclosure/src/Disclosure.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { useDisclosurePrimitiveState } from '@twilio-paste/disclosure-primitive'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import { useDisclosurePrimitiveState } from '@twilio-paste/disclosure-primitive'; import type { DisclosurePrimitiveInitialState } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; import { DisclosureContext } from './DisclosureContext'; -import type { DisclosureVariants, DisclosureStateReturn } from './types'; +import type { DisclosureStateReturn, DisclosureVariants } from './types'; export interface DisclosureProps extends DisclosurePrimitiveInitialState, Pick { children: NonNullable; diff --git a/packages/paste-core/components/disclosure/src/DisclosureContent.tsx b/packages/paste-core/components/disclosure/src/DisclosureContent.tsx index 07a0686905..e7f9e5112c 100644 --- a/packages/paste-core/components/disclosure/src/DisclosureContent.tsx +++ b/packages/paste-core/components/disclosure/src/DisclosureContent.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { useSpring, animated } from '@twilio-paste/animation-library'; +import { animated, useSpring } from '@twilio-paste/animation-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { DisclosurePrimitiveContent } from '@twilio-paste/disclosure-primitive'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import { DisclosurePrimitiveContent } from '@twilio-paste/disclosure-primitive'; import type { DisclosurePrimitiveContentProps } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; import { DisclosureContext } from './DisclosureContext'; diff --git a/packages/paste-core/components/disclosure/src/DisclosureContext.tsx b/packages/paste-core/components/disclosure/src/DisclosureContext.tsx index 389ee44e4a..33e8855663 100644 --- a/packages/paste-core/components/disclosure/src/DisclosureContext.tsx +++ b/packages/paste-core/components/disclosure/src/DisclosureContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { DisclosurePrimitveStateReturn } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; import type { DisclosureVariants } from './types'; diff --git a/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx b/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx index 218ee1af0c..d3af4e3a58 100644 --- a/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx +++ b/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; -import { useTheme } from '@twilio-paste/theme'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { Heading } from '@twilio-paste/heading'; -import { ChevronDisclosureIcon } from '@twilio-paste/icons/esm/ChevronDisclosureIcon'; -import { DisclosurePrimitive } from '@twilio-paste/disclosure-primitive'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; -import type { HeadingProps } from '@twilio-paste/heading'; +import { DisclosurePrimitive } from '@twilio-paste/disclosure-primitive'; import type { DisclosurePrimitiveProps } from '@twilio-paste/disclosure-primitive'; +import { Heading } from '@twilio-paste/heading'; +import type { HeadingProps } from '@twilio-paste/heading'; +import { ChevronDisclosureIcon } from '@twilio-paste/icons/esm/ChevronDisclosureIcon'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { DisclosureContext } from './DisclosureContext'; -import type { DisclosureVariants } from './types'; import { IconSizeFromHeading } from './constants'; +import type { DisclosureVariants } from './types'; const baseContainedStyles: BoxStyleProps = { borderWidth: 'borderWidth10', diff --git a/packages/paste-core/components/disclosure/stories/index.stories.tsx b/packages/paste-core/components/disclosure/stories/index.stories.tsx index 58973e8f56..3b4a37f0bc 100644 --- a/packages/paste-core/components/disclosure/stories/index.stories.tsx +++ b/packages/paste-core/components/disclosure/stories/index.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Box } from '@twilio-paste/box'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { ProductInternetOfThingsIcon } from '@twilio-paste/icons/esm/ProductInternetOfThingsIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; +import { useTheme } from '@twilio-paste/theme'; import { Truncate } from '@twilio-paste/truncate'; -import { Paragraph } from '@twilio-paste/paragraph'; -import { ProductInternetOfThingsIcon } from '@twilio-paste/icons/esm/ProductInternetOfThingsIcon'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; +import * as React from 'react'; import { Disclosure, DisclosureContent, DisclosureHeading, useDisclosureState } from '../src'; import type { DisclosureHeadingProps, DisclosureInitialState, DisclosureStateReturn, DisclosureVariants } from '../src'; diff --git a/packages/paste-core/components/display-heading/__tests__/index.spec.tsx b/packages/paste-core/components/display-heading/__tests__/index.spec.tsx index f7b6be1833..91c1f6961b 100644 --- a/packages/paste-core/components/display-heading/__tests__/index.spec.tsx +++ b/packages/paste-core/components/display-heading/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { DisplayHeading } from '../src'; diff --git a/packages/paste-core/components/display-heading/src/index.tsx b/packages/paste-core/components/display-heading/src/index.tsx index d925146596..880cc89b9f 100644 --- a/packages/paste-core/components/display-heading/src/index.tsx +++ b/packages/paste-core/components/display-heading/src/index.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; import type { TextProps, TextStyleProps } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; type DisplayHeadingVariants = 'displayHeading10' | 'displayHeading20' | 'displayHeading30'; type AsTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span' | 'header'; diff --git a/packages/paste-core/components/display-heading/stories/index.stories.tsx b/packages/paste-core/components/display-heading/stories/index.stories.tsx index 722d49b358..7ec0af4465 100644 --- a/packages/paste-core/components/display-heading/stories/index.stories.tsx +++ b/packages/paste-core/components/display-heading/stories/index.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { DisplayHeading } from '../src'; diff --git a/packages/paste-core/components/display-pill-group/__tests__/index.spec.tsx b/packages/paste-core/components/display-pill-group/__tests__/index.spec.tsx index 1ba0a5b28b..535d6d72af 100644 --- a/packages/paste-core/components/display-pill-group/__tests__/index.spec.tsx +++ b/packages/paste-core/components/display-pill-group/__tests__/index.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { DisplayPillGroup, DisplayPill } from '../src'; -import { Basic } from '../stories/index.stories'; +import { DisplayPill, DisplayPillGroup } from '../src'; import { CustomDisplayPillGroup } from '../stories/customization.stories'; +import { Basic } from '../stories/index.stories'; describe('DisplayPillGroup', () => { // Verifies that the correct aria attributes and semantics are met diff --git a/packages/paste-core/components/display-pill-group/src/DisplayPill.tsx b/packages/paste-core/components/display-pill-group/src/DisplayPill.tsx index 026d721a5d..eb218f18b7 100644 --- a/packages/paste-core/components/display-pill-group/src/DisplayPill.tsx +++ b/packages/paste-core/components/display-pill-group/src/DisplayPill.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { secureExternalLink } from '@twilio-paste/anchor'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; -import { secureExternalLink } from '@twilio-paste/anchor'; +import * as React from 'react'; type DisplayPillProps = HTMLPasteProps<'a'> & Pick; diff --git a/packages/paste-core/components/display-pill-group/src/DisplayPillGroup.tsx b/packages/paste-core/components/display-pill-group/src/DisplayPillGroup.tsx index d73499e026..32ada1fb56 100644 --- a/packages/paste-core/components/display-pill-group/src/DisplayPillGroup.tsx +++ b/packages/paste-core/components/display-pill-group/src/DisplayPillGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface DisplayPillGroupProps extends HTMLPasteProps<'ol'> { 'aria-label': string; diff --git a/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx b/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx index 94437d4be2..ff8beb9b9e 100644 --- a/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx +++ b/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { DisplayPillGroup } from '../src/DisplayPillGroup'; import { DisplayPill } from '../src/DisplayPill'; +import { DisplayPillGroup } from '../src/DisplayPillGroup'; export const CustomDisplayPillGroup = (): JSX.Element => { const currentTheme = useTheme(); diff --git a/packages/paste-core/components/display-pill-group/stories/index.stories.tsx b/packages/paste-core/components/display-pill-group/stories/index.stories.tsx index c12e2b7f20..fe3a09504b 100644 --- a/packages/paste-core/components/display-pill-group/stories/index.stories.tsx +++ b/packages/paste-core/components/display-pill-group/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; +import { Avatar } from '@twilio-paste/avatar'; import { Box } from '@twilio-paste/box'; import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; -import { Avatar } from '@twilio-paste/avatar'; +import * as React from 'react'; -import { DisplayPillGroup } from '../src/DisplayPillGroup'; import { DisplayPill } from '../src/DisplayPill'; +import { DisplayPillGroup } from '../src/DisplayPillGroup'; export const Basic = (): JSX.Element => { return ( diff --git a/packages/paste-core/components/editable-code-block/src/EditableCodeBlock.tsx b/packages/paste-core/components/editable-code-block/src/EditableCodeBlock.tsx index 349439b8e0..6c8127d978 100644 --- a/packages/paste-core/components/editable-code-block/src/EditableCodeBlock.tsx +++ b/packages/paste-core/components/editable-code-block/src/EditableCodeBlock.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import { Box, type BoxProps } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; import { CodeEditor, CodeEditorPasteTheme, type CodeEditorProps, type Editor, - type Monaco, - type IRange, type IMarkdownString, + type IRange, + type Monaco, } from '@twilio-paste/code-editor-library'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Spinner } from '@twilio-paste/spinner'; import { StylingGlobals } from '@twilio-paste/styling-library'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; const EditableCodeblockLoadingMessage: React.FC<{ i18nLoadingLabel: string }> = ({ i18nLoadingLabel }) => ( <> diff --git a/packages/paste-core/components/editable-code-block/src/EditableCodeBlockHeader.tsx b/packages/paste-core/components/editable-code-block/src/EditableCodeBlockHeader.tsx index 6a03e95200..998ad73f3d 100644 --- a/packages/paste-core/components/editable-code-block/src/EditableCodeBlockHeader.tsx +++ b/packages/paste-core/components/editable-code-block/src/EditableCodeBlockHeader.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps, type BoxProps } from '@twilio-paste/box'; +import { Box, type BoxProps, safelySpreadBoxProps } from '@twilio-paste/box'; import type { asTags } from '@twilio-paste/heading'; +import * as React from 'react'; export interface EditableCodeBlockHeaderProps extends Partial> { children: string; diff --git a/packages/paste-core/components/editable-code-block/src/EditableCodeBlockWrapper.tsx b/packages/paste-core/components/editable-code-block/src/EditableCodeBlockWrapper.tsx index a3f6069ad8..735cbd9345 100644 --- a/packages/paste-core/components/editable-code-block/src/EditableCodeBlockWrapper.tsx +++ b/packages/paste-core/components/editable-code-block/src/EditableCodeBlockWrapper.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; const StyledEditableCodeBlockWrapper = styled(Box)( css({ diff --git a/packages/paste-core/components/editable-code-block/stories/index.stories.tsx b/packages/paste-core/components/editable-code-block/stories/index.stories.tsx index 5e2f074f0c..0d9f651129 100644 --- a/packages/paste-core/components/editable-code-block/stories/index.stories.tsx +++ b/packages/paste-core/components/editable-code-block/stories/index.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { Stack } from '@twilio-paste/stack'; import { Callout, CalloutHeading, CalloutText } from '@twilio-paste/callout'; -import { RadioButtonGroup, RadioButton } from '@twilio-paste/radio-button-group'; +import { RadioButton, RadioButtonGroup } from '@twilio-paste/radio-button-group'; +import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; -import { EditableCodeBlockHeader, EditableCodeBlockWrapper, EditableCodeBlock } from '../src'; +import { EditableCodeBlock, EditableCodeBlockHeader, EditableCodeBlockWrapper } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/file-picker/__tests__/index.spec.tsx b/packages/paste-core/components/file-picker/__tests__/index.spec.tsx index 0e43413624..336804aca4 100644 --- a/packages/paste-core/components/file-picker/__tests__/index.spec.tsx +++ b/packages/paste-core/components/file-picker/__tests__/index.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { fireEvent, render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { Default, Disabled, Required, Customized } from '../stories/index.stories'; +import { Customized, Default, Disabled, Required } from '../stories/index.stories'; const ThemeWrapper: RenderOptions['wrapper'] = ({ children }) => ( {children} diff --git a/packages/paste-core/components/file-picker/src/FilePicker.tsx b/packages/paste-core/components/file-picker/src/FilePicker.tsx index 3b3462758c..7e36b1125e 100644 --- a/packages/paste-core/components/file-picker/src/FilePicker.tsx +++ b/packages/paste-core/components/file-picker/src/FilePicker.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Text } from '@twilio-paste/text'; -import { useUID } from '@twilio-paste/uid-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { SiblingBox } from '@twilio-paste/sibling-box'; import type { TextColor } from '@twilio-paste/style-props'; +import { Text } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface FilePickerProps extends HTMLPasteProps<'input'>, Pick { accept?: string; diff --git a/packages/paste-core/components/file-picker/src/FilePickerButton.tsx b/packages/paste-core/components/file-picker/src/FilePickerButton.tsx index 6e607f6f98..36b58aaa71 100644 --- a/packages/paste-core/components/file-picker/src/FilePickerButton.tsx +++ b/packages/paste-core/components/file-picker/src/FilePickerButton.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; import type { ButtonProps } from '@twilio-paste/button'; import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; const FilePickerButton = React.forwardRef( ({ children, element, disabled, ...props }, ref) => { diff --git a/packages/paste-core/components/file-picker/stories/index.stories.tsx b/packages/paste-core/components/file-picker/stories/index.stories.tsx index 96b75567f3..47c93a6aec 100644 --- a/packages/paste-core/components/file-picker/stories/index.stories.tsx +++ b/packages/paste-core/components/file-picker/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Label } from '@twilio-paste/label'; +import { Box } from '@twilio-paste/box'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { Box } from '@twilio-paste/box'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { FilePicker, FilePickerButton } from '../src'; diff --git a/packages/paste-core/components/file-uploader/__tests__/customization.spec.tsx b/packages/paste-core/components/file-uploader/__tests__/customization.spec.tsx index a021ef543f..d8e0947033 100644 --- a/packages/paste-core/components/file-uploader/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/file-uploader/__tests__/customization.spec.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import type { PasteCustomCSS } from '@twilio-paste/customization'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { FileUploader, + FileUploaderDropzone, + FileUploaderDropzoneText, + FileUploaderErrorText, + FileUploaderHelpText, FileUploaderItem, - FileUploaderItemsList, FileUploaderItemDescription, FileUploaderItemTitle, - FileUploaderDropzone, - FileUploaderDropzoneText, + FileUploaderItemsList, FileUploaderLabel, - FileUploaderHelpText, - FileUploaderErrorText, } from '../src'; const getCustomizationStyles = (element = 'FILE_UPLOADER'): { [key: string]: PasteCustomCSS } => ({ diff --git a/packages/paste-core/components/file-uploader/__tests__/index.spec.tsx b/packages/paste-core/components/file-uploader/__tests__/index.spec.tsx index bb50d35934..e02283fd6c 100644 --- a/packages/paste-core/components/file-uploader/__tests__/index.spec.tsx +++ b/packages/paste-core/components/file-uploader/__tests__/index.spec.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { FileUploader, + FileUploaderDropzone, + FileUploaderDropzoneText, + FileUploaderErrorText, + FileUploaderHelpText, FileUploaderItem, - FileUploaderItemsList, FileUploaderItemDescription, FileUploaderItemTitle, - FileUploaderDropzone, - FileUploaderDropzoneText, + FileUploaderItemsList, FileUploaderLabel, - FileUploaderHelpText, - FileUploaderErrorText, } from '../src'; import { arrayToCsv } from '../src/utils'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploader.tsx b/packages/paste-core/components/file-uploader/src/FileUploader.tsx index b3531c916b..5f451b1307 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploader.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploader.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderDropzone.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderDropzone.tsx index bcc0155c3b..f11f0cf40c 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderDropzone.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderDropzone.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { UploadToCloudIcon } from '@twilio-paste/icons/esm/UploadToCloudIcon'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; import { arrayToCsv } from './utils'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderDropzoneText.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderDropzoneText.tsx index 8f788d92b6..2f3e045cf6 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderDropzoneText.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderDropzoneText.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderErrorText.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderErrorText.tsx index a419e35e8b..21c7687ab5 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderErrorText.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderErrorText.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { HelpText } from '@twilio-paste/help-text'; import type { HelpTextProps } from '@twilio-paste/help-text'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderHelpText.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderHelpText.tsx index 2ee7f18a8f..ef8eb98947 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderHelpText.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderHelpText.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { HelpText } from '@twilio-paste/help-text'; import type { HelpTextProps } from '@twilio-paste/help-text'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderItem.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderItem.tsx index 9209377db5..1d78cfe84a 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderItem.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderItem.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { Spinner } from '@twilio-paste/spinner'; -import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; -import { DeleteIcon } from '@twilio-paste/icons/esm/DeleteIcon'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; +import { DeleteIcon } from '@twilio-paste/icons/esm/DeleteIcon'; +import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; +import { Spinner } from '@twilio-paste/spinner'; +import * as React from 'react'; import { FileUploaderItemContext } from './FileUploaderItemContext'; import type { FileUploaderItemContextProps } from './FileUploaderItemContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderItemDescription.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderItemDescription.tsx index 9775f35972..997df92843 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderItemDescription.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderItemDescription.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; import type { TextStyleProps } from '@twilio-paste/text'; +import * as React from 'react'; import { FileUploaderItemContext } from './FileUploaderItemContext'; import type { FileUploaderItemContextProps } from './FileUploaderItemContext'; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderItemTitle.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderItemTitle.tsx index fd68e732a4..855b174223 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderItemTitle.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderItemTitle.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; export interface FileUploaderItemTitleProps extends Omit, 'children'> { children: string; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderItemsList.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderItemsList.tsx index 79ee3e18e1..2e003c8338 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderItemsList.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderItemsList.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface FileUploaderItemsListProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/file-uploader/src/FileUploaderLabel.tsx b/packages/paste-core/components/file-uploader/src/FileUploaderLabel.tsx index 9533df666b..16ee8b3534 100644 --- a/packages/paste-core/components/file-uploader/src/FileUploaderLabel.tsx +++ b/packages/paste-core/components/file-uploader/src/FileUploaderLabel.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Label } from '@twilio-paste/label'; import type { LabelProps } from '@twilio-paste/label'; +import * as React from 'react'; import { FileUploaderContext } from './FileUploaderContext'; diff --git a/packages/paste-core/components/file-uploader/stories/index.stories.tsx b/packages/paste-core/components/file-uploader/stories/index.stories.tsx index f698c0caa4..4067e48ea1 100644 --- a/packages/paste-core/components/file-uploader/stories/index.stories.tsx +++ b/packages/paste-core/components/file-uploader/stories/index.stories.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; -import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; +import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; +import { DownloadIcon } from '@twilio-paste/icons/esm/DownloadIcon'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import type { StoryFn } from '@storybook/react'; +import { useTheme } from '@twilio-paste/theme'; import snakeCase from 'lodash/snakeCase'; +import * as React from 'react'; import { FileUploader, + FileUploaderDropzone, + FileUploaderDropzoneText, + FileUploaderErrorText, + FileUploaderHelpText, FileUploaderItem, - FileUploaderItemsList, FileUploaderItemDescription, FileUploaderItemTitle, - FileUploaderDropzone, - FileUploaderDropzoneText, + FileUploaderItemsList, FileUploaderLabel, - FileUploaderHelpText, - FileUploaderErrorText, } from '../src'; import type { FileUploaderItemProps } from '../src'; diff --git a/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx b/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx index 4215e7edb3..625c1a1ee9 100644 --- a/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx +++ b/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { render, fireEvent, screen } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { useFormPillState, FormPillGroup, FormPill } from '../src'; -import { Basic, SelectableAndDismissable } from '../stories/index.stories'; +import { FormPill, FormPillGroup, useFormPillState } from '../src'; import { CustomFormPillGroup } from '../stories/customization.stories'; +import { Basic, SelectableAndDismissable } from '../stories/index.stories'; const CustomElementFormPillGroup = (): JSX.Element => { const pillState = useFormPillState(); diff --git a/packages/paste-core/components/form-pill-group/src/FormPill.tsx b/packages/paste-core/components/form-pill-group/src/FormPill.tsx index 4dff9a05f7..89fe72a744 100644 --- a/packages/paste-core/components/form-pill-group/src/FormPill.tsx +++ b/packages/paste-core/components/form-pill-group/src/FormPill.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { CompositeItem } from '@twilio-paste/reakit-library'; import type { CompositeStateReturn } from '@twilio-paste/reakit-library'; +import * as React from 'react'; -import { PillCloseIcon } from './PillCloseIcon'; +import { selectedWrapperStyles, wrapperStyles } from './FormPill.styles'; import { FormPillButton } from './FormPillButton'; +import { PillCloseIcon } from './PillCloseIcon'; import type { PillVariant } from './types'; -import { selectedWrapperStyles, wrapperStyles } from './FormPill.styles'; interface FormPillProps extends CompositeStateReturn, Pick { selected?: boolean; diff --git a/packages/paste-core/components/form-pill-group/src/FormPillButton.tsx b/packages/paste-core/components/form-pill-group/src/FormPillButton.tsx index 38d35a61e1..3674a9d63b 100644 --- a/packages/paste-core/components/form-pill-group/src/FormPillButton.tsx +++ b/packages/paste-core/components/form-pill-group/src/FormPillButton.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; -import { pillStyles, hoverPillStyles } from './FormPill.styles'; +import { hoverPillStyles, pillStyles } from './FormPill.styles'; import type { PillVariant } from './types'; interface FormPillStylesProps { diff --git a/packages/paste-core/components/form-pill-group/src/FormPillGroup.tsx b/packages/paste-core/components/form-pill-group/src/FormPillGroup.tsx index f2f983580f..d75cc870d9 100644 --- a/packages/paste-core/components/form-pill-group/src/FormPillGroup.tsx +++ b/packages/paste-core/components/form-pill-group/src/FormPillGroup.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { useUID } from '@twilio-paste/uid-library'; import { Composite } from '@twilio-paste/reakit-library'; import type { CompositeProps } from '@twilio-paste/reakit-library'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface FormPillGroupProps extends Omit { diff --git a/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx b/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx index 29ce4679f6..87384184ef 100644 --- a/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx +++ b/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; import merge from 'deepmerge'; +import * as React from 'react'; import { baseCloseStyles, diff --git a/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx b/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx index 155f1e241f..cb5d0d4efd 100644 --- a/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx +++ b/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { useFormPillState, FormPillGroup, FormPill } from '../src'; +import { FormPill, FormPillGroup, useFormPillState } from '../src'; export const CustomFormPillGroup = (): JSX.Element => { const currentTheme = useTheme(); diff --git a/packages/paste-core/components/form-pill-group/stories/index.stories.tsx b/packages/paste-core/components/form-pill-group/stories/index.stories.tsx index eed97978e5..3b219ec83d 100644 --- a/packages/paste-core/components/form-pill-group/stories/index.stories.tsx +++ b/packages/paste-core/components/form-pill-group/stories/index.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; import { Avatar } from '@twilio-paste/avatar'; +import { Box } from '@twilio-paste/box'; import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; +import * as React from 'react'; -import { useFormPillState, FormPillGroup, FormPill } from '../src'; +import { FormPill, FormPillGroup, useFormPillState } from '../src'; const PILL_NAMES = [ 'Default pill', diff --git a/packages/paste-core/components/form/__tests__/index.spec.tsx b/packages/paste-core/components/form/__tests__/index.spec.tsx index 330acb7ef5..a650ccce1e 100644 --- a/packages/paste-core/components/form/__tests__/index.spec.tsx +++ b/packages/paste-core/components/form/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Form, diff --git a/packages/paste-core/components/form/src/Form.tsx b/packages/paste-core/components/form/src/Form.tsx index 6082c8dd56..c6b790ce7b 100644 --- a/packages/paste-core/components/form/src/Form.tsx +++ b/packages/paste-core/components/form/src/Form.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface FormProps extends Omit, 'children'> { element?: BoxProps['element']; diff --git a/packages/paste-core/components/form/src/FormActions.tsx b/packages/paste-core/components/form/src/FormActions.tsx index 08e2199316..812ba98fd9 100644 --- a/packages/paste-core/components/form/src/FormActions.tsx +++ b/packages/paste-core/components/form/src/FormActions.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface FormActionsProps extends Omit, 'children'> { element?: BoxProps['element']; diff --git a/packages/paste-core/components/form/src/FormControl.tsx b/packages/paste-core/components/form/src/FormControl.tsx index d0ca5dd30f..f89f2fdc20 100644 --- a/packages/paste-core/components/form/src/FormControl.tsx +++ b/packages/paste-core/components/form/src/FormControl.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface FormControlProps extends Omit, 'children'> { element?: BoxProps['element']; diff --git a/packages/paste-core/components/form/src/FormControlTwoColumn.tsx b/packages/paste-core/components/form/src/FormControlTwoColumn.tsx index 1f766ae170..48d32dc571 100644 --- a/packages/paste-core/components/form/src/FormControlTwoColumn.tsx +++ b/packages/paste-core/components/form/src/FormControlTwoColumn.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface FormControlTwoColumnProps extends Omit, 'children'> { element?: BoxProps['element']; diff --git a/packages/paste-core/components/form/src/FormSection.tsx b/packages/paste-core/components/form/src/FormSection.tsx index 3c1f1e012d..cecd6d400d 100644 --- a/packages/paste-core/components/form/src/FormSection.tsx +++ b/packages/paste-core/components/form/src/FormSection.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { FormSectionContext } from './FormSectionContext'; diff --git a/packages/paste-core/components/form/src/FormSectionDescription.tsx b/packages/paste-core/components/form/src/FormSectionDescription.tsx index 4305809f17..8b69d553da 100644 --- a/packages/paste-core/components/form/src/FormSectionDescription.tsx +++ b/packages/paste-core/components/form/src/FormSectionDescription.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { FormSectionContext } from './FormSectionContext'; diff --git a/packages/paste-core/components/form/src/FormSectionHeading.tsx b/packages/paste-core/components/form/src/FormSectionHeading.tsx index 76c760d3be..5176c40026 100644 --- a/packages/paste-core/components/form/src/FormSectionHeading.tsx +++ b/packages/paste-core/components/form/src/FormSectionHeading.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { Heading } from '@twilio-paste/heading'; -import type { HeadingProps } from '@twilio-paste/heading'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import { Heading } from '@twilio-paste/heading'; +import type { HeadingProps } from '@twilio-paste/heading'; +import * as React from 'react'; export interface FormSectionHeadingProps extends Omit, 'children'> { element?: BoxProps['element']; diff --git a/packages/paste-core/components/form/stories/index.stories.tsx b/packages/paste-core/components/form/stories/index.stories.tsx index ec5706e047..f34de4a79d 100644 --- a/packages/paste-core/components/form/stories/index.stories.tsx +++ b/packages/paste-core/components/form/stories/index.stories.tsx @@ -1,23 +1,23 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/types'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Callout, CalloutHeading, CalloutList, CalloutListItem } from '@twilio-paste/callout'; -import { CheckboxGroup, Checkbox } from '@twilio-paste/checkbox'; +import { Checkbox, CheckboxGroup } from '@twilio-paste/checkbox'; import { Combobox, MultiselectCombobox } from '@twilio-paste/combobox'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; import { HelpText } from '@twilio-paste/help-text'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; import { Paragraph } from '@twilio-paste/paragraph'; -import { RadioGroup, Radio } from '@twilio-paste/radio-group'; +import { Radio, RadioGroup } from '@twilio-paste/radio-group'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Separator } from '@twilio-paste/separator'; import { useTheme } from '@twilio-paste/theme'; -import { useUIDSeed, useUID } from '@twilio-paste/uid-library'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Form, diff --git a/packages/paste-core/components/heading/__tests__/heading.test.tsx b/packages/paste-core/components/heading/__tests__/heading.test.tsx index 57f74e454b..580f1bc4ad 100644 --- a/packages/paste-core/components/heading/__tests__/heading.test.tsx +++ b/packages/paste-core/components/heading/__tests__/heading.test.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Heading } from '../src'; diff --git a/packages/paste-core/components/heading/src/index.tsx b/packages/paste-core/components/heading/src/index.tsx index 39c585580d..98f98ece35 100644 --- a/packages/paste-core/components/heading/src/index.tsx +++ b/packages/paste-core/components/heading/src/index.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { TextStyleProps } from '@twilio-paste/text'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; -import type { HeadingVariants, HeadingProps, AsTags } from './types'; +import type { AsTags, HeadingProps, HeadingVariants } from './types'; function getHeadingProps(headingVariant?: HeadingVariants, marginBottom?: 'space0'): TextStyleProps { switch (headingVariant) { diff --git a/packages/paste-core/components/heading/stories/index.stories.tsx b/packages/paste-core/components/heading/stories/index.stories.tsx index e567dbee2a..b7d193edf7 100644 --- a/packages/paste-core/components/heading/stories/index.stories.tsx +++ b/packages/paste-core/components/heading/stories/index.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Card } from '@twilio-paste/card'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Stack } from '@twilio-paste/stack'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Heading } from '../src'; diff --git a/packages/paste-core/components/help-text/__tests__/helptext.test.tsx b/packages/paste-core/components/help-text/__tests__/helptext.test.tsx index 777ab97c00..bfa1a69d0a 100644 --- a/packages/paste-core/components/help-text/__tests__/helptext.test.tsx +++ b/packages/paste-core/components/help-text/__tests__/helptext.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { render, screen } from '@testing-library/react'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { HelpText } from '../src'; diff --git a/packages/paste-core/components/help-text/src/HelpText.tsx b/packages/paste-core/components/help-text/src/HelpText.tsx index c9041f9299..fd6f057d8f 100644 --- a/packages/paste-core/components/help-text/src/HelpText.tsx +++ b/packages/paste-core/components/help-text/src/HelpText.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import type { TextColor } from '@twilio-paste/style-props'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; +import type { TextColor } from '@twilio-paste/style-props'; +import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; +import * as React from 'react'; export const HelpTextVariants = { DEFAULT: 'default', diff --git a/packages/paste-core/components/help-text/stories/input.stories.tsx b/packages/paste-core/components/help-text/stories/input.stories.tsx index 75c43702e9..7950f8e70b 100644 --- a/packages/paste-core/components/help-text/stories/input.stories.tsx +++ b/packages/paste-core/components/help-text/stories/input.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { Paragraph } from '@twilio-paste/paragraph'; +import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { Card } from '@twilio-paste/card'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { HelpText } from '../src'; diff --git a/packages/paste-core/components/in-page-navigation/__tests__/index.spec.tsx b/packages/paste-core/components/in-page-navigation/__tests__/index.spec.tsx index 223faa077d..fb3656e9e8 100644 --- a/packages/paste-core/components/in-page-navigation/__tests__/index.spec.tsx +++ b/packages/paste-core/components/in-page-navigation/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { InPageNavigation, InPageNavigationItem } from '../src'; diff --git a/packages/paste-core/components/in-page-navigation/src/InPageNavigation.tsx b/packages/paste-core/components/in-page-navigation/src/InPageNavigation.tsx index 7c6ee1f6b6..981d55169a 100644 --- a/packages/paste-core/components/in-page-navigation/src/InPageNavigation.tsx +++ b/packages/paste-core/components/in-page-navigation/src/InPageNavigation.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; -import type { Variants } from './types'; import { InPageNavigationContext } from './InPageNavigationContext'; +import type { Variants } from './types'; export interface InPageNavigationProps extends Omit, 'children'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx index f73d6349ea..1948fa2cae 100644 --- a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx +++ b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import type { BoxStyleProps, BoxProps } from '@twilio-paste/box'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { secureExternalLink } from '@twilio-paste/anchor'; +import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { InPageNavigationContext } from './InPageNavigationContext'; diff --git a/packages/paste-core/components/in-page-navigation/stories/index.stories.tsx b/packages/paste-core/components/in-page-navigation/stories/index.stories.tsx index b7bc3c191d..0dabf00529 100644 --- a/packages/paste-core/components/in-page-navigation/stories/index.stories.tsx +++ b/packages/paste-core/components/in-page-navigation/stories/index.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { InPageNavigation, InPageNavigationItem } from '../src'; diff --git a/packages/paste-core/components/inline-code/__tests__/index.spec.tsx b/packages/paste-core/components/inline-code/__tests__/index.spec.tsx index 6f4a6922f4..c520df649e 100644 --- a/packages/paste-core/components/inline-code/__tests__/index.spec.tsx +++ b/packages/paste-core/components/inline-code/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Box } from '@twilio-paste/box'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { InlineCode } from '../src'; diff --git a/packages/paste-core/components/inline-code/src/index.tsx b/packages/paste-core/components/inline-code/src/index.tsx index d524f7221e..7d442cf5aa 100644 --- a/packages/paste-core/components/inline-code/src/index.tsx +++ b/packages/paste-core/components/inline-code/src/index.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; /** * Inline Code style variants. diff --git a/packages/paste-core/components/inline-code/stories/index.stories.tsx b/packages/paste-core/components/inline-code/stories/index.stories.tsx index a72d829cfd..529cde50ba 100644 --- a/packages/paste-core/components/inline-code/stories/index.stories.tsx +++ b/packages/paste-core/components/inline-code/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Text } from '@twilio-paste/text'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { InlineCode } from '../src'; diff --git a/packages/paste-core/components/inline-control-group/__tests__/inlineControlGroup.test.tsx b/packages/paste-core/components/inline-control-group/__tests__/inlineControlGroup.test.tsx index ad0ec47f98..56e74b6e2c 100644 --- a/packages/paste-core/components/inline-control-group/__tests__/inlineControlGroup.test.tsx +++ b/packages/paste-core/components/inline-control-group/__tests__/inlineControlGroup.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render as testRender, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { InlineControlGroup } from '../src'; diff --git a/packages/paste-core/components/inline-control-group/src/InlineControlGroup.tsx b/packages/paste-core/components/inline-control-group/src/InlineControlGroup.tsx index d9360a9f0d..27e3320410 100644 --- a/packages/paste-core/components/inline-control-group/src/InlineControlGroup.tsx +++ b/packages/paste-core/components/inline-control-group/src/InlineControlGroup.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps, type BoxProps, type BoxStyleProps } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; +import { Box, type BoxProps, type BoxStyleProps, safelySpreadBoxProps } from '@twilio-paste/box'; import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface InlineControlGroupProps extends Pick, diff --git a/packages/paste-core/components/inline-control-group/stories/inline-control-group.stories.tsx b/packages/paste-core/components/inline-control-group/stories/inline-control-group.stories.tsx index 21844e52b2..894dd9190d 100644 --- a/packages/paste-core/components/inline-control-group/stories/inline-control-group.stories.tsx +++ b/packages/paste-core/components/inline-control-group/stories/inline-control-group.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; -import { Paragraph } from '@twilio-paste/paragraph'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Column, Grid } from '@twilio-paste/grid'; +import { Paragraph } from '@twilio-paste/paragraph'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { InlineControlGroup } from '../src'; import type { InlineControlGroupProps } from '../src'; diff --git a/packages/paste-core/components/input-box/__tests__/input-box.test.tsx b/packages/paste-core/components/input-box/__tests__/input-box.test.tsx index 46ef87141c..7d96573e27 100644 --- a/packages/paste-core/components/input-box/__tests__/input-box.test.tsx +++ b/packages/paste-core/components/input-box/__tests__/input-box.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { InputBox } from '../src'; diff --git a/packages/paste-core/components/input-box/__tests__/input-chevron-wrapper.test.tsx b/packages/paste-core/components/input-box/__tests__/input-chevron-wrapper.test.tsx index 7ef52afbad..e05aa17ca0 100644 --- a/packages/paste-core/components/input-box/__tests__/input-chevron-wrapper.test.tsx +++ b/packages/paste-core/components/input-box/__tests__/input-chevron-wrapper.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { getInputChevronIconColor, InputChevronWrapper, InputBox } from '../src'; +import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '../src'; describe('HTML attributes', () => { it('should set a element data attribute for InputChevronWrapper', () => { diff --git a/packages/paste-core/components/input-box/__tests__/prefix.test.tsx b/packages/paste-core/components/input-box/__tests__/prefix.test.tsx index 445bcf8de5..88b0b38032 100644 --- a/packages/paste-core/components/input-box/__tests__/prefix.test.tsx +++ b/packages/paste-core/components/input-box/__tests__/prefix.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Prefix } from '../src'; diff --git a/packages/paste-core/components/input-box/__tests__/suffix.test.tsx b/packages/paste-core/components/input-box/__tests__/suffix.test.tsx index d23701f4cc..11ec2af58d 100644 --- a/packages/paste-core/components/input-box/__tests__/suffix.test.tsx +++ b/packages/paste-core/components/input-box/__tests__/suffix.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Suffix } from '../src'; diff --git a/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx b/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx index 044b44cc39..67d21cf53f 100644 --- a/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx +++ b/packages/paste-core/components/input-box/src/FauxInput/DefaultFauxInput.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import type { BoxShadow, BackgroundColor } from '@twilio-paste/style-props'; +import type { BackgroundColor, BoxShadow } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { FauxInputProps } from '../types'; diff --git a/packages/paste-core/components/input-box/src/FauxInput/InverseFauxInput.tsx b/packages/paste-core/components/input-box/src/FauxInput/InverseFauxInput.tsx index f64dd33278..37c49fd97b 100644 --- a/packages/paste-core/components/input-box/src/FauxInput/InverseFauxInput.tsx +++ b/packages/paste-core/components/input-box/src/FauxInput/InverseFauxInput.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import type { BoxShadow, BackgroundColor } from '@twilio-paste/style-props'; +import type { BackgroundColor, BoxShadow } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { FauxInputProps } from '../types'; diff --git a/packages/paste-core/components/input-box/src/FauxInput/index.tsx b/packages/paste-core/components/input-box/src/FauxInput/index.tsx index 74269f26b8..a22bcdd0e4 100644 --- a/packages/paste-core/components/input-box/src/FauxInput/index.tsx +++ b/packages/paste-core/components/input-box/src/FauxInput/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; +import type { FauxInputProps } from '../types'; import { DefaultFauxInput } from './DefaultFauxInput'; import { InverseFauxInput } from './InverseFauxInput'; -import type { FauxInputProps } from '../types'; const FauxInputVariants = { default: DefaultFauxInput, diff --git a/packages/paste-core/components/input-box/src/InputBox.tsx b/packages/paste-core/components/input-box/src/InputBox.tsx index 0113fade2b..e86a5f2468 100644 --- a/packages/paste-core/components/input-box/src/InputBox.tsx +++ b/packages/paste-core/components/input-box/src/InputBox.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { FieldWrapper } from './FauxInput'; +import { InputBoxContext } from './InputBoxContext'; import { Prefix } from './Prefix'; import { Suffix } from './Suffix'; import type { InputBoxTypes, Variants } from './types'; -import { InputBoxContext } from './InputBoxContext'; export interface InputBoxProps { children: NonNullable; diff --git a/packages/paste-core/components/input-box/src/InputChevronWrapper.tsx b/packages/paste-core/components/input-box/src/InputChevronWrapper.tsx index 9c94698ada..39804546ea 100644 --- a/packages/paste-core/components/input-box/src/InputChevronWrapper.tsx +++ b/packages/paste-core/components/input-box/src/InputChevronWrapper.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { BackgroundColor, TextColor } from '@twilio-paste/style-props'; +import * as React from 'react'; -import type { Variants } from './types'; import { useInputBoxContext } from './InputBoxContext'; +import type { Variants } from './types'; type StateOptions = 'default' | 'disabled' | 'readOnly'; diff --git a/packages/paste-core/components/input-box/src/Prefix.tsx b/packages/paste-core/components/input-box/src/Prefix.tsx index d0ae4810b8..3338bba951 100644 --- a/packages/paste-core/components/input-box/src/Prefix.tsx +++ b/packages/paste-core/components/input-box/src/Prefix.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { BackgroundColor, BorderColor } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { Variants } from './types'; diff --git a/packages/paste-core/components/input-box/src/Suffix.tsx b/packages/paste-core/components/input-box/src/Suffix.tsx index d0952b0b3f..1c6a4bb8f8 100644 --- a/packages/paste-core/components/input-box/src/Suffix.tsx +++ b/packages/paste-core/components/input-box/src/Suffix.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { BackgroundColor, BorderColor } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { Variants } from './types'; diff --git a/packages/paste-core/components/input-box/stories/inputbox.stories.tsx b/packages/paste-core/components/input-box/stories/inputbox.stories.tsx index 08c302ad27..21ac76959b 100644 --- a/packages/paste-core/components/input-box/stories/inputbox.stories.tsx +++ b/packages/paste-core/components/input-box/stories/inputbox.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; import type { InputBoxProps } from '../src'; import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '../src'; diff --git a/packages/paste-core/components/input/__tests__/input.test.tsx b/packages/paste-core/components/input/__tests__/input.test.tsx index ccacfadcf5..a998e30dfd 100644 --- a/packages/paste-core/components/input/__tests__/input.test.tsx +++ b/packages/paste-core/components/input/__tests__/input.test.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { act, render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Input } from '../src'; import type { InputTypes } from '../src'; diff --git a/packages/paste-core/components/input/src/DecrementButton.tsx b/packages/paste-core/components/input/src/DecrementButton.tsx index fec6d43c13..ede583c78b 100644 --- a/packages/paste-core/components/input/src/DecrementButton.tsx +++ b/packages/paste-core/components/input/src/DecrementButton.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Button, type ButtonProps } from '@twilio-paste/button'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface DecrementButtonProps extends HTMLPasteProps<'button'> { i18nStepDownLabel?: string; diff --git a/packages/paste-core/components/input/src/IncrementButton.tsx b/packages/paste-core/components/input/src/IncrementButton.tsx index 473a9d66b9..eeb61d2c4b 100644 --- a/packages/paste-core/components/input/src/IncrementButton.tsx +++ b/packages/paste-core/components/input/src/IncrementButton.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Button, type ButtonProps } from '@twilio-paste/button'; import { ChevronUpIcon } from '@twilio-paste/icons/esm/ChevronUpIcon'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface IncrementButtonProps extends HTMLPasteProps<'button'> { i18nStepUpLabel?: string; diff --git a/packages/paste-core/components/input/src/Input.tsx b/packages/paste-core/components/input/src/Input.tsx index e007280b00..c7e7bc1c80 100644 --- a/packages/paste-core/components/input/src/Input.tsx +++ b/packages/paste-core/components/input/src/Input.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { useMergeRefs } from '@twilio-paste/utils'; import { Box } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { InputBox } from '@twilio-paste/input-box'; import type { InputBoxTypes } from '@twilio-paste/input-box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useMergeRefs } from '@twilio-paste/utils'; +import * as React from 'react'; -import { safelySpreadFormControlProps } from './utils'; import { DecrementButton } from './DecrementButton'; import { IncrementButton } from './IncrementButton'; +import { safelySpreadFormControlProps } from './utils'; export type InputVariants = 'default' | 'inverse'; diff --git a/packages/paste-core/components/input/stories/input.stories.tsx b/packages/paste-core/components/input/stories/input.stories.tsx index aa0d784297..e0bf4851b2 100644 --- a/packages/paste-core/components/input/stories/input.stories.tsx +++ b/packages/paste-core/components/input/stories/input.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; -import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { action } from '@storybook/addon-actions'; +import type { StoryFn } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; -import { Form, FormControl } from '@twilio-paste/form'; -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { Form, FormControl } from '@twilio-paste/form'; +import { HelpText } from '@twilio-paste/help-text'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; import { Stack } from '@twilio-paste/stack'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Input } from '../src'; diff --git a/packages/paste-core/components/label/__tests__/label.test.tsx b/packages/paste-core/components/label/__tests__/label.test.tsx index 15081a5174..85559d9331 100644 --- a/packages/paste-core/components/label/__tests__/label.test.tsx +++ b/packages/paste-core/components/label/__tests__/label.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; -import { Customized } from '../stories/label.stories'; import { Label, RequiredDot } from '../src'; +import { Customized } from '../stories/label.stories'; describe('Label for prop', () => { const initialProps = { diff --git a/packages/paste-core/components/label/src/Label.tsx b/packages/paste-core/components/label/src/Label.tsx index dcaa72d2a6..0b033c5045 100644 --- a/packages/paste-core/components/label/src/Label.tsx +++ b/packages/paste-core/components/label/src/Label.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import type { TextColor } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { RequiredDot } from './RequiredDot'; diff --git a/packages/paste-core/components/label/src/RequiredDot.tsx b/packages/paste-core/components/label/src/RequiredDot.tsx index d34d61a76f..4409802108 100644 --- a/packages/paste-core/components/label/src/RequiredDot.tsx +++ b/packages/paste-core/components/label/src/RequiredDot.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; export interface RequiredDotProps { element?: BoxProps['element']; diff --git a/packages/paste-core/components/label/stories/label.stories.tsx b/packages/paste-core/components/label/stories/label.stories.tsx index 5e73ce427d..e641fd4ede 100644 --- a/packages/paste-core/components/label/stories/label.stories.tsx +++ b/packages/paste-core/components/label/stories/label.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { Story } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { Paragraph } from '@twilio-paste/paragraph'; -import { Stack } from '@twilio-paste/stack'; import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Paragraph } from '@twilio-paste/paragraph'; +import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Label, RequiredDot } from '../src'; diff --git a/packages/paste-core/components/list/__tests__/index.spec.tsx b/packages/paste-core/components/list/__tests__/index.spec.tsx index 72a59d2673..3a5ff17229 100644 --- a/packages/paste-core/components/list/__tests__/index.spec.tsx +++ b/packages/paste-core/components/list/__tests__/index.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { OrderedList, UnorderedList, ListItem } from '../src'; +import { ListItem, OrderedList, UnorderedList } from '../src'; describe('Ordered List', () => { describe('Render', () => { diff --git a/packages/paste-core/components/list/src/List.tsx b/packages/paste-core/components/list/src/List.tsx index 54575750fe..76f39fd265 100644 --- a/packages/paste-core/components/list/src/List.tsx +++ b/packages/paste-core/components/list/src/List.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { BaseListProps } from './types'; diff --git a/packages/paste-core/components/list/src/ListItem.tsx b/packages/paste-core/components/list/src/ListItem.tsx index ba02f1b088..6a771bad65 100644 --- a/packages/paste-core/components/list/src/ListItem.tsx +++ b/packages/paste-core/components/list/src/ListItem.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; import type { ListItemProps } from './types'; diff --git a/packages/paste-core/components/list/src/OrderedList.tsx b/packages/paste-core/components/list/src/OrderedList.tsx index 649a3e5961..689100942a 100644 --- a/packages/paste-core/components/list/src/OrderedList.tsx +++ b/packages/paste-core/components/list/src/OrderedList.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; import { List } from './List'; import type { OrderedListProps } from './types'; diff --git a/packages/paste-core/components/list/src/UnorderedList.tsx b/packages/paste-core/components/list/src/UnorderedList.tsx index 273c32d6de..ea0903f400 100644 --- a/packages/paste-core/components/list/src/UnorderedList.tsx +++ b/packages/paste-core/components/list/src/UnorderedList.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; import { List } from './List'; import type { UnorderedListProps } from './types'; diff --git a/packages/paste-core/components/list/src/types.ts b/packages/paste-core/components/list/src/types.ts index 39289e0aeb..0553819f47 100644 --- a/packages/paste-core/components/list/src/types.ts +++ b/packages/paste-core/components/list/src/types.ts @@ -1,5 +1,5 @@ -import type { TextProps } from '@twilio-paste/text'; import type { Space } from '@twilio-paste/style-props'; +import type { TextProps } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; export type AsTags = 'ol' | 'ul'; diff --git a/packages/paste-core/components/list/stories/index.stories.tsx b/packages/paste-core/components/list/stories/index.stories.tsx index 581b1e0d8f..a16de48612 100644 --- a/packages/paste-core/components/list/stories/index.stories.tsx +++ b/packages/paste-core/components/list/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { OrderedList, UnorderedList, ListItem } from '../src'; +import { ListItem, OrderedList, UnorderedList } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/menu/__tests__/customization.spec.tsx b/packages/paste-core/components/menu/__tests__/customization.spec.tsx index d6b25ef4bd..5a209051e0 100644 --- a/packages/paste-core/components/menu/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/menu/__tests__/customization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { initStyles, BaseMenu } from '../stories/customization.stories'; +import { BaseMenu, initStyles } from '../stories/customization.stories'; const PASTE_ELEMENT = 'data-paste-element'; diff --git a/packages/paste-core/components/menu/__tests__/index.spec.tsx b/packages/paste-core/components/menu/__tests__/index.spec.tsx index 50e9733719..6d94f3de58 100644 --- a/packages/paste-core/components/menu/__tests__/index.spec.tsx +++ b/packages/paste-core/components/menu/__tests__/index.spec.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { fireEvent, render, screen } from '@testing-library/react'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import * as React from 'react'; import { - useMenuState, Menu, - MenuItem, MenuButton, MenuGroup, - MenuSeparator, + MenuItem, MenuItemCheckbox, MenuItemRadio, + MenuSeparator, + useMenuState, } from '../src'; import type { MenuButtonProps } from '../src'; diff --git a/packages/paste-core/components/menu/__tests__/menu-badge-customization.spec.tsx b/packages/paste-core/components/menu/__tests__/menu-badge-customization.spec.tsx index 02f9e667f5..1fcba9d676 100644 --- a/packages/paste-core/components/menu/__tests__/menu-badge-customization.spec.tsx +++ b/packages/paste-core/components/menu/__tests__/menu-badge-customization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { initStyles, BaseMenu } from '../stories/menu-badge-customization.stories'; +import { BaseMenu, initStyles } from '../stories/menu-badge-customization.stories'; const PASTE_ELEMENT = 'data-paste-element'; diff --git a/packages/paste-core/components/menu/src/Menu.tsx b/packages/paste-core/components/menu/src/Menu.tsx index d92eb4e4cf..98c81aa8b5 100644 --- a/packages/paste-core/components/menu/src/Menu.tsx +++ b/packages/paste-core/components/menu/src/Menu.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; -import { safelySpreadBoxProps, Box } from '@twilio-paste/box'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { MenuPrimitive } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; import type { MenuProps } from './types'; diff --git a/packages/paste-core/components/menu/src/MenuBadge.tsx b/packages/paste-core/components/menu/src/MenuBadge.tsx index 77ce83fe48..148a027454 100644 --- a/packages/paste-core/components/menu/src/MenuBadge.tsx +++ b/packages/paste-core/components/menu/src/MenuBadge.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Badge } from '@twilio-paste/badge'; import type { BadgeProps } from '@twilio-paste/badge'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import type { ButtonProps } from '@twilio-paste/button'; +import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { MenuPrimitiveButton } from '@twilio-paste/menu-primitive'; import type { MenuPrimitiveButtonProps } from '@twilio-paste/menu-primitive'; -import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; export type MenuBadgeProps = MenuPrimitiveButtonProps & Omit & diff --git a/packages/paste-core/components/menu/src/MenuButton.tsx b/packages/paste-core/components/menu/src/MenuButton.tsx index 5d9aa5c60f..1b436e9337 100644 --- a/packages/paste-core/components/menu/src/MenuButton.tsx +++ b/packages/paste-core/components/menu/src/MenuButton.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import type { MenuPrimitiveButtonProps } from '@twilio-paste/menu-primitive'; -import { MenuPrimitiveButton } from '@twilio-paste/menu-primitive'; import type { ButtonProps } from '@twilio-paste/button'; import { Button } from '@twilio-paste/button'; +import type { MenuPrimitiveButtonProps } from '@twilio-paste/menu-primitive'; +import { MenuPrimitiveButton } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; export type MenuButtonProps = MenuPrimitiveButtonProps & ButtonProps; diff --git a/packages/paste-core/components/menu/src/MenuGroup.tsx b/packages/paste-core/components/menu/src/MenuGroup.tsx index aa845713f3..9c85003f23 100644 --- a/packages/paste-core/components/menu/src/MenuGroup.tsx +++ b/packages/paste-core/components/menu/src/MenuGroup.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { safelySpreadBoxProps, Box } from '@twilio-paste/box'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { GenericIconProps } from '@twilio-paste/icons/esm/types'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { MenuItemVariants } from './constants'; -import type { MenuItemVariant, MenuGroupProps } from './types'; +import type { MenuGroupProps, MenuItemVariant } from './types'; export const MenuGroupContext = React.createContext(MenuItemVariants.DEFAULT); diff --git a/packages/paste-core/components/menu/src/MenuItem.styles.tsx b/packages/paste-core/components/menu/src/MenuItem.styles.tsx index 3e9c4b6bf5..6bb15a4608 100644 --- a/packages/paste-core/components/menu/src/MenuItem.styles.tsx +++ b/packages/paste-core/components/menu/src/MenuItem.styles.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { secureExternalLink } from '@twilio-paste/anchor'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { SelectedIcon } from '@twilio-paste/icons/esm/SelectedIcon'; +import * as React from 'react'; -import type { MenuItemProps, MenuItemVariantStyles, MenuItemVariant } from './types'; import { MenuItemVariants } from './constants'; +import type { MenuItemProps, MenuItemVariant, MenuItemVariantStyles } from './types'; const baseVariantStyles: MenuItemVariantStyles = { [MenuItemVariants.DEFAULT]: { diff --git a/packages/paste-core/components/menu/src/MenuItem.tsx b/packages/paste-core/components/menu/src/MenuItem.tsx index f284701892..ec62902b6f 100644 --- a/packages/paste-core/components/menu/src/MenuItem.tsx +++ b/packages/paste-core/components/menu/src/MenuItem.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { MenuPrimitiveItem } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; -import type { MenuItemProps } from './types'; import { MenuGroupContext } from './MenuGroup'; -import { MenuItemVariants } from './constants'; import { StyledMenuItem, getComputedVariant } from './MenuItem.styles'; +import { MenuItemVariants } from './constants'; +import type { MenuItemProps } from './types'; const MenuItem = React.forwardRef( ({ as = StyledMenuItem, variant: _variant, element = 'MENU_ITEM', ...props }, ref) => { diff --git a/packages/paste-core/components/menu/src/MenuItemCheckbox.tsx b/packages/paste-core/components/menu/src/MenuItemCheckbox.tsx index da9e46b930..6826b47b19 100644 --- a/packages/paste-core/components/menu/src/MenuItemCheckbox.tsx +++ b/packages/paste-core/components/menu/src/MenuItemCheckbox.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { MenuPrimitiveItemCheckbox } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; -import type { MenuItemCheckboxProps } from './types'; import { MenuGroupContext } from './MenuGroup'; -import { MenuItemVariants } from './constants'; import { StyledMenuItem, getComputedVariant } from './MenuItem.styles'; +import { MenuItemVariants } from './constants'; +import type { MenuItemCheckboxProps } from './types'; const MenuItemCheckbox = React.forwardRef( ({ as = StyledMenuItem, variant: _variant, element = 'MENU_ITEM_CHECKBOX', ...props }, ref) => { diff --git a/packages/paste-core/components/menu/src/MenuItemRadio.tsx b/packages/paste-core/components/menu/src/MenuItemRadio.tsx index 3e052136ba..5b92961217 100644 --- a/packages/paste-core/components/menu/src/MenuItemRadio.tsx +++ b/packages/paste-core/components/menu/src/MenuItemRadio.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { MenuPrimitiveItemRadio } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; -import type { MenuItemRadioProps } from './types'; import { MenuGroupContext } from './MenuGroup'; -import { MenuItemVariants } from './constants'; import { StyledMenuItem, getComputedVariant } from './MenuItem.styles'; +import { MenuItemVariants } from './constants'; +import type { MenuItemRadioProps } from './types'; const MenuItemRadio = React.forwardRef( ({ as = StyledMenuItem, variant: _variant, element = 'MENU_ITEM_RADIO', ...props }, ref) => { diff --git a/packages/paste-core/components/menu/src/MenuSeparator.tsx b/packages/paste-core/components/menu/src/MenuSeparator.tsx index 82047856c1..fe76b54914 100644 --- a/packages/paste-core/components/menu/src/MenuSeparator.tsx +++ b/packages/paste-core/components/menu/src/MenuSeparator.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { MenuPrimitiveSeparator } from '@twilio-paste/menu-primitive'; import { Separator } from '@twilio-paste/separator'; import type { SeparatorProps } from '@twilio-paste/separator'; -import { MenuPrimitiveSeparator } from '@twilio-paste/menu-primitive'; +import * as React from 'react'; import type { MenuSeparatorProps } from './types'; diff --git a/packages/paste-core/components/menu/src/SubMenuButton.tsx b/packages/paste-core/components/menu/src/SubMenuButton.tsx index 8cfd14e04e..562c942a57 100644 --- a/packages/paste-core/components/menu/src/SubMenuButton.tsx +++ b/packages/paste-core/components/menu/src/SubMenuButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxElementProps } from '@twilio-paste/box'; +import { ChevronRightIcon } from '@twilio-paste/icons/esm/ChevronRightIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import type { MenuPrimitiveButtonProps } from '@twilio-paste/menu-primitive'; import { MenuPrimitiveButton } from '@twilio-paste/menu-primitive'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; -import { ChevronRightIcon } from '@twilio-paste/icons/esm/ChevronRightIcon'; +import * as React from 'react'; import { StyledMenuItem } from './MenuItem.styles'; diff --git a/packages/paste-core/components/menu/src/types.ts b/packages/paste-core/components/menu/src/types.ts index e4963453ce..2a94721b3a 100644 --- a/packages/paste-core/components/menu/src/types.ts +++ b/packages/paste-core/components/menu/src/types.ts @@ -1,12 +1,12 @@ -import type { ValueOf } from '@twilio-paste/types'; import type { BoxElementProps, BoxStyleProps } from '@twilio-paste/box'; import type { - MenuPrimitiveItemProps, MenuPrimitiveItemCheckboxProps, + MenuPrimitiveItemProps, MenuPrimitiveItemRadioProps, MenuPrimitiveProps, MenuPrimitiveSeparatorProps, } from '@twilio-paste/menu-primitive'; +import type { ValueOf } from '@twilio-paste/types'; import type { MenuItemVariants } from './constants'; diff --git a/packages/paste-core/components/menu/stories/customization.stories.tsx b/packages/paste-core/components/menu/stories/customization.stories.tsx index 58261b0a34..25a33c6920 100644 --- a/packages/paste-core/components/menu/stories/customization.stories.tsx +++ b/packages/paste-core/components/menu/stories/customization.stories.tsx @@ -1,26 +1,26 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; +import type { ButtonProps } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { ProductSettingsIcon } from '@twilio-paste/icons/esm/ProductSettingsIcon'; import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; import { SupportIcon } from '@twilio-paste/icons/esm/SupportIcon'; -import { ProductSettingsIcon } from '@twilio-paste/icons/esm/ProductSettingsIcon'; -import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; -import type { ButtonProps } from '@twilio-paste/button'; +import * as React from 'react'; import { Menu, MenuButton, - SubMenuButton, MenuGroup, MenuItem, - MenuSeparator, - useMenuState, MenuItemCheckbox, MenuItemRadio, + MenuSeparator, + SubMenuButton, + useMenuState, } from '../src'; type ButtonVariants = ButtonProps['variant']; diff --git a/packages/paste-core/components/menu/stories/index.stories.tsx b/packages/paste-core/components/menu/stories/index.stories.tsx index 6592ad1337..1f44f7055c 100644 --- a/packages/paste-core/components/menu/stories/index.stories.tsx +++ b/packages/paste-core/components/menu/stories/index.stories.tsx @@ -1,24 +1,24 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { Text } from '@twilio-paste/text'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; -import { ProductVoiceIcon } from '@twilio-paste/icons/esm/ProductVoiceIcon'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { ProductVoiceIcon } from '@twilio-paste/icons/esm/ProductVoiceIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Menu, MenuButton, - SubMenuButton, MenuGroup, MenuItem, - MenuSeparator, - useMenuState, MenuItemCheckbox, MenuItemRadio, + MenuSeparator, + SubMenuButton, + useMenuState, } from '../src'; const PlainMenu: React.FC> = () => { diff --git a/packages/paste-core/components/menu/stories/menu-badge-customization.stories.tsx b/packages/paste-core/components/menu/stories/menu-badge-customization.stories.tsx index 37acadbca7..850ac604a4 100644 --- a/packages/paste-core/components/menu/stories/menu-badge-customization.stories.tsx +++ b/packages/paste-core/components/menu/stories/menu-badge-customization.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; import { ProductSettingsIcon } from '@twilio-paste/icons/esm/ProductSettingsIcon'; +import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Menu, MenuBadge, SubMenuButton, MenuGroup, MenuItem, MenuSeparator, useMenuState } from '../src'; +import { Menu, MenuBadge, MenuGroup, MenuItem, MenuSeparator, SubMenuButton, useMenuState } from '../src'; import type { MenuBadgeProps } from '../src'; type ElementOverrides = Record; diff --git a/packages/paste-core/components/menu/stories/menu-badge.stories.tsx b/packages/paste-core/components/menu/stories/menu-badge.stories.tsx index bf6802d340..db573aa789 100644 --- a/packages/paste-core/components/menu/stories/menu-badge.stories.tsx +++ b/packages/paste-core/components/menu/stories/menu-badge.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import type { BadgeProps } from '@twilio-paste/badge'; import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; import { Menu, MenuBadge, MenuItem, MenuSeparator, useMenuState } from '../src'; diff --git a/packages/paste-core/components/menu/stories/menu-checkable-items.stories.tsx b/packages/paste-core/components/menu/stories/menu-checkable-items.stories.tsx index cfd8d3e394..b2ddadbd8a 100644 --- a/packages/paste-core/components/menu/stories/menu-checkable-items.stories.tsx +++ b/packages/paste-core/components/menu/stories/menu-checkable-items.stories.tsx @@ -1,27 +1,27 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; +import { BoldIcon } from '@twilio-paste/icons/esm/BoldIcon'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; -import { UnorderedListIcon } from '@twilio-paste/icons/esm/UnorderedListIcon'; import { DataBarChartIcon } from '@twilio-paste/icons/esm/DataBarChartIcon'; import { DataLineChartIcon } from '@twilio-paste/icons/esm/DataLineChartIcon'; import { DataPieChartIcon } from '@twilio-paste/icons/esm/DataPieChartIcon'; import { DataTableIcon } from '@twilio-paste/icons/esm/DataTableIcon'; -import { BoldIcon } from '@twilio-paste/icons/esm/BoldIcon'; -import { UnderlineIcon } from '@twilio-paste/icons/esm/UnderlineIcon'; import { ItalicIcon } from '@twilio-paste/icons/esm/ItalicIcon'; import { StrikethroughIcon } from '@twilio-paste/icons/esm/StrikethroughIcon'; +import { UnderlineIcon } from '@twilio-paste/icons/esm/UnderlineIcon'; +import { UnorderedListIcon } from '@twilio-paste/icons/esm/UnorderedListIcon'; +import * as React from 'react'; import { Menu, MenuButton, - MenuItemCheckbox, - SubMenuButton, MenuGroup, MenuItem, + MenuItemCheckbox, + MenuItemRadio, MenuSeparator, + SubMenuButton, useMenuState, - MenuItemRadio, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/meter/__tests__/index.spec.tsx b/packages/paste-core/components/meter/__tests__/index.spec.tsx index b6a5628088..4565d56f27 100644 --- a/packages/paste-core/components/meter/__tests__/index.spec.tsx +++ b/packages/paste-core/components/meter/__tests__/index.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import type { RenderOptions } from '@testing-library/react'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { Default, AriaLabel, Customized } from '../stories/index.stories'; +import { AriaLabel, Customized, Default } from '../stories/index.stories'; const ThemeWrapper: RenderOptions['wrapper'] = ({ children }) => ( {children} diff --git a/packages/paste-core/components/meter/src/Meter.tsx b/packages/paste-core/components/meter/src/Meter.tsx index 3bcfb54454..aa68b3b163 100644 --- a/packages/paste-core/components/meter/src/Meter.tsx +++ b/packages/paste-core/components/meter/src/Meter.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { type BoxProps, Box } from '@twilio-paste/box'; +import { Box, type BoxProps } from '@twilio-paste/box'; +import { useMeter } from '@twilio-paste/react-spectrum-library'; import { Text } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; -import { useMeter } from '@twilio-paste/react-spectrum-library'; +import * as React from 'react'; import { LABEL_SUFFIX } from './constants'; diff --git a/packages/paste-core/components/meter/src/MeterLabel.tsx b/packages/paste-core/components/meter/src/MeterLabel.tsx index 5f8759e334..ed3e7eaa15 100644 --- a/packages/paste-core/components/meter/src/MeterLabel.tsx +++ b/packages/paste-core/components/meter/src/MeterLabel.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { type BoxProps, Box } from '@twilio-paste/box'; +import { Box, type BoxProps } from '@twilio-paste/box'; import { Label } from '@twilio-paste/label'; import { Text } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { LABEL_SUFFIX } from './constants'; diff --git a/packages/paste-core/components/meter/stories/index.stories.tsx b/packages/paste-core/components/meter/stories/index.stories.tsx index 0270ad536a..9020593dfb 100644 --- a/packages/paste-core/components/meter/stories/index.stories.tsx +++ b/packages/paste-core/components/meter/stories/index.stories.tsx @@ -1,8 +1,8 @@ +import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { HelpText } from '@twilio-paste/help-text'; import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; -import { HelpText } from '@twilio-paste/help-text'; -import { Box } from '@twilio-paste/box'; import * as React from 'react'; import { Meter, MeterLabel } from '../src'; diff --git a/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx b/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx index 69ea5a1174..21da6abdb6 100644 --- a/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { MinimizableDialog, MinimizableDialogButton, - MinimizableDialogHeader, MinimizableDialogContainer, MinimizableDialogContent, + MinimizableDialogHeader, } from '../src'; const CustomizationWrapper: React.FC = ({ children }) => ( diff --git a/packages/paste-core/components/minimizable-dialog/__tests__/index.spec.tsx b/packages/paste-core/components/minimizable-dialog/__tests__/index.spec.tsx index 3ffde671eb..be4fecbd39 100644 --- a/packages/paste-core/components/minimizable-dialog/__tests__/index.spec.tsx +++ b/packages/paste-core/components/minimizable-dialog/__tests__/index.spec.tsx @@ -1,12 +1,12 @@ +import { fireEvent, render, screen, waitFor } from '@testing-library/react'; import * as React from 'react'; -import { render, screen, fireEvent, waitFor } from '@testing-library/react'; import { MinimizableDialog, MinimizableDialogButton, - MinimizableDialogHeader, MinimizableDialogContainer, MinimizableDialogContent, + MinimizableDialogHeader, } from '../src'; import { StateHookExample } from '../stories/index.stories'; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialog.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialog.tsx index b236ef4fa2..c8bd111edf 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialog.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialog.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { StyledBase } from '@twilio-paste/theme'; import { NonModalDialogPrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import { StyledBase } from '@twilio-paste/theme'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { MinimizableDialogContext } from './MinimizableDialogContext'; import type { MinimizableDialogContextProps } from './MinimizableDialogContext'; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogButton.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogButton.tsx index 4347926efb..6ae3582e93 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogButton.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogButton.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; -import { NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; import type { ButtonProps } from '@twilio-paste/button'; +import { NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import { MinimizableDialogContext } from './MinimizableDialogContext'; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContainer.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContainer.tsx index 2dadffbacd..cc91572ca3 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContainer.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContainer.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { - NonModalDialogPrimitiveStateReturn, NonModalDialogPrimitivePopoverInitialState, + NonModalDialogPrimitiveStateReturn, } from '@twilio-paste/non-modal-dialog-primitive'; import { useNonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import { MinimizableDialogContext } from './MinimizableDialogContext'; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx index 34680e343a..0c9407c8f5 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { MinimizableDialogContext } from './MinimizableDialogContext'; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContext.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContext.tsx index 4a50903c97..f78a6a04a8 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContext.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { NonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; export type MinimizableDialogContextProps = Partial & { minimized?: boolean; diff --git a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx index b5981ac51f..2f591a1e40 100644 --- a/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { ChevronUpIcon } from '@twilio-paste/icons/esm/ChevronUpIcon'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import type { BoxProps } from '@twilio-paste/box'; import { MinusIcon } from '@twilio-paste/icons/esm/MinusIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { MinimizableDialogContext } from './MinimizableDialogContext'; diff --git a/packages/paste-core/components/minimizable-dialog/src/StyledMinimizableDialog.tsx b/packages/paste-core/components/minimizable-dialog/src/StyledMinimizableDialog.tsx index f72b36e460..6d9b472299 100644 --- a/packages/paste-core/components/minimizable-dialog/src/StyledMinimizableDialog.tsx +++ b/packages/paste-core/components/minimizable-dialog/src/StyledMinimizableDialog.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export const StyledMinimizableDialog: React.FC>> = ({ element, diff --git a/packages/paste-core/components/minimizable-dialog/stories/customization.stories.tsx b/packages/paste-core/components/minimizable-dialog/stories/customization.stories.tsx index a0b7766422..59f0f26aaf 100644 --- a/packages/paste-core/components/minimizable-dialog/stories/customization.stories.tsx +++ b/packages/paste-core/components/minimizable-dialog/stories/customization.stories.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Paragraph } from '@twilio-paste/paragraph'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { MinimizableDialog, MinimizableDialogButton, - MinimizableDialogHeader, MinimizableDialogContainer, MinimizableDialogContent, + MinimizableDialogHeader, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx b/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx index 9425e9dd4e..be085bc271 100644 --- a/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx @@ -1,21 +1,21 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; import { Heading } from '@twilio-paste/heading'; +import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; import { Paragraph } from '@twilio-paste/paragraph'; import { TextArea } from '@twilio-paste/textarea'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { MinimizableDialog, MinimizableDialogButton, - MinimizableDialogHeader, MinimizableDialogContainer, MinimizableDialogContent, + MinimizableDialogHeader, useMinimizableDialogState, } from '../src'; import { MinimizableDialogContext } from '../src/MinimizableDialogContext'; diff --git a/packages/paste-core/components/modal/__tests__/customization.spec.tsx b/packages/paste-core/components/modal/__tests__/customization.spec.tsx index dde838bcc5..f2f28bf7e3 100644 --- a/packages/paste-core/components/modal/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/modal/__tests__/customization.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { BaseModal, initStyles } from '../stories/customization.stories'; diff --git a/packages/paste-core/components/modal/__tests__/index.spec.tsx b/packages/paste-core/components/modal/__tests__/index.spec.tsx index 695464f1f5..27acdd31c3 100644 --- a/packages/paste-core/components/modal/__tests__/index.spec.tsx +++ b/packages/paste-core/components/modal/__tests__/index.spec.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { render, fireEvent, screen } from '@testing-library/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { Button } from '@twilio-paste/button'; +import { fireEvent, render, screen } from '@testing-library/react'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; +import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; import { Paragraph } from '@twilio-paste/paragraph'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '../src'; diff --git a/packages/paste-core/components/modal/src/Modal.tsx b/packages/paste-core/components/modal/src/Modal.tsx index 77a0d11af4..40ccafe515 100644 --- a/packages/paste-core/components/modal/src/Modal.tsx +++ b/packages/paste-core/components/modal/src/Modal.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { css, styled } from '@twilio-paste/styling-library'; -import { useTransition, animated } from '@twilio-paste/animation-library'; -import { safelySpreadBoxProps, Box, getCustomElementStyles } from '@twilio-paste/box'; +import { animated, useTransition } from '@twilio-paste/animation-library'; +import { Box, getCustomElementStyles, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; +import { ModalDialogPrimitiveContent, ModalDialogPrimitiveOverlay } from '@twilio-paste/modal-dialog-primitive'; +import { css, styled } from '@twilio-paste/styling-library'; import { pasteBaseStyles } from '@twilio-paste/theme'; -import { ModalDialogPrimitiveOverlay, ModalDialogPrimitiveContent } from '@twilio-paste/modal-dialog-primitive'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { ModalContext } from './ModalContext'; diff --git a/packages/paste-core/components/modal/src/ModalBody.tsx b/packages/paste-core/components/modal/src/ModalBody.tsx index 3eac287356..e331045c02 100644 --- a/packages/paste-core/components/modal/src/ModalBody.tsx +++ b/packages/paste-core/components/modal/src/ModalBody.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface ModalBodyProps extends HTMLPasteProps<'div'> { children: NonNullable; diff --git a/packages/paste-core/components/modal/src/ModalFooter.tsx b/packages/paste-core/components/modal/src/ModalFooter.tsx index 9eef97117d..6f999e246d 100644 --- a/packages/paste-core/components/modal/src/ModalFooter.tsx +++ b/packages/paste-core/components/modal/src/ModalFooter.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface ModalFooterProps extends HTMLPasteProps<'div'> { children: NonNullable; diff --git a/packages/paste-core/components/modal/src/ModalFooterActions.tsx b/packages/paste-core/components/modal/src/ModalFooterActions.tsx index 90ac194959..3f0f66ef1c 100644 --- a/packages/paste-core/components/modal/src/ModalFooterActions.tsx +++ b/packages/paste-core/components/modal/src/ModalFooterActions.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; +import * as React from 'react'; type Justify = 'start' | 'end'; export interface ModalFooterActionsProps { diff --git a/packages/paste-core/components/modal/src/ModalHeader.tsx b/packages/paste-core/components/modal/src/ModalHeader.tsx index cdc4a01745..67cb065639 100644 --- a/packages/paste-core/components/modal/src/ModalHeader.tsx +++ b/packages/paste-core/components/modal/src/ModalHeader.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Flex } from '@twilio-paste/flex'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { useModalContext } from './ModalContext'; diff --git a/packages/paste-core/components/modal/src/ModalHeading.tsx b/packages/paste-core/components/modal/src/ModalHeading.tsx index b146ce9bcf..c827b1a831 100644 --- a/packages/paste-core/components/modal/src/ModalHeading.tsx +++ b/packages/paste-core/components/modal/src/ModalHeading.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import type { BoxElementProps } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import type { HeadingProps } from '@twilio-paste/heading'; -import type { BoxElementProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface ModalHeadingProps extends Omit { children: NonNullable; diff --git a/packages/paste-core/components/modal/stories/customization.stories.tsx b/packages/paste-core/components/modal/stories/customization.stories.tsx index 5a1585605f..1403160430 100644 --- a/packages/paste-core/components/modal/stories/customization.stories.tsx +++ b/packages/paste-core/components/modal/stories/customization.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; +import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; -import { Button } from '@twilio-paste/button'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { ModalProps } from '../src'; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '../src'; diff --git a/packages/paste-core/components/modal/stories/index.stories.tsx b/packages/paste-core/components/modal/stories/index.stories.tsx index 2b8e83f761..b7a3bdc319 100644 --- a/packages/paste-core/components/modal/stories/index.stories.tsx +++ b/packages/paste-core/components/modal/stories/index.stories.tsx @@ -1,29 +1,29 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { Flex } from '@twilio-paste/flex'; import { Heading } from '@twilio-paste/heading'; +import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Flex } from '@twilio-paste/flex'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; +import { Option, Select } from '@twilio-paste/select'; import { Text } from '@twilio-paste/text'; -import { Box } from '@twilio-paste/box'; -import { Select, Option } from '@twilio-paste/select'; -import { Popover, PopoverContainer, PopoverButton } from '@twilio-paste/popover'; import { Tooltip } from '@twilio-paste/tooltip'; -import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { ModalProps } from '../src'; import { Modal, ModalBody, + ModalContext, + ModalDialogContent, + ModalDialogOverlay, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading, - ModalContext, - ModalDialogContent, - ModalDialogOverlay, } from '../src'; type ModalTriggerProps = Pick; diff --git a/packages/paste-core/components/pagination/__tests__/customization.spec.tsx b/packages/paste-core/components/pagination/__tests__/customization.spec.tsx index 9a04300b5b..a34a225383 100644 --- a/packages/paste-core/components/pagination/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/pagination/__tests__/customization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import * as React from 'react'; -import { WrapperAndArrows, NumbersAndLabel } from '../stories/customization.stories'; +import { NumbersAndLabel, WrapperAndArrows } from '../stories/customization.stories'; const paginationStyles = { fontSize: 'fontSize60', fontWeight: 'fontWeightBold' } as PasteCustomCSS; const getCustomizedStyles = (prefix = 'PAGINATION'): { [key: string]: any } => ({ diff --git a/packages/paste-core/components/pagination/__tests__/index.spec.tsx b/packages/paste-core/components/pagination/__tests__/index.spec.tsx index 770fb206c2..3df6802541 100644 --- a/packages/paste-core/components/pagination/__tests__/index.spec.tsx +++ b/packages/paste-core/components/pagination/__tests__/index.spec.tsx @@ -1,5 +1,5 @@ +import { fireEvent, render } from '@testing-library/react'; import * as React from 'react'; -import { render, fireEvent } from '@testing-library/react'; import { PaginationArrow, PaginationNumber } from '../src'; import { ArrowsPageLabelExample, NumbersExample, NumbersPageLabelExample } from '../stories/index.stories'; diff --git a/packages/paste-core/components/pagination/src/Pagination.tsx b/packages/paste-core/components/pagination/src/Pagination.tsx index 892311ff4a..bae3d184a0 100644 --- a/packages/paste-core/components/pagination/src/Pagination.tsx +++ b/packages/paste-core/components/pagination/src/Pagination.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { PaginationProps } from './types'; diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowButton.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowButton.tsx index fd7b79b035..d164c477c6 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowButton.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowButton.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { PaginationArrowButtonProps } from '../types'; diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx index 1bb05000d4..03d76e5fa6 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { PaginationArrowIconWrapperProps } from '../types'; diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationBackArrow.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationBackArrow.tsx index 128b450b45..715b2debd4 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationBackArrow.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationBackArrow.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { Text } from '@twilio-paste/text'; import { ArrowBackIcon } from '@twilio-paste/icons/esm/ArrowBackIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; +import type { PaginationArrowProps } from '../types'; import { PaginationArrowButton } from './PaginationArrowButton'; import { PaginationArrowIconWrapper } from './PaginationArrowIconWrapper'; -import type { PaginationArrowProps } from '../types'; const PaginationBackArrow = React.forwardRef( ( diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationForwardArrow.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationForwardArrow.tsx index e0098b6ceb..bac88a70b1 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationForwardArrow.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationForwardArrow.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { Text } from '@twilio-paste/text'; import { ArrowForwardIcon } from '@twilio-paste/icons/esm/ArrowForwardIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; +import type { PaginationArrowProps } from '../types'; import { PaginationArrowButton } from './PaginationArrowButton'; import { PaginationArrowIconWrapper } from './PaginationArrowIconWrapper'; -import type { PaginationArrowProps } from '../types'; const PaginationForwardArrow = React.forwardRef( ( diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/index.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/index.tsx index a0e694d1d6..9899c27a67 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/index.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/index.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; -import { PaginationBackArrow } from './PaginationBackArrow'; -import { PaginationForwardArrow } from './PaginationForwardArrow'; import type { PaginationArrowProps } from '../types'; import { handleLinkValidation } from '../utils'; +import { PaginationBackArrow } from './PaginationBackArrow'; +import { PaginationForwardArrow } from './PaginationForwardArrow'; const PaginationArrow = React.forwardRef( ( diff --git a/packages/paste-core/components/pagination/src/PaginationEllipsis.tsx b/packages/paste-core/components/pagination/src/PaginationEllipsis.tsx index f4606ef513..08a1f9c2a1 100644 --- a/packages/paste-core/components/pagination/src/PaginationEllipsis.tsx +++ b/packages/paste-core/components/pagination/src/PaginationEllipsis.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; import type { PaginationEllipsisProps } from './types'; diff --git a/packages/paste-core/components/pagination/src/PaginationItems.tsx b/packages/paste-core/components/pagination/src/PaginationItems.tsx index b5dbc3daa8..14a4bff2a7 100644 --- a/packages/paste-core/components/pagination/src/PaginationItems.tsx +++ b/packages/paste-core/components/pagination/src/PaginationItems.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { useUIDSeed } from '@twilio-paste/uid-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { ULStyles, LIStyles } from './styles'; +import { LIStyles, ULStyles } from './styles'; import type { PaginationItemsProps } from './types'; const PaginationItems = React.forwardRef( diff --git a/packages/paste-core/components/pagination/src/PaginationLabel.tsx b/packages/paste-core/components/pagination/src/PaginationLabel.tsx index bb040ef287..dc19485ca3 100644 --- a/packages/paste-core/components/pagination/src/PaginationLabel.tsx +++ b/packages/paste-core/components/pagination/src/PaginationLabel.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; +import * as React from 'react'; import type { PaginationLabelProps } from './types'; diff --git a/packages/paste-core/components/pagination/src/PaginationNumber.tsx b/packages/paste-core/components/pagination/src/PaginationNumber.tsx index 3a1f995fb0..69b24d734b 100644 --- a/packages/paste-core/components/pagination/src/PaginationNumber.tsx +++ b/packages/paste-core/components/pagination/src/PaginationNumber.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { PaginationNumberProps } from './types'; import { handleLinkValidation } from './utils'; diff --git a/packages/paste-core/components/pagination/src/PaginationNumbers.tsx b/packages/paste-core/components/pagination/src/PaginationNumbers.tsx index 3824a09068..85c3c05bd5 100644 --- a/packages/paste-core/components/pagination/src/PaginationNumbers.tsx +++ b/packages/paste-core/components/pagination/src/PaginationNumbers.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { useUIDSeed } from '@twilio-paste/uid-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { PaginationLabel } from './PaginationLabel'; -import { ULStyles, LIStyles } from './styles'; +import { LIStyles, ULStyles } from './styles'; import type { PaginationNumbersProps } from './types'; const PaginationNumbers = React.forwardRef( diff --git a/packages/paste-core/components/pagination/stories/customization.stories.tsx b/packages/paste-core/components/pagination/stories/customization.stories.tsx index de5319881d..39ededfeb2 100644 --- a/packages/paste-core/components/pagination/stories/customization.stories.tsx +++ b/packages/paste-core/components/pagination/stories/customization.stories.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; +import type { StoryFn } from '@storybook/react'; import type { BoxElementProps } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; -import { Heading } from '@twilio-paste/heading'; -import { Stack } from '@twilio-paste/stack'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { useUID } from '@twilio-paste/uid-library'; +import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; -import type { StoryFn } from '@storybook/react'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Pagination, PaginationArrow, PaginationEllipsis, PaginationItems, + PaginationLabel, PaginationNumber, PaginationNumbers, - PaginationLabel, } from '../src'; // Wrapper to abstract the rendering of the default and customized pagination versions diff --git a/packages/paste-core/components/pagination/stories/index.stories.tsx b/packages/paste-core/components/pagination/stories/index.stories.tsx index 492ab55793..6ba45140e7 100644 --- a/packages/paste-core/components/pagination/stories/index.stories.tsx +++ b/packages/paste-core/components/pagination/stories/index.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Pagination, diff --git a/packages/paste-core/components/paragraph/__tests__/paragraph.test.tsx b/packages/paste-core/components/paragraph/__tests__/paragraph.test.tsx index 2acdc315eb..2937ffdbdd 100644 --- a/packages/paste-core/components/paragraph/__tests__/paragraph.test.tsx +++ b/packages/paste-core/components/paragraph/__tests__/paragraph.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Paragraph } from '../src'; diff --git a/packages/paste-core/components/paragraph/src/index.tsx b/packages/paste-core/components/paragraph/src/index.tsx index bd65496e1c..ece8ef2ee2 100644 --- a/packages/paste-core/components/paragraph/src/index.tsx +++ b/packages/paste-core/components/paragraph/src/index.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Text, safelySpreadTextProps } from '@twilio-paste/text'; import type { TextProps } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface ParagraphProps extends HTMLPasteProps<'p'>, Pick { id?: never; diff --git a/packages/paste-core/components/paragraph/stories/index.stories.tsx b/packages/paste-core/components/paragraph/stories/index.stories.tsx index 27ac76afdd..b279862b63 100644 --- a/packages/paste-core/components/paragraph/stories/index.stories.tsx +++ b/packages/paste-core/components/paragraph/stories/index.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Paragraph } from '../src'; diff --git a/packages/paste-core/components/popover/__tests__/index.spec.tsx b/packages/paste-core/components/popover/__tests__/index.spec.tsx index ddbe0a5e2d..efd15964ce 100644 --- a/packages/paste-core/components/popover/__tests__/index.spec.tsx +++ b/packages/paste-core/components/popover/__tests__/index.spec.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Text } from '@twilio-paste/text'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { PopoverTop, StateHookExample, BadgePopover, InitialFocus } from '../stories/index.stories'; -import { Popover, PopoverContainer, PopoverButton } from '../src'; +import { Popover, PopoverButton, PopoverContainer } from '../src'; +import { BadgePopover, InitialFocus, PopoverTop, StateHookExample } from '../stories/index.stories'; describe('Popover', () => { describe('Render', () => { diff --git a/packages/paste-core/components/popover/src/Popover.tsx b/packages/paste-core/components/popover/src/Popover.tsx index d94bc6ba77..0d0e5106e4 100644 --- a/packages/paste-core/components/popover/src/Popover.tsx +++ b/packages/paste-core/components/popover/src/Popover.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; -import { StyledBase } from '@twilio-paste/theme'; import { NonModalDialogPrimitive } from '@twilio-paste/non-modal-dialog-primitive'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import type { ResponsiveValue } from '@twilio-paste/styling-library'; +import { StyledBase } from '@twilio-paste/theme'; +import * as React from 'react'; import { PopoverArrow } from './PopoverArrow'; import { PopoverContext } from './PopoverContext'; diff --git a/packages/paste-core/components/popover/src/PopoverArrow.tsx b/packages/paste-core/components/popover/src/PopoverArrow.tsx index e88f5aee85..8afc697d37 100644 --- a/packages/paste-core/components/popover/src/PopoverArrow.tsx +++ b/packages/paste-core/components/popover/src/PopoverArrow.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { NonModalDialogArrowPrimitiveProps } from '@twilio-paste/non-modal-dialog-primitive'; import { NonModalDialogArrowPrimitive } from '@twilio-paste/non-modal-dialog-primitive'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; export type PopoverArrowProps = NonModalDialogArrowPrimitiveProps; diff --git a/packages/paste-core/components/popover/src/PopoverBadgeButton.tsx b/packages/paste-core/components/popover/src/PopoverBadgeButton.tsx index a264196133..ffa246ab45 100644 --- a/packages/paste-core/components/popover/src/PopoverBadgeButton.tsx +++ b/packages/paste-core/components/popover/src/PopoverBadgeButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Badge } from '@twilio-paste/badge'; import { NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; -import type { PopoverBadgeButtonProps, ButtonBadgeProps } from './types'; import { PopoverContext } from './PopoverContext'; +import type { ButtonBadgeProps, PopoverBadgeButtonProps } from './types'; const ButtonBadge = React.forwardRef(function ButtonBadge( { children, ...props }, diff --git a/packages/paste-core/components/popover/src/PopoverButton.tsx b/packages/paste-core/components/popover/src/PopoverButton.tsx index aaa644eecd..80554f1677 100644 --- a/packages/paste-core/components/popover/src/PopoverButton.tsx +++ b/packages/paste-core/components/popover/src/PopoverButton.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; import { NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; -import type { PopoverButtonProps } from './types'; import { PopoverContext } from './PopoverContext'; +import type { PopoverButtonProps } from './types'; const PopoverButton = React.forwardRef( ({ children, element = 'POPOVER_BUTTON', ...popoverButtonProps }, ref) => { diff --git a/packages/paste-core/components/popover/src/PopoverContainer.tsx b/packages/paste-core/components/popover/src/PopoverContainer.tsx index 4f583323a6..87beffe2b7 100644 --- a/packages/paste-core/components/popover/src/PopoverContainer.tsx +++ b/packages/paste-core/components/popover/src/PopoverContainer.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { - NonModalDialogPrimitiveStateReturn, NonModalDialogPrimitivePopoverInitialState, + NonModalDialogPrimitiveStateReturn, } from '@twilio-paste/non-modal-dialog-primitive'; import { useNonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import { PopoverContext } from './PopoverContext'; diff --git a/packages/paste-core/components/popover/src/PopoverContext.tsx b/packages/paste-core/components/popover/src/PopoverContext.tsx index ffb4522421..303a9eac99 100644 --- a/packages/paste-core/components/popover/src/PopoverContext.tsx +++ b/packages/paste-core/components/popover/src/PopoverContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { NonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; const PopoverContext = React.createContext>({}); diff --git a/packages/paste-core/components/popover/src/types.ts b/packages/paste-core/components/popover/src/types.ts index 5e090f72c1..52006ae98e 100644 --- a/packages/paste-core/components/popover/src/types.ts +++ b/packages/paste-core/components/popover/src/types.ts @@ -1,6 +1,6 @@ import type { BadgeBaseProps, BadgeButtonProps } from '@twilio-paste/badge'; -import type { ButtonProps } from '@twilio-paste/button'; import type { BoxProps } from '@twilio-paste/box'; +import type { ButtonProps } from '@twilio-paste/button'; export type ButtonBadgeProps = BadgeBaseProps & Omit & { diff --git a/packages/paste-core/components/popover/stories/index.stories.tsx b/packages/paste-core/components/popover/stories/index.stories.tsx index dc797456a6..acc70967cb 100644 --- a/packages/paste-core/components/popover/stories/index.stories.tsx +++ b/packages/paste-core/components/popover/stories/index.stories.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import { useUID } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { DatePicker } from '@twilio-paste/date-picker'; import { Label } from '@twilio-paste/label'; +import { Separator } from '@twilio-paste/separator'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { DatePicker } from '@twilio-paste/date-picker'; +import { useTheme } from '@twilio-paste/theme'; import { TimePicker } from '@twilio-paste/time-picker'; -import { Separator } from '@twilio-paste/separator'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { usePopoverState, Popover, PopoverContainer, PopoverButton, PopoverBadgeButton } from '../src'; +import { Popover, PopoverBadgeButton, PopoverButton, PopoverContainer, usePopoverState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/product-switcher/__tests__/ProductSwitcher.spec.tsx b/packages/paste-core/components/product-switcher/__tests__/ProductSwitcher.spec.tsx index 941e1bbc01..b40a264003 100644 --- a/packages/paste-core/components/product-switcher/__tests__/ProductSwitcher.spec.tsx +++ b/packages/paste-core/components/product-switcher/__tests__/ProductSwitcher.spec.tsx @@ -1,8 +1,8 @@ +import { act, render, screen } from '@testing-library/react'; import * as React from 'react'; -import { render, screen, act } from '@testing-library/react'; +import { CustomElementName, DefaultElementName } from '../stories/ProductSwitcher.customization.stories'; import { ProductSwitcherMenu } from '../stories/ProductSwitcher.stories'; -import { DefaultElementName, CustomElementName } from '../stories/ProductSwitcher.customization.stories'; describe('ProductSwitcher', () => { describe('element naming', () => { diff --git a/packages/paste-core/components/product-switcher/src/ProductSwitcher.tsx b/packages/paste-core/components/product-switcher/src/ProductSwitcher.tsx index 760903f34b..94745a25e3 100644 --- a/packages/paste-core/components/product-switcher/src/ProductSwitcher.tsx +++ b/packages/paste-core/components/product-switcher/src/ProductSwitcher.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Menu } from '@twilio-paste/menu'; import type { MenuProps } from '@twilio-paste/menu'; +import * as React from 'react'; export interface ProductSwitcherProps extends MenuProps { children: NonNullable; diff --git a/packages/paste-core/components/product-switcher/src/ProductSwitcherButton.tsx b/packages/paste-core/components/product-switcher/src/ProductSwitcherButton.tsx index 8f0b46087d..342e4d83c1 100644 --- a/packages/paste-core/components/product-switcher/src/ProductSwitcherButton.tsx +++ b/packages/paste-core/components/product-switcher/src/ProductSwitcherButton.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { ProductSwitcherIcon } from '@twilio-paste/icons/esm/ProductSwitcherIcon'; import { MenuButton } from '@twilio-paste/menu'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import type { MenuButtonProps } from '@twilio-paste/menu'; -import { ProductSwitcherIcon } from '@twilio-paste/icons/esm/ProductSwitcherIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; export interface ProductSwitcherButtonProps extends Omit { i18nButtonLabel: string; diff --git a/packages/paste-core/components/product-switcher/src/ProductSwitcherItem.tsx b/packages/paste-core/components/product-switcher/src/ProductSwitcherItem.tsx index 9cc5e7986c..d4f71fc841 100644 --- a/packages/paste-core/components/product-switcher/src/ProductSwitcherItem.tsx +++ b/packages/paste-core/components/product-switcher/src/ProductSwitcherItem.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; import { MenuItemRadio } from '@twilio-paste/menu'; import type { MenuItemRadioProps } from '@twilio-paste/menu'; import { Text } from '@twilio-paste/text'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; export interface ProductSwitcherItemProps extends Omit { productName: string; diff --git a/packages/paste-core/components/product-switcher/stories/ProductSwitcher.customization.stories.tsx b/packages/paste-core/components/product-switcher/stories/ProductSwitcher.customization.stories.tsx index 92d2b6b822..a22d2a2750 100644 --- a/packages/paste-core/components/product-switcher/stories/ProductSwitcher.customization.stories.tsx +++ b/packages/paste-core/components/product-switcher/stories/ProductSwitcher.customization.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; -import { ProductEmailAPIIcon } from '@twilio-paste/icons/esm/ProductEmailAPIIcon'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import { ProductEmailAPIIcon } from '@twilio-paste/icons/esm/ProductEmailAPIIcon'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; +import * as React from 'react'; import { ProductSwitcher, ProductSwitcherButton, ProductSwitcherItem, useProductSwitcherState } from '../src'; diff --git a/packages/paste-core/components/product-switcher/stories/ProductSwitcher.stories.tsx b/packages/paste-core/components/product-switcher/stories/ProductSwitcher.stories.tsx index f4439b94c2..a77a032e70 100644 --- a/packages/paste-core/components/product-switcher/stories/ProductSwitcher.stories.tsx +++ b/packages/paste-core/components/product-switcher/stories/ProductSwitcher.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; -import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { ProductEmailAPIIcon } from '@twilio-paste/icons/esm/ProductEmailAPIIcon'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; +import * as React from 'react'; import { ProductSwitcher, ProductSwitcherButton, ProductSwitcherItem, useProductSwitcherState } from '../src'; diff --git a/packages/paste-core/components/progress-bar/__tests__/index.spec.tsx b/packages/paste-core/components/progress-bar/__tests__/index.spec.tsx index 6d10770cf6..7b81d1b9dd 100644 --- a/packages/paste-core/components/progress-bar/__tests__/index.spec.tsx +++ b/packages/paste-core/components/progress-bar/__tests__/index.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { HelpText } from '@twilio-paste/help-text'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { LABEL_SUFFIX } from '../src/constants'; import { ProgressBar, ProgressBarLabel } from '../src'; +import { LABEL_SUFFIX } from '../src/constants'; describe('ProgressBar', () => { describe('base usage', () => { diff --git a/packages/paste-core/components/progress-bar/src/ProgressBar.tsx b/packages/paste-core/components/progress-bar/src/ProgressBar.tsx index 08ef11c170..459aa8349b 100644 --- a/packages/paste-core/components/progress-bar/src/ProgressBar.tsx +++ b/packages/paste-core/components/progress-bar/src/ProgressBar.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import { animated, useSpring } from '@twilio-paste/animation-library'; import { Box, type BoxProps } from '@twilio-paste/box'; -import type { HTMLPasteProps } from '@twilio-paste/types'; import { useProgressBar } from '@twilio-paste/react-spectrum-library'; -import { animated, useSpring } from '@twilio-paste/animation-library'; import { keyframes } from '@twilio-paste/styling-library'; +import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { LABEL_SUFFIX } from './constants'; diff --git a/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx b/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx index b1a73a78a3..73b9e82350 100644 --- a/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx +++ b/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { type BoxProps } from '@twilio-paste/box'; import { Label } from '@twilio-paste/label'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { LABEL_SUFFIX } from './constants'; diff --git a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx index 112a2b1aa2..b73dcccc8f 100644 --- a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx +++ b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import { useUID } from '@twilio-paste/uid-library'; -import { Form, FormControl } from '@twilio-paste/form'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Form, FormControl } from '@twilio-paste/form'; +import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { ProgressBar, ProgressBarLabel } from '../src'; diff --git a/packages/paste-core/components/progress-bar/stories/index.stories.tsx b/packages/paste-core/components/progress-bar/stories/index.stories.tsx index 692225dbe4..3a645bca91 100644 --- a/packages/paste-core/components/progress-bar/stories/index.stories.tsx +++ b/packages/paste-core/components/progress-bar/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { Label } from '@twilio-paste/label'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; +import { Form, FormControl } from '@twilio-paste/form'; import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; import { useUID } from '@twilio-paste/uid-library'; -import { Form, FormControl } from '@twilio-paste/form'; -import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { ProgressBar, ProgressBarLabel } from '../src'; diff --git a/packages/paste-core/components/progress-steps/__tests__/index.spec.tsx b/packages/paste-core/components/progress-steps/__tests__/index.spec.tsx index 4764c8613b..7c38e8b72c 100644 --- a/packages/paste-core/components/progress-steps/__tests__/index.spec.tsx +++ b/packages/paste-core/components/progress-steps/__tests__/index.spec.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { - ProgressSteps, - ProgressStepSeparator, ProgressStepComplete, ProgressStepCurrent, ProgressStepError, ProgressStepIncomplete, + ProgressStepSeparator, + ProgressSteps, } from '../src'; -import { Divs, Buttons, Anchors } from '../stories/horizontal.stories'; +import { Anchors, Buttons, Divs } from '../stories/horizontal.stories'; describe('ProgressSteps', () => { it('should render divs correctly', () => { diff --git a/packages/paste-core/components/progress-steps/src/ProgressStepComplete.tsx b/packages/paste-core/components/progress-steps/src/ProgressStepComplete.tsx index 8368518b5b..a2fcb2872f 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressStepComplete.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressStepComplete.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { SuccessIcon as ProgressSuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import * as React from 'react'; import type { ProgressStepCompleteProps } from './types'; diff --git a/packages/paste-core/components/progress-steps/src/ProgressStepCurrent.tsx b/packages/paste-core/components/progress-steps/src/ProgressStepCurrent.tsx index b1dd04dd97..299ecce153 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressStepCurrent.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressStepCurrent.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { ProgressCurrentIcon } from './icons/ProgressCurrentIcon'; import type { ProgressStepCurrentProps } from './types'; diff --git a/packages/paste-core/components/progress-steps/src/ProgressStepError.tsx b/packages/paste-core/components/progress-steps/src/ProgressStepError.tsx index b2be1d4af9..f50122163f 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressStepError.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressStepError.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { ProgressErrorIcon } from './icons/ProgressErrorIcon'; import type { ProgressStepErrorProps } from './types'; diff --git a/packages/paste-core/components/progress-steps/src/ProgressStepIncomplete.tsx b/packages/paste-core/components/progress-steps/src/ProgressStepIncomplete.tsx index 03067802f7..a98f0efb96 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressStepIncomplete.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressStepIncomplete.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { ProgressIncompleteIcon } from './icons/ProgressIncompleteIcon'; import type { ProgressStepIncompleteProps } from './types'; diff --git a/packages/paste-core/components/progress-steps/src/ProgressStepSeparator.tsx b/packages/paste-core/components/progress-steps/src/ProgressStepSeparator.tsx index ee11712b13..2083012404 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressStepSeparator.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressStepSeparator.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { ProgressStepsContext } from './ProgressStepsContext'; diff --git a/packages/paste-core/components/progress-steps/src/ProgressSteps.tsx b/packages/paste-core/components/progress-steps/src/ProgressSteps.tsx index bfaf9e09f6..b74422f046 100644 --- a/packages/paste-core/components/progress-steps/src/ProgressSteps.tsx +++ b/packages/paste-core/components/progress-steps/src/ProgressSteps.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; -import type { Orientation } from './types'; import { ProgressStepsContext } from './ProgressStepsContext'; +import type { Orientation } from './types'; const VerticalStyles: BoxProps = { flexDirection: 'column', diff --git a/packages/paste-core/components/progress-steps/src/icons/ProgressCurrentIcon.tsx b/packages/paste-core/components/progress-steps/src/icons/ProgressCurrentIcon.tsx index 744d7456ae..e24e8f539a 100644 --- a/packages/paste-core/components/progress-steps/src/icons/ProgressCurrentIcon.tsx +++ b/packages/paste-core/components/progress-steps/src/icons/ProgressCurrentIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface ProgressCurrentIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-core/components/progress-steps/src/icons/ProgressErrorIcon.tsx b/packages/paste-core/components/progress-steps/src/icons/ProgressErrorIcon.tsx index 466189eba5..2784f81ac6 100644 --- a/packages/paste-core/components/progress-steps/src/icons/ProgressErrorIcon.tsx +++ b/packages/paste-core/components/progress-steps/src/icons/ProgressErrorIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface ProgressErrorIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-core/components/progress-steps/src/icons/ProgressIncompleteIcon.tsx b/packages/paste-core/components/progress-steps/src/icons/ProgressIncompleteIcon.tsx index 6bb37b6751..e97794c52c 100644 --- a/packages/paste-core/components/progress-steps/src/icons/ProgressIncompleteIcon.tsx +++ b/packages/paste-core/components/progress-steps/src/icons/ProgressIncompleteIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface ProgressIncompleteIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-core/components/progress-steps/stories/customization.stories.tsx b/packages/paste-core/components/progress-steps/stories/customization.stories.tsx index 560d41eb5b..b5839e2cb0 100644 --- a/packages/paste-core/components/progress-steps/stories/customization.stories.tsx +++ b/packages/paste-core/components/progress-steps/stories/customization.stories.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { - ProgressSteps, ProgressStepComplete, ProgressStepCurrent, ProgressStepError, ProgressStepIncomplete, ProgressStepSeparator, + ProgressSteps, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/progress-steps/stories/horizontal.stories.tsx b/packages/paste-core/components/progress-steps/stories/horizontal.stories.tsx index 23ced4e803..62b122b7e2 100644 --- a/packages/paste-core/components/progress-steps/stories/horizontal.stories.tsx +++ b/packages/paste-core/components/progress-steps/stories/horizontal.stories.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; import { - ProgressSteps, ProgressStepComplete, ProgressStepCurrent, ProgressStepError, ProgressStepIncomplete, ProgressStepSeparator, + ProgressSteps, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/progress-steps/stories/vertical.stories.tsx b/packages/paste-core/components/progress-steps/stories/vertical.stories.tsx index 4af9e56eaf..d6eae65b21 100644 --- a/packages/paste-core/components/progress-steps/stories/vertical.stories.tsx +++ b/packages/paste-core/components/progress-steps/stories/vertical.stories.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; import { - ProgressSteps, ProgressStepComplete, ProgressStepCurrent, ProgressStepError, ProgressStepIncomplete, ProgressStepSeparator, + ProgressSteps, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/radio-button-group/__tests__/index.spec.tsx b/packages/paste-core/components/radio-button-group/__tests__/index.spec.tsx index 68648cfc05..dd55387bb0 100644 --- a/packages/paste-core/components/radio-button-group/__tests__/index.spec.tsx +++ b/packages/paste-core/components/radio-button-group/__tests__/index.spec.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { screen, render, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { Attached } from '../stories/index.stories'; import { RadioButton, RadioButtonGroup } from '../src'; import type { RadioButtonProps } from '../src'; +import { Attached } from '../stories/index.stories'; describe('RadioButton', () => { const renderRadioButton = (props: Partial = {}): ReturnType => diff --git a/packages/paste-core/components/radio-button-group/src/HiddenRadio.tsx b/packages/paste-core/components/radio-button-group/src/HiddenRadio.tsx index 59ae7f666f..034895a7dd 100644 --- a/packages/paste-core/components/radio-button-group/src/HiddenRadio.tsx +++ b/packages/paste-core/components/radio-button-group/src/HiddenRadio.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { RadioButtonProps } from './RadioButton'; diff --git a/packages/paste-core/components/radio-button-group/src/RadioButton.tsx b/packages/paste-core/components/radio-button-group/src/RadioButton.tsx index e18b1f0250..6dc3ec34a7 100644 --- a/packages/paste-core/components/radio-button-group/src/RadioButton.tsx +++ b/packages/paste-core/components/radio-button-group/src/RadioButton.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { RadioButtonContext } from './RadioButtonContext'; import { HiddenRadio } from './HiddenRadio'; import type { HiddenRadioState } from './HiddenRadio'; +import { RadioButtonContext } from './RadioButtonContext'; import { StyledRadioButtonLabel } from './StyledRadioButtonLabel'; export interface RadioButtonProps extends HTMLPasteProps<'input'> { diff --git a/packages/paste-core/components/radio-button-group/src/RadioButtonGroup.tsx b/packages/paste-core/components/radio-button-group/src/RadioButtonGroup.tsx index 9385692fb7..e90845a539 100644 --- a/packages/paste-core/components/radio-button-group/src/RadioButtonGroup.tsx +++ b/packages/paste-core/components/radio-button-group/src/RadioButtonGroup.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import type { InlineControlGroupProps } from '@twilio-paste/inline-control-group'; import { HelpText } from '@twilio-paste/help-text'; +import type { InlineControlGroupProps } from '@twilio-paste/inline-control-group'; import { Label } from '@twilio-paste/label'; +import * as React from 'react'; import { RadioButtonContext } from './RadioButtonContext'; import { AttachedRadioButtonGroupWrapper, UnattachedRadioButtonGroupWrapper } from './StyledRadioButtonGroupWrapper'; diff --git a/packages/paste-core/components/radio-button-group/src/StyledRadioButtonGroupWrapper.tsx b/packages/paste-core/components/radio-button-group/src/StyledRadioButtonGroupWrapper.tsx index 754ced41cb..db5f95cbf9 100644 --- a/packages/paste-core/components/radio-button-group/src/StyledRadioButtonGroupWrapper.tsx +++ b/packages/paste-core/components/radio-button-group/src/StyledRadioButtonGroupWrapper.tsx @@ -1,4 +1,4 @@ -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; export const AttachedRadioButtonGroupWrapper = styled.span( css({ diff --git a/packages/paste-core/components/radio-button-group/src/StyledRadioButtonLabel.tsx b/packages/paste-core/components/radio-button-group/src/StyledRadioButtonLabel.tsx index d6909e4ff6..9e46365d28 100644 --- a/packages/paste-core/components/radio-button-group/src/StyledRadioButtonLabel.tsx +++ b/packages/paste-core/components/radio-button-group/src/StyledRadioButtonLabel.tsx @@ -1,5 +1,5 @@ -import { styled, css } from '@twilio-paste/styling-library'; import { ButtonToggleStyles, DestructiveSecondaryButtonToggleStyles } from '@twilio-paste/button'; +import { css, styled } from '@twilio-paste/styling-library'; export const StyledRadioButtonLabel = styled.label( css({ diff --git a/packages/paste-core/components/radio-button-group/stories/index.stories.tsx b/packages/paste-core/components/radio-button-group/stories/index.stories.tsx index dba5458650..b52ae83cda 100644 --- a/packages/paste-core/components/radio-button-group/stories/index.stories.tsx +++ b/packages/paste-core/components/radio-button-group/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { RadioButton, RadioButtonGroup } from '../src'; import type { RadioButtonGroupProps } from '../src'; diff --git a/packages/paste-core/components/radio-group/__tests__/radio.test.tsx b/packages/paste-core/components/radio-group/__tests__/radio.test.tsx index 5bdb1ef210..4895eaec72 100644 --- a/packages/paste-core/components/radio-group/__tests__/radio.test.tsx +++ b/packages/paste-core/components/radio-group/__tests__/radio.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { screen, render, fireEvent } from '@testing-library/react'; +import { matchers } from '@emotion/jest'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { matchers } from '@emotion/jest'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/src/Radio.tsx b/packages/paste-core/components/radio-group/src/Radio.tsx index 37bdd20a23..01059a8603 100644 --- a/packages/paste-core/components/radio-group/src/Radio.tsx +++ b/packages/paste-core/components/radio-group/src/Radio.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Box } from '@twilio-paste/box'; -import type { BoxProps } from '@twilio-paste/box'; import { BaseRadioCheckboxControl, + BaseRadioCheckboxHelpText, BaseRadioCheckboxLabel, BaseRadioCheckboxLabelText, - BaseRadioCheckboxHelpText, } from '@twilio-paste/base-radio-checkbox'; +import { Box } from '@twilio-paste/box'; +import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { RadioContext } from './RadioContext'; diff --git a/packages/paste-core/components/radio-group/src/RadioGroup.tsx b/packages/paste-core/components/radio-group/src/RadioGroup.tsx index 96020474fb..e76eb505e4 100644 --- a/packages/paste-core/components/radio-group/src/RadioGroup.tsx +++ b/packages/paste-core/components/radio-group/src/RadioGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { InlineControlGroup } from '@twilio-paste/inline-control-group'; import type { InlineControlGroupProps } from '@twilio-paste/inline-control-group'; +import * as React from 'react'; import { RadioContext } from './RadioContext'; diff --git a/packages/paste-core/components/radio-group/stories/customization.stories.tsx b/packages/paste-core/components/radio-group/stories/customization.stories.tsx index 8aa64bf94b..f5f0725720 100644 --- a/packages/paste-core/components/radio-group/stories/customization.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Paragraph } from '@twilio-paste/paragraph'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/stories/radio-controlled.stories.tsx b/packages/paste-core/components/radio-group/stories/radio-controlled.stories.tsx index 328a29163d..072aed30fb 100644 --- a/packages/paste-core/components/radio-group/stories/radio-controlled.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/radio-controlled.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/stories/radio-uncontrolled.stories.tsx b/packages/paste-core/components/radio-group/stories/radio-uncontrolled.stories.tsx index 7901f20beb..a8520beb83 100644 --- a/packages/paste-core/components/radio-group/stories/radio-uncontrolled.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/radio-uncontrolled.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/stories/radiogroup-controlled.stories.tsx b/packages/paste-core/components/radio-group/stories/radiogroup-controlled.stories.tsx index 9d12d8ee2a..5a2ca0372f 100644 --- a/packages/paste-core/components/radio-group/stories/radiogroup-controlled.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/radiogroup-controlled.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/stories/radiogroup-uncontrolled.stories.tsx b/packages/paste-core/components/radio-group/stories/radiogroup-uncontrolled.stories.tsx index 68827b2813..931d0252f1 100644 --- a/packages/paste-core/components/radio-group/stories/radiogroup-uncontrolled.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/radiogroup-uncontrolled.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/radio-group/stories/radiogroup-vrt.stories.tsx b/packages/paste-core/components/radio-group/stories/radiogroup-vrt.stories.tsx index ffc77fa7ab..ce6fbd0da2 100644 --- a/packages/paste-core/components/radio-group/stories/radiogroup-vrt.stories.tsx +++ b/packages/paste-core/components/radio-group/stories/radiogroup-vrt.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Radio, RadioGroup } from '../src'; diff --git a/packages/paste-core/components/screen-reader-only/src/index.tsx b/packages/paste-core/components/screen-reader-only/src/index.tsx index b8925a207b..d6cbe0fd75 100644 --- a/packages/paste-core/components/screen-reader-only/src/index.tsx +++ b/packages/paste-core/components/screen-reader-only/src/index.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface ScreenReaderOnlyProps { children: NonNullable; diff --git a/packages/paste-core/components/screen-reader-only/stories/index.stories.tsx b/packages/paste-core/components/screen-reader-only/stories/index.stories.tsx index 4a1ef1552a..a80ac00738 100644 --- a/packages/paste-core/components/screen-reader-only/stories/index.stories.tsx +++ b/packages/paste-core/components/screen-reader-only/stories/index.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { ScreenReaderOnly } from '../src'; diff --git a/packages/paste-core/components/select/__tests__/option.test.tsx b/packages/paste-core/components/select/__tests__/option.test.tsx index 85379fd061..40bd5a788a 100644 --- a/packages/paste-core/components/select/__tests__/option.test.tsx +++ b/packages/paste-core/components/select/__tests__/option.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Option } from '../src'; import type { OptionProps } from '../src'; diff --git a/packages/paste-core/components/select/__tests__/optiongroup.test.tsx b/packages/paste-core/components/select/__tests__/optiongroup.test.tsx index 52a933982a..80e7757cde 100644 --- a/packages/paste-core/components/select/__tests__/optiongroup.test.tsx +++ b/packages/paste-core/components/select/__tests__/optiongroup.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { OptionGroup, Option } from '../src'; +import { Option, OptionGroup } from '../src'; import type { OptionGroupProps } from '../src'; import { createAttributeMap } from '../test-utils'; diff --git a/packages/paste-core/components/select/__tests__/select.test.tsx b/packages/paste-core/components/select/__tests__/select.test.tsx index 62cf7763f9..4fd8e44335 100644 --- a/packages/paste-core/components/select/__tests__/select.test.tsx +++ b/packages/paste-core/components/select/__tests__/select.test.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { render, fireEvent, screen } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { useUID } from '@twilio-paste/uid-library'; -import { Theme } from '@twilio-paste/theme'; import { Label } from '@twilio-paste/label'; +import { Theme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Select, Option, SelectElement } from '../src'; +import { Option, Select, SelectElement } from '../src'; import type { SelectProps } from '../src'; import { createAttributeMap } from '../test-utils'; diff --git a/packages/paste-core/components/select/src/Option.tsx b/packages/paste-core/components/select/src/Option.tsx index 0f955dc6ba..84c2872e5b 100644 --- a/packages/paste-core/components/select/src/Option.tsx +++ b/packages/paste-core/components/select/src/Option.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import type { Element } from './types'; diff --git a/packages/paste-core/components/select/src/OptionGroup.tsx b/packages/paste-core/components/select/src/OptionGroup.tsx index 4710c5181d..b6b98881b4 100644 --- a/packages/paste-core/components/select/src/OptionGroup.tsx +++ b/packages/paste-core/components/select/src/OptionGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import type { Element } from './types'; diff --git a/packages/paste-core/components/select/src/Select.tsx b/packages/paste-core/components/select/src/Select.tsx index 8ef194af6b..abaf71121f 100644 --- a/packages/paste-core/components/select/src/Select.tsx +++ b/packages/paste-core/components/select/src/Select.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; import { InputBox, InputChevronWrapper, getInputChevronIconColor } from '@twilio-paste/input-box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; -import type { Variants, Element } from './types'; +import type { Element, Variants } from './types'; export interface SelectProps extends HTMLPasteProps<'select'> { children: NonNullable; diff --git a/packages/paste-core/components/select/stories/select.stories.tsx b/packages/paste-core/components/select/stories/select.stories.tsx index 24b30e8747..1630cf78b6 100644 --- a/packages/paste-core/components/select/stories/select.stories.tsx +++ b/packages/paste-core/components/select/stories/select.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; -import type { StoryFn } from '@storybook/react'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; import { action } from '@storybook/addon-actions'; -import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; +import type { StoryFn } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { HelpText } from '@twilio-paste/help-text'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Select, Option, OptionGroup } from '../src'; +import { Option, OptionGroup, Select } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/separator/__tests__/index.spec.tsx b/packages/paste-core/components/separator/__tests__/index.spec.tsx index 578943b595..a46d385bb4 100644 --- a/packages/paste-core/components/separator/__tests__/index.spec.tsx +++ b/packages/paste-core/components/separator/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Separator } from '../src'; diff --git a/packages/paste-core/components/separator/src/index.tsx b/packages/paste-core/components/separator/src/index.tsx index 33906e3bbd..9e2c9208e6 100644 --- a/packages/paste-core/components/separator/src/index.tsx +++ b/packages/paste-core/components/separator/src/index.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { Space } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; type Orientation = 'horizontal' | 'vertical'; diff --git a/packages/paste-core/components/separator/stories/index.stories.tsx b/packages/paste-core/components/separator/stories/index.stories.tsx index 5f98c7d00d..7e4618efb8 100644 --- a/packages/paste-core/components/separator/stories/index.stories.tsx +++ b/packages/paste-core/components/separator/stories/index.stories.tsx @@ -1,6 +1,4 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; @@ -8,6 +6,8 @@ import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Separator } from '../src'; diff --git a/packages/paste-core/components/side-modal/__tests__/customization.spec.tsx b/packages/paste-core/components/side-modal/__tests__/customization.spec.tsx index 872e0f9f3e..4016d84ec9 100644 --- a/packages/paste-core/components/side-modal/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/side-modal/__tests__/customization.spec.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; -import { fireEvent, act, render, screen } from '@testing-library/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { act, fireEvent, render, screen } from '@testing-library/react'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { SideModal, + SideModalBody, SideModalButton, - SideModalHeader, - SideModalHeading, SideModalContainer, - SideModalBody, SideModalFooter, SideModalFooterActions, + SideModalHeader, + SideModalHeading, } from '../src'; const CustomizationWrapper: React.FC = ({ children }) => ( diff --git a/packages/paste-core/components/side-modal/__tests__/index.spec.tsx b/packages/paste-core/components/side-modal/__tests__/index.spec.tsx index b4b25e6acd..933716dd80 100644 --- a/packages/paste-core/components/side-modal/__tests__/index.spec.tsx +++ b/packages/paste-core/components/side-modal/__tests__/index.spec.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; -import { render, screen, act, fireEvent } from '@testing-library/react'; +import { act, fireEvent, render, screen } from '@testing-library/react'; import { Button } from '@twilio-paste/button'; +import * as React from 'react'; import { SideModal, + SideModalBody, SideModalButton, - SideModalHeader, - SideModalHeading, SideModalContainer, - SideModalBody, SideModalFooter, SideModalFooterActions, + SideModalHeader, + SideModalHeading, } from '../src'; import { StateHookExample } from '../stories/index.stories'; diff --git a/packages/paste-core/components/side-modal/src/SideModal.tsx b/packages/paste-core/components/side-modal/src/SideModal.tsx index c7406474c6..0e238d913a 100644 --- a/packages/paste-core/components/side-modal/src/SideModal.tsx +++ b/packages/paste-core/components/side-modal/src/SideModal.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { useTransition, animated } from '@twilio-paste/animation-library'; -import { Box, safelySpreadBoxProps, type BoxProps } from '@twilio-paste/box'; -import { StyledBase } from '@twilio-paste/theme'; +import { animated, useTransition } from '@twilio-paste/animation-library'; +import { Box, type BoxProps, safelySpreadBoxProps } from '@twilio-paste/box'; import { NonModalDialogPrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import { StyledBase } from '@twilio-paste/theme'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SideModalContext } from './SideModalContext'; diff --git a/packages/paste-core/components/side-modal/src/SideModalBody.tsx b/packages/paste-core/components/side-modal/src/SideModalBody.tsx index 3c7113f168..493dc826e5 100644 --- a/packages/paste-core/components/side-modal/src/SideModalBody.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalBody.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; interface SideModalBodyProps extends HTMLPasteProps<'div'> { children?: React.ReactNode; diff --git a/packages/paste-core/components/side-modal/src/SideModalButton.tsx b/packages/paste-core/components/side-modal/src/SideModalButton.tsx index 54ddc5a05d..284a3938ad 100644 --- a/packages/paste-core/components/side-modal/src/SideModalButton.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalButton.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; import type { ButtonProps } from '@twilio-paste/button'; import { NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import { SideModalContext } from './SideModalContext'; diff --git a/packages/paste-core/components/side-modal/src/SideModalContainer.tsx b/packages/paste-core/components/side-modal/src/SideModalContainer.tsx index 357b3f95a9..29be2aef99 100644 --- a/packages/paste-core/components/side-modal/src/SideModalContainer.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalContainer.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { - NonModalDialogPrimitiveStateReturn as SideModalStateReturn, NonModalDialogPrimitivePopoverInitialState, + NonModalDialogPrimitiveStateReturn as SideModalStateReturn, } from '@twilio-paste/non-modal-dialog-primitive'; import { useNonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import { SideModalContext } from './SideModalContext'; diff --git a/packages/paste-core/components/side-modal/src/SideModalContext.tsx b/packages/paste-core/components/side-modal/src/SideModalContext.tsx index 24c5add5c8..6c65270743 100644 --- a/packages/paste-core/components/side-modal/src/SideModalContext.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { NonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; type SideModalContextProps = Partial; diff --git a/packages/paste-core/components/side-modal/src/SideModalFooter.tsx b/packages/paste-core/components/side-modal/src/SideModalFooter.tsx index bda918d84a..5d2e4f6b9a 100644 --- a/packages/paste-core/components/side-modal/src/SideModalFooter.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalFooter.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface SideModalFooterProps extends HTMLPasteProps<'div'> { children: NonNullable; diff --git a/packages/paste-core/components/side-modal/src/SideModalFooterActions.tsx b/packages/paste-core/components/side-modal/src/SideModalFooterActions.tsx index a52503d6d2..ccf3d5d5e6 100644 --- a/packages/paste-core/components/side-modal/src/SideModalFooterActions.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalFooterActions.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; type JustifyOptions = 'flex-start' | 'flex-end' | 'space-between'; diff --git a/packages/paste-core/components/side-modal/src/SideModalHeader.tsx b/packages/paste-core/components/side-modal/src/SideModalHeader.tsx index 6497f96b13..e8590b81b9 100644 --- a/packages/paste-core/components/side-modal/src/SideModalHeader.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalHeader.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SideModalContext } from './SideModalContext'; diff --git a/packages/paste-core/components/side-modal/src/SideModalHeading.tsx b/packages/paste-core/components/side-modal/src/SideModalHeading.tsx index 117a005b2c..a91ca14ea2 100644 --- a/packages/paste-core/components/side-modal/src/SideModalHeading.tsx +++ b/packages/paste-core/components/side-modal/src/SideModalHeading.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import type { BoxElementProps } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import type { HeadingProps } from '@twilio-paste/heading'; -import type { BoxElementProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface SideModalHeadingProps extends Omit { children: NonNullable; diff --git a/packages/paste-core/components/side-modal/stories/customization.stories.tsx b/packages/paste-core/components/side-modal/stories/customization.stories.tsx index e49662a351..891685ae78 100644 --- a/packages/paste-core/components/side-modal/stories/customization.stories.tsx +++ b/packages/paste-core/components/side-modal/stories/customization.stories.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Paragraph } from '@twilio-paste/paragraph'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { Button } from '@twilio-paste/button'; +import * as React from 'react'; import { SideModal, + SideModalBody, SideModalButton, - SideModalHeader, - SideModalHeading, SideModalContainer, - SideModalBody, SideModalFooter, SideModalFooterActions, + SideModalHeader, + SideModalHeading, } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/side-modal/stories/index.stories.tsx b/packages/paste-core/components/side-modal/stories/index.stories.tsx index ae4b32a2a6..ab0251102e 100644 --- a/packages/paste-core/components/side-modal/stories/index.stories.tsx +++ b/packages/paste-core/components/side-modal/stories/index.stories.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; import { Heading } from '@twilio-paste/heading'; +import { ChatIcon } from '@twilio-paste/icons/esm/ChatIcon'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; import { Paragraph } from '@twilio-paste/paragraph'; import { TextArea } from '@twilio-paste/textarea'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { SideModal, + SideModalBody, SideModalButton, - SideModalHeader, - SideModalHeading, SideModalContainer, - SideModalBody, - useSideModalState, SideModalFooter, SideModalFooterActions, + SideModalHeader, + SideModalHeading, + useSideModalState, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/sidebar/__tests__/index.spec.tsx b/packages/paste-core/components/sidebar/__tests__/index.spec.tsx index 934c4e72d8..117c82e585 100644 --- a/packages/paste-core/components/sidebar/__tests__/index.spec.tsx +++ b/packages/paste-core/components/sidebar/__tests__/index.spec.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; +import { fireEvent, render, screen } from '@testing-library/react'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Sidebar, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, + SidebarBetaBadge, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarOverlayContentWrapper, - SidebarBetaBadge, + SidebarPushContentWrapper, } from '../src'; import type { SidebarProps } from '../src'; diff --git a/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx b/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx index a4344debdf..44bdcb700b 100644 --- a/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx +++ b/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx @@ -1,29 +1,29 @@ -import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { fireEvent, render, screen } from '@testing-library/react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { ProductContactCenterTasksIcon } from '@twilio-paste/icons/esm/ProductContactCenterTasksIcon'; import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; -import { ProductContactCenterTasksIcon } from '@twilio-paste/icons/esm/ProductContactCenterTasksIcon'; -import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Sidebar, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, + SidebarBetaBadge, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, - SidebarBetaBadge, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, SidebarNavigationDisclosure, - SidebarNavigationDisclosureHeadingWrapper, - SidebarNavigationDisclosureHeading, SidebarNavigationDisclosureContent, + SidebarNavigationDisclosureHeading, + SidebarNavigationDisclosureHeadingWrapper, SidebarNavigationItem, + SidebarPushContentWrapper, } from '../src'; const MockPushSidebarWithNavigation = ({ diff --git a/packages/paste-core/components/sidebar/__tests__/skipLinks.spec.tsx b/packages/paste-core/components/sidebar/__tests__/skipLinks.spec.tsx index f4e0ddc67b..9bf79fd2af 100644 --- a/packages/paste-core/components/sidebar/__tests__/skipLinks.spec.tsx +++ b/packages/paste-core/components/sidebar/__tests__/skipLinks.spec.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; import { SidebarSkipLinks } from '../src/SidebarSkipLinks'; diff --git a/packages/paste-core/components/sidebar/src/Sidebar.tsx b/packages/paste-core/components/sidebar/src/Sidebar.tsx index cb579a258e..f54982abf3 100644 --- a/packages/paste-core/components/sidebar/src/Sidebar.tsx +++ b/packages/paste-core/components/sidebar/src/Sidebar.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps, type BoxProps } from '@twilio-paste/box'; -import { useSpring, animated } from '@twilio-paste/animation-library'; +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { Box, type BoxProps, safelySpreadBoxProps } from '@twilio-paste/box'; import { useTheme } from '@twilio-paste/theme'; -import { useWindowSize } from '@twilio-paste/utils'; -import { useUID } from '@twilio-paste/uid-library'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; import { SidebarContext } from './SidebarContext'; -import type { Variants } from './types'; import { SidebarSkipLinks, type SidebarSkipLinksProps } from './SidebarSkipLinks'; +import type { Variants } from './types'; const StyledSidebar = React.forwardRef((props, ref) => ( { children: React.ReactNode; diff --git a/packages/paste-core/components/sidebar/src/SidebarSkipLinks.tsx b/packages/paste-core/components/sidebar/src/SidebarSkipLinks.tsx index 9c4a2cd11a..df49f73e82 100644 --- a/packages/paste-core/components/sidebar/src/SidebarSkipLinks.tsx +++ b/packages/paste-core/components/sidebar/src/SidebarSkipLinks.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; +import * as React from 'react'; export const SidebarSkipLinkContainer: React.FC> = ({ element, diff --git a/packages/paste-core/components/sidebar/src/content-wrappers/SidebarOverlayContentWrapper.tsx b/packages/paste-core/components/sidebar/src/content-wrappers/SidebarOverlayContentWrapper.tsx index 90a580a126..0e4dd9def9 100644 --- a/packages/paste-core/components/sidebar/src/content-wrappers/SidebarOverlayContentWrapper.tsx +++ b/packages/paste-core/components/sidebar/src/content-wrappers/SidebarOverlayContentWrapper.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { useWindowSize } from '@twilio-paste/utils'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; import type { Variants } from '../types'; diff --git a/packages/paste-core/components/sidebar/src/content-wrappers/SidebarPushContentWrapper.tsx b/packages/paste-core/components/sidebar/src/content-wrappers/SidebarPushContentWrapper.tsx index 2a3fadacf2..a46653db46 100644 --- a/packages/paste-core/components/sidebar/src/content-wrappers/SidebarPushContentWrapper.tsx +++ b/packages/paste-core/components/sidebar/src/content-wrappers/SidebarPushContentWrapper.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; +import { animated, useSpring } from '@twilio-paste/animation-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { useSpring, animated } from '@twilio-paste/animation-library'; import { useTheme } from '@twilio-paste/theme'; -import { useWindowSize } from '@twilio-paste/utils'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; import type { Variants } from '../types'; diff --git a/packages/paste-core/components/sidebar/src/footer/SidebarCollapseButton.tsx b/packages/paste-core/components/sidebar/src/footer/SidebarCollapseButton.tsx index 48be1a2082..a2907d20fd 100644 --- a/packages/paste-core/components/sidebar/src/footer/SidebarCollapseButton.tsx +++ b/packages/paste-core/components/sidebar/src/footer/SidebarCollapseButton.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box, type BoxProps } from '@twilio-paste/box'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { Button } from '@twilio-paste/button'; import { ChevronDoubleLeftIcon } from '@twilio-paste/icons/esm/ChevronDoubleLeftIcon'; import { ChevronDoubleRightIcon } from '@twilio-paste/icons/esm/ChevronDoubleRightIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; diff --git a/packages/paste-core/components/sidebar/src/footer/SidebarFooter.tsx b/packages/paste-core/components/sidebar/src/footer/SidebarFooter.tsx index d00f9fda14..cfe9e3e5bd 100644 --- a/packages/paste-core/components/sidebar/src/footer/SidebarFooter.tsx +++ b/packages/paste-core/components/sidebar/src/footer/SidebarFooter.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export const SidebarFooter = React.forwardRef( ({ element = 'SIDEBAR_FOOTER', ...props }, ref) => { diff --git a/packages/paste-core/components/sidebar/src/header/SidebarHeader.tsx b/packages/paste-core/components/sidebar/src/header/SidebarHeader.tsx index 8c6855a717..701678faaa 100644 --- a/packages/paste-core/components/sidebar/src/header/SidebarHeader.tsx +++ b/packages/paste-core/components/sidebar/src/header/SidebarHeader.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface SidebarHeaderProps extends HTMLPasteProps<'button'> { children: React.ReactNode; diff --git a/packages/paste-core/components/sidebar/src/header/SidebarHeaderIconButton.tsx b/packages/paste-core/components/sidebar/src/header/SidebarHeaderIconButton.tsx index cd2bae984d..f8b203c054 100644 --- a/packages/paste-core/components/sidebar/src/header/SidebarHeaderIconButton.tsx +++ b/packages/paste-core/components/sidebar/src/header/SidebarHeaderIconButton.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import type { BoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import type { ButtonProps } from '@twilio-paste/button'; -import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface SidebarHeaderIconButtonProps extends Omit { children: NonNullable; diff --git a/packages/paste-core/components/sidebar/src/header/SidebarHeaderLabel.tsx b/packages/paste-core/components/sidebar/src/header/SidebarHeaderLabel.tsx index e009b13f67..0604d8ebd5 100644 --- a/packages/paste-core/components/sidebar/src/header/SidebarHeaderLabel.tsx +++ b/packages/paste-core/components/sidebar/src/header/SidebarHeaderLabel.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigation.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigation.tsx index 23f15fabe4..8de56e7da9 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigation.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigation.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; import type { ThemeShape } from '@twilio-paste/theme'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; import { SidebarNavigationContext } from './SidebarNavigationContext'; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosure.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosure.tsx index 6303e67dfa..c06c71d6e3 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosure.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosure.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { useDisclosurePrimitiveState } from '@twilio-paste/disclosure-primitive'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import { useDisclosurePrimitiveState } from '@twilio-paste/disclosure-primitive'; import type { DisclosurePrimitiveInitialState } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; import { SidebarNavigationDisclosureContext } from './SidebarNavigationDisclosureContext'; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContent.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContent.tsx index 705eefb120..c7fa14dd9f 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContent.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContent.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { DisclosurePrimitiveContent } from '@twilio-paste/disclosure-primitive'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import { DisclosurePrimitiveContent } from '@twilio-paste/disclosure-primitive'; import type { DisclosurePrimitiveContentProps } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; import { SidebarNavigationDisclosureContext } from './SidebarNavigationDisclosureContext'; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContext.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContext.tsx index a7ae60b0bc..122357f0ec 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContext.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { DisclosurePrimitveStateReturn } from '@twilio-paste/disclosure-primitive'; +import * as React from 'react'; export interface SidebarNavigationDisclosureContextProps { disclosure: DisclosurePrimitveStateReturn; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeading.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeading.tsx index 52f4916ee4..1a904e6240 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeading.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeading.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { ChevronDisclosureIcon } from '@twilio-paste/icons/esm/ChevronDisclosureIcon'; -import { DisclosurePrimitive } from '@twilio-paste/disclosure-primitive'; import type { BoxProps } from '@twilio-paste/box'; +import { DisclosurePrimitive } from '@twilio-paste/disclosure-primitive'; +import { ChevronDisclosureIcon } from '@twilio-paste/icons/esm/ChevronDisclosureIcon'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; import { SidebarNavigationDisclosureContext } from './SidebarNavigationDisclosureContext'; import { - sidebarNavigationLabelStyles, sidebarNavigationLabelNestedStyles, sidebarNavigationLabelSelectedStyles, + sidebarNavigationLabelStyles, } from './styles'; export interface SidebarNavigationDisclosureHeadingProps extends React.ComponentPropsWithRef<'div'> { diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeadingWrapper.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeadingWrapper.tsx index 49f39f771c..9435844c06 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeadingWrapper.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationDisclosureHeadingWrapper.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; export interface SidebarNavigationDisclosureHeadingWrapperProps extends React.ComponentPropsWithRef<'div'> { children: React.ReactNode; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationItem.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationItem.tsx index 61a22e1a00..35b768acd3 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationItem.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationItem.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; +import { secureExternalLink } from '@twilio-paste/anchor'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { ButtonProps } from '@twilio-paste/button'; -import { secureExternalLink } from '@twilio-paste/anchor'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; +import { SidebarNavigationContext } from './SidebarNavigationContext'; import { SidebarNavigationDisclosureContext } from './SidebarNavigationDisclosureContext'; import { - sidebarNavigationItemStyles, - sidebarNavigationItemNestedStyles, - sidebarNavigationItemSelectedStyles, sidebarNavigationItemCollapsedStyles, sidebarNavigationItemHierarchicalStyles, + sidebarNavigationItemNestedStyles, + sidebarNavigationItemSelectedStyles, + sidebarNavigationItemStyles, } from './styles'; -import { SidebarNavigationContext } from './SidebarNavigationContext'; export interface SidebarNavigationItemProps extends HTMLPasteProps<'a'> { href: ButtonProps['href']; diff --git a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationSeparator.tsx b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationSeparator.tsx index 53807689f9..ffb946d61d 100644 --- a/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationSeparator.tsx +++ b/packages/paste-core/components/sidebar/src/navigation/SidebarNavigationSeparator.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SidebarContext } from '../SidebarContext'; diff --git a/packages/paste-core/components/sidebar/stories/BetaBadge.stories.tsx b/packages/paste-core/components/sidebar/stories/BetaBadge.stories.tsx index 7abee99f8d..ec7a586b59 100644 --- a/packages/paste-core/components/sidebar/stories/BetaBadge.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/BetaBadge.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { SidebarBetaBadge } from '../src'; diff --git a/packages/paste-core/components/sidebar/stories/SidebarHeader.stories.tsx b/packages/paste-core/components/sidebar/stories/SidebarHeader.stories.tsx index 4b287a883a..1a81052d3b 100644 --- a/packages/paste-core/components/sidebar/stories/SidebarHeader.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/SidebarHeader.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import * as React from 'react'; -import { SidebarHeader, SidebarHeaderLabel, SidebarHeaderIconButton } from '../src'; +import { SidebarHeader, SidebarHeaderIconButton, SidebarHeaderLabel } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/sidebar/stories/customization.stories.tsx b/packages/paste-core/components/sidebar/stories/customization.stories.tsx index e05d5d75d6..282f98d5d4 100644 --- a/packages/paste-core/components/sidebar/stories/customization.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/customization.stories.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; +import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; +import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; -import type { StoryFn } from '@storybook/react'; import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { useTheme } from '@twilio-paste/theme'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Sidebar, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, - SidebarCollapseButton, - SidebarFooter, - SidebarPushContentWrapper, - SidebarOverlayContentWrapper, SidebarBetaBadge, SidebarBody, + SidebarCollapseButton, + SidebarFooter, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, + SidebarOverlayContentWrapper, + SidebarPushContentWrapper, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx index 4a88fd9b08..d084eb0ad9 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Menu, MenuButton, MenuGroup, MenuItem, useMenuState, MenuSeparator } from '@twilio-paste/menu'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { Menu, MenuButton, MenuGroup, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +import * as React from 'react'; export const AccountMenu: React.FC = () => { const menu = useMenuState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountSwitcher.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountSwitcher.tsx index fb4ce85826..9421c62889 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountSwitcher.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountSwitcher.tsx @@ -1,4 +1,3 @@ -import * as React from 'react'; import { AccountSwitcher, AccountSwitcherBadge, @@ -8,6 +7,7 @@ import { AccountSwitcherSeparator, useAccountSwitcherState, } from '@twilio-paste/account-switcher'; +import * as React from 'react'; export const AccountSwitcherMenu: React.FC = () => { const accountSwitcher = useAccountSwitcherState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/AppSwitcher.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/AppSwitcher.tsx index 3be9b34579..89368abbe1 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/AppSwitcher.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/AppSwitcher.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; +import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import { ProductEmailAPIIcon } from '@twilio-paste/icons/esm/ProductEmailAPIIcon'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; import { ProductSwitcher, ProductSwitcherButton, ProductSwitcherItem, useProductSwitcherState, } from '@twilio-paste/product-switcher'; -import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; -import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; -import { ProductEmailAPIIcon } from '@twilio-paste/icons/esm/ProductEmailAPIIcon'; +import * as React from 'react'; export const AppSwitcher: React.FC = () => { const productSwitcher = useProductSwitcherState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx index 4afe51e383..fba4dcefe0 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Menu, MenuButton, MenuGroup, MenuItem, useMenuState, MenuSeparator } from '@twilio-paste/menu'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { Menu, MenuButton, MenuGroup, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +import * as React from 'react'; export const BillingMenu: React.FC = () => { const menu = useMenuState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/Console.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/Console.tsx index 0309be3640..f4b2a6532e 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/Console.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/Console.tsx @@ -1,43 +1,43 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; +import { ProductLookupIcon } from '@twilio-paste/icons/esm/ProductLookupIcon'; import { ProductMessagingIcon } from '@twilio-paste/icons/esm/ProductMessagingIcon'; import { ProductVideoIcon } from '@twilio-paste/icons/esm/ProductVideoIcon'; -import { ProductLookupIcon } from '@twilio-paste/icons/esm/ProductLookupIcon'; -import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; -import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; +import { Topbar, TopbarActions } from '@twilio-paste/topbar'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; -import { Topbar, TopbarActions } from '@twilio-paste/topbar'; -import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; +import * as React from 'react'; import { Sidebar, + SidebarBetaBadge, SidebarBody, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, - SidebarNavigationItem, SidebarNavigationDisclosure, + SidebarNavigationDisclosureContent, SidebarNavigationDisclosureHeading, SidebarNavigationDisclosureHeadingWrapper, - SidebarNavigationDisclosureContent, + SidebarNavigationItem, SidebarNavigationSeparator, - SidebarBetaBadge, + SidebarPushContentWrapper, } from '../../../src'; +import { AccountMenu } from './AccountMenu'; import { AccountSwitcherMenu } from './AccountSwitcher'; -import { TrialBadge } from './TrialBadge'; +import { AppSwitcher } from './AppSwitcher'; +import { BillingMenu } from './BillingMenu'; import { SearchBox } from './SearchBox'; import { SupportMenu } from './SupportMenu'; -import { AppSwitcher } from './AppSwitcher'; +import { TrialBadge } from './TrialBadge'; import { UserDialogExample } from './UserDialogConsole'; -import { AccountMenu } from './AccountMenu'; -import { BillingMenu } from './BillingMenu'; const onClick = (): void => {}; diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/DebuggerAction.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/DebuggerAction.tsx index 999b35fd17..54db387c99 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/DebuggerAction.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/DebuggerAction.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { ProductDebuggerIcon } from '@twilio-paste/icons/esm/ProductDebuggerIcon'; import { Button } from '@twilio-paste/button'; +import { ProductDebuggerIcon } from '@twilio-paste/icons/esm/ProductDebuggerIcon'; +import * as React from 'react'; export const DebuggerAction: React.FC = () => { return ( diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/Flex.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/Flex.tsx index 601c306dad..0fe41ea12d 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/Flex.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/Flex.tsx @@ -1,34 +1,34 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { Button } from '@twilio-paste/button'; import { ProductContactCenterAdminIcon } from '@twilio-paste/icons/esm/ProductContactCenterAdminIcon'; +import { ProductContactCenterQueuesIcon } from '@twilio-paste/icons/esm/ProductContactCenterQueuesIcon'; import { ProductContactCenterTasksIcon } from '@twilio-paste/icons/esm/ProductContactCenterTasksIcon'; import { ProductContactCenterTeamsIcon } from '@twilio-paste/icons/esm/ProductContactCenterTeamsIcon'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { ProductPrivacyIcon } from '@twilio-paste/icons/esm/ProductPrivacyIcon'; -import { ProductContactCenterQueuesIcon } from '@twilio-paste/icons/esm/ProductContactCenterQueuesIcon'; import { ProductUsageIcon } from '@twilio-paste/icons/esm/ProductUsageIcon'; +import { Topbar, TopbarActions } from '@twilio-paste/topbar'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; -import { Topbar, TopbarActions } from '@twilio-paste/topbar'; +import * as React from 'react'; import { Sidebar, SidebarBody, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, SidebarCollapseButton, SidebarFooter, - SidebarOverlayContentWrapper, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, SidebarNavigationItem, + SidebarOverlayContentWrapper, } from '../../../src'; +import { AppSwitcher } from './AppSwitcher'; +import { DebuggerAction } from './DebuggerAction'; import { StatusMenuExample } from './StatusMenu'; import { SupportMenu } from './SupportMenu'; -import { AppSwitcher } from './AppSwitcher'; import { UserDialogExample } from './UserDialogFlex'; -import { DebuggerAction } from './DebuggerAction'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/NotificationsDialog.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/NotificationsDialog.tsx index fc5bfa4265..e4f8866935 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/NotificationsDialog.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/NotificationsDialog.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; import { NotificationIcon } from '@twilio-paste/icons/esm/NotificationIcon'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; +import * as React from 'react'; export const NotificationsDialog: React.FC = () => { return ( diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/SearchBox.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/SearchBox.tsx index c1206f15f9..b850c80605 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/SearchBox.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/SearchBox.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Combobox } from '@twilio-paste/combobox'; import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; +import * as React from 'react'; export const SearchBox: React.FC = () => { return ( diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/Segment.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/Segment.tsx index 75b47ae01b..2ae640b9fe 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/Segment.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/Segment.tsx @@ -1,42 +1,42 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; -import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; +import { Button } from '@twilio-paste/button'; import { ProductConnectionsIcon } from '@twilio-paste/icons/esm/ProductConnectionsIcon'; -import { ProductReverseETLIcon } from '@twilio-paste/icons/esm/ProductReverseETLIcon'; +import { ProductEngageIcon } from '@twilio-paste/icons/esm/ProductEngageIcon'; +import { ProductHomeIcon } from '@twilio-paste/icons/esm/ProductHomeIcon'; import { ProductPrivacyIcon } from '@twilio-paste/icons/esm/ProductPrivacyIcon'; import { ProductProtocolsIcon } from '@twilio-paste/icons/esm/ProductProtocolsIcon'; -import { ProductEngageIcon } from '@twilio-paste/icons/esm/ProductEngageIcon'; +import { ProductReverseETLIcon } from '@twilio-paste/icons/esm/ProductReverseETLIcon'; +import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; import { ProductSettingsIcon } from '@twilio-paste/icons/esm/ProductSettingsIcon'; -import { ProductHomeIcon } from '@twilio-paste/icons/esm/ProductHomeIcon'; +import { Topbar, TopbarActions } from '@twilio-paste/topbar'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; -import { Topbar, TopbarActions } from '@twilio-paste/topbar'; +import * as React from 'react'; import { Sidebar, + SidebarBetaBadge, SidebarBody, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, SidebarNavigationDisclosure, - SidebarNavigationDisclosureHeadingWrapper, - SidebarNavigationDisclosureHeading, SidebarNavigationDisclosureContent, + SidebarNavigationDisclosureHeading, + SidebarNavigationDisclosureHeadingWrapper, SidebarNavigationItem, - SidebarBetaBadge, + SidebarPushContentWrapper, } from '../../../src'; +import { AppSwitcher } from './AppSwitcher'; +import { NotificationsDialog } from './NotificationsDialog'; import { SearchBox } from './SearchBox'; import { SupportMenu } from './SupportMenu'; -import { NotificationsDialog } from './NotificationsDialog'; -import { AppSwitcher } from './AppSwitcher'; +import { UpgradeBadge } from './UpgradeBadge'; import { UserDialogExample } from './UserDialogSegment'; import { WorkspaceSwitcherMenu } from './WorkspaceSwitcher'; -import { UpgradeBadge } from './UpgradeBadge'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/StatusMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/StatusMenu.tsx index e43f75d51f..f4bd2b17e8 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/StatusMenu.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/StatusMenu.tsx @@ -1,5 +1,3 @@ -import * as React from 'react'; -import type { ValueOf } from '@twilio-paste/types'; import { StatusMenu, StatusMenuBadge, @@ -7,6 +5,8 @@ import { StatusMenuItemRadio, useStatusMenuState, } from '@twilio-paste/status'; +import type { ValueOf } from '@twilio-paste/types'; +import * as React from 'react'; const ConnectivityObject = { Available: { diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/SupportMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/SupportMenu.tsx index cefa3a4d1f..c6eb8e40a5 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/SupportMenu.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/SupportMenu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; import { SupportIcon } from '@twilio-paste/icons/esm/SupportIcon'; +import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; +import * as React from 'react'; export const SupportMenu: React.FC = () => { const menu = useMenuState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/TrialBadge.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/TrialBadge.tsx index 8b6c7e0450..a05fc498c4 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/TrialBadge.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/TrialBadge.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Badge } from '@twilio-paste/badge'; import { Anchor } from '@twilio-paste/anchor'; +import { Badge } from '@twilio-paste/badge'; +import * as React from 'react'; export const TrialBadge: React.FC = () => { return ( diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/UpgradeBadge.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/UpgradeBadge.tsx index 39e89a30d4..ec52964285 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/UpgradeBadge.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/UpgradeBadge.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Badge } from '@twilio-paste/badge'; +import * as React from 'react'; export const UpgradeBadge: React.FC = () => { return ( diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogConsole.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogConsole.tsx index 99b44e8975..8b3a76dd62 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogConsole.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogConsole.tsx @@ -1,4 +1,10 @@ -import * as React from 'react'; +import { Badge } from '@twilio-paste/badge'; +import { Box } from '@twilio-paste/box'; +import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; +import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; +import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; +import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { UserDialog, UserDialogContainer, @@ -10,13 +16,7 @@ import { UserDialogUserName, useUserDialogListState, } from '@twilio-paste/user-dialog'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; -import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; -import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; -import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; -import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; -import { Box } from '@twilio-paste/box'; -import { Badge } from '@twilio-paste/badge'; +import * as React from 'react'; export const UserDialogExample: React.FC = () => { const userDialogList = useUserDialogListState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogFlex.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogFlex.tsx index bb1ee8440e..927613cfdf 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogFlex.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogFlex.tsx @@ -1,4 +1,9 @@ -import * as React from 'react'; +import { Badge } from '@twilio-paste/badge'; +import { Box } from '@twilio-paste/box'; +import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; +import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; +import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { UserDialog, UserDialogContainer, @@ -10,12 +15,7 @@ import { UserDialogUserName, useUserDialogListState, } from '@twilio-paste/user-dialog'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; -import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; -import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; -import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; -import { Box } from '@twilio-paste/box'; -import { Badge } from '@twilio-paste/badge'; +import * as React from 'react'; export const UserDialogExample: React.FC = () => { const userDialogList = useUserDialogListState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogSegment.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogSegment.tsx index ea050e649e..40dab94b45 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogSegment.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/UserDialogSegment.tsx @@ -1,4 +1,8 @@ -import * as React from 'react'; +import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; +import { DocumentationIcon } from '@twilio-paste/icons/esm/DocumentationIcon'; +import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; +import { SupportIcon } from '@twilio-paste/icons/esm/SupportIcon'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { UserDialog, UserDialogContainer, @@ -10,11 +14,7 @@ import { UserDialogUserName, useUserDialogListState, } from '@twilio-paste/user-dialog'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; -import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; -import { DocumentationIcon } from '@twilio-paste/icons/esm/DocumentationIcon'; -import { LogOutIcon } from '@twilio-paste/icons/esm/LogOutIcon'; -import { SupportIcon } from '@twilio-paste/icons/esm/SupportIcon'; +import * as React from 'react'; export const UserDialogExample: React.FC = () => { const userDialogList = useUserDialogListState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/WorkspaceSwitcher.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/WorkspaceSwitcher.tsx index 8c1d2cfd7d..c84e2a2ede 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/components/WorkspaceSwitcher.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/components/WorkspaceSwitcher.tsx @@ -1,4 +1,3 @@ -import * as React from 'react'; import { AccountSwitcher, AccountSwitcherBadge, @@ -8,6 +7,7 @@ import { AccountSwitcherSeparator, useAccountSwitcherState, } from '@twilio-paste/account-switcher'; +import * as React from 'react'; export const WorkspaceSwitcherMenu: React.FC = () => { const accountSwitcher = useAccountSwitcherState(); diff --git a/packages/paste-core/components/sidebar/stories/full-composition/console.stories.tsx b/packages/paste-core/components/sidebar/stories/full-composition/console.stories.tsx index 2dd62966d7..e69f6eb304 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/console.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/console.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { Console as ConsoleComposition } from './components/Console'; diff --git a/packages/paste-core/components/sidebar/stories/full-composition/docs.stories.tsx b/packages/paste-core/components/sidebar/stories/full-composition/docs.stories.tsx index e3a5436af2..388bad53ad 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/docs.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/docs.stories.tsx @@ -1,36 +1,36 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; import { InPageNavigation, InPageNavigationItem } from '@twilio-paste/in-page-navigation'; +import { Topbar, TopbarActions } from '@twilio-paste/topbar'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; -import { Topbar, TopbarActions } from '@twilio-paste/topbar'; +import * as React from 'react'; import { Sidebar, SidebarBody, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, SidebarNavigationDisclosure, - SidebarNavigationDisclosureHeadingWrapper, - SidebarNavigationDisclosureHeading, SidebarNavigationDisclosureContent, + SidebarNavigationDisclosureHeading, + SidebarNavigationDisclosureHeadingWrapper, SidebarNavigationItem, + SidebarPushContentWrapper, } from '../../src'; +import { AppSwitcher } from './components/AppSwitcher'; +import { NotificationsDialog } from './components/NotificationsDialog'; import { SearchBox } from './components/SearchBox'; import { SupportMenu } from './components/SupportMenu'; -import { NotificationsDialog } from './components/NotificationsDialog'; -import { AppSwitcher } from './components/AppSwitcher'; +import { UpgradeBadge } from './components/UpgradeBadge'; import { UserDialogExample } from './components/UserDialogSegment'; import { WorkspaceSwitcherMenu } from './components/WorkspaceSwitcher'; -import { UpgradeBadge } from './components/UpgradeBadge'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/sidebar/stories/full-composition/flex.stories.tsx b/packages/paste-core/components/sidebar/stories/full-composition/flex.stories.tsx index c5a8802b49..e1abf8f44a 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/flex.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/flex.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { Flex as FlexComposition } from './components/Flex'; diff --git a/packages/paste-core/components/sidebar/stories/full-composition/segment.stories.tsx b/packages/paste-core/components/sidebar/stories/full-composition/segment.stories.tsx index e7a1a0e0c4..22fd272a73 100644 --- a/packages/paste-core/components/sidebar/stories/full-composition/segment.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/full-composition/segment.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { Segment as SegmentComposition } from './components/Segment'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/sidebar/stories/navigation.stories.tsx b/packages/paste-core/components/sidebar/stories/navigation.stories.tsx index 0c1425162f..f230e41de5 100644 --- a/packages/paste-core/components/sidebar/stories/navigation.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/navigation.stories.tsx @@ -1,47 +1,47 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; -// ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings -import { useUID } from '@twilio-paste/uid-library'; -// import {Tabs, TabList, Tab, TabPanels, TabPanel} from '@twilio-paste/tabs'; -import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; -import { ProductContactCenterTasksIcon } from '@twilio-paste/icons/esm/ProductContactCenterTasksIcon'; +import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { ProductConnectionsIcon } from '@twilio-paste/icons/esm/ProductConnectionsIcon'; import { ProductContactCenterAdminIcon } from '@twilio-paste/icons/esm/ProductContactCenterAdminIcon'; -import { ProductContactCenterTeamsIcon } from '@twilio-paste/icons/esm/ProductContactCenterTeamsIcon'; -import { ProductPrivacyIcon } from '@twilio-paste/icons/esm/ProductPrivacyIcon'; -import { ProductUsageIcon } from '@twilio-paste/icons/esm/ProductUsageIcon'; import { ProductContactCenterQueuesIcon } from '@twilio-paste/icons/esm/ProductContactCenterQueuesIcon'; -import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; +import { ProductContactCenterTasksIcon } from '@twilio-paste/icons/esm/ProductContactCenterTasksIcon'; +import { ProductContactCenterTeamsIcon } from '@twilio-paste/icons/esm/ProductContactCenterTeamsIcon'; +import { ProductEngageIcon } from '@twilio-paste/icons/esm/ProductEngageIcon'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { ProductHomeIcon } from '@twilio-paste/icons/esm/ProductHomeIcon'; -import { ProductConnectionsIcon } from '@twilio-paste/icons/esm/ProductConnectionsIcon'; -import { ProductReverseETLIcon } from '@twilio-paste/icons/esm/ProductReverseETLIcon'; +import { ProductPrivacyIcon } from '@twilio-paste/icons/esm/ProductPrivacyIcon'; import { ProductProtocolsIcon } from '@twilio-paste/icons/esm/ProductProtocolsIcon'; +import { ProductReverseETLIcon } from '@twilio-paste/icons/esm/ProductReverseETLIcon'; +import { ProductSegmentIcon } from '@twilio-paste/icons/esm/ProductSegmentIcon'; import { ProductSettingsIcon } from '@twilio-paste/icons/esm/ProductSettingsIcon'; -import { ProductEngageIcon } from '@twilio-paste/icons/esm/ProductEngageIcon'; -import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { ProductUsageIcon } from '@twilio-paste/icons/esm/ProductUsageIcon'; +// import {Tabs, TabList, Tab, TabPanels, TabPanel} from '@twilio-paste/tabs'; +import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +// ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Sidebar, + SidebarBetaBadge, SidebarBody, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, - SidebarBetaBadge, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, SidebarNavigationDisclosure, - SidebarNavigationDisclosureHeadingWrapper, - SidebarNavigationDisclosureHeading, SidebarNavigationDisclosureContent, - SidebarNavigationItem, - useSidebarNavigationDisclosureState, + SidebarNavigationDisclosureHeading, + SidebarNavigationDisclosureHeadingWrapper, type SidebarNavigationDisclosureInitialState, type SidebarNavigationDisclosureStateReturn, + SidebarNavigationItem, + SidebarPushContentWrapper, + useSidebarNavigationDisclosureState, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/sidebar/stories/overlay.stories.tsx b/packages/paste-core/components/sidebar/stories/overlay.stories.tsx index a72c086d7d..0d284999c6 100644 --- a/packages/paste-core/components/sidebar/stories/overlay.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/overlay.stories.tsx @@ -1,21 +1,21 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Sidebar, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, + SidebarBody, SidebarCollapseButton, SidebarFooter, - SidebarOverlayContentWrapper, - SidebarBody, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, + SidebarOverlayContentWrapper, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/sidebar/stories/push.stories.tsx b/packages/paste-core/components/sidebar/stories/push.stories.tsx index b09f7be1e4..885d5fcb20 100644 --- a/packages/paste-core/components/sidebar/stories/push.stories.tsx +++ b/packages/paste-core/components/sidebar/stories/push.stories.tsx @@ -1,21 +1,21 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; -import { Box } from '@twilio-paste/box'; import type { StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; // ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Sidebar, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, + SidebarBody, SidebarCollapseButton, SidebarFooter, - SidebarPushContentWrapper, - SidebarBody, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, + SidebarPushContentWrapper, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/skeleton-loader/__tests__/index.spec.tsx b/packages/paste-core/components/skeleton-loader/__tests__/index.spec.tsx index 2fa9fe707c..5147b69977 100644 --- a/packages/paste-core/components/skeleton-loader/__tests__/index.spec.tsx +++ b/packages/paste-core/components/skeleton-loader/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { SkeletonLoader } from '../src'; import { Default } from '../stories/index.stories'; diff --git a/packages/paste-core/components/skeleton-loader/src/index.tsx b/packages/paste-core/components/skeleton-loader/src/index.tsx index cc58dc45a9..772742a6bb 100644 --- a/packages/paste-core/components/skeleton-loader/src/index.tsx +++ b/packages/paste-core/components/skeleton-loader/src/index.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { styled, themeGet } from '@twilio-paste/styling-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; -import type { LayoutProps, BorderRadiusProps } from '@twilio-paste/style-props'; +import type { BorderRadiusProps, LayoutProps } from '@twilio-paste/style-props'; +import { styled, themeGet } from '@twilio-paste/styling-library'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { SkeletonLoaderKeyframes } from './keyframes'; diff --git a/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx b/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx index ff75b0619f..45987b0b1b 100644 --- a/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx +++ b/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Avatar } from '@twilio-paste/avatar'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Card } from '@twilio-paste/card'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; +import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { Table, THead, TBody, Tr, Td, Th } from '@twilio-paste/table'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; import { Text } from '@twilio-paste/text'; -import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import type { SkeletonLoaderProps } from '../src'; import { SkeletonLoader } from '../src'; diff --git a/packages/paste-core/components/slider/__tests__/index.spec.tsx b/packages/paste-core/components/slider/__tests__/index.spec.tsx index 69dc3fba72..55021d2f17 100644 --- a/packages/paste-core/components/slider/__tests__/index.spec.tsx +++ b/packages/paste-core/components/slider/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Slider } from '../src'; diff --git a/packages/paste-core/components/slider/src/Slider.tsx b/packages/paste-core/components/slider/src/Slider.tsx index 17e8359d61..28285f1e3d 100644 --- a/packages/paste-core/components/slider/src/Slider.tsx +++ b/packages/paste-core/components/slider/src/Slider.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, type BoxProps } from '@twilio-paste/box'; +import { useSlider, useSliderState, useSliderThumb } from '@twilio-paste/react-spectrum-library'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { useSliderState, useSlider, useSliderThumb } from '@twilio-paste/react-spectrum-library'; import { useMergeRefs } from '@twilio-paste/utils'; +import * as React from 'react'; import { SliderThumb } from './SliderThumb'; import { SliderTrack } from './SliderTrack'; diff --git a/packages/paste-core/components/slider/src/SliderThumb.tsx b/packages/paste-core/components/slider/src/SliderThumb.tsx index d897ad9ba6..c2659af875 100644 --- a/packages/paste-core/components/slider/src/SliderThumb.tsx +++ b/packages/paste-core/components/slider/src/SliderThumb.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, type BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { getColorToken } from './helpers'; import type { UIStates } from './types'; diff --git a/packages/paste-core/components/slider/src/SliderTrack.tsx b/packages/paste-core/components/slider/src/SliderTrack.tsx index 1f22de9f66..77bcc7490b 100644 --- a/packages/paste-core/components/slider/src/SliderTrack.tsx +++ b/packages/paste-core/components/slider/src/SliderTrack.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, type BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { getColorToken } from './helpers'; import type { UIStates } from './types'; diff --git a/packages/paste-core/components/slider/stories/index.stories.tsx b/packages/paste-core/components/slider/stories/index.stories.tsx index f7da0b9449..5f5ed42e05 100644 --- a/packages/paste-core/components/slider/stories/index.stories.tsx +++ b/packages/paste-core/components/slider/stories/index.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import { useUID } from '@twilio-paste/uid-library'; -import { Form, FormControl } from '@twilio-paste/form'; -import { Paragraph } from '@twilio-paste/paragraph'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Form, FormControl } from '@twilio-paste/form'; +import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; +import { Paragraph } from '@twilio-paste/paragraph'; import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Slider } from '../src'; diff --git a/packages/paste-core/components/spinner/__tests__/index.test.tsx b/packages/paste-core/components/spinner/__tests__/index.test.tsx index f304c57a9e..431d002b3f 100644 --- a/packages/paste-core/components/spinner/__tests__/index.test.tsx +++ b/packages/paste-core/components/spinner/__tests__/index.test.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { Theme } from '@twilio-paste/theme'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Spinner } from '../src'; diff --git a/packages/paste-core/components/spinner/src/index.tsx b/packages/paste-core/components/spinner/src/index.tsx index 862a18aded..119b8ee5d5 100644 --- a/packages/paste-core/components/spinner/src/index.tsx +++ b/packages/paste-core/components/spinner/src/index.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import type { BoxElementProps } from '@twilio-paste/box'; import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { StyledCircleTrack, AnimatedStyledCircle, StyledSvg } from './styled'; import { circleGeometry } from './constants'; +import { AnimatedStyledCircle, StyledCircleTrack, StyledSvg } from './styled'; export interface SpinnerProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-core/components/spinner/src/styled.tsx b/packages/paste-core/components/spinner/src/styled.tsx index 6b78acbdf3..67d56cec44 100644 --- a/packages/paste-core/components/spinner/src/styled.tsx +++ b/packages/paste-core/components/spinner/src/styled.tsx @@ -1,7 +1,7 @@ import { styled } from '@twilio-paste/styling-library'; -import { SvgKeyframes, CircleKeyframes } from './keyframes'; import { circleCircumference } from './constants'; +import { CircleKeyframes, SvgKeyframes } from './keyframes'; export const StyledCircleTrack = styled.circle({ transformOrigin: 'center', diff --git a/packages/paste-core/components/spinner/stories/index.stories.tsx b/packages/paste-core/components/spinner/stories/index.stories.tsx index 007d108a2c..47788db43a 100644 --- a/packages/paste-core/components/spinner/stories/index.stories.tsx +++ b/packages/paste-core/components/spinner/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; -import { useTheme, DefaultTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { IconSize, TextColorOptions } from '@twilio-paste/style-props'; +import { DefaultTheme, useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Spinner } from '../src'; diff --git a/packages/paste-core/components/status/__tests__/StatusBadgeCustomization.spec.tsx b/packages/paste-core/components/status/__tests__/StatusBadgeCustomization.spec.tsx index a6419addcb..f71c9b9a3e 100644 --- a/packages/paste-core/components/status/__tests__/StatusBadgeCustomization.spec.tsx +++ b/packages/paste-core/components/status/__tests__/StatusBadgeCustomization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { makeBadge, getStyles } from '../stories/StatusBadgeCustomization.stories'; +import { getStyles, makeBadge } from '../stories/StatusBadgeCustomization.stories'; const makeCustomizationWrapper = (element: string | undefined = 'STATUS_BADGE'): RenderOptions['wrapper'] => function Wrapper({ children }) { diff --git a/packages/paste-core/components/status/__tests__/StatusMenuCustomization.spec.tsx b/packages/paste-core/components/status/__tests__/StatusMenuCustomization.spec.tsx index e45720eafc..6b8dfbbcd2 100644 --- a/packages/paste-core/components/status/__tests__/StatusMenuCustomization.spec.tsx +++ b/packages/paste-core/components/status/__tests__/StatusMenuCustomization.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { render, screen, act } from '@testing-library/react'; +import { act, render, screen } from '@testing-library/react'; import type { RenderOptions } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { initStyles, BaseMenu } from '../stories/StatusMenuCustomization.stories'; +import { BaseMenu, initStyles } from '../stories/StatusMenuCustomization.stories'; const PASTE_ELEMENT = 'data-paste-element'; diff --git a/packages/paste-core/components/status/src/StatusBadge.tsx b/packages/paste-core/components/status/src/StatusBadge.tsx index 4f7d58760f..4b5c20e60a 100644 --- a/packages/paste-core/components/status/src/StatusBadge.tsx +++ b/packages/paste-core/components/status/src/StatusBadge.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { badgeBaseStyles, badgeVariantStyles } from '@twilio-paste/badge'; import type { BadgeBaseProps, BadgeSpanProps } from '@twilio-paste/badge'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { StatusObject } from './constants'; import type { StatusBadgeVariants } from './types'; diff --git a/packages/paste-core/components/status/src/StatusMenu.tsx b/packages/paste-core/components/status/src/StatusMenu.tsx index 209c895669..42617f33bc 100644 --- a/packages/paste-core/components/status/src/StatusMenu.tsx +++ b/packages/paste-core/components/status/src/StatusMenu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Menu } from '@twilio-paste/menu'; import type { MenuProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type StatusMenuProps = MenuProps; diff --git a/packages/paste-core/components/status/src/StatusMenuBadge.tsx b/packages/paste-core/components/status/src/StatusMenuBadge.tsx index 37ac4eadd8..2f3395fd5c 100644 --- a/packages/paste-core/components/status/src/StatusMenuBadge.tsx +++ b/packages/paste-core/components/status/src/StatusMenuBadge.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuBadgeContent } from '@twilio-paste/menu'; import type { MenuBadgeProps } from '@twilio-paste/menu'; +import * as React from 'react'; import { StatusBadge } from './StatusBadge'; import type { StatusBadgeProps } from './StatusBadge'; diff --git a/packages/paste-core/components/status/src/StatusMenuItem.tsx b/packages/paste-core/components/status/src/StatusMenuItem.tsx index b957d7f86d..de8faf4b31 100644 --- a/packages/paste-core/components/status/src/StatusMenuItem.tsx +++ b/packages/paste-core/components/status/src/StatusMenuItem.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuItem } from '@twilio-paste/menu'; import type { MenuItemProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type StatusMenuItemProps = MenuItemProps; diff --git a/packages/paste-core/components/status/src/StatusMenuItemCheckbox.tsx b/packages/paste-core/components/status/src/StatusMenuItemCheckbox.tsx index 915bcfe46d..5c32bd706e 100644 --- a/packages/paste-core/components/status/src/StatusMenuItemCheckbox.tsx +++ b/packages/paste-core/components/status/src/StatusMenuItemCheckbox.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuItemCheckbox } from '@twilio-paste/menu'; import type { MenuItemCheckboxProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type StatusMenuItemCheckboxProps = MenuItemCheckboxProps; diff --git a/packages/paste-core/components/status/src/StatusMenuItemChild.tsx b/packages/paste-core/components/status/src/StatusMenuItemChild.tsx index d873c0e979..45f2100dfb 100644 --- a/packages/paste-core/components/status/src/StatusMenuItemChild.tsx +++ b/packages/paste-core/components/status/src/StatusMenuItemChild.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { StatusObject } from './constants'; import type { StatusBadgeVariants } from './types'; diff --git a/packages/paste-core/components/status/src/StatusMenuItemRadio.tsx b/packages/paste-core/components/status/src/StatusMenuItemRadio.tsx index 4021238184..6453df9128 100644 --- a/packages/paste-core/components/status/src/StatusMenuItemRadio.tsx +++ b/packages/paste-core/components/status/src/StatusMenuItemRadio.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { MenuItemRadio } from '@twilio-paste/menu'; import type { MenuItemRadioProps } from '@twilio-paste/menu'; +import * as React from 'react'; export type StatusMenuItemRadioProps = MenuItemRadioProps; diff --git a/packages/paste-core/components/status/src/constants.tsx b/packages/paste-core/components/status/src/constants.tsx index e645ded086..248a131e39 100644 --- a/packages/paste-core/components/status/src/constants.tsx +++ b/packages/paste-core/components/status/src/constants.tsx @@ -1,4 +1,8 @@ -import * as React from 'react'; +import { ConnectivityAvailableIcon } from '@twilio-paste/icons/esm/ConnectivityAvailableIcon'; +import { ConnectivityBusyIcon } from '@twilio-paste/icons/esm/ConnectivityBusyIcon'; +import { ConnectivityNeutralIcon } from '@twilio-paste/icons/esm/ConnectivityNeutralIcon'; +import { ConnectivityOfflineIcon } from '@twilio-paste/icons/esm/ConnectivityOfflineIcon'; +import { ConnectivityUnavailableIcon } from '@twilio-paste/icons/esm/ConnectivityUnavailableIcon'; import { ProcessDisabledIcon } from '@twilio-paste/icons/esm/ProcessDisabledIcon'; import { ProcessDraftIcon } from '@twilio-paste/icons/esm/ProcessDraftIcon'; import { ProcessErrorIcon } from '@twilio-paste/icons/esm/ProcessErrorIcon'; @@ -6,11 +10,7 @@ import { ProcessInProgressIcon } from '@twilio-paste/icons/esm/ProcessInProgress import { ProcessNeutralIcon } from '@twilio-paste/icons/esm/ProcessNeutralIcon'; import { ProcessSuccessIcon } from '@twilio-paste/icons/esm/ProcessSuccessIcon'; import { ProcessWarningIcon } from '@twilio-paste/icons/esm/ProcessWarningIcon'; -import { ConnectivityAvailableIcon } from '@twilio-paste/icons/esm/ConnectivityAvailableIcon'; -import { ConnectivityBusyIcon } from '@twilio-paste/icons/esm/ConnectivityBusyIcon'; -import { ConnectivityUnavailableIcon } from '@twilio-paste/icons/esm/ConnectivityUnavailableIcon'; -import { ConnectivityOfflineIcon } from '@twilio-paste/icons/esm/ConnectivityOfflineIcon'; -import { ConnectivityNeutralIcon } from '@twilio-paste/icons/esm/ConnectivityNeutralIcon'; +import * as React from 'react'; import type { StatusBadges } from './types'; diff --git a/packages/paste-core/components/status/stories/StatusBadge.stories.tsx b/packages/paste-core/components/status/stories/StatusBadge.stories.tsx index 090f8c2ecb..50c1788673 100644 --- a/packages/paste-core/components/status/stories/StatusBadge.stories.tsx +++ b/packages/paste-core/components/status/stories/StatusBadge.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { Meta, StoryFn } from '@storybook/react'; +import * as React from 'react'; import { StatusBadge } from '../src'; diff --git a/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx b/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx index 6dc4977e87..f2322fc3c6 100644 --- a/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx +++ b/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { Paragraph } from '@twilio-paste/paragraph'; +import type { StoryFn } from '@storybook/react'; +import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; +import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { Card } from '@twilio-paste/card'; -import type { StoryFn } from '@storybook/react'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { StatusBadge } from '../src'; import type { StatusBadgeVariants } from '../src/types'; diff --git a/packages/paste-core/components/status/stories/StatusMenu.stories.tsx b/packages/paste-core/components/status/stories/StatusMenu.stories.tsx index 1001ff061b..f56d19c32f 100644 --- a/packages/paste-core/components/status/stories/StatusMenu.stories.tsx +++ b/packages/paste-core/components/status/stories/StatusMenu.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Stack } from '@twilio-paste/stack'; import type { ValueOf } from '@twilio-paste/types'; +import * as React from 'react'; import { StatusMenu, diff --git a/packages/paste-core/components/status/stories/StatusMenuCustomization.stories.tsx b/packages/paste-core/components/status/stories/StatusMenuCustomization.stories.tsx index 3a060c71fc..e58740c20c 100644 --- a/packages/paste-core/components/status/stories/StatusMenuCustomization.stories.tsx +++ b/packages/paste-core/components/status/stories/StatusMenuCustomization.stories.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { StatusMenu, StatusMenuBadge, StatusMenuItem, StatusMenuItemCheckbox, - StatusMenuItemRadio, StatusMenuItemChild, + StatusMenuItemRadio, useStatusMenuState, } from '../src'; import type { StatusMenuBadgeProps } from '../src'; diff --git a/packages/paste-core/components/switch/__tests__/index.spec.tsx b/packages/paste-core/components/switch/__tests__/index.spec.tsx index 5bb33740e9..ee12937216 100644 --- a/packages/paste-core/components/switch/__tests__/index.spec.tsx +++ b/packages/paste-core/components/switch/__tests__/index.spec.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { render, fireEvent, screen } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import * as React from 'react'; import { Switch, SwitchGroup } from '../src'; diff --git a/packages/paste-core/components/switch/src/Switch.tsx b/packages/paste-core/components/switch/src/Switch.tsx index 31d8c4e563..07b200ae2c 100644 --- a/packages/paste-core/components/switch/src/Switch.tsx +++ b/packages/paste-core/components/switch/src/Switch.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Text } from '@twilio-paste/text'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { SiblingBox } from '@twilio-paste/sibling-box'; -import { Label, RequiredDot } from '@twilio-paste/label'; import { HelpText } from '@twilio-paste/help-text'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; +import { Label, RequiredDot } from '@twilio-paste/label'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { SiblingBox } from '@twilio-paste/sibling-box'; +import { Text } from '@twilio-paste/text'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { SWITCH_HEIGHT, SWITCH_KNOB_SIZE, SWITCH_WIDTH } from './constants'; import { SwitchContext } from './SwitchContext'; import { SwitchKnob } from './SwitchKnob'; +import { SWITCH_HEIGHT, SWITCH_KNOB_SIZE, SWITCH_WIDTH } from './constants'; export interface SwitchProps extends HTMLPasteProps<'input'>, Pick { children: NonNullable; diff --git a/packages/paste-core/components/switch/src/SwitchGroup.tsx b/packages/paste-core/components/switch/src/SwitchGroup.tsx index 5cd75eb7b2..aebf0afe3b 100644 --- a/packages/paste-core/components/switch/src/SwitchGroup.tsx +++ b/packages/paste-core/components/switch/src/SwitchGroup.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { InlineControlGroup } from '@twilio-paste/inline-control-group'; import type { InlineControlGroupProps } from '@twilio-paste/inline-control-group'; +import * as React from 'react'; import { SwitchContext } from './SwitchContext'; diff --git a/packages/paste-core/components/switch/src/SwitchKnob.tsx b/packages/paste-core/components/switch/src/SwitchKnob.tsx index 145fbe321f..246975bc81 100644 --- a/packages/paste-core/components/switch/src/SwitchKnob.tsx +++ b/packages/paste-core/components/switch/src/SwitchKnob.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { SelectedIcon } from '@twilio-paste/icons/esm/SelectedIcon'; -import { useTheme } from '@twilio-paste/theme'; import type { TextColor } from '@twilio-paste/style-props'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; const getSwitchKnobTransformValue = (disabled: boolean, checked: boolean, isHovering: boolean): string => { if (!disabled) { diff --git a/packages/paste-core/components/switch/stories/index.stories.tsx b/packages/paste-core/components/switch/stories/index.stories.tsx index d06a8f9726..78d0338036 100644 --- a/packages/paste-core/components/switch/stories/index.stories.tsx +++ b/packages/paste-core/components/switch/stories/index.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Anchor } from '@twilio-paste/anchor'; import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { Switch, SwitchGroup } from '../src'; diff --git a/packages/paste-core/components/table/__tests__/index.spec.tsx b/packages/paste-core/components/table/__tests__/index.spec.tsx index 3eec327790..74ce9d066a 100644 --- a/packages/paste-core/components/table/__tests__/index.spec.tsx +++ b/packages/paste-core/components/table/__tests__/index.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { Table, THead, TBody, TFoot, Td, Tr, Th } from '../src'; +import { TBody, TFoot, THead, Table, Td, Th, Tr } from '../src'; describe('Table', () => { it('should render a default table', (): void => { diff --git a/packages/paste-core/components/table/src/TBody.tsx b/packages/paste-core/components/table/src/TBody.tsx index 3a736680f2..9271f26fc7 100644 --- a/packages/paste-core/components/table/src/TBody.tsx +++ b/packages/paste-core/components/table/src/TBody.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxStyleProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; import type { TBodyProps } from './types'; diff --git a/packages/paste-core/components/table/src/TFoot.tsx b/packages/paste-core/components/table/src/TFoot.tsx index 0a04e1a4d5..7bc5398045 100644 --- a/packages/paste-core/components/table/src/TFoot.tsx +++ b/packages/paste-core/components/table/src/TFoot.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxStyleProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; import type { TFootProps } from './types'; diff --git a/packages/paste-core/components/table/src/THead.tsx b/packages/paste-core/components/table/src/THead.tsx index d78066cd7e..1bd52a47b6 100644 --- a/packages/paste-core/components/table/src/THead.tsx +++ b/packages/paste-core/components/table/src/THead.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { styled, css } from '@twilio-paste/styling-library'; import type { BoxProps } from '@twilio-paste/box'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; import type { THeadProps } from './types'; diff --git a/packages/paste-core/components/table/src/Table.tsx b/packages/paste-core/components/table/src/Table.tsx index 6160314b66..261795001a 100644 --- a/packages/paste-core/components/table/src/Table.tsx +++ b/packages/paste-core/components/table/src/Table.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { TableContext } from './TableContext'; import type { TableProps } from './types'; diff --git a/packages/paste-core/components/table/src/Td.tsx b/packages/paste-core/components/table/src/Td.tsx index 2e50670b9a..b5b05248f8 100644 --- a/packages/paste-core/components/table/src/Td.tsx +++ b/packages/paste-core/components/table/src/Td.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { TdProps } from './types'; diff --git a/packages/paste-core/components/table/src/Th.tsx b/packages/paste-core/components/table/src/Th.tsx index d7d047a63c..9bb8853604 100644 --- a/packages/paste-core/components/table/src/Th.tsx +++ b/packages/paste-core/components/table/src/Th.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { ThProps } from './types'; diff --git a/packages/paste-core/components/table/src/Tr.tsx b/packages/paste-core/components/table/src/Tr.tsx index b6650370b1..ddc056920a 100644 --- a/packages/paste-core/components/table/src/Tr.tsx +++ b/packages/paste-core/components/table/src/Tr.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { TableContext } from './TableContext'; import type { TrProps } from './types'; diff --git a/packages/paste-core/components/table/src/types.ts b/packages/paste-core/components/table/src/types.ts index 7baf53bda6..189b9cd1dd 100644 --- a/packages/paste-core/components/table/src/types.ts +++ b/packages/paste-core/components/table/src/types.ts @@ -1,6 +1,6 @@ import type { BoxProps } from '@twilio-paste/box'; -import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import type { WidthOptions } from '@twilio-paste/style-props'; +import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import type { TableAlignmentObject, diff --git a/packages/paste-core/components/table/stories/index.stories.tsx b/packages/paste-core/components/table/stories/index.stories.tsx index 716237d8ea..4d00ca9c23 100644 --- a/packages/paste-core/components/table/stories/index.stories.tsx +++ b/packages/paste-core/components/table/stories/index.stories.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; -import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { useTheme } from '@twilio-paste/theme'; +import { Heading } from '@twilio-paste/heading'; import { AttachIcon } from '@twilio-paste/icons/esm/AttachIcon'; import { MoreIcon } from '@twilio-paste/icons/esm/MoreIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/menu'; +import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { Heading } from '@twilio-paste/heading'; -import { Anchor } from '@twilio-paste/anchor'; -import { Button } from '@twilio-paste/button'; +import { useTheme } from '@twilio-paste/theme'; import { Truncate } from '@twilio-paste/truncate'; +import * as React from 'react'; -import { Table, THead, TBody, TFoot, Tr, Td, Th } from '../src'; +import { TBody, TFoot, THead, Table, Td, Th, Tr } from '../src'; const MoreMenu = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-core/components/tabs/__tests__/tabs.test.tsx b/packages/paste-core/components/tabs/__tests__/tabs.test.tsx index 327f4bf399..695d986b9a 100644 --- a/packages/paste-core/components/tabs/__tests__/tabs.test.tsx +++ b/packages/paste-core/components/tabs/__tests__/tabs.test.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { HorizontalTabs, StateHookTabs } from '../stories/index.stories'; -import { Tabs, Tab, TabList, TabPanels, TabPanel } from '../src'; +import { Tab, TabList, TabPanel, TabPanels, Tabs } from '../src'; import { getElementName } from '../src/utils'; +import { HorizontalTabs, StateHookTabs } from '../stories/index.stories'; describe('Tabs', () => { describe('Utils', () => { diff --git a/packages/paste-core/components/tabs/src/Tab.tsx b/packages/paste-core/components/tabs/src/Tab.tsx index fc93ba56ad..fdd4cd12dd 100644 --- a/packages/paste-core/components/tabs/src/Tab.tsx +++ b/packages/paste-core/components/tabs/src/Tab.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import type { BoxStyleProps, BoxProps } from '@twilio-paste/box'; +import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; import { TabPrimitive } from '@twilio-paste/tabs-primitive'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; import { TabsContext } from './TabsContext'; import type { Orientation, Variants } from './types'; diff --git a/packages/paste-core/components/tabs/src/TabList.tsx b/packages/paste-core/components/tabs/src/TabList.tsx index c7042dcafc..5625989a57 100644 --- a/packages/paste-core/components/tabs/src/TabList.tsx +++ b/packages/paste-core/components/tabs/src/TabList.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { TabPrimitiveList } from '@twilio-paste/tabs-primitive'; +import * as React from 'react'; import { TabsContext } from './TabsContext'; import type { Variants } from './types'; diff --git a/packages/paste-core/components/tabs/src/TabPanel.tsx b/packages/paste-core/components/tabs/src/TabPanel.tsx index a8f8abed04..dd6ffb4f43 100644 --- a/packages/paste-core/components/tabs/src/TabPanel.tsx +++ b/packages/paste-core/components/tabs/src/TabPanel.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { TabPrimitivePanel } from '@twilio-paste/tabs-primitive'; +import * as React from 'react'; import { TabsContext } from './TabsContext'; import { getElementName } from './utils'; diff --git a/packages/paste-core/components/tabs/src/TabPanels.tsx b/packages/paste-core/components/tabs/src/TabPanels.tsx index fd200fc744..8d8490067d 100644 --- a/packages/paste-core/components/tabs/src/TabPanels.tsx +++ b/packages/paste-core/components/tabs/src/TabPanels.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { TabsContext } from './TabsContext'; import { getElementName } from './utils'; diff --git a/packages/paste-core/components/tabs/src/Tabs.tsx b/packages/paste-core/components/tabs/src/Tabs.tsx index 497f218aba..a4ca708259 100644 --- a/packages/paste-core/components/tabs/src/Tabs.tsx +++ b/packages/paste-core/components/tabs/src/Tabs.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import type { BoxProps } from '@twilio-paste/box'; -import { Flex } from '@twilio-paste/flex'; import { Box } from '@twilio-paste/box'; +import { Flex } from '@twilio-paste/flex'; import { useTabPrimitiveState } from '@twilio-paste/tabs-primitive'; import type { TabPrimitiveInitialState, TabPrimitiveStateReturn } from '@twilio-paste/tabs-primitive'; +import * as React from 'react'; import { TabsContext } from './TabsContext'; import type { Variants } from './types'; diff --git a/packages/paste-core/components/tabs/src/TabsContext.tsx b/packages/paste-core/components/tabs/src/TabsContext.tsx index fa0c8ed976..477c3e2dcf 100644 --- a/packages/paste-core/components/tabs/src/TabsContext.tsx +++ b/packages/paste-core/components/tabs/src/TabsContext.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { TabPrimitiveState } from '@twilio-paste/tabs-primitive'; +import * as React from 'react'; import type { Variants } from './types'; diff --git a/packages/paste-core/components/tabs/stories/index.stories.tsx b/packages/paste-core/components/tabs/stories/index.stories.tsx index 9a829c0995..3a29aee61f 100644 --- a/packages/paste-core/components/tabs/stories/index.stories.tsx +++ b/packages/paste-core/components/tabs/stories/index.stories.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { CustomizationProvider } from '@twilio-paste/customization'; -import { useUID } from '@twilio-paste/uid-library'; +import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; -import { Anchor } from '@twilio-paste/anchor'; import { Paragraph } from '@twilio-paste/paragraph'; -import { useTheme } from '@twilio-paste/theme'; -import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { useTabState, Tabs, TabList, Tab, TabPanels, TabPanel } from '../src'; +import { Tab, TabList, TabPanel, TabPanels, Tabs, useTabState } from '../src'; import type { TabStateReturn } from '../src'; export const HorizontalTabs = (): JSX.Element => { diff --git a/packages/paste-core/components/textarea/__tests__/textarea.test.tsx b/packages/paste-core/components/textarea/__tests__/textarea.test.tsx index 9a6d6fce7b..ef59e5e2db 100644 --- a/packages/paste-core/components/textarea/__tests__/textarea.test.tsx +++ b/packages/paste-core/components/textarea/__tests__/textarea.test.tsx @@ -1,5 +1,5 @@ +import { fireEvent, render, screen } from '@testing-library/react'; import * as React from 'react'; -import { render, screen, fireEvent } from '@testing-library/react'; import { TextArea } from '../src'; import { CustomizedTextarea, MultipleTextareas } from '../stories/textarea.stories'; diff --git a/packages/paste-core/components/textarea/src/TextArea.tsx b/packages/paste-core/components/textarea/src/TextArea.tsx index cad4148fb9..ebd8d3232c 100644 --- a/packages/paste-core/components/textarea/src/TextArea.tsx +++ b/packages/paste-core/components/textarea/src/TextArea.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import TextareaAutosize from '@twilio-paste/react-textarea-autosize-library'; -import { styled, css } from '@twilio-paste/styling-library'; -import { safelySpreadBoxProps, getCustomElementStyles } from '@twilio-paste/box'; +import { getCustomElementStyles, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { InputBox } from '@twilio-paste/input-box'; +import TextareaAutosize from '@twilio-paste/react-textarea-autosize-library'; +import { css, styled } from '@twilio-paste/styling-library'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export type TextAreaVariants = 'default' | 'inverse'; diff --git a/packages/paste-core/components/textarea/stories/textarea.stories.tsx b/packages/paste-core/components/textarea/stories/textarea.stories.tsx index 1ba4331e2c..ba95a6882f 100644 --- a/packages/paste-core/components/textarea/stories/textarea.stories.tsx +++ b/packages/paste-core/components/textarea/stories/textarea.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; -import type { Story } from '@storybook/react'; -import { useUID } from '@twilio-paste/uid-library'; import { action } from '@storybook/addon-actions'; +import type { Story } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; -import { Button } from '@twilio-paste/button'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; +import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { HelpText } from '@twilio-paste/help-text'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { TextArea } from '../src'; diff --git a/packages/paste-core/components/time-picker/__tests__/index.spec.tsx b/packages/paste-core/components/time-picker/__tests__/index.spec.tsx index 807e9d9d4b..0e7406afe6 100644 --- a/packages/paste-core/components/time-picker/__tests__/index.spec.tsx +++ b/packages/paste-core/components/time-picker/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { formatReturnTime } from '../src/utils'; import { diff --git a/packages/paste-core/components/time-picker/src/TimePicker.tsx b/packages/paste-core/components/time-picker/src/TimePicker.tsx index 4738ed06a5..7fdfbe4275 100644 --- a/packages/paste-core/components/time-picker/src/TimePicker.tsx +++ b/packages/paste-core/components/time-picker/src/TimePicker.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { InputProps } from '@twilio-paste/input'; import { Input } from '@twilio-paste/input'; +import * as React from 'react'; export type TimePickerProps = Omit; diff --git a/packages/paste-core/components/time-picker/stories/index.stories.tsx b/packages/paste-core/components/time-picker/stories/index.stories.tsx index 729316a1fd..c081e41509 100644 --- a/packages/paste-core/components/time-picker/stories/index.stories.tsx +++ b/packages/paste-core/components/time-picker/stories/index.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; -import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; import { Box } from '@twilio-paste/box'; import { Combobox } from '@twilio-paste/combobox'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { HelpText } from '@twilio-paste/help-text'; +import { Label } from '@twilio-paste/label'; import { Stack } from '@twilio-paste/stack'; import { useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { TimePicker, formatReturnTime } from '../src'; import type { TimePickerProps } from '../src'; diff --git a/packages/paste-core/components/toast/__tests__/customization.spec.tsx b/packages/paste-core/components/toast/__tests__/customization.spec.tsx index 0cfddd634d..41147ef8bd 100644 --- a/packages/paste-core/components/toast/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/toast/__tests__/customization.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { makeToast, getStyles } from '../stories/customization.stories'; +import { getStyles, makeToast } from '../stories/customization.stories'; describe('Toast data-paste-element attribute', () => { it('should set the correct default element prop on Toast', () => { diff --git a/packages/paste-core/components/toast/__tests__/index.spec.tsx b/packages/paste-core/components/toast/__tests__/index.spec.tsx index e4b0cd2753..c38c66c048 100644 --- a/packages/paste-core/components/toast/__tests__/index.spec.tsx +++ b/packages/paste-core/components/toast/__tests__/index.spec.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; import { Toast } from '../src'; diff --git a/packages/paste-core/components/toast/__tests__/toaster.spec.tsx b/packages/paste-core/components/toast/__tests__/toaster.spec.tsx index 55780ea7af..81ef8df943 100644 --- a/packages/paste-core/components/toast/__tests__/toaster.spec.tsx +++ b/packages/paste-core/components/toast/__tests__/toaster.spec.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { fireEvent, render, screen, waitFor, renderHook, act } from '@testing-library/react'; -import { loremIpsum } from 'lorem-ipsum'; +import { act, fireEvent, render, renderHook, screen, waitFor } from '@testing-library/react'; import { Button } from '@twilio-paste/button'; import { Theme } from '@twilio-paste/theme'; +import { loremIpsum } from 'lorem-ipsum'; +import * as React from 'react'; -import { Toaster } from '../src/Toaster'; import type { ToasterProps, ToasterToast } from '../src'; import { useToaster } from '../src'; +import { Toaster } from '../src/Toaster'; import { ToastVariantObject } from '../src/constants'; jest.useFakeTimers(); diff --git a/packages/paste-core/components/toast/__tests__/useToaster.spec.tsx b/packages/paste-core/components/toast/__tests__/useToaster.spec.tsx index 0e15bf7195..b798e56f4c 100644 --- a/packages/paste-core/components/toast/__tests__/useToaster.spec.tsx +++ b/packages/paste-core/components/toast/__tests__/useToaster.spec.tsx @@ -1,4 +1,4 @@ -import { renderHook, act } from '@testing-library/react'; +import { act, renderHook } from '@testing-library/react'; import { useToaster } from '../src/useToaster'; diff --git a/packages/paste-core/components/toast/src/ErrorToast.tsx b/packages/paste-core/components/toast/src/ErrorToast.tsx index 07acc39052..bf2db9653e 100644 --- a/packages/paste-core/components/toast/src/ErrorToast.tsx +++ b/packages/paste-core/components/toast/src/ErrorToast.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { ToastProps } from './types'; diff --git a/packages/paste-core/components/toast/src/NeutralToast.tsx b/packages/paste-core/components/toast/src/NeutralToast.tsx index 24ce359125..ecac31b489 100644 --- a/packages/paste-core/components/toast/src/NeutralToast.tsx +++ b/packages/paste-core/components/toast/src/NeutralToast.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { ToastProps } from './types'; diff --git a/packages/paste-core/components/toast/src/SuccessToast.tsx b/packages/paste-core/components/toast/src/SuccessToast.tsx index d5ef9b1df4..b7c1aa82c6 100644 --- a/packages/paste-core/components/toast/src/SuccessToast.tsx +++ b/packages/paste-core/components/toast/src/SuccessToast.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { ToastProps } from './types'; diff --git a/packages/paste-core/components/toast/src/Toast.tsx b/packages/paste-core/components/toast/src/Toast.tsx index e92105bef5..f9a260af6b 100644 --- a/packages/paste-core/components/toast/src/Toast.tsx +++ b/packages/paste-core/components/toast/src/Toast.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; import { CloseIcon } from '@twilio-paste/icons/esm/CloseIcon'; import { ErrorIcon } from '@twilio-paste/icons/esm/ErrorIcon'; import { NeutralIcon } from '@twilio-paste/icons/esm/NeutralIcon'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { WarningIcon } from '@twilio-paste/icons/esm/WarningIcon'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; import { ErrorToast } from './ErrorToast'; import { NeutralToast } from './NeutralToast'; import { SuccessToast } from './SuccessToast'; import { WarningToast } from './WarningToast'; -import type { ToastProps, ToastVariants } from './types'; import { ToastVariantObject } from './constants'; +import type { ToastProps, ToastVariants } from './types'; const ToastComponentVariants = { error: ErrorToast, diff --git a/packages/paste-core/components/toast/src/ToastContainer.tsx b/packages/paste-core/components/toast/src/ToastContainer.tsx index 82916cad0b..cdf0321d64 100644 --- a/packages/paste-core/components/toast/src/ToastContainer.tsx +++ b/packages/paste-core/components/toast/src/ToastContainer.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; import { ToastPortal } from './ToastPortal'; import type { ToastContainerProps } from './types'; diff --git a/packages/paste-core/components/toast/src/ToastPortal.tsx b/packages/paste-core/components/toast/src/ToastPortal.tsx index 30cfc6509e..f3990e7809 100644 --- a/packages/paste-core/components/toast/src/ToastPortal.tsx +++ b/packages/paste-core/components/toast/src/ToastPortal.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { StyledBase } from '@twilio-paste/theme'; -import { Portal } from '@twilio-paste/reakit-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { Portal } from '@twilio-paste/reakit-library'; +import { StyledBase } from '@twilio-paste/theme'; +import * as React from 'react'; import type { ToastPortalProps } from './types'; diff --git a/packages/paste-core/components/toast/src/Toaster.tsx b/packages/paste-core/components/toast/src/Toaster.tsx index 4252eb2701..249b610b02 100644 --- a/packages/paste-core/components/toast/src/Toaster.tsx +++ b/packages/paste-core/components/toast/src/Toaster.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { useTransition, animated, useReducedMotion } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; +import { animated, useReducedMotion, useTransition } from '@twilio-paste/animation-library'; import { Box } from '@twilio-paste/box'; +import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { Toast } from './Toast'; import { ToastPortal } from './ToastPortal'; diff --git a/packages/paste-core/components/toast/src/WarningToast.tsx b/packages/paste-core/components/toast/src/WarningToast.tsx index eb48306189..2dd69c1d6a 100644 --- a/packages/paste-core/components/toast/src/WarningToast.tsx +++ b/packages/paste-core/components/toast/src/WarningToast.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import type { ToastProps } from './types'; diff --git a/packages/paste-core/components/toast/src/types.ts b/packages/paste-core/components/toast/src/types.ts index 49aac1b361..4851bbcc1c 100644 --- a/packages/paste-core/components/toast/src/types.ts +++ b/packages/paste-core/components/toast/src/types.ts @@ -1,6 +1,6 @@ import type { BoxProps } from '@twilio-paste/box'; -import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import type { Left } from '@twilio-paste/style-props'; +import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types'; import type { ToastVariantObject } from './constants'; diff --git a/packages/paste-core/components/toast/src/useToaster.ts b/packages/paste-core/components/toast/src/useToaster.ts index a1249e1b96..b86e5623d2 100644 --- a/packages/paste-core/components/toast/src/useToaster.ts +++ b/packages/paste-core/components/toast/src/useToaster.ts @@ -1,7 +1,7 @@ -import * as React from 'react'; import { uid } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import type { ToasterToast, ToasterPush, UseToasterReturnedProps } from './types'; +import type { ToasterPush, ToasterToast, UseToasterReturnedProps } from './types'; export const useToaster = (): UseToasterReturnedProps => { const isMounted = React.useRef(null); diff --git a/packages/paste-core/components/toast/stories/customization.stories.tsx b/packages/paste-core/components/toast/stories/customization.stories.tsx index e540503040..a8c87a1988 100644 --- a/packages/paste-core/components/toast/stories/customization.stories.tsx +++ b/packages/paste-core/components/toast/stories/customization.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Stack } from '@twilio-paste/stack'; import { Card } from '@twilio-paste/card'; -import { Text } from '@twilio-paste/text'; import { CustomizationProvider } from '@twilio-paste/customization'; import type { PasteCustomCSS } from '@twilio-paste/customization'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import type { ToastVariants } from '../src'; import { Toast } from '../src'; diff --git a/packages/paste-core/components/toast/stories/index.stories.tsx b/packages/paste-core/components/toast/stories/index.stories.tsx index f7f1119d49..f4de8ff670 100644 --- a/packages/paste-core/components/toast/stories/index.stories.tsx +++ b/packages/paste-core/components/toast/stories/index.stories.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import { action } from '@storybook/addon-actions'; -import { loremIpsum } from 'lorem-ipsum'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; import { Button } from '@twilio-paste/button'; -import { Truncate } from '@twilio-paste/truncate'; -import { useUID } from '@twilio-paste/uid-library'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { RadioGroup, Radio } from '@twilio-paste/radio-group'; +import { Radio, RadioGroup } from '@twilio-paste/radio-group'; +import { Stack } from '@twilio-paste/stack'; +import { Truncate } from '@twilio-paste/truncate'; +import { useUID } from '@twilio-paste/uid-library'; +import { loremIpsum } from 'lorem-ipsum'; +import * as React from 'react'; import type { ToastVariants } from '../src'; import { Toast, ToastContainer, Toaster, useToaster } from '../src'; diff --git a/packages/paste-core/components/tooltip/__test__/index.spec.tsx b/packages/paste-core/components/tooltip/__test__/index.spec.tsx index 3dcdcfebcd..44eb2f252b 100644 --- a/packages/paste-core/components/tooltip/__test__/index.spec.tsx +++ b/packages/paste-core/components/tooltip/__test__/index.spec.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { StateHookExample } from '../stories/index.stories'; import { Tooltip } from '../src'; +import { StateHookExample } from '../stories/index.stories'; const TooltipWithoutTheme: React.FC> = ({ elementName }) => { return ( diff --git a/packages/paste-core/components/tooltip/src/TooltipArrow.tsx b/packages/paste-core/components/tooltip/src/TooltipArrow.tsx index 7212b81f39..173491efac 100644 --- a/packages/paste-core/components/tooltip/src/TooltipArrow.tsx +++ b/packages/paste-core/components/tooltip/src/TooltipArrow.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { useTheme } from '@twilio-paste/theme'; import { TooltipPrimitiveArrow } from '@twilio-paste/tooltip-primitive'; import type { TooltipPrimitiveArrowProps } from '@twilio-paste/tooltip-primitive'; -import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; export type TooltipArrowProps = TooltipPrimitiveArrowProps; diff --git a/packages/paste-core/components/tooltip/src/index.tsx b/packages/paste-core/components/tooltip/src/index.tsx index 7c4389a960..583ea75843 100644 --- a/packages/paste-core/components/tooltip/src/index.tsx +++ b/packages/paste-core/components/tooltip/src/index.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import { StyledBase } from '@twilio-paste/theme'; import { Text } from '@twilio-paste/text'; -import { useTooltipPrimitiveState, TooltipPrimitive, TooltipPrimitiveReference } from '@twilio-paste/tooltip-primitive'; +import { StyledBase } from '@twilio-paste/theme'; +import { TooltipPrimitive, TooltipPrimitiveReference, useTooltipPrimitiveState } from '@twilio-paste/tooltip-primitive'; import type { TooltipPrimitiveInitialState, TooltipPrimitiveStateReturn } from '@twilio-paste/tooltip-primitive'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { TooltipArrow } from './TooltipArrow'; diff --git a/packages/paste-core/components/tooltip/stories/index.stories.tsx b/packages/paste-core/components/tooltip/stories/index.stories.tsx index be576910a3..b2dc6fe98a 100644 --- a/packages/paste-core/components/tooltip/stories/index.stories.tsx +++ b/packages/paste-core/components/tooltip/stories/index.stories.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; import { Theme, useTheme } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { useTooltipState, Tooltip } from '../src'; +import { Tooltip, useTooltipState } from '../src'; export const StateHookExample = (): JSX.Element => { const tooltip = useTooltipState(); diff --git a/packages/paste-core/components/topbar/__tests__/index.spec.tsx b/packages/paste-core/components/topbar/__tests__/index.spec.tsx index d75148ad97..9959fb1a12 100644 --- a/packages/paste-core/components/topbar/__tests__/index.spec.tsx +++ b/packages/paste-core/components/topbar/__tests__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Topbar } from '../src'; diff --git a/packages/paste-core/components/topbar/src/Topbar.tsx b/packages/paste-core/components/topbar/src/Topbar.tsx index 6f78bb82a8..7627b07681 100644 --- a/packages/paste-core/components/topbar/src/Topbar.tsx +++ b/packages/paste-core/components/topbar/src/Topbar.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface TopbarProps extends HTMLPasteProps<'div'> { children: React.ReactNode; diff --git a/packages/paste-core/components/topbar/src/TopbarActions.tsx b/packages/paste-core/components/topbar/src/TopbarActions.tsx index a524d1dc3d..60d42ca517 100644 --- a/packages/paste-core/components/topbar/src/TopbarActions.tsx +++ b/packages/paste-core/components/topbar/src/TopbarActions.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps } from '@twilio-paste/box'; import type { ResponsiveValue } from '@twilio-paste/styling-library'; +import * as React from 'react'; type Justify = 'start' | 'end'; export interface TopbarActionsProps { diff --git a/packages/paste-core/components/topbar/stories/customization.stories.tsx b/packages/paste-core/components/topbar/stories/customization.stories.tsx index 00051123f9..b997f13989 100644 --- a/packages/paste-core/components/topbar/stories/customization.stories.tsx +++ b/packages/paste-core/components/topbar/stories/customization.stories.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Topbar } from '../src'; diff --git a/packages/paste-core/components/topbar/stories/topbar.stories.tsx b/packages/paste-core/components/topbar/stories/topbar.stories.tsx index 6b13cf4f2d..30a025a193 100644 --- a/packages/paste-core/components/topbar/stories/topbar.stories.tsx +++ b/packages/paste-core/components/topbar/stories/topbar.stories.tsx @@ -1,30 +1,30 @@ -import * as React from 'react'; -import { Button } from '@twilio-paste/button'; import type { StoryFn } from '@storybook/react'; +import { Button } from '@twilio-paste/button'; import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { Paragraph } from '@twilio-paste/paragraph'; -// ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings -import { useUID } from '@twilio-paste/uid-library'; import { Sidebar, - SidebarPushContentWrapper, - SidebarOverlayContentWrapper, - SidebarHeader, - SidebarHeaderLabel, - SidebarHeaderIconButton, + SidebarBody, SidebarCollapseButton, SidebarFooter, - SidebarBody, + SidebarHeader, + SidebarHeaderIconButton, + SidebarHeaderLabel, SidebarNavigation, + SidebarOverlayContentWrapper, + SidebarPushContentWrapper, } from '@twilio-paste/sidebar'; +// ONLY for storybook stacked view not to complain on duplicates. aria-label should be carefully selected strings +import { useUID } from '@twilio-paste/uid-library'; import { UserDialog, + UserDialogContainer, + UserDialogUserEmail, UserDialogUserInfo, UserDialogUserName, - UserDialogUserEmail, - UserDialogContainer, } from '@twilio-paste/user-dialog'; +import * as React from 'react'; import { Topbar, TopbarActions } from '../src'; diff --git a/packages/paste-core/components/truncate/src/index.tsx b/packages/paste-core/components/truncate/src/index.tsx index 050e6ab3e4..63fa8a793e 100644 --- a/packages/paste-core/components/truncate/src/index.tsx +++ b/packages/paste-core/components/truncate/src/index.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface TruncateProps extends HTMLPasteProps<'span'>, Pick { children: NonNullable; diff --git a/packages/paste-core/components/truncate/stories/index.stories.tsx b/packages/paste-core/components/truncate/stories/index.stories.tsx index c7fcaba2bf..da165e3ae2 100644 --- a/packages/paste-core/components/truncate/stories/index.stories.tsx +++ b/packages/paste-core/components/truncate/stories/index.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; -import { Anchor } from '@twilio-paste/anchor'; +import * as React from 'react'; import { Truncate } from '../src'; diff --git a/packages/paste-core/components/user-dialog/__tests__/index.spec.tsx b/packages/paste-core/components/user-dialog/__tests__/index.spec.tsx index f4bafeb342..8a95e9b318 100644 --- a/packages/paste-core/components/user-dialog/__tests__/index.spec.tsx +++ b/packages/paste-core/components/user-dialog/__tests__/index.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +import * as React from 'react'; -import { BasicUserDialog, StateHookUserDialog, CustomizedUserDialog } from '../stories/index.stories'; +import { BasicUserDialog, CustomizedUserDialog, StateHookUserDialog } from '../stories/index.stories'; describe('User Dialog', () => { describe('Render', () => { diff --git a/packages/paste-core/components/user-dialog/src/UserDialog.tsx b/packages/paste-core/components/user-dialog/src/UserDialog.tsx index f57df1b780..5e9f120747 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialog.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialog.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { Avatar } from '@twilio-paste/avatar'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { NonModalDialogPrimitive, NonModalDialogDisclosurePrimitive } from '@twilio-paste/non-modal-dialog-primitive'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { NonModalDialogDisclosurePrimitive, NonModalDialogPrimitive } from '@twilio-paste/non-modal-dialog-primitive'; import { StyledBase } from '@twilio-paste/theme'; +import * as React from 'react'; -import type { UserDialogProps, UserDialogPopoverProps, UserDialogButtonProps } from './types'; import { UserDialogContext } from './UserDialogContainer'; +import type { UserDialogButtonProps, UserDialogPopoverProps, UserDialogProps } from './types'; // styled popover for UserDialog Non Modal Dialog Primitive const UserDialogPopover = React.forwardRef(({ style, ...props }, ref) => { diff --git a/packages/paste-core/components/user-dialog/src/UserDialogContainer.tsx b/packages/paste-core/components/user-dialog/src/UserDialogContainer.tsx index 8b3b25ab3e..b2376892d8 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogContainer.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogContainer.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { useNonModalDialogPrimitiveState } from '@twilio-paste/non-modal-dialog-primitive'; import type { - NonModalDialogPrimitiveStateReturn, NonModalDialogPrimitivePopoverInitialState, + NonModalDialogPrimitiveStateReturn, } from '@twilio-paste/non-modal-dialog-primitive'; +import * as React from 'react'; import type { UserDialogContainerProps, UserDialogContextProps } from './types'; diff --git a/packages/paste-core/components/user-dialog/src/UserDialogList.tsx b/packages/paste-core/components/user-dialog/src/UserDialogList.tsx index 7cb0ec59dd..301e460280 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogList.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogList.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import type { ListboxPrimitiveInitialState, ListboxPrimitiveStateReturn } from '@twilio-paste/listbox-primitive'; -import { useListboxPrimitiveState, ListboxPrimitive } from '@twilio-paste/listbox-primitive'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { ListboxPrimitiveInitialState, ListboxPrimitiveStateReturn } from '@twilio-paste/listbox-primitive'; +import { ListboxPrimitive, useListboxPrimitiveState } from '@twilio-paste/listbox-primitive'; +import * as React from 'react'; import type { UserDialogListProps, UserDialogListboxProps } from './types'; diff --git a/packages/paste-core/components/user-dialog/src/UserDialogListItem.tsx b/packages/paste-core/components/user-dialog/src/UserDialogListItem.tsx index 195c93dab2..40a1660da7 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogListItem.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogListItem.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { ListboxPrimitiveItem } from '@twilio-paste/listbox-primitive'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { ListboxPrimitiveItem } from '@twilio-paste/listbox-primitive'; +import * as React from 'react'; import type { UserDialogListItemProps, UserDialogListboxItemProps } from './types'; diff --git a/packages/paste-core/components/user-dialog/src/UserDialogSeparator.tsx b/packages/paste-core/components/user-dialog/src/UserDialogSeparator.tsx index d4cd5c8feb..06067f1568 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogSeparator.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogSeparator.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Separator, type SeparatorProps } from '@twilio-paste/separator'; import { Box } from '@twilio-paste/box'; +import { Separator, type SeparatorProps } from '@twilio-paste/separator'; +import * as React from 'react'; export const UserDialogSeparator = React.forwardRef< HTMLHRElement, diff --git a/packages/paste-core/components/user-dialog/src/UserDialogUserEmail.tsx b/packages/paste-core/components/user-dialog/src/UserDialogUserEmail.tsx index bdde6a3dff..15e598ab1e 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogUserEmail.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogUserEmail.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { UserDialogUserTextProps } from './types'; diff --git a/packages/paste-core/components/user-dialog/src/UserDialogUserInfo.tsx b/packages/paste-core/components/user-dialog/src/UserDialogUserInfo.tsx index c375ae643f..8e464c5853 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogUserInfo.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogUserInfo.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; +import { Avatar } from '@twilio-paste/avatar'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { MediaObject, MediaFigure, MediaBody } from '@twilio-paste/media-object'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { Separator } from '@twilio-paste/separator'; -import { Avatar } from '@twilio-paste/avatar'; +import * as React from 'react'; -import type { UserDialogUserInfoProps } from './types'; import { UserDialogContext } from './UserDialogContainer'; +import type { UserDialogUserInfoProps } from './types'; export const UserDialogUserInfo = React.forwardRef( ({ children, element = 'USER_DIALOG', ...props }, ref) => { diff --git a/packages/paste-core/components/user-dialog/src/UserDialogUserName.tsx b/packages/paste-core/components/user-dialog/src/UserDialogUserName.tsx index b152d92d2d..504df9bc4d 100644 --- a/packages/paste-core/components/user-dialog/src/UserDialogUserName.tsx +++ b/packages/paste-core/components/user-dialog/src/UserDialogUserName.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { UserDialogUserTextProps } from './types'; diff --git a/packages/paste-core/components/user-dialog/src/types.ts b/packages/paste-core/components/user-dialog/src/types.ts index 407f5409fc..a4a85846c3 100644 --- a/packages/paste-core/components/user-dialog/src/types.ts +++ b/packages/paste-core/components/user-dialog/src/types.ts @@ -1,17 +1,17 @@ +import type { AvatarContentProps } from '@twilio-paste/avatar'; import type { BoxProps } from '@twilio-paste/box'; +import type { ButtonProps } from '@twilio-paste/button'; import type { GenericIconProps } from '@twilio-paste/icons/esm/types'; import type { - NonModalDialogPrimitiveStateReturn, - NonModalDialogPrimitivePopoverInitialState, - NonModalDialogDisclosurePrimitiveProps, -} from '@twilio-paste/non-modal-dialog-primitive'; -import type { AvatarContentProps } from '@twilio-paste/avatar'; -import type { - ListboxPrimitiveProps, - ListboxPrimitiveItemProps, ListboxPrimitiveGroupProps, + ListboxPrimitiveItemProps, + ListboxPrimitiveProps, } from '@twilio-paste/listbox-primitive'; -import type { ButtonProps } from '@twilio-paste/button'; +import type { + NonModalDialogDisclosurePrimitiveProps, + NonModalDialogPrimitivePopoverInitialState, + NonModalDialogPrimitiveStateReturn, +} from '@twilio-paste/non-modal-dialog-primitive'; import type { HTMLPasteProps } from '@twilio-paste/types'; export interface UserDialogUserInfoProps extends HTMLPasteProps<'div'> { diff --git a/packages/paste-core/components/user-dialog/stories/index.stories.tsx b/packages/paste-core/components/user-dialog/stories/index.stories.tsx index 7887ad70b3..9582d90c6a 100644 --- a/packages/paste-core/components/user-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/user-dialog/stories/index.stories.tsx @@ -1,27 +1,27 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; -import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; -import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; -import { Button } from '@twilio-paste/button'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { Badge } from '@twilio-paste/badge'; import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { ThemeIcon } from '@twilio-paste/icons/esm/ThemeIcon'; +import { TranslationIcon } from '@twilio-paste/icons/esm/TranslationIcon'; +import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; import { useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; -// eslint-disable-next-line import/no-extraneous-dependencies -import { Badge } from '@twilio-paste/badge'; +import * as React from 'react'; import { - useUserDialogState, UserDialog, - UserDialogUserInfo, - UserDialogUserName, - UserDialogUserEmail, UserDialogContainer, UserDialogList, UserDialogListItem, - useUserDialogListState, UserDialogSeparator, + UserDialogUserEmail, + UserDialogUserInfo, + UserDialogUserName, + useUserDialogListState, + useUserDialogState, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx b/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx index 743f7ac324..a8e42443e3 100644 --- a/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx +++ b/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies -import { render, screen, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; +import * as React from 'react'; -import { VisualPickerCheckboxGroup, VisualPickerCheckbox } from '../src'; +import { VisualPickerCheckbox, VisualPickerCheckboxGroup } from '../src'; import { CustomizedCheckbox } from '../stories/customization.stories'; const NOOP = (): void => {}; diff --git a/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx b/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx index 509a94c6ea..8181a466d8 100644 --- a/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx +++ b/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies -import { render, screen, fireEvent } from '@testing-library/react'; +import { fireEvent, render, screen } from '@testing-library/react'; +import * as React from 'react'; -import { VisualPickerRadioGroup, VisualPickerRadio } from '../src'; +import { VisualPickerRadio, VisualPickerRadioGroup } from '../src'; import { CustomizedRadio } from '../stories/customization.stories'; const NOOP = (): void => {}; diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx index 4831bcf7c2..8c60f43254 100644 --- a/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx +++ b/packages/paste-core/components/visual-picker/src/VisualPickerCheckbox.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import { BaseRadioCheckboxControl, BaseRadioCheckboxLabel } from '@twilio-paste/base-radio-checkbox'; -import { HiddenCheckbox, CheckboxIcon } from '@twilio-paste/checkbox'; +import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import { CheckboxIcon, HiddenCheckbox } from '@twilio-paste/checkbox'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { useMergeRefs } from '@twilio-paste/utils'; import { type BorderColor } from '@twilio-paste/style-props'; +import { useUID } from '@twilio-paste/uid-library'; +import { useMergeRefs } from '@twilio-paste/utils'; +import * as React from 'react'; import { VisualPickerCheckboxContext } from './VisualPickerContext'; import { type VisualPickerCheckboxProps } from './types'; diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerCheckboxGroup.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerCheckboxGroup.tsx index 345b7a206b..55ee9e6c81 100644 --- a/packages/paste-core/components/visual-picker/src/VisualPickerCheckboxGroup.tsx +++ b/packages/paste-core/components/visual-picker/src/VisualPickerCheckboxGroup.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { InlineControlGroup } from '@twilio-paste/inline-control-group'; +import * as React from 'react'; import { VisualPickerCheckboxContext } from './VisualPickerContext'; import type { VisualPickerCheckboxGroupProps } from './types'; diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx index b0a30b9580..31dd0bcbd2 100644 --- a/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx +++ b/packages/paste-core/components/visual-picker/src/VisualPickerRadio.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import { HiddenRadio, type HiddenRadioState } from '@twilio-paste/radio-group'; -import { Box } from '@twilio-paste/box'; -import { useUID } from '@twilio-paste/uid-library'; import { BaseRadioCheckboxControl, BaseRadioCheckboxLabel } from '@twilio-paste/base-radio-checkbox'; +import { Box } from '@twilio-paste/box'; +import { HiddenRadio, type HiddenRadioState } from '@twilio-paste/radio-group'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { useMergeRefs } from '@twilio-paste/utils'; import { type BorderColor } from '@twilio-paste/style-props'; +import { useUID } from '@twilio-paste/uid-library'; +import { useMergeRefs } from '@twilio-paste/utils'; +import * as React from 'react'; import { VisualPickerRadioContext } from './VisualPickerContext'; import { type VisualPickerRadioProps } from './types'; diff --git a/packages/paste-core/components/visual-picker/src/VisualPickerRadioGroup.tsx b/packages/paste-core/components/visual-picker/src/VisualPickerRadioGroup.tsx index 8940012b62..b02872fed7 100644 --- a/packages/paste-core/components/visual-picker/src/VisualPickerRadioGroup.tsx +++ b/packages/paste-core/components/visual-picker/src/VisualPickerRadioGroup.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { InlineControlGroup } from '@twilio-paste/inline-control-group'; +import * as React from 'react'; import { VisualPickerRadioContext } from './VisualPickerContext'; import { type VisualPickerRadioGroupProps } from './types'; diff --git a/packages/paste-core/components/visual-picker/src/types.ts b/packages/paste-core/components/visual-picker/src/types.ts index 3c73fe4ae3..599b78f192 100644 --- a/packages/paste-core/components/visual-picker/src/types.ts +++ b/packages/paste-core/components/visual-picker/src/types.ts @@ -1,7 +1,7 @@ import { type BoxProps } from '@twilio-paste/box'; +import { type CheckboxProps } from '@twilio-paste/checkbox'; import { type InlineControlGroupProps } from '@twilio-paste/inline-control-group'; import { type RadioProps } from '@twilio-paste/radio-group'; -import { type CheckboxProps } from '@twilio-paste/checkbox'; export interface VisualPickerCheckboxGroupProps extends InlineControlGroupProps { orientation?: 'horizontal' | 'vertical'; diff --git a/packages/paste-core/components/visual-picker/stories/checkbox.stories.tsx b/packages/paste-core/components/visual-picker/stories/checkbox.stories.tsx index 2f8e8aaea2..a8e083a064 100644 --- a/packages/paste-core/components/visual-picker/stories/checkbox.stories.tsx +++ b/packages/paste-core/components/visual-picker/stories/checkbox.stories.tsx @@ -1,16 +1,16 @@ -// eslint-disable-next-line eslint-comments/disable-enable-pair -/* eslint-disable import/no-extraneous-dependencies */ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; import { Avatar, AvatarGroup } from '@twilio-paste/avatar'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; +import { Box } from '@twilio-paste/box'; import { AcceptIcon } from '@twilio-paste/icons/esm/AcceptIcon'; import { UserIcon } from '@twilio-paste/icons/esm/UserIcon'; -import { Box } from '@twilio-paste/box'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { Text } from '@twilio-paste/text'; +// eslint-disable-next-line eslint-comments/disable-enable-pair +/* eslint-disable import/no-extraneous-dependencies */ +import * as React from 'react'; import { useUID } from 'react-uid'; -import { VisualPickerCheckboxGroup, VisualPickerCheckbox } from '../src'; +import { VisualPickerCheckbox, VisualPickerCheckboxGroup } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/visual-picker/stories/customization.stories.tsx b/packages/paste-core/components/visual-picker/stories/customization.stories.tsx index 3b41a10ec2..8eea1e6ef0 100644 --- a/packages/paste-core/components/visual-picker/stories/customization.stories.tsx +++ b/packages/paste-core/components/visual-picker/stories/customization.stories.tsx @@ -1,19 +1,19 @@ -// eslint-disable-next-line eslint-comments/disable-enable-pair -/* eslint-disable import/no-extraneous-dependencies */ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; -import { useUID } from '@twilio-paste/uid-library'; import { Avatar, AvatarGroup } from '@twilio-paste/avatar'; -import { StatusBadge } from '@twilio-paste/status'; -import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; import { Box } from '@twilio-paste/box'; -import { CommunityIcon } from '@twilio-paste/icons/esm/CommunityIcon'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; +import { CommunityIcon } from '@twilio-paste/icons/esm/CommunityIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { StatusBadge } from '@twilio-paste/status'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +// eslint-disable-next-line eslint-comments/disable-enable-pair +/* eslint-disable import/no-extraneous-dependencies */ +import * as React from 'react'; -import { VisualPickerRadioGroup, VisualPickerRadio, VisualPickerCheckboxGroup, VisualPickerCheckbox } from '../src'; +import { VisualPickerCheckbox, VisualPickerCheckboxGroup, VisualPickerRadio, VisualPickerRadioGroup } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/components/visual-picker/stories/radio.stories.tsx b/packages/paste-core/components/visual-picker/stories/radio.stories.tsx index 80f9853592..5535bc9fe1 100644 --- a/packages/paste-core/components/visual-picker/stories/radio.stories.tsx +++ b/packages/paste-core/components/visual-picker/stories/radio.stories.tsx @@ -1,17 +1,17 @@ -// eslint-disable-next-line eslint-comments/disable-enable-pair -/* eslint-disable import/no-extraneous-dependencies */ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; -import { Text } from '@twilio-paste/text'; -import { useUID } from '@twilio-paste/uid-library'; import { Avatar, AvatarGroup } from '@twilio-paste/avatar'; -import { StatusBadge } from '@twilio-paste/status'; -import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; import { Box } from '@twilio-paste/box'; +import { CodeIcon } from '@twilio-paste/icons/esm/CodeIcon'; import { CommunityIcon } from '@twilio-paste/icons/esm/CommunityIcon'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; +import { StatusBadge } from '@twilio-paste/status'; +import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +// eslint-disable-next-line eslint-comments/disable-enable-pair +/* eslint-disable import/no-extraneous-dependencies */ +import * as React from 'react'; -import { VisualPickerRadioGroup, VisualPickerRadio } from '../src'; +import { VisualPickerRadio, VisualPickerRadioGroup } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/core-bundle/tools/generate.ts b/packages/paste-core/core-bundle/tools/generate.ts index e403290932..e748626f70 100644 --- a/packages/paste-core/core-bundle/tools/generate.ts +++ b/packages/paste-core/core-bundle/tools/generate.ts @@ -2,15 +2,15 @@ import sortBy from 'lodash/sortBy'; import { CORE_BUNDLE_INDEX_PATH, CORE_BUNDLE_PACKAGE_PATH } from './constants'; import { - getRepoPackages, - writeToFile, + createCodeSandboxCIjson, + createGitIgnore, + createRelativePackageFolders, generateIndexFromPackageList, generateUnbarreledExports, generateVersionedDependencyList, getCoreRelevantPackages, - createRelativePackageFolders, - createGitIgnore, - createCodeSandboxCIjson, + getRepoPackages, + writeToFile, } from './utils'; // Main diff --git a/packages/paste-core/core-bundle/tools/minify.ts b/packages/paste-core/core-bundle/tools/minify.ts index cd70070e0d..2dfe5cf10f 100644 --- a/packages/paste-core/core-bundle/tools/minify.ts +++ b/packages/paste-core/core-bundle/tools/minify.ts @@ -2,9 +2,9 @@ import fs from 'fs'; import { minify } from 'terser'; +import { writeToFile } from '../../../../tools/utils/writeToFile'; import { CORE_BUNDLE_OUTPUT_PATH } from './constants'; import { getAllJsFiles } from './utils'; -import { writeToFile } from '../../../../tools/utils/writeToFile'; const files = getAllJsFiles(CORE_BUNDLE_OUTPUT_PATH); diff --git a/packages/paste-core/core-bundle/tools/utils.ts b/packages/paste-core/core-bundle/tools/utils.ts index 7df9382ad2..4844c73e47 100644 --- a/packages/paste-core/core-bundle/tools/utils.ts +++ b/packages/paste-core/core-bundle/tools/utils.ts @@ -2,17 +2,17 @@ import fs from 'fs'; import path from 'path'; import { getRepoPackages } from '../../../../tools/utils/getRepoPackages'; -import { writeToFile } from '../../../../tools/utils/writeToFile'; import { mkdir } from '../../../../tools/utils/mkdir'; -import type { PackageShape, PackageList } from './types'; +import { writeToFile } from '../../../../tools/utils/writeToFile'; import { - getPackageName, - getUnbarreledFileFullPath, - BLOCKLIST, BASE_CODESANDBOX_CI, - PACKAGES_ROOT_PATH, + BLOCKLIST, CODESANDBOX_CI_JSON_PATH, + PACKAGES_ROOT_PATH, + getPackageName, + getUnbarreledFileFullPath, } from './constants'; +import type { PackageList, PackageShape } from './types'; // Given a list of packages, output the index.tsx exports string function generateIndexFromPackageList(packageList: PackageList): string { diff --git a/packages/paste-core/layout/aspect-ratio/__tests__/aspectRatio.spec.tsx b/packages/paste-core/layout/aspect-ratio/__tests__/aspectRatio.spec.tsx index 8bd97d3583..cf0bb52f50 100644 --- a/packages/paste-core/layout/aspect-ratio/__tests__/aspectRatio.spec.tsx +++ b/packages/paste-core/layout/aspect-ratio/__tests__/aspectRatio.spec.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; +import * as React from 'react'; import { AspectRatio } from '../src'; diff --git a/packages/paste-core/layout/aspect-ratio/src/AspectRatio.tsx b/packages/paste-core/layout/aspect-ratio/src/AspectRatio.tsx index f373c11f31..07ac43e27f 100644 --- a/packages/paste-core/layout/aspect-ratio/src/AspectRatio.tsx +++ b/packages/paste-core/layout/aspect-ratio/src/AspectRatio.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; export interface AspectRatioProps { /** diff --git a/packages/paste-core/layout/aspect-ratio/stories/index.stories.tsx b/packages/paste-core/layout/aspect-ratio/stories/index.stories.tsx index 3cafbe15bc..de0004ba6e 100644 --- a/packages/paste-core/layout/aspect-ratio/stories/index.stories.tsx +++ b/packages/paste-core/layout/aspect-ratio/stories/index.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { AspectRatio } from '../src'; diff --git a/packages/paste-core/layout/flex/__tests__/flex.test.tsx b/packages/paste-core/layout/flex/__tests__/flex.test.tsx index 42db7e0b2f..eb6b5ee940 100644 --- a/packages/paste-core/layout/flex/__tests__/flex.test.tsx +++ b/packages/paste-core/layout/flex/__tests__/flex.test.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; +import { Flex } from '../src'; import { + getBasis, getGrow, getShrink, - getBasis, getSuffix, getVertical, getWrap, - vAlignToProps, hAlignToProps, + vAlignToProps, } from '../src/helpers'; -import { Flex } from '../src'; import type { FlexProps } from '../src/types'; describe('Flex Unit Tests', () => { diff --git a/packages/paste-core/layout/flex/src/Flex.tsx b/packages/paste-core/layout/flex/src/Flex.tsx index aaefc864f5..77e37610e0 100644 --- a/packages/paste-core/layout/flex/src/Flex.tsx +++ b/packages/paste-core/layout/flex/src/Flex.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { FlexboxProps } from '@twilio-paste/style-props'; +import * as React from 'react'; +import { getBasis, getGrow, getShrink, getVertical, getWrap, hAlignToProps, vAlignToProps } from './helpers'; import type { FlexProps } from './types'; -import { getGrow, getShrink, getBasis, getVertical, getWrap, hAlignToProps, vAlignToProps } from './helpers'; const getFlexStyles = (props: FlexProps): FlexboxProps => { const styles: FlexboxProps = { diff --git a/packages/paste-core/layout/flex/src/types.tsx b/packages/paste-core/layout/flex/src/types.tsx index 2b73beaaa3..5c691c8d32 100644 --- a/packages/paste-core/layout/flex/src/types.tsx +++ b/packages/paste-core/layout/flex/src/types.tsx @@ -1,6 +1,6 @@ -import type { ResponsiveValue } from '@twilio-paste/styling-library'; -import type { LayoutProps, MarginProps, PaddingProps } from '@twilio-paste/style-props'; import type { BoxProps } from '@twilio-paste/box'; +import type { LayoutProps, MarginProps, PaddingProps } from '@twilio-paste/style-props'; +import type { ResponsiveValue } from '@twilio-paste/styling-library'; export type DisplayOptions = 'flex' | 'inline-flex'; export type Display = ResponsiveValue; diff --git a/packages/paste-core/layout/flex/stories/index.stories.tsx b/packages/paste-core/layout/flex/stories/index.stories.tsx index f0769062b0..5385563c0e 100644 --- a/packages/paste-core/layout/flex/stories/index.stories.tsx +++ b/packages/paste-core/layout/flex/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; import { CustomizationProvider } from '@twilio-paste/customization'; -import { Text } from '@twilio-paste/text'; import { Paragraph } from '@twilio-paste/paragraph'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; import { Truncate } from '@twilio-paste/truncate'; +import * as React from 'react'; import { Flex } from '../src'; diff --git a/packages/paste-core/layout/grid/__tests__/grid.test.tsx b/packages/paste-core/layout/grid/__tests__/grid.test.tsx index 70ffbaed71..5165aee4ee 100644 --- a/packages/paste-core/layout/grid/__tests__/grid.test.tsx +++ b/packages/paste-core/layout/grid/__tests__/grid.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { Column, Grid } from '../src'; import { getColumnStyles } from '../src/Column'; @@ -8,9 +8,9 @@ import { getColumnOffset, getColumnSpan, getOuterGutterPull, - getStackedColumns, - getSpacing, getResponsiveSpacing, + getSpacing, + getStackedColumns, } from '../src/utils'; describe('Grid', () => { diff --git a/packages/paste-core/layout/grid/src/Column.tsx b/packages/paste-core/layout/grid/src/Column.tsx index 3f853442e6..035b212b13 100644 --- a/packages/paste-core/layout/grid/src/Column.tsx +++ b/packages/paste-core/layout/grid/src/Column.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { Space } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { ColumnProps, ColumnStyleProps } from './types'; -import { getStackedColumns, getColumnOffset, getColumnSpan, getColumnPadding } from './utils'; +import { getColumnOffset, getColumnPadding, getColumnSpan, getStackedColumns } from './utils'; export const getColumnStyles = ({ count, diff --git a/packages/paste-core/layout/grid/src/Grid.tsx b/packages/paste-core/layout/grid/src/Grid.tsx index eeab50d68f..76abadc9cc 100644 --- a/packages/paste-core/layout/grid/src/Grid.tsx +++ b/packages/paste-core/layout/grid/src/Grid.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import type { MarginProps, Space } from '@twilio-paste/style-props'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { MarginProps, Space } from '@twilio-paste/style-props'; +import * as React from 'react'; import type { ColumnProps, GridProps } from './types'; -import { getOuterGutterPull, getSpacing, getResponsiveSpacing } from './utils'; +import { getOuterGutterPull, getResponsiveSpacing, getSpacing } from './utils'; export const getGutterStyles = ( gutter?: Space, diff --git a/packages/paste-core/layout/grid/src/types.ts b/packages/paste-core/layout/grid/src/types.ts index 8ca6d672e4..678c8cb7d4 100644 --- a/packages/paste-core/layout/grid/src/types.ts +++ b/packages/paste-core/layout/grid/src/types.ts @@ -1,6 +1,6 @@ import type { BoxProps } from '@twilio-paste/box'; +import type { FlexboxProps, LayoutProps, Padding, PaddingProps, Space, SpaceProps } from '@twilio-paste/style-props'; import type { ResponsiveValue } from '@twilio-paste/styling-library'; -import type { LayoutProps, FlexboxProps, PaddingProps, Space, Padding, SpaceProps } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; /** element identifier from BoxProps for customization */ diff --git a/packages/paste-core/layout/grid/src/utils.tsx b/packages/paste-core/layout/grid/src/utils.tsx index 31699c7982..fe97c514bd 100644 --- a/packages/paste-core/layout/grid/src/utils.tsx +++ b/packages/paste-core/layout/grid/src/utils.tsx @@ -1,14 +1,14 @@ -import type { ResponsiveValue } from '@twilio-paste/styling-library'; import type { Margin, Padding, Space, SpaceOptions } from '@twilio-paste/style-props'; +import type { ResponsiveValue } from '@twilio-paste/styling-library'; import type { + ColumnMinWidth, ColumnOffset, ColumnOffsetOptions, + ColumnPadding, ColumnProps, ColumnSpanOptions, - ColumnMinWidth, ColumnWidthSpan, - ColumnPadding, } from './types'; type Vertical = ResponsiveValue; diff --git a/packages/paste-core/layout/grid/stories/index.stories.tsx b/packages/paste-core/layout/grid/stories/index.stories.tsx index 847eb53983..f013d4a4a7 100644 --- a/packages/paste-core/layout/grid/stories/index.stories.tsx +++ b/packages/paste-core/layout/grid/stories/index.stories.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import type { ThemeShape } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import type { ThemeShape } from '@twilio-paste/theme'; import { Truncate } from '@twilio-paste/truncate'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { Grid, Column } from '../src'; +import { Column, Grid } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/layout/media-object/__tests__/index.spec.tsx b/packages/paste-core/layout/media-object/__tests__/index.spec.tsx index 24d026d65c..88c7281676 100644 --- a/packages/paste-core/layout/media-object/__tests__/index.spec.tsx +++ b/packages/paste-core/layout/media-object/__tests__/index.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { MediaObject, MediaFigure, MediaBody } from '../src'; +import { MediaBody, MediaFigure, MediaObject } from '../src'; describe('MediaObject', () => { it('should render', (): void => { diff --git a/packages/paste-core/layout/media-object/src/MediaBody.tsx b/packages/paste-core/layout/media-object/src/MediaBody.tsx index a64854b3d6..08758a4abd 100644 --- a/packages/paste-core/layout/media-object/src/MediaBody.tsx +++ b/packages/paste-core/layout/media-object/src/MediaBody.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface MediaBodyProps extends HTMLPasteProps<'div'>, Pick { /** diff --git a/packages/paste-core/layout/media-object/src/MediaFigure.tsx b/packages/paste-core/layout/media-object/src/MediaFigure.tsx index f3057c471b..47cc71a5de 100644 --- a/packages/paste-core/layout/media-object/src/MediaFigure.tsx +++ b/packages/paste-core/layout/media-object/src/MediaFigure.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { Space } from '@twilio-paste/style-props'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface MediaFigureProps extends HTMLPasteProps<'div'>, Pick { align?: 'start' | 'end'; diff --git a/packages/paste-core/layout/media-object/src/MediaObject.tsx b/packages/paste-core/layout/media-object/src/MediaObject.tsx index fc8dc20478..8b37ea838c 100644 --- a/packages/paste-core/layout/media-object/src/MediaObject.tsx +++ b/packages/paste-core/layout/media-object/src/MediaObject.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export interface MediaObjectProps extends HTMLPasteProps<'div'>, Pick { /** diff --git a/packages/paste-core/layout/media-object/stories/index.stories.tsx b/packages/paste-core/layout/media-object/stories/index.stories.tsx index f277ac5eeb..f873548164 100644 --- a/packages/paste-core/layout/media-object/stories/index.stories.tsx +++ b/packages/paste-core/layout/media-object/stories/index.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Text } from '@twilio-paste/text'; import { Box } from '@twilio-paste/box'; -import { Truncate } from '@twilio-paste/truncate'; +import { CustomizationProvider } from '@twilio-paste/customization'; +import { Text } from '@twilio-paste/text'; import { useTheme } from '@twilio-paste/theme'; import type { ThemeShape } from '@twilio-paste/theme'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { Truncate } from '@twilio-paste/truncate'; +import * as React from 'react'; -import { MediaObject, MediaFigure, MediaBody } from '../src'; +import { MediaBody, MediaFigure, MediaObject } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/layout/stack/__tests__/stack.test.tsx b/packages/paste-core/layout/stack/__tests__/stack.test.tsx index 7082f39a64..fa7e8a48d9 100644 --- a/packages/paste-core/layout/stack/__tests__/stack.test.tsx +++ b/packages/paste-core/layout/stack/__tests__/stack.test.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { Card } from '@twilio-paste/card'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import type { StackOrientation } from '../src'; -import { getStackDisplay, getStackStyles, getStackChildMargins, Stack } from '../src/Stack'; +import { Stack, getStackChildMargins, getStackDisplay, getStackStyles } from '../src/Stack'; describe('Stack Unit Tests', () => { const mockHorizontalOrientation = 'horizontal'; diff --git a/packages/paste-core/layout/stack/src/Stack.tsx b/packages/paste-core/layout/stack/src/Stack.tsx index 47ee6849f9..91a9456c03 100644 --- a/packages/paste-core/layout/stack/src/Stack.tsx +++ b/packages/paste-core/layout/stack/src/Stack.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useUIDSeed } from '@twilio-paste/uid-library'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; -import type { LayoutProps, FlexboxProps, MarginProps, SpaceOptions } from '@twilio-paste/style-props'; import type { BoxElementProps } from '@twilio-paste/box'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; +import type { FlexboxProps, LayoutProps, MarginProps, SpaceOptions } from '@twilio-paste/style-props'; +import type { ResponsiveValue } from '@twilio-paste/styling-library'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; type StackChildMargins = Pick; type DisplayOptions = 'block' | 'flex'; diff --git a/packages/paste-core/layout/stack/stories/index.stories.tsx b/packages/paste-core/layout/stack/stories/index.stories.tsx index b240313a2f..8ede1e474a 100644 --- a/packages/paste-core/layout/stack/stories/index.stories.tsx +++ b/packages/paste-core/layout/stack/stories/index.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import type { ThemeShape } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { useTheme } from '@twilio-paste/theme'; +import type { ThemeShape } from '@twilio-paste/theme'; +import * as React from 'react'; import type { StackOrientation } from '../src'; import { Stack } from '../src'; diff --git a/packages/paste-core/primitives/box/__tests__/StyleFunctions.test.tsx b/packages/paste-core/primitives/box/__tests__/StyleFunctions.test.tsx index 9c6d78a9d6..738fc66e73 100644 --- a/packages/paste-core/primitives/box/__tests__/StyleFunctions.test.tsx +++ b/packages/paste-core/primitives/box/__tests__/StyleFunctions.test.tsx @@ -1,4 +1,4 @@ -import { getPseudoStyles, getCustomElementStyles } from '../src/StyleFunctions'; +import { getCustomElementStyles, getPseudoStyles } from '../src/StyleFunctions'; /* * When rendered the theme object is injected onto Box props via emotions theming context diff --git a/packages/paste-core/primitives/box/__tests__/box.test.tsx b/packages/paste-core/primitives/box/__tests__/box.test.tsx index 94f617a5a4..1e176c2532 100644 --- a/packages/paste-core/primitives/box/__tests__/box.test.tsx +++ b/packages/paste-core/primitives/box/__tests__/box.test.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { Box } from '../src'; import { CustomizableBoxExample } from '../__fixtures__/CustomizableBox'; +import { Box } from '../src'; describe('Backgrounds', () => { it('should render single values', (): void => { diff --git a/packages/paste-core/primitives/box/src/SafelySpreadProps.ts b/packages/paste-core/primitives/box/src/SafelySpreadProps.ts index cd82c31ddf..04d4029132 100644 --- a/packages/paste-core/primitives/box/src/SafelySpreadProps.ts +++ b/packages/paste-core/primitives/box/src/SafelySpreadProps.ts @@ -1,12 +1,12 @@ import { - LAYOUT_PROPS, - SPACE_PROPS, BACKGROUND_PROPS, BORDER_PROPS, - SHADOW_PROPS, - POSITION_PROPS, FLEXBOX_PROPS, GRID_PROPS, + LAYOUT_PROPS, + POSITION_PROPS, + SHADOW_PROPS, + SPACE_PROPS, TYPOGRAPHY_PROPS, } from '@twilio-paste/style-props'; diff --git a/packages/paste-core/primitives/box/src/StyleFunctions.ts b/packages/paste-core/primitives/box/src/StyleFunctions.ts index 27f0d1ec36..eec4d0dcb0 100644 --- a/packages/paste-core/primitives/box/src/StyleFunctions.ts +++ b/packages/paste-core/primitives/box/src/StyleFunctions.ts @@ -1,11 +1,11 @@ +import type { PasteCustomCSS } from '@twilio-paste/customization'; import { css, system } from '@twilio-paste/styling-library'; import type { CSSObject, Config } from '@twilio-paste/styling-library'; -import type { PasteCustomCSS } from '@twilio-paste/customization'; import merge from 'deepmerge'; +import { customStyleProps } from './CustomStyleProps'; import { PseudoPropStyles } from './PseudoPropStyles'; import type { StyledBoxProps } from './types'; -import { customStyleProps } from './CustomStyleProps'; export const PasteStyleProps = system(customStyleProps as Config); diff --git a/packages/paste-core/primitives/box/src/index.tsx b/packages/paste-core/primitives/box/src/index.tsx index 32a63d72e6..ead8231f57 100644 --- a/packages/paste-core/primitives/box/src/index.tsx +++ b/packages/paste-core/primitives/box/src/index.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; import { - styled, - compose, - layout, - space, background, - typography, border, boxShadow, - position, + compose, + createShouldForwardProp, flexbox, grid, - createShouldForwardProp, + layout, + position, props as defaultStylingProps, + space, + styled, + typography, } from '@twilio-paste/styling-library'; import type { StyledComponent } from '@twilio-paste/styling-library'; +import * as React from 'react'; -import type { BoxProps, StyledBoxProps } from './types'; -import { getPseudoStyles, PasteStyleProps, getCustomElementStyles } from './StyleFunctions'; import { customStyleProps } from './CustomStyleProps'; import { PseudoPropStyles } from './PseudoPropStyles'; +import { PasteStyleProps, getCustomElementStyles, getPseudoStyles } from './StyleFunctions'; +import type { BoxProps, StyledBoxProps } from './types'; const coreVersionNumberPlaceholder: string = '[VI]{{inject}}[/VI]'; diff --git a/packages/paste-core/primitives/box/src/types.ts b/packages/paste-core/primitives/box/src/types.ts index 1c0f36db96..de5eb201f1 100644 --- a/packages/paste-core/primitives/box/src/types.ts +++ b/packages/paste-core/primitives/box/src/types.ts @@ -1,6 +1,8 @@ +import type { CustomTheme } from '@twilio-paste/customization'; import type { BackgroundProps, BorderProps, + CSSProps, FlexboxProps, GridProps, LayoutProps, @@ -8,9 +10,7 @@ import type { ShadowProps, SpaceProps, TypographyProps, - CSSProps, } from '@twilio-paste/style-props'; -import type { CustomTheme } from '@twilio-paste/customization'; import type { PseudoPropStyles } from './PseudoPropStyles'; diff --git a/packages/paste-core/primitives/box/stories/index.stories.tsx b/packages/paste-core/primitives/box/stories/index.stories.tsx index e6d1343c56..c8753162f7 100644 --- a/packages/paste-core/primitives/box/stories/index.stories.tsx +++ b/packages/paste-core/primitives/box/stories/index.stories.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { useTheme } from '@twilio-paste/theme'; -import type { ThemeShape } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; import { Separator } from '@twilio-paste/separator'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; +import type { ThemeShape } from '@twilio-paste/theme'; +import * as React from 'react'; -import { Box } from '../src'; import { CustomizableBoxExample } from '../__fixtures__/CustomizableBox'; +import { Box } from '../src'; const demoString = `I'm some text in a box`; diff --git a/packages/paste-core/primitives/combobox/__tests__/useMultiSelectPrimitive.test.tsx b/packages/paste-core/primitives/combobox/__tests__/useMultiSelectPrimitive.test.tsx index 1375e12055..f39d0af269 100644 --- a/packages/paste-core/primitives/combobox/__tests__/useMultiSelectPrimitive.test.tsx +++ b/packages/paste-core/primitives/combobox/__tests__/useMultiSelectPrimitive.test.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { render, fireEvent, screen, act, renderHook } from '@testing-library/react'; -import userEvent from '@testing-library/user-event'; -import { useUIDSeed } from '@twilio-paste/uid-library'; +import { act, fireEvent, render, renderHook, screen } from '@testing-library/react'; import type { FireObject } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import type { - UseMultipleSelectionGetSelectedItemPropsOptions, UseMultipleSelectionGetDropdownProps, + UseMultipleSelectionGetSelectedItemPropsOptions, } from '@twilio-paste/dropdown-library'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { useMultiSelectPrimitive, useComboboxPrimitive } from '../src'; +import { useComboboxPrimitive, useMultiSelectPrimitive } from '../src'; import type { UseComboboxPrimitiveProps, UseMultiSelectPrimitiveProps } from '../src'; const { stateChangeTypes } = useMultiSelectPrimitive; diff --git a/packages/paste-core/primitives/combobox/stories/index.stories.tsx b/packages/paste-core/primitives/combobox/stories/index.stories.tsx index 63d81fa1e2..3552aa20f8 100644 --- a/packages/paste-core/primitives/combobox/stories/index.stories.tsx +++ b/packages/paste-core/primitives/combobox/stories/index.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { Input } from '@twilio-paste/input'; -import { Label } from '@twilio-paste/label'; -import { FormPill, FormPillGroup, useFormPillState } from '@twilio-paste/form-pill-group'; import { ComboboxListbox, ComboboxListboxGroup, ComboboxListboxOption } from '@twilio-paste/combobox'; +import { FormPill, FormPillGroup, useFormPillState } from '@twilio-paste/form-pill-group'; import { ChevronDownIcon } from '@twilio-paste/icons/esm/ChevronDownIcon'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { ComboboxPrimitive, useComboboxPrimitive, useMultiSelectPrimitive } from '../src'; diff --git a/packages/paste-core/primitives/disclosure/stories/index.stories.tsx b/packages/paste-core/primitives/disclosure/stories/index.stories.tsx index 45d1c64a55..2de7536384 100644 --- a/packages/paste-core/primitives/disclosure/stories/index.stories.tsx +++ b/packages/paste-core/primitives/disclosure/stories/index.stories.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Separator } from '@twilio-paste/separator'; +import * as React from 'react'; -import { useDisclosurePrimitiveState, DisclosurePrimitive, DisclosurePrimitiveContent } from '../src'; +import { DisclosurePrimitive, DisclosurePrimitiveContent, useDisclosurePrimitiveState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/primitives/listbox/__tests__/index.spec.tsx b/packages/paste-core/primitives/listbox/__tests__/index.spec.tsx index 6a5fea4d9c..c1a270e2ce 100644 --- a/packages/paste-core/primitives/listbox/__tests__/index.spec.tsx +++ b/packages/paste-core/primitives/listbox/__tests__/index.spec.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +import * as React from 'react'; -import { useListboxPrimitiveState, ListboxPrimitive, ListboxPrimitiveItem } from '../src'; +import { ListboxPrimitive, ListboxPrimitiveItem, useListboxPrimitiveState } from '../src'; const FIRST_ITEM = 'first-listbox-item'; const SECOND_ITEM = 'second-listbox-item'; diff --git a/packages/paste-core/primitives/listbox/src/ListboxPrimitive.tsx b/packages/paste-core/primitives/listbox/src/ListboxPrimitive.tsx index bf0bc906d9..5e10251914 100644 --- a/packages/paste-core/primitives/listbox/src/ListboxPrimitive.tsx +++ b/packages/paste-core/primitives/listbox/src/ListboxPrimitive.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { CompositeProps } from '@twilio-paste/reakit-library'; import { Composite } from '@twilio-paste/reakit-library'; +import * as React from 'react'; import type { As, ListboxPrimitiveVariants } from './types'; diff --git a/packages/paste-core/primitives/listbox/src/ListboxPrimitiveItem.tsx b/packages/paste-core/primitives/listbox/src/ListboxPrimitiveItem.tsx index 18ad76c43a..4255f6be7e 100644 --- a/packages/paste-core/primitives/listbox/src/ListboxPrimitiveItem.tsx +++ b/packages/paste-core/primitives/listbox/src/ListboxPrimitiveItem.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { CompositeItemProps } from '@twilio-paste/reakit-library'; import { CompositeItem } from '@twilio-paste/reakit-library'; +import * as React from 'react'; import type { As } from './types'; diff --git a/packages/paste-core/primitives/listbox/stories/index.stories.tsx b/packages/paste-core/primitives/listbox/stories/index.stories.tsx index 1a3d488e43..6f8a934907 100644 --- a/packages/paste-core/primitives/listbox/stories/index.stories.tsx +++ b/packages/paste-core/primitives/listbox/stories/index.stories.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { Stack } from '@twilio-paste/stack'; import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; -import { useUIDSeed } from '@twilio-paste/uid-library'; import { Button } from '@twilio-paste/button'; +import { Column, Grid } from '@twilio-paste/grid'; import { CheckboxCheckIcon } from '@twilio-paste/icons/esm/CheckboxCheckIcon'; -import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; import { MinusIcon } from '@twilio-paste/icons/esm/MinusIcon'; +import { PlusIcon } from '@twilio-paste/icons/esm/PlusIcon'; +import { Stack } from '@twilio-paste/stack'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { useListboxPrimitiveState, ListboxPrimitive, ListboxPrimitiveGroup, ListboxPrimitiveItem } from '../src'; +import { ListboxPrimitive, ListboxPrimitiveGroup, ListboxPrimitiveItem, useListboxPrimitiveState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/primitives/menu/__tests__/index.spec.tsx b/packages/paste-core/primitives/menu/__tests__/index.spec.tsx index a67ee6af1a..0bd6317eeb 100644 --- a/packages/paste-core/primitives/menu/__tests__/index.spec.tsx +++ b/packages/paste-core/primitives/menu/__tests__/index.spec.tsx @@ -1,12 +1,12 @@ +import { fireEvent, render, screen } from '@testing-library/react'; import * as React from 'react'; -import { render, fireEvent, screen } from '@testing-library/react'; import { - useMenuPrimitiveState, MenuPrimitive, - MenuPrimitiveItem, MenuPrimitiveButton, + MenuPrimitiveItem, MenuPrimitiveSeparator, + useMenuPrimitiveState, } from '../src'; import type { MenuPrimitiveButtonProps } from '../src'; diff --git a/packages/paste-core/primitives/menu/stories/index.stories.tsx b/packages/paste-core/primitives/menu/stories/index.stories.tsx index 83f46c6962..6eda8c7333 100644 --- a/packages/paste-core/primitives/menu/stories/index.stories.tsx +++ b/packages/paste-core/primitives/menu/stories/index.stories.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; import { - useMenuPrimitiveState, MenuPrimitive, - MenuPrimitiveItem, MenuPrimitiveButton, + MenuPrimitiveItem, MenuPrimitiveSeparator, + useMenuPrimitiveState, } from '../src'; import type { MenuPrimitiveButtonProps } from '../src'; diff --git a/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx b/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx index 9c677e369a..385bfc5464 100644 --- a/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx +++ b/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import { Button } from '@twilio-paste/button'; import { styled } from '@twilio-paste/styling-library'; import { Text } from '@twilio-paste/text'; -import { Button } from '@twilio-paste/button'; +import * as React from 'react'; -import { ModalDialogPrimitiveOverlay, ModalDialogPrimitiveContent } from '../src'; +import { ModalDialogPrimitiveContent, ModalDialogPrimitiveOverlay } from '../src'; const StyledModalDialogOverlay = styled(ModalDialogPrimitiveOverlay)({ position: 'fixed', diff --git a/packages/paste-core/primitives/non-modal-dialog/stories/index.stories.tsx b/packages/paste-core/primitives/non-modal-dialog/stories/index.stories.tsx index 603a84baaf..cce1835d60 100644 --- a/packages/paste-core/primitives/non-modal-dialog/stories/index.stories.tsx +++ b/packages/paste-core/primitives/non-modal-dialog/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { - useNonModalDialogPrimitiveState, - NonModalDialogPrimitive, - NonModalDialogDisclosurePrimitive, NonModalDialogArrowPrimitive, + NonModalDialogDisclosurePrimitive, + NonModalDialogPrimitive, + useNonModalDialogPrimitiveState, } from '../src'; // eslint-disable-next-line import/no-default-export diff --git a/packages/paste-core/primitives/sibling-box/__tests__/siblingBox.test.tsx b/packages/paste-core/primitives/sibling-box/__tests__/siblingBox.test.tsx index 372c75591c..2f5b858e06 100644 --- a/packages/paste-core/primitives/sibling-box/__tests__/siblingBox.test.tsx +++ b/packages/paste-core/primitives/sibling-box/__tests__/siblingBox.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { SiblingBox } from '../src'; diff --git a/packages/paste-core/primitives/sibling-box/src/index.tsx b/packages/paste-core/primitives/sibling-box/src/index.tsx index 77523039ca..83ddfca261 100644 --- a/packages/paste-core/primitives/sibling-box/src/index.tsx +++ b/packages/paste-core/primitives/sibling-box/src/index.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { styled, css } from '@twilio-paste/styling-library'; import { Box } from '@twilio-paste/box'; import type { BoxProps, BoxStyleProps } from '@twilio-paste/box'; +import { css, styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; export interface SiblingBoxProps extends BoxProps { _activeSibling?: BoxStyleProps; diff --git a/packages/paste-core/primitives/tabs/stories/index.stories.tsx b/packages/paste-core/primitives/tabs/stories/index.stories.tsx index 6c78b152bc..d2470d7f3a 100644 --- a/packages/paste-core/primitives/tabs/stories/index.stories.tsx +++ b/packages/paste-core/primitives/tabs/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { TabPrimitiveStateReturn } from '../src'; -import { useTabPrimitiveState, TabPrimitive, TabPrimitiveList, TabPrimitivePanel } from '../src'; +import { TabPrimitive, TabPrimitiveList, TabPrimitivePanel, useTabPrimitiveState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/primitives/text/__tests__/StyleFunctions.spec.tsx b/packages/paste-core/primitives/text/__tests__/StyleFunctions.spec.tsx index 71e39cd6ab..0f10151902 100644 --- a/packages/paste-core/primitives/text/__tests__/StyleFunctions.spec.tsx +++ b/packages/paste-core/primitives/text/__tests__/StyleFunctions.spec.tsx @@ -1,4 +1,4 @@ -import { getPseudoStyles, getCustomElementStyles } from '../src/StyleFunctions'; +import { getCustomElementStyles, getPseudoStyles } from '../src/StyleFunctions'; describe('Text StyleFunctions', () => { /* diff --git a/packages/paste-core/primitives/text/__tests__/text.spec.tsx b/packages/paste-core/primitives/text/__tests__/text.spec.tsx index e4d080a81c..be1362efff 100644 --- a/packages/paste-core/primitives/text/__tests__/text.spec.tsx +++ b/packages/paste-core/primitives/text/__tests__/text.spec.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; -import { Text } from '../src'; import { CustomizableTextExample } from '../__fixtures__/CustomizableText'; +import { Text } from '../src'; describe('as', () => { it('should render as a provided HTML element', (): void => { diff --git a/packages/paste-core/primitives/text/src/SafelySpreadProps.ts b/packages/paste-core/primitives/text/src/SafelySpreadProps.ts index 2d9094e8a2..64c81a3d1f 100644 --- a/packages/paste-core/primitives/text/src/SafelySpreadProps.ts +++ b/packages/paste-core/primitives/text/src/SafelySpreadProps.ts @@ -1,4 +1,4 @@ -import { SHADOW_PROPS, SPACE_PROPS, TYPOGRAPHY_PROPS, OVERFLOW_PROPS } from '@twilio-paste/style-props'; +import { OVERFLOW_PROPS, SHADOW_PROPS, SPACE_PROPS, TYPOGRAPHY_PROPS } from '@twilio-paste/style-props'; import { PseudoPropStyles } from './PseudoPropStyles'; diff --git a/packages/paste-core/primitives/text/src/StyleFunctions.ts b/packages/paste-core/primitives/text/src/StyleFunctions.ts index 53618f596b..753e625b18 100644 --- a/packages/paste-core/primitives/text/src/StyleFunctions.ts +++ b/packages/paste-core/primitives/text/src/StyleFunctions.ts @@ -1,11 +1,11 @@ +import type { PasteCustomCSS } from '@twilio-paste/customization'; import { css, system } from '@twilio-paste/styling-library'; import type { CSSObject, Config } from '@twilio-paste/styling-library'; -import type { PasteCustomCSS } from '@twilio-paste/customization'; import merge from 'deepmerge'; +import { customStyleProps } from './CustomStyleProps'; import { PseudoPropStyles } from './PseudoPropStyles'; import type { StyledTextProps } from './types'; -import { customStyleProps } from './CustomStyleProps'; export const PasteStyleProps = system(customStyleProps as Config); diff --git a/packages/paste-core/primitives/text/src/index.tsx b/packages/paste-core/primitives/text/src/index.tsx index 0a16720a07..7a6cfdcc00 100644 --- a/packages/paste-core/primitives/text/src/index.tsx +++ b/packages/paste-core/primitives/text/src/index.tsx @@ -1,23 +1,23 @@ -import * as React from 'react'; import { boxShadow, compose, + createShouldForwardProp, display, overflow, position, + props as stylingProps, space, styled, typography, verticalAlign, - createShouldForwardProp, - props as stylingProps, } from '@twilio-paste/styling-library'; import type { StyledComponent } from '@twilio-paste/styling-library'; +import * as React from 'react'; -import type { TextProps, StyledTextProps } from './types'; -import { getPseudoStyles, PasteStyleProps, getCustomElementStyles } from './StyleFunctions'; import { customStyleProps } from './CustomStyleProps'; import { PseudoPropStyles } from './PseudoPropStyles'; +import { PasteStyleProps, getCustomElementStyles, getPseudoStyles } from './StyleFunctions'; +import type { StyledTextProps, TextProps } from './types'; const coreVersionNumberPlaceholder: string = '[VI]{{inject}}[/VI]'; diff --git a/packages/paste-core/primitives/text/src/types.ts b/packages/paste-core/primitives/text/src/types.ts index f7817d4e30..1b6914b607 100644 --- a/packages/paste-core/primitives/text/src/types.ts +++ b/packages/paste-core/primitives/text/src/types.ts @@ -1,16 +1,16 @@ import type { CustomTheme } from '@twilio-paste/customization'; import type { + CursorProperty, Display, + OutlineProperty, OverflowProps, PositionProps, ShadowProps, SpaceProps, + TransitionDelayProperty, + TransitionProperty, TypographyProps, VerticalAlign, - CursorProperty, - OutlineProperty, - TransitionProperty, - TransitionDelayProperty, } from '@twilio-paste/style-props'; import type { PseudoPropStyles } from './PseudoPropStyles'; diff --git a/packages/paste-core/primitives/text/stories/index.stories.tsx b/packages/paste-core/primitives/text/stories/index.stories.tsx index 7414bacec6..9658037111 100644 --- a/packages/paste-core/primitives/text/stories/index.stories.tsx +++ b/packages/paste-core/primitives/text/stories/index.stories.tsx @@ -1,7 +1,6 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Separator } from '@twilio-paste/separator'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Separator } from '@twilio-paste/separator'; import type { Display, FontFamily, @@ -10,21 +9,22 @@ import type { FontWeight, LetterSpacing, LineHeight, - TextAlign, - TextColor, - TextDecoration, + Margin, Overflow, OverflowX, OverflowY, + Padding, + TextAlign, + TextColor, + TextDecoration, TextOverflow, WhiteSpace, - Padding, - Margin, } from '@twilio-paste/style-props'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; -import { Text } from '../src'; import { CustomizableTextExample } from '../__fixtures__/CustomizableText'; +import { Text } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-core/primitives/tooltip/stories/index.stories.tsx b/packages/paste-core/primitives/tooltip/stories/index.stories.tsx index c166adc4d7..4f602a230e 100644 --- a/packages/paste-core/primitives/tooltip/stories/index.stories.tsx +++ b/packages/paste-core/primitives/tooltip/stories/index.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import * as React from 'react'; -import { useTooltipPrimitiveState, TooltipPrimitive, TooltipPrimitiveReference } from '../src'; +import { TooltipPrimitive, TooltipPrimitiveReference, useTooltipPrimitiveState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx index 5701e31e7e..ef985be862 100644 --- a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx +++ b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx @@ -1,9 +1,9 @@ +import { act, render, screen } from '@testing-library/react'; import React from 'react'; // eslint-disable-next-line import/no-unresolved import { createRoot } from 'testing-tools/react-dom-create-root'; -import { render, screen, act } from '@testing-library/react'; -import { CustomizationProvider, CustomizationConsumer } from '../src'; +import { CustomizationConsumer, CustomizationProvider } from '../src'; const ThemeConsumerExample = (): React.ReactElement => { return ( diff --git a/packages/paste-customization/__tests__/utils.test.ts b/packages/paste-customization/__tests__/utils.test.ts index e73ce19524..9eb62de81e 100644 --- a/packages/paste-customization/__tests__/utils.test.ts +++ b/packages/paste-customization/__tests__/utils.test.ts @@ -1,6 +1,6 @@ +import { mockTheme } from '../__fixtures__/mockThemes'; import type { PasteCustomCSS } from '../src/types/PasteCSS'; import { createCustomTheme } from '../src/utils'; -import { mockTheme } from '../__fixtures__/mockThemes'; describe('createCustomTheme', () => { it('should merge base theme with overrides', () => { diff --git a/packages/paste-customization/src/CustomizationConsumer.tsx b/packages/paste-customization/src/CustomizationConsumer.tsx index a4d7dd2079..9a46450107 100644 --- a/packages/paste-customization/src/CustomizationConsumer.tsx +++ b/packages/paste-customization/src/CustomizationConsumer.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import type { CustomTheme } from './types/CustomTheme'; diff --git a/packages/paste-customization/src/CustomizationProvider.tsx b/packages/paste-customization/src/CustomizationProvider.tsx index b4d481e7ca..36ca5e1e11 100644 --- a/packages/paste-customization/src/CustomizationProvider.tsx +++ b/packages/paste-customization/src/CustomizationProvider.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useReducedMotion, Globals as AnimatedGlobals } from '@twilio-paste/animation-library'; +import { Globals as AnimatedGlobals, useReducedMotion } from '@twilio-paste/animation-library'; import { StylingGlobals, ThemeProvider as StyledThemeProvider } from '@twilio-paste/styling-library'; -import { pasteGlobalStyles, StyledBase, DefaultTheme, DarkTheme } from '@twilio-paste/theme'; +import { DarkTheme, DefaultTheme, StyledBase, pasteGlobalStyles } from '@twilio-paste/theme'; +import * as React from 'react'; -import { createCustomTheme } from './utils'; import type { CustomizationProviderProps } from './types'; +import { createCustomTheme } from './utils'; /** * The customization provider can be used to wrap a Paste applications and customize the diff --git a/packages/paste-customization/src/types/CustomizationProvider.ts b/packages/paste-customization/src/types/CustomizationProvider.ts index da43cb0937..f48e8eb6e9 100644 --- a/packages/paste-customization/src/types/CustomizationProvider.ts +++ b/packages/paste-customization/src/types/CustomizationProvider.ts @@ -1,4 +1,4 @@ -import type { ThemeProviderProps, GenericThemeShape } from '@twilio-paste/theme'; +import type { GenericThemeShape, ThemeProviderProps } from '@twilio-paste/theme'; import type { PasteCustomCSS } from './PasteCSS'; diff --git a/packages/paste-customization/src/types/PasteCSS.ts b/packages/paste-customization/src/types/PasteCSS.ts index cb39be3e3b..2b985af6cf 100644 --- a/packages/paste-customization/src/types/PasteCSS.ts +++ b/packages/paste-customization/src/types/PasteCSS.ts @@ -1,9 +1,3 @@ -import type { - SystemStyleObject, - SystemCssProperties, - CSSPseudoSelectorProps, - CSSSelectorObject, -} from '@twilio-paste/styling-library'; import type { BackgroundProps, BorderProps, @@ -14,6 +8,12 @@ import type { SpaceProps, TypographyProps, } from '@twilio-paste/style-props'; +import type { + CSSPseudoSelectorProps, + CSSSelectorObject, + SystemCssProperties, + SystemStyleObject, +} from '@twilio-paste/styling-library'; type AllStyleProps = BackgroundProps & BorderProps & diff --git a/packages/paste-customization/src/utils.ts b/packages/paste-customization/src/utils.ts index 453b495ae0..50083e9067 100644 --- a/packages/paste-customization/src/utils.ts +++ b/packages/paste-customization/src/utils.ts @@ -1,6 +1,6 @@ import merge from 'deepmerge'; -import type { CustomTheme, CreateCustomTheme } from './types'; +import type { CreateCustomTheme, CustomTheme } from './types'; export const createCustomTheme = ({ baseTheme, diff --git a/packages/paste-customization/stories/customization.stories.tsx b/packages/paste-customization/stories/customization.stories.tsx index df8f3df641..44b9177dbf 100644 --- a/packages/paste-customization/stories/customization.stories.tsx +++ b/packages/paste-customization/stories/customization.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import { Button } from '@twilio-paste/button'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Stack } from '@twilio-paste/stack'; -import { Box } from '@twilio-paste/box'; import { useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { CustomizationProvider } from '../src'; diff --git a/packages/paste-design-tokens/formatters/common.ts b/packages/paste-design-tokens/formatters/common.ts index e503cb576b..2f8c3c5114 100644 --- a/packages/paste-design-tokens/formatters/common.ts +++ b/packages/paste-design-tokens/formatters/common.ts @@ -2,9 +2,9 @@ import camelCase from 'lodash/camelCase'; import type { ImmutableStyleMap } from 'theo'; import type { DesignToken } from '../types'; -import { getTokenCategories } from '../utils/getTokenCategories'; -import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; +import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; +import { getTokenCategories } from '../utils/getTokenCategories'; export const tokenTemplate = ({ name, value }: { name: string; value: string }): string => `const ${camelCase(name)} = "${value.replace(/"/g, '\\"')}";`; diff --git a/packages/paste-design-tokens/formatters/d.ts.ts b/packages/paste-design-tokens/formatters/d.ts.ts index f6dd4c5f4e..76d1bd7a9e 100644 --- a/packages/paste-design-tokens/formatters/d.ts.ts +++ b/packages/paste-design-tokens/formatters/d.ts.ts @@ -2,9 +2,9 @@ import camelCase from 'lodash/camelCase'; import type { ImmutableStyleMap } from 'theo'; import type { DesignToken } from '../types'; -import { getTokenCategories } from '../utils/getTokenCategories'; -import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; +import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; +import { getTokenCategories } from '../utils/getTokenCategories'; import { isNumeric } from '../utils/isNumeric'; export const tokenTemplate = ({ name, value }: { name: string; value: string }): string => diff --git a/packages/paste-design-tokens/formatters/es6.ts b/packages/paste-design-tokens/formatters/es6.ts index 1b9ec10e7d..ce0d2cce85 100644 --- a/packages/paste-design-tokens/formatters/es6.ts +++ b/packages/paste-design-tokens/formatters/es6.ts @@ -2,9 +2,9 @@ import camelCase from 'lodash/camelCase'; import type { ImmutableStyleMap } from 'theo'; import type { DesignToken } from '../types'; -import { getTokenCategories } from '../utils/getTokenCategories'; -import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; +import { formatSingleTokensWithTemplate } from '../utils/formatSingleTokensWithTemplate'; +import { getTokenCategories } from '../utils/getTokenCategories'; export const tokenTemplate = ({ name, value }: { name: string; value: string }): string => `export const ${camelCase(name)} = "${value.replace(/"/g, '\\"')}";`; diff --git a/packages/paste-design-tokens/formatters/generic.d.ts.ts b/packages/paste-design-tokens/formatters/generic.d.ts.ts index 3e2f6747e5..df178111ef 100644 --- a/packages/paste-design-tokens/formatters/generic.d.ts.ts +++ b/packages/paste-design-tokens/formatters/generic.d.ts.ts @@ -1,10 +1,10 @@ import type { ImmutableStyleMap } from 'theo'; import type { DesignToken } from '../types'; +import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; import { getTokenCategories } from '../utils/getTokenCategories'; import { isNumeric } from '../utils/isNumeric'; import { tweakTokens } from './generic'; -import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; const tokenLineTemplate = (key: string, value: string): string => ` ${key}: ${isNumeric(value) ? value : `${JSON.stringify(value)}`};`; diff --git a/packages/paste-design-tokens/formatters/generic.ts b/packages/paste-design-tokens/formatters/generic.ts index 027e9a0f31..448b37cab2 100644 --- a/packages/paste-design-tokens/formatters/generic.ts +++ b/packages/paste-design-tokens/formatters/generic.ts @@ -1,10 +1,10 @@ import type { ImmutableStyleMap } from 'theo'; import type { DesignToken, GenericDesignToken } from '../types'; -import { getTokenCategories } from '../utils/getTokenCategories'; import { formatGroupTokensWithTemplate } from '../utils/formatGroupTokensWithTemplate'; -import { rgbToHex } from '../utils/rgbToHex'; +import { getTokenCategories } from '../utils/getTokenCategories'; import { remToPx } from '../utils/remToPx'; +import { rgbToHex } from '../utils/rgbToHex'; export const categoryTemplate = (categoryName: string, props: DesignToken[]): string => { const tokenPairs = props.map(({ category, ...rest }) => rest); diff --git a/packages/paste-design-tokens/gulpfile.ts b/packages/paste-design-tokens/gulpfile.ts index 13ab7c1939..6d538de3c9 100644 --- a/packages/paste-design-tokens/gulpfile.ts +++ b/packages/paste-design-tokens/gulpfile.ts @@ -1,15 +1,15 @@ import * as gulp from 'gulp'; -import * as theo from 'theo'; -import gulpTheo from 'gulp-theo'; import gulpif from 'gulp-if'; import terser from 'gulp-terser'; +import gulpTheo from 'gulp-theo'; +import * as theo from 'theo'; -import { sketchpaletteTokenFormat } from './formatters/sketchpalette'; -import { genericDTsTemplate } from './formatters/generic.d.ts'; -import { genericJsTokenFormat } from './formatters/generic'; -import { es6TokenFormat } from './formatters/es6'; -import { dTSTokenFormat } from './formatters/d.ts'; import { commonTokenFormat } from './formatters/common'; +import { dTSTokenFormat } from './formatters/d.ts'; +import { es6TokenFormat } from './formatters/es6'; +import { genericJsTokenFormat } from './formatters/generic'; +import { genericDTsTemplate } from './formatters/generic.d.ts'; +import { sketchpaletteTokenFormat } from './formatters/sketchpalette'; // Browsersync isn't typed correctly so we import the old way const browserSync = require('browser-sync'); diff --git a/packages/paste-design-tokens/types/GenericTokensShape.ts b/packages/paste-design-tokens/types/GenericTokensShape.ts index 9c921c1803..d85b79a0c0 100644 --- a/packages/paste-design-tokens/types/GenericTokensShape.ts +++ b/packages/paste-design-tokens/types/GenericTokensShape.ts @@ -2,19 +2,19 @@ import type { backgroundColors, borderColors, borderWidths, - radii, - colors, + boxShadows, colorSchemes, - fonts, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, } from '../dist/tokens.common'; export type GenericBackgroundColors = Partial<{ [key in keyof typeof backgroundColors]: any }>; diff --git a/packages/paste-icons/__test__/icons.spec.tsx b/packages/paste-icons/__test__/icons.spec.tsx index 07c968cdd1..ea449b1498 100644 --- a/packages/paste-icons/__test__/icons.spec.tsx +++ b/packages/paste-icons/__test__/icons.spec.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { CustomizationProvider } from '@twilio-paste/customization'; +import * as React from 'react'; import { AgentIcon } from '../src/AgentIcon'; +import { filterBuiltFiles } from '../tools/actions/convertAllAction'; +import { normalizeSourceFiles } from '../tools/actions/convertNewAction'; +import { getIconNames } from '../tools/actions/listIconsAction'; import { buildListTemplate } from '../tools/templates/buildListTemplate'; import { createIconsFilesObject, jsonTemplate } from '../tools/templates/jsonTemplate'; import { reactIconTemplate } from '../tools/templates/reactIconTemplate'; import { - getOutputComponentName, - pascalCaseWordSplitter, cleanFileName, - normalizeFileName, - removeTsxExtension, + getBuildFileName, getInputPath, + getOutputComponentName, getReactOutputPath, - getBuildFileName, maybeHandleError, + normalizeFileName, + pascalCaseWordSplitter, + removeTsxExtension, } from '../tools/utils'; -import { getIconNames } from '../tools/actions/listIconsAction'; -import { normalizeSourceFiles } from '../tools/actions/convertNewAction'; -import { filterBuiltFiles } from '../tools/actions/convertAllAction'; describe('Icons', () => { describe('HTML attributes', () => { diff --git a/packages/paste-icons/src/AcceptIcon.tsx b/packages/paste-icons/src/AcceptIcon.tsx index a47e42a1ed..a070043aa2 100644 --- a/packages/paste-icons/src/AcceptIcon.tsx +++ b/packages/paste-icons/src/AcceptIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AddListIcon.tsx b/packages/paste-icons/src/AddListIcon.tsx index 6e1d6c3b06..d896517665 100644 --- a/packages/paste-icons/src/AddListIcon.tsx +++ b/packages/paste-icons/src/AddListIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AddSeriesIcon.tsx b/packages/paste-icons/src/AddSeriesIcon.tsx index 3168cd6de6..948183bfe6 100644 --- a/packages/paste-icons/src/AddSeriesIcon.tsx +++ b/packages/paste-icons/src/AddSeriesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AgentIcon.tsx b/packages/paste-icons/src/AgentIcon.tsx index 5a4dafa9d0..21d875447f 100644 --- a/packages/paste-icons/src/AgentIcon.tsx +++ b/packages/paste-icons/src/AgentIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AlignLeftIcon.tsx b/packages/paste-icons/src/AlignLeftIcon.tsx index 61145d40b3..06768e33ae 100644 --- a/packages/paste-icons/src/AlignLeftIcon.tsx +++ b/packages/paste-icons/src/AlignLeftIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AlignRightIcon.tsx b/packages/paste-icons/src/AlignRightIcon.tsx index 78eaa0ac7f..11e926a170 100644 --- a/packages/paste-icons/src/AlignRightIcon.tsx +++ b/packages/paste-icons/src/AlignRightIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AlignVerticalCenterIcon.tsx b/packages/paste-icons/src/AlignVerticalCenterIcon.tsx index 3d86c35f59..fc52e9ec33 100644 --- a/packages/paste-icons/src/AlignVerticalCenterIcon.tsx +++ b/packages/paste-icons/src/AlignVerticalCenterIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ArchiveIcon.tsx b/packages/paste-icons/src/ArchiveIcon.tsx index 4a5c25a142..8ca56d05b8 100644 --- a/packages/paste-icons/src/ArchiveIcon.tsx +++ b/packages/paste-icons/src/ArchiveIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ArrowBackIcon.tsx b/packages/paste-icons/src/ArrowBackIcon.tsx index a57771a175..32af322c81 100644 --- a/packages/paste-icons/src/ArrowBackIcon.tsx +++ b/packages/paste-icons/src/ArrowBackIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ArrowDownIcon.tsx b/packages/paste-icons/src/ArrowDownIcon.tsx index 06073c489c..c67840a2a5 100644 --- a/packages/paste-icons/src/ArrowDownIcon.tsx +++ b/packages/paste-icons/src/ArrowDownIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ArrowForwardIcon.tsx b/packages/paste-icons/src/ArrowForwardIcon.tsx index 5c3e561d75..06b2c5e5bf 100644 --- a/packages/paste-icons/src/ArrowForwardIcon.tsx +++ b/packages/paste-icons/src/ArrowForwardIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ArrowUpIcon.tsx b/packages/paste-icons/src/ArrowUpIcon.tsx index d1931bd5c3..c292cba8ed 100644 --- a/packages/paste-icons/src/ArrowUpIcon.tsx +++ b/packages/paste-icons/src/ArrowUpIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AttachIcon.tsx b/packages/paste-icons/src/AttachIcon.tsx index 27ecb4a4a4..d831137847 100644 --- a/packages/paste-icons/src/AttachIcon.tsx +++ b/packages/paste-icons/src/AttachIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AttachmentIcon.tsx b/packages/paste-icons/src/AttachmentIcon.tsx index 4542c32950..35572c7b22 100644 --- a/packages/paste-icons/src/AttachmentIcon.tsx +++ b/packages/paste-icons/src/AttachmentIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/AutomaticUpdatesIcon.tsx b/packages/paste-icons/src/AutomaticUpdatesIcon.tsx index 0f2e3c0191..0b52a82997 100644 --- a/packages/paste-icons/src/AutomaticUpdatesIcon.tsx +++ b/packages/paste-icons/src/AutomaticUpdatesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/BoldIcon.tsx b/packages/paste-icons/src/BoldIcon.tsx index 8eb4190458..9f4fef7eb8 100644 --- a/packages/paste-icons/src/BoldIcon.tsx +++ b/packages/paste-icons/src/BoldIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/BuildIcon.tsx b/packages/paste-icons/src/BuildIcon.tsx index 3434845184..5792d93c3c 100644 --- a/packages/paste-icons/src/BuildIcon.tsx +++ b/packages/paste-icons/src/BuildIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/BuiltInIcon.tsx b/packages/paste-icons/src/BuiltInIcon.tsx index f4b6d87712..516dfc80c7 100644 --- a/packages/paste-icons/src/BuiltInIcon.tsx +++ b/packages/paste-icons/src/BuiltInIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/BusinessIcon.tsx b/packages/paste-icons/src/BusinessIcon.tsx index a94fde16e4..a5807c91ad 100644 --- a/packages/paste-icons/src/BusinessIcon.tsx +++ b/packages/paste-icons/src/BusinessIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ButtonIcon.tsx b/packages/paste-icons/src/ButtonIcon.tsx index 8b08f79269..bb669acb92 100644 --- a/packages/paste-icons/src/ButtonIcon.tsx +++ b/packages/paste-icons/src/ButtonIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CalendarIcon.tsx b/packages/paste-icons/src/CalendarIcon.tsx index cac69ea72d..af0cf02a55 100644 --- a/packages/paste-icons/src/CalendarIcon.tsx +++ b/packages/paste-icons/src/CalendarIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallActiveIcon.tsx b/packages/paste-icons/src/CallActiveIcon.tsx index 34a480f5ac..845a17c2f4 100644 --- a/packages/paste-icons/src/CallActiveIcon.tsx +++ b/packages/paste-icons/src/CallActiveIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallAddIcon.tsx b/packages/paste-icons/src/CallAddIcon.tsx index f00c0eabf0..d8e021d440 100644 --- a/packages/paste-icons/src/CallAddIcon.tsx +++ b/packages/paste-icons/src/CallAddIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallFailedIcon.tsx b/packages/paste-icons/src/CallFailedIcon.tsx index e96820724e..af5a4ac63d 100644 --- a/packages/paste-icons/src/CallFailedIcon.tsx +++ b/packages/paste-icons/src/CallFailedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallHoldIcon.tsx b/packages/paste-icons/src/CallHoldIcon.tsx index b91c7b84a8..4d6d96bbc7 100644 --- a/packages/paste-icons/src/CallHoldIcon.tsx +++ b/packages/paste-icons/src/CallHoldIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallIcon.tsx b/packages/paste-icons/src/CallIcon.tsx index ffa8ac3532..39ea481e10 100644 --- a/packages/paste-icons/src/CallIcon.tsx +++ b/packages/paste-icons/src/CallIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallIncomingIcon.tsx b/packages/paste-icons/src/CallIncomingIcon.tsx index 500f3e7a9d..4356c3c30e 100644 --- a/packages/paste-icons/src/CallIncomingIcon.tsx +++ b/packages/paste-icons/src/CallIncomingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallOutgoingIcon.tsx b/packages/paste-icons/src/CallOutgoingIcon.tsx index f60b2c54b5..16e7ecbafb 100644 --- a/packages/paste-icons/src/CallOutgoingIcon.tsx +++ b/packages/paste-icons/src/CallOutgoingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CallTransferIcon.tsx b/packages/paste-icons/src/CallTransferIcon.tsx index e82603eb64..b8199eeca7 100644 --- a/packages/paste-icons/src/CallTransferIcon.tsx +++ b/packages/paste-icons/src/CallTransferIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChatIcon.tsx b/packages/paste-icons/src/ChatIcon.tsx index c7e2c2899b..7828981404 100644 --- a/packages/paste-icons/src/ChatIcon.tsx +++ b/packages/paste-icons/src/ChatIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CheckboxCheckIcon.tsx b/packages/paste-icons/src/CheckboxCheckIcon.tsx index ae2b563a15..6ccba92354 100644 --- a/packages/paste-icons/src/CheckboxCheckIcon.tsx +++ b/packages/paste-icons/src/CheckboxCheckIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CheckboxLineIcon.tsx b/packages/paste-icons/src/CheckboxLineIcon.tsx index 5d81afe3bb..bd723c31de 100644 --- a/packages/paste-icons/src/CheckboxLineIcon.tsx +++ b/packages/paste-icons/src/CheckboxLineIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CheckmarkCircleIcon.tsx b/packages/paste-icons/src/CheckmarkCircleIcon.tsx index 7cd941c1fc..6882da03b9 100644 --- a/packages/paste-icons/src/CheckmarkCircleIcon.tsx +++ b/packages/paste-icons/src/CheckmarkCircleIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDisclosureCollapsedIcon.tsx b/packages/paste-icons/src/ChevronDisclosureCollapsedIcon.tsx index ae7e564885..66c7cea36d 100644 --- a/packages/paste-icons/src/ChevronDisclosureCollapsedIcon.tsx +++ b/packages/paste-icons/src/ChevronDisclosureCollapsedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDisclosureExpandedIcon.tsx b/packages/paste-icons/src/ChevronDisclosureExpandedIcon.tsx index 184a8b23b0..64013de9a1 100644 --- a/packages/paste-icons/src/ChevronDisclosureExpandedIcon.tsx +++ b/packages/paste-icons/src/ChevronDisclosureExpandedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDisclosureIcon.tsx b/packages/paste-icons/src/ChevronDisclosureIcon.tsx index 95aca3e247..2e4300b60f 100644 --- a/packages/paste-icons/src/ChevronDisclosureIcon.tsx +++ b/packages/paste-icons/src/ChevronDisclosureIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDoubleLeftIcon.tsx b/packages/paste-icons/src/ChevronDoubleLeftIcon.tsx index da7c528f0f..ae278938b3 100644 --- a/packages/paste-icons/src/ChevronDoubleLeftIcon.tsx +++ b/packages/paste-icons/src/ChevronDoubleLeftIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDoubleRightIcon.tsx b/packages/paste-icons/src/ChevronDoubleRightIcon.tsx index 7ddc576f74..f3f73690d2 100644 --- a/packages/paste-icons/src/ChevronDoubleRightIcon.tsx +++ b/packages/paste-icons/src/ChevronDoubleRightIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronDownIcon.tsx b/packages/paste-icons/src/ChevronDownIcon.tsx index 0cb7c2e1f2..1541870ebe 100644 --- a/packages/paste-icons/src/ChevronDownIcon.tsx +++ b/packages/paste-icons/src/ChevronDownIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronExpandIcon.tsx b/packages/paste-icons/src/ChevronExpandIcon.tsx index 67eefd26a5..9dcf69e556 100644 --- a/packages/paste-icons/src/ChevronExpandIcon.tsx +++ b/packages/paste-icons/src/ChevronExpandIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronLeftIcon.tsx b/packages/paste-icons/src/ChevronLeftIcon.tsx index f223a04d8c..331069ea7d 100644 --- a/packages/paste-icons/src/ChevronLeftIcon.tsx +++ b/packages/paste-icons/src/ChevronLeftIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronRightIcon.tsx b/packages/paste-icons/src/ChevronRightIcon.tsx index 62e15296bd..650b3195eb 100644 --- a/packages/paste-icons/src/ChevronRightIcon.tsx +++ b/packages/paste-icons/src/ChevronRightIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ChevronUpIcon.tsx b/packages/paste-icons/src/ChevronUpIcon.tsx index 1dfcbb5bb7..5e362216ce 100644 --- a/packages/paste-icons/src/ChevronUpIcon.tsx +++ b/packages/paste-icons/src/ChevronUpIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ClearIcon.tsx b/packages/paste-icons/src/ClearIcon.tsx index 274938a138..dade47c954 100644 --- a/packages/paste-icons/src/ClearIcon.tsx +++ b/packages/paste-icons/src/ClearIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CloseCircleIcon.tsx b/packages/paste-icons/src/CloseCircleIcon.tsx index 788f0eaa3c..0c1f1ffdc2 100644 --- a/packages/paste-icons/src/CloseCircleIcon.tsx +++ b/packages/paste-icons/src/CloseCircleIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CloseIcon.tsx b/packages/paste-icons/src/CloseIcon.tsx index 65314f460a..53e870864f 100644 --- a/packages/paste-icons/src/CloseIcon.tsx +++ b/packages/paste-icons/src/CloseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CloudIcon.tsx b/packages/paste-icons/src/CloudIcon.tsx index dd85b98d8d..603e3c8435 100644 --- a/packages/paste-icons/src/CloudIcon.tsx +++ b/packages/paste-icons/src/CloudIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CodeIcon.tsx b/packages/paste-icons/src/CodeIcon.tsx index 18020e835e..f2bf54b94b 100644 --- a/packages/paste-icons/src/CodeIcon.tsx +++ b/packages/paste-icons/src/CodeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CollapseIcon.tsx b/packages/paste-icons/src/CollapseIcon.tsx index 15d061dd1d..d52269fe51 100644 --- a/packages/paste-icons/src/CollapseIcon.tsx +++ b/packages/paste-icons/src/CollapseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ColorPickerIcon.tsx b/packages/paste-icons/src/ColorPickerIcon.tsx index 2302a688f4..86d82f6240 100644 --- a/packages/paste-icons/src/ColorPickerIcon.tsx +++ b/packages/paste-icons/src/ColorPickerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ColumnIcon.tsx b/packages/paste-icons/src/ColumnIcon.tsx index a69552e618..84bbab6382 100644 --- a/packages/paste-icons/src/ColumnIcon.tsx +++ b/packages/paste-icons/src/ColumnIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CommunityIcon.tsx b/packages/paste-icons/src/CommunityIcon.tsx index d56ee230fd..4db8d7a4d3 100644 --- a/packages/paste-icons/src/CommunityIcon.tsx +++ b/packages/paste-icons/src/CommunityIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ConnectivityAvailableIcon.tsx b/packages/paste-icons/src/ConnectivityAvailableIcon.tsx index b5b79bad93..e111545598 100644 --- a/packages/paste-icons/src/ConnectivityAvailableIcon.tsx +++ b/packages/paste-icons/src/ConnectivityAvailableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ConnectivityBusyIcon.tsx b/packages/paste-icons/src/ConnectivityBusyIcon.tsx index 42e31a10ea..2bcb032381 100644 --- a/packages/paste-icons/src/ConnectivityBusyIcon.tsx +++ b/packages/paste-icons/src/ConnectivityBusyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ConnectivityNeutralIcon.tsx b/packages/paste-icons/src/ConnectivityNeutralIcon.tsx index 48bb3459cd..8c79fe399e 100644 --- a/packages/paste-icons/src/ConnectivityNeutralIcon.tsx +++ b/packages/paste-icons/src/ConnectivityNeutralIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ConnectivityOfflineIcon.tsx b/packages/paste-icons/src/ConnectivityOfflineIcon.tsx index 8bd2412452..3e2c043b4e 100644 --- a/packages/paste-icons/src/ConnectivityOfflineIcon.tsx +++ b/packages/paste-icons/src/ConnectivityOfflineIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ConnectivityUnavailableIcon.tsx b/packages/paste-icons/src/ConnectivityUnavailableIcon.tsx index a95b9029c5..15312ce2a1 100644 --- a/packages/paste-icons/src/ConnectivityUnavailableIcon.tsx +++ b/packages/paste-icons/src/ConnectivityUnavailableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CopyIcon.tsx b/packages/paste-icons/src/CopyIcon.tsx index c50cc6b195..2985835e61 100644 --- a/packages/paste-icons/src/CopyIcon.tsx +++ b/packages/paste-icons/src/CopyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CreditCardIcon.tsx b/packages/paste-icons/src/CreditCardIcon.tsx index 08eccec44d..243d8af61a 100644 --- a/packages/paste-icons/src/CreditCardIcon.tsx +++ b/packages/paste-icons/src/CreditCardIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/CustomIcon.tsx b/packages/paste-icons/src/CustomIcon.tsx index 0062c2ec1b..b3d4fb3536 100644 --- a/packages/paste-icons/src/CustomIcon.tsx +++ b/packages/paste-icons/src/CustomIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DarkModeIcon.tsx b/packages/paste-icons/src/DarkModeIcon.tsx index 0783c7e8fd..614ea18f02 100644 --- a/packages/paste-icons/src/DarkModeIcon.tsx +++ b/packages/paste-icons/src/DarkModeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DataBarChartIcon.tsx b/packages/paste-icons/src/DataBarChartIcon.tsx index e6e446e916..85a46ef7dd 100644 --- a/packages/paste-icons/src/DataBarChartIcon.tsx +++ b/packages/paste-icons/src/DataBarChartIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DataLineChartIcon.tsx b/packages/paste-icons/src/DataLineChartIcon.tsx index 74e816fa94..7e9961d717 100644 --- a/packages/paste-icons/src/DataLineChartIcon.tsx +++ b/packages/paste-icons/src/DataLineChartIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DataPieChartIcon.tsx b/packages/paste-icons/src/DataPieChartIcon.tsx index 6207246122..26c4d78fd1 100644 --- a/packages/paste-icons/src/DataPieChartIcon.tsx +++ b/packages/paste-icons/src/DataPieChartIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DataTableIcon.tsx b/packages/paste-icons/src/DataTableIcon.tsx index 269d9ccb66..65e2569042 100644 --- a/packages/paste-icons/src/DataTableIcon.tsx +++ b/packages/paste-icons/src/DataTableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DatabaseIcon.tsx b/packages/paste-icons/src/DatabaseIcon.tsx index 6a630201fb..daad24ea47 100644 --- a/packages/paste-icons/src/DatabaseIcon.tsx +++ b/packages/paste-icons/src/DatabaseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DeleteIcon.tsx b/packages/paste-icons/src/DeleteIcon.tsx index d6a1a1c619..f32199a6f5 100644 --- a/packages/paste-icons/src/DeleteIcon.tsx +++ b/packages/paste-icons/src/DeleteIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DeliveredIcon.tsx b/packages/paste-icons/src/DeliveredIcon.tsx index c35c80022a..076b1c4ef9 100644 --- a/packages/paste-icons/src/DeliveredIcon.tsx +++ b/packages/paste-icons/src/DeliveredIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DialpadIcon.tsx b/packages/paste-icons/src/DialpadIcon.tsx index a0873601d3..cf7b0c074e 100644 --- a/packages/paste-icons/src/DialpadIcon.tsx +++ b/packages/paste-icons/src/DialpadIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DirectoryIcon.tsx b/packages/paste-icons/src/DirectoryIcon.tsx index 59776e51db..50a5ece09a 100644 --- a/packages/paste-icons/src/DirectoryIcon.tsx +++ b/packages/paste-icons/src/DirectoryIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DisableIcon.tsx b/packages/paste-icons/src/DisableIcon.tsx index 48ae400cc4..6a698636bc 100644 --- a/packages/paste-icons/src/DisableIcon.tsx +++ b/packages/paste-icons/src/DisableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DividerIcon.tsx b/packages/paste-icons/src/DividerIcon.tsx index 236713b3b0..9223f9ef40 100644 --- a/packages/paste-icons/src/DividerIcon.tsx +++ b/packages/paste-icons/src/DividerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DoNotIcon.tsx b/packages/paste-icons/src/DoNotIcon.tsx index 39282bbd0d..5232f93f84 100644 --- a/packages/paste-icons/src/DoNotIcon.tsx +++ b/packages/paste-icons/src/DoNotIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DocumentationIcon.tsx b/packages/paste-icons/src/DocumentationIcon.tsx index 49a8e5c3b7..0526e4cba3 100644 --- a/packages/paste-icons/src/DocumentationIcon.tsx +++ b/packages/paste-icons/src/DocumentationIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DownloadIcon.tsx b/packages/paste-icons/src/DownloadIcon.tsx index 96ab15cb21..27022a05bb 100644 --- a/packages/paste-icons/src/DownloadIcon.tsx +++ b/packages/paste-icons/src/DownloadIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DragHorizontalIcon.tsx b/packages/paste-icons/src/DragHorizontalIcon.tsx index e527958e75..b838f8cc83 100644 --- a/packages/paste-icons/src/DragHorizontalIcon.tsx +++ b/packages/paste-icons/src/DragHorizontalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DragIcon.tsx b/packages/paste-icons/src/DragIcon.tsx index 5866298ea8..8c907d379f 100644 --- a/packages/paste-icons/src/DragIcon.tsx +++ b/packages/paste-icons/src/DragIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/DragVerticalIcon.tsx b/packages/paste-icons/src/DragVerticalIcon.tsx index 765e450dce..0b77043eb8 100644 --- a/packages/paste-icons/src/DragVerticalIcon.tsx +++ b/packages/paste-icons/src/DragVerticalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/EditIcon.tsx b/packages/paste-icons/src/EditIcon.tsx index b0460fee4c..80f1260575 100644 --- a/packages/paste-icons/src/EditIcon.tsx +++ b/packages/paste-icons/src/EditIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ElasticSIPTrunkingCapableIcon.tsx b/packages/paste-icons/src/ElasticSIPTrunkingCapableIcon.tsx index b0cd18ad2f..0bf2d7f4a8 100644 --- a/packages/paste-icons/src/ElasticSIPTrunkingCapableIcon.tsx +++ b/packages/paste-icons/src/ElasticSIPTrunkingCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/EmailIcon.tsx b/packages/paste-icons/src/EmailIcon.tsx index 6fba3fcf4a..59750852a4 100644 --- a/packages/paste-icons/src/EmailIcon.tsx +++ b/packages/paste-icons/src/EmailIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/EmojiIcon.tsx b/packages/paste-icons/src/EmojiIcon.tsx index 3473061990..7af9bcad2e 100644 --- a/packages/paste-icons/src/EmojiIcon.tsx +++ b/packages/paste-icons/src/EmojiIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ErrorIcon.tsx b/packages/paste-icons/src/ErrorIcon.tsx index 3d0246f586..2ace5fb508 100644 --- a/packages/paste-icons/src/ErrorIcon.tsx +++ b/packages/paste-icons/src/ErrorIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ExpandIcon.tsx b/packages/paste-icons/src/ExpandIcon.tsx index 95112ec27a..fa5a80cf4e 100644 --- a/packages/paste-icons/src/ExpandIcon.tsx +++ b/packages/paste-icons/src/ExpandIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ExportIcon.tsx b/packages/paste-icons/src/ExportIcon.tsx index 908416da14..0007bfab6b 100644 --- a/packages/paste-icons/src/ExportIcon.tsx +++ b/packages/paste-icons/src/ExportIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FaxCapableIcon.tsx b/packages/paste-icons/src/FaxCapableIcon.tsx index 7a4155125d..184a8917c1 100644 --- a/packages/paste-icons/src/FaxCapableIcon.tsx +++ b/packages/paste-icons/src/FaxCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FeedIcon.tsx b/packages/paste-icons/src/FeedIcon.tsx index 6f0025413b..f679533e60 100644 --- a/packages/paste-icons/src/FeedIcon.tsx +++ b/packages/paste-icons/src/FeedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FileAudioIcon.tsx b/packages/paste-icons/src/FileAudioIcon.tsx index 11f0072f89..d1a59f1f53 100644 --- a/packages/paste-icons/src/FileAudioIcon.tsx +++ b/packages/paste-icons/src/FileAudioIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FileIcon.tsx b/packages/paste-icons/src/FileIcon.tsx index a2302b650f..db12fedc65 100644 --- a/packages/paste-icons/src/FileIcon.tsx +++ b/packages/paste-icons/src/FileIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FileImageIcon.tsx b/packages/paste-icons/src/FileImageIcon.tsx index df630c6953..3ac083044f 100644 --- a/packages/paste-icons/src/FileImageIcon.tsx +++ b/packages/paste-icons/src/FileImageIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FileVideoIcon.tsx b/packages/paste-icons/src/FileVideoIcon.tsx index 5a75a54a49..be24f372bb 100644 --- a/packages/paste-icons/src/FileVideoIcon.tsx +++ b/packages/paste-icons/src/FileVideoIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FileZipIcon.tsx b/packages/paste-icons/src/FileZipIcon.tsx index 6c5735264b..8c499cddda 100644 --- a/packages/paste-icons/src/FileZipIcon.tsx +++ b/packages/paste-icons/src/FileZipIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FilterIcon.tsx b/packages/paste-icons/src/FilterIcon.tsx index 114635acd0..b0b0c5a450 100644 --- a/packages/paste-icons/src/FilterIcon.tsx +++ b/packages/paste-icons/src/FilterIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/FlagIcon.tsx b/packages/paste-icons/src/FlagIcon.tsx index bd25603c87..c239a9f0da 100644 --- a/packages/paste-icons/src/FlagIcon.tsx +++ b/packages/paste-icons/src/FlagIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/GitIcon.tsx b/packages/paste-icons/src/GitIcon.tsx index 06a440b302..b290c96c17 100644 --- a/packages/paste-icons/src/GitIcon.tsx +++ b/packages/paste-icons/src/GitIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/HeatmapIcon.tsx b/packages/paste-icons/src/HeatmapIcon.tsx index 6e1390ba23..8d04ea85a7 100644 --- a/packages/paste-icons/src/HeatmapIcon.tsx +++ b/packages/paste-icons/src/HeatmapIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/HideIcon.tsx b/packages/paste-icons/src/HideIcon.tsx index de6e554e28..03a1b6a1eb 100644 --- a/packages/paste-icons/src/HideIcon.tsx +++ b/packages/paste-icons/src/HideIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/HistoryIcon.tsx b/packages/paste-icons/src/HistoryIcon.tsx index dcc8de8d69..ad3db61135 100644 --- a/packages/paste-icons/src/HistoryIcon.tsx +++ b/packages/paste-icons/src/HistoryIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ImageTextIcon.tsx b/packages/paste-icons/src/ImageTextIcon.tsx index f1e66c20e9..6135cb61db 100644 --- a/packages/paste-icons/src/ImageTextIcon.tsx +++ b/packages/paste-icons/src/ImageTextIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/InboxIcon.tsx b/packages/paste-icons/src/InboxIcon.tsx index c31f5389be..a4692a8703 100644 --- a/packages/paste-icons/src/InboxIcon.tsx +++ b/packages/paste-icons/src/InboxIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/IndentDecreaseIcon.tsx b/packages/paste-icons/src/IndentDecreaseIcon.tsx index 4cab34badd..5f5e899887 100644 --- a/packages/paste-icons/src/IndentDecreaseIcon.tsx +++ b/packages/paste-icons/src/IndentDecreaseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/IndentIncreaseIcon.tsx b/packages/paste-icons/src/IndentIncreaseIcon.tsx index 5e86a4c4b4..d5ca46f646 100644 --- a/packages/paste-icons/src/IndentIncreaseIcon.tsx +++ b/packages/paste-icons/src/IndentIncreaseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/InformationIcon.tsx b/packages/paste-icons/src/InformationIcon.tsx index 804bbc5387..f482472fcb 100644 --- a/packages/paste-icons/src/InformationIcon.tsx +++ b/packages/paste-icons/src/InformationIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ItalicIcon.tsx b/packages/paste-icons/src/ItalicIcon.tsx index b7c40f6e8d..76e24e5d97 100644 --- a/packages/paste-icons/src/ItalicIcon.tsx +++ b/packages/paste-icons/src/ItalicIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LightModeIcon.tsx b/packages/paste-icons/src/LightModeIcon.tsx index 45d8e90b80..314912ef30 100644 --- a/packages/paste-icons/src/LightModeIcon.tsx +++ b/packages/paste-icons/src/LightModeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LinkExternalIcon.tsx b/packages/paste-icons/src/LinkExternalIcon.tsx index cb57ebd180..0336258851 100644 --- a/packages/paste-icons/src/LinkExternalIcon.tsx +++ b/packages/paste-icons/src/LinkExternalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LinkIcon.tsx b/packages/paste-icons/src/LinkIcon.tsx index f633452876..c47cb73b57 100644 --- a/packages/paste-icons/src/LinkIcon.tsx +++ b/packages/paste-icons/src/LinkIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LoadingIcon.tsx b/packages/paste-icons/src/LoadingIcon.tsx index 73b886aa0d..6ed494a6ee 100644 --- a/packages/paste-icons/src/LoadingIcon.tsx +++ b/packages/paste-icons/src/LoadingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LockIcon.tsx b/packages/paste-icons/src/LockIcon.tsx index fbb88bf7c6..22ea0a0ec6 100644 --- a/packages/paste-icons/src/LockIcon.tsx +++ b/packages/paste-icons/src/LockIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LogInIcon.tsx b/packages/paste-icons/src/LogInIcon.tsx index d1fdf7cec9..15c0022d66 100644 --- a/packages/paste-icons/src/LogInIcon.tsx +++ b/packages/paste-icons/src/LogInIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LogOutIcon.tsx b/packages/paste-icons/src/LogOutIcon.tsx index 87da468a29..d5b388b1a3 100644 --- a/packages/paste-icons/src/LogOutIcon.tsx +++ b/packages/paste-icons/src/LogOutIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LogoTwilioIcon.tsx b/packages/paste-icons/src/LogoTwilioIcon.tsx index de3c50c8e6..eef5693ee5 100644 --- a/packages/paste-icons/src/LogoTwilioIcon.tsx +++ b/packages/paste-icons/src/LogoTwilioIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/LowerHandIcon.tsx b/packages/paste-icons/src/LowerHandIcon.tsx index 2bf0a0ddc4..67216370a5 100644 --- a/packages/paste-icons/src/LowerHandIcon.tsx +++ b/packages/paste-icons/src/LowerHandIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MMSCapableIcon.tsx b/packages/paste-icons/src/MMSCapableIcon.tsx index 600dd760af..6eaa682f34 100644 --- a/packages/paste-icons/src/MMSCapableIcon.tsx +++ b/packages/paste-icons/src/MMSCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MenuIcon.tsx b/packages/paste-icons/src/MenuIcon.tsx index 0cf9469c4a..ea343049b1 100644 --- a/packages/paste-icons/src/MenuIcon.tsx +++ b/packages/paste-icons/src/MenuIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MicrophoneOffIcon.tsx b/packages/paste-icons/src/MicrophoneOffIcon.tsx index c73233e2e3..217f6a3743 100644 --- a/packages/paste-icons/src/MicrophoneOffIcon.tsx +++ b/packages/paste-icons/src/MicrophoneOffIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MicrophoneOnIcon.tsx b/packages/paste-icons/src/MicrophoneOnIcon.tsx index f0a4f9a28b..cc055c77aa 100644 --- a/packages/paste-icons/src/MicrophoneOnIcon.tsx +++ b/packages/paste-icons/src/MicrophoneOnIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MinusIcon.tsx b/packages/paste-icons/src/MinusIcon.tsx index 5fc08b2a91..db92cfae2f 100644 --- a/packages/paste-icons/src/MinusIcon.tsx +++ b/packages/paste-icons/src/MinusIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MobileIcon.tsx b/packages/paste-icons/src/MobileIcon.tsx index 203b06f8f0..cd0270ab94 100644 --- a/packages/paste-icons/src/MobileIcon.tsx +++ b/packages/paste-icons/src/MobileIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/MoreIcon.tsx b/packages/paste-icons/src/MoreIcon.tsx index bd3bfc80fa..abb80c77e2 100644 --- a/packages/paste-icons/src/MoreIcon.tsx +++ b/packages/paste-icons/src/MoreIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/NeutralIcon.tsx b/packages/paste-icons/src/NeutralIcon.tsx index 3638606975..bf58fd61db 100644 --- a/packages/paste-icons/src/NeutralIcon.tsx +++ b/packages/paste-icons/src/NeutralIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/NewIcon.tsx b/packages/paste-icons/src/NewIcon.tsx index d0d4c4019c..fad9c14ae3 100644 --- a/packages/paste-icons/src/NewIcon.tsx +++ b/packages/paste-icons/src/NewIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/NotesIcon.tsx b/packages/paste-icons/src/NotesIcon.tsx index 6fa1f37e3a..8711e9c434 100644 --- a/packages/paste-icons/src/NotesIcon.tsx +++ b/packages/paste-icons/src/NotesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/NotificationIcon.tsx b/packages/paste-icons/src/NotificationIcon.tsx index cec622a2c6..94cc0e62b3 100644 --- a/packages/paste-icons/src/NotificationIcon.tsx +++ b/packages/paste-icons/src/NotificationIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/OrderedListIcon.tsx b/packages/paste-icons/src/OrderedListIcon.tsx index dba92bd2ad..0ac9266c73 100644 --- a/packages/paste-icons/src/OrderedListIcon.tsx +++ b/packages/paste-icons/src/OrderedListIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/OutOfDateIcon.tsx b/packages/paste-icons/src/OutOfDateIcon.tsx index 9227ac5bb2..71e145dc30 100644 --- a/packages/paste-icons/src/OutOfDateIcon.tsx +++ b/packages/paste-icons/src/OutOfDateIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/PauseIcon.tsx b/packages/paste-icons/src/PauseIcon.tsx index 2581466a4c..dc3f873b8c 100644 --- a/packages/paste-icons/src/PauseIcon.tsx +++ b/packages/paste-icons/src/PauseIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/PinIcon.tsx b/packages/paste-icons/src/PinIcon.tsx index 8751886f68..c55f6de842 100644 --- a/packages/paste-icons/src/PinIcon.tsx +++ b/packages/paste-icons/src/PinIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/PlayIcon.tsx b/packages/paste-icons/src/PlayIcon.tsx index 14dbb68bcf..e31d5b095e 100644 --- a/packages/paste-icons/src/PlayIcon.tsx +++ b/packages/paste-icons/src/PlayIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/PlusIcon.tsx b/packages/paste-icons/src/PlusIcon.tsx index af436a9973..c1622f7ed9 100644 --- a/packages/paste-icons/src/PlusIcon.tsx +++ b/packages/paste-icons/src/PlusIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessDisabledIcon.tsx b/packages/paste-icons/src/ProcessDisabledIcon.tsx index 2b870fa97b..8d4aa8fffb 100644 --- a/packages/paste-icons/src/ProcessDisabledIcon.tsx +++ b/packages/paste-icons/src/ProcessDisabledIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessDraftIcon.tsx b/packages/paste-icons/src/ProcessDraftIcon.tsx index fd136feb15..78bc24ea7e 100644 --- a/packages/paste-icons/src/ProcessDraftIcon.tsx +++ b/packages/paste-icons/src/ProcessDraftIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessErrorIcon.tsx b/packages/paste-icons/src/ProcessErrorIcon.tsx index f744403c0e..1fc1012baf 100644 --- a/packages/paste-icons/src/ProcessErrorIcon.tsx +++ b/packages/paste-icons/src/ProcessErrorIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessInProgressIcon.tsx b/packages/paste-icons/src/ProcessInProgressIcon.tsx index f1eab79c70..14a29c0edc 100644 --- a/packages/paste-icons/src/ProcessInProgressIcon.tsx +++ b/packages/paste-icons/src/ProcessInProgressIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessNeutralIcon.tsx b/packages/paste-icons/src/ProcessNeutralIcon.tsx index 7a0482f2fa..84c86d52eb 100644 --- a/packages/paste-icons/src/ProcessNeutralIcon.tsx +++ b/packages/paste-icons/src/ProcessNeutralIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessSuccessIcon.tsx b/packages/paste-icons/src/ProcessSuccessIcon.tsx index 3d55d2bc8e..d284f84c13 100644 --- a/packages/paste-icons/src/ProcessSuccessIcon.tsx +++ b/packages/paste-icons/src/ProcessSuccessIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProcessWarningIcon.tsx b/packages/paste-icons/src/ProcessWarningIcon.tsx index 238ede8315..c572edcf5a 100644 --- a/packages/paste-icons/src/ProcessWarningIcon.tsx +++ b/packages/paste-icons/src/ProcessWarningIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAPIExplorerIcon.tsx b/packages/paste-icons/src/ProductAPIExplorerIcon.tsx index 8c368d2b0e..3e083728ac 100644 --- a/packages/paste-icons/src/ProductAPIExplorerIcon.tsx +++ b/packages/paste-icons/src/ProductAPIExplorerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAddOnsIcon.tsx b/packages/paste-icons/src/ProductAddOnsIcon.tsx index 864927895d..665171bf1b 100644 --- a/packages/paste-icons/src/ProductAddOnsIcon.tsx +++ b/packages/paste-icons/src/ProductAddOnsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminAccessControlIcon.tsx b/packages/paste-icons/src/ProductAdminAccessControlIcon.tsx index 2da055a18f..64b1b36336 100644 --- a/packages/paste-icons/src/ProductAdminAccessControlIcon.tsx +++ b/packages/paste-icons/src/ProductAdminAccessControlIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminAccountsIcon.tsx b/packages/paste-icons/src/ProductAdminAccountsIcon.tsx index 5a5aa0b869..e94469f74e 100644 --- a/packages/paste-icons/src/ProductAdminAccountsIcon.tsx +++ b/packages/paste-icons/src/ProductAdminAccountsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminDomainsIcon.tsx b/packages/paste-icons/src/ProductAdminDomainsIcon.tsx index 5c7a39a17d..5f33b9ed53 100644 --- a/packages/paste-icons/src/ProductAdminDomainsIcon.tsx +++ b/packages/paste-icons/src/ProductAdminDomainsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminResoldCustomersIcon.tsx b/packages/paste-icons/src/ProductAdminResoldCustomersIcon.tsx index 431162a0c9..78cd3fec71 100644 --- a/packages/paste-icons/src/ProductAdminResoldCustomersIcon.tsx +++ b/packages/paste-icons/src/ProductAdminResoldCustomersIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminSSOIcon.tsx b/packages/paste-icons/src/ProductAdminSSOIcon.tsx index 5de0b5a7be..9ad60887b5 100644 --- a/packages/paste-icons/src/ProductAdminSSOIcon.tsx +++ b/packages/paste-icons/src/ProductAdminSSOIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAdminUsersIcon.tsx b/packages/paste-icons/src/ProductAdminUsersIcon.tsx index 99124a5eac..205462f6f8 100644 --- a/packages/paste-icons/src/ProductAdminUsersIcon.tsx +++ b/packages/paste-icons/src/ProductAdminUsersIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAlarmsIcon.tsx b/packages/paste-icons/src/ProductAlarmsIcon.tsx index dc41ead2f6..d6576a66fb 100644 --- a/packages/paste-icons/src/ProductAlarmsIcon.tsx +++ b/packages/paste-icons/src/ProductAlarmsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAssetsIcon.tsx b/packages/paste-icons/src/ProductAssetsIcon.tsx index ca4c37d3d1..65ac59a8f6 100644 --- a/packages/paste-icons/src/ProductAssetsIcon.tsx +++ b/packages/paste-icons/src/ProductAssetsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAudiencesIcon.tsx b/packages/paste-icons/src/ProductAudiencesIcon.tsx index 20f73b418c..da6e5b5408 100644 --- a/packages/paste-icons/src/ProductAudiencesIcon.tsx +++ b/packages/paste-icons/src/ProductAudiencesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAuthyIcon.tsx b/packages/paste-icons/src/ProductAuthyIcon.tsx index 83c4cbd329..ba680bf7e5 100644 --- a/packages/paste-icons/src/ProductAuthyIcon.tsx +++ b/packages/paste-icons/src/ProductAuthyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductAutopilotIcon.tsx b/packages/paste-icons/src/ProductAutopilotIcon.tsx index 1fef849791..18e2fda79d 100644 --- a/packages/paste-icons/src/ProductAutopilotIcon.tsx +++ b/packages/paste-icons/src/ProductAutopilotIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductBillingIcon.tsx b/packages/paste-icons/src/ProductBillingIcon.tsx index e898f064ba..6b5cf7cfde 100644 --- a/packages/paste-icons/src/ProductBillingIcon.tsx +++ b/packages/paste-icons/src/ProductBillingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductCLIIcon.tsx b/packages/paste-icons/src/ProductCLIIcon.tsx index 3f9616a065..22d6e275d6 100644 --- a/packages/paste-icons/src/ProductCLIIcon.tsx +++ b/packages/paste-icons/src/ProductCLIIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductChannelsIcon.tsx b/packages/paste-icons/src/ProductChannelsIcon.tsx index c7ef32bc1e..43f08dbb4d 100644 --- a/packages/paste-icons/src/ProductChannelsIcon.tsx +++ b/packages/paste-icons/src/ProductChannelsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductChatIcon.tsx b/packages/paste-icons/src/ProductChatIcon.tsx index 14ec6f313a..1c52a3c073 100644 --- a/packages/paste-icons/src/ProductChatIcon.tsx +++ b/packages/paste-icons/src/ProductChatIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductCodeExchangeCommunityIcon.tsx b/packages/paste-icons/src/ProductCodeExchangeCommunityIcon.tsx index 0c9ea5332e..6be44d80c4 100644 --- a/packages/paste-icons/src/ProductCodeExchangeCommunityIcon.tsx +++ b/packages/paste-icons/src/ProductCodeExchangeCommunityIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductCodeExchangePartnerIcon.tsx b/packages/paste-icons/src/ProductCodeExchangePartnerIcon.tsx index 990c9433fa..1f5cd0d22e 100644 --- a/packages/paste-icons/src/ProductCodeExchangePartnerIcon.tsx +++ b/packages/paste-icons/src/ProductCodeExchangePartnerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductCommsIcon.tsx b/packages/paste-icons/src/ProductCommsIcon.tsx index d3ba346973..bf0ba7f485 100644 --- a/packages/paste-icons/src/ProductCommsIcon.tsx +++ b/packages/paste-icons/src/ProductCommsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductConnectedDevicesIcon.tsx b/packages/paste-icons/src/ProductConnectedDevicesIcon.tsx index d4dca5d30d..ff8b3fd00f 100644 --- a/packages/paste-icons/src/ProductConnectedDevicesIcon.tsx +++ b/packages/paste-icons/src/ProductConnectedDevicesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductConnectionsIcon.tsx b/packages/paste-icons/src/ProductConnectionsIcon.tsx index 5ecb088c23..25fb70155e 100644 --- a/packages/paste-icons/src/ProductConnectionsIcon.tsx +++ b/packages/paste-icons/src/ProductConnectionsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductContactCenterAdminIcon.tsx b/packages/paste-icons/src/ProductContactCenterAdminIcon.tsx index 87c341fe36..66d6c9306d 100644 --- a/packages/paste-icons/src/ProductContactCenterAdminIcon.tsx +++ b/packages/paste-icons/src/ProductContactCenterAdminIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductContactCenterAssessmentsIcon.tsx b/packages/paste-icons/src/ProductContactCenterAssessmentsIcon.tsx index 9e752f56e8..5f3b1d83f3 100644 --- a/packages/paste-icons/src/ProductContactCenterAssessmentsIcon.tsx +++ b/packages/paste-icons/src/ProductContactCenterAssessmentsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductContactCenterQueuesIcon.tsx b/packages/paste-icons/src/ProductContactCenterQueuesIcon.tsx index 492d17c34e..87d432b4dd 100644 --- a/packages/paste-icons/src/ProductContactCenterQueuesIcon.tsx +++ b/packages/paste-icons/src/ProductContactCenterQueuesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductContactCenterTasksIcon.tsx b/packages/paste-icons/src/ProductContactCenterTasksIcon.tsx index 0172373d8a..054881ac84 100644 --- a/packages/paste-icons/src/ProductContactCenterTasksIcon.tsx +++ b/packages/paste-icons/src/ProductContactCenterTasksIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductContactCenterTeamsIcon.tsx b/packages/paste-icons/src/ProductContactCenterTeamsIcon.tsx index 3aa64beb04..d49b1d1ddd 100644 --- a/packages/paste-icons/src/ProductContactCenterTeamsIcon.tsx +++ b/packages/paste-icons/src/ProductContactCenterTeamsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductConversationsIcon.tsx b/packages/paste-icons/src/ProductConversationsIcon.tsx index 60da467037..6247104661 100644 --- a/packages/paste-icons/src/ProductConversationsIcon.tsx +++ b/packages/paste-icons/src/ProductConversationsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductDebuggerIcon.tsx b/packages/paste-icons/src/ProductDebuggerIcon.tsx index 2a25757374..521c8919dc 100644 --- a/packages/paste-icons/src/ProductDebuggerIcon.tsx +++ b/packages/paste-icons/src/ProductDebuggerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductDestinationsIcon.tsx b/packages/paste-icons/src/ProductDestinationsIcon.tsx index 912a0fa485..b4cc4b708a 100644 --- a/packages/paste-icons/src/ProductDestinationsIcon.tsx +++ b/packages/paste-icons/src/ProductDestinationsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductElasticSIPTrunkingIcon.tsx b/packages/paste-icons/src/ProductElasticSIPTrunkingIcon.tsx index 03dff5c5ec..2634fd28fc 100644 --- a/packages/paste-icons/src/ProductElasticSIPTrunkingIcon.tsx +++ b/packages/paste-icons/src/ProductElasticSIPTrunkingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEmailAPIIcon.tsx b/packages/paste-icons/src/ProductEmailAPIIcon.tsx index 5d68687bed..0254219586 100644 --- a/packages/paste-icons/src/ProductEmailAPIIcon.tsx +++ b/packages/paste-icons/src/ProductEmailAPIIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEngageIcon.tsx b/packages/paste-icons/src/ProductEngageIcon.tsx index 855473935f..d7e0126dca 100644 --- a/packages/paste-icons/src/ProductEngageIcon.tsx +++ b/packages/paste-icons/src/ProductEngageIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEngagementIntelligencePlatformIcon.tsx b/packages/paste-icons/src/ProductEngagementIntelligencePlatformIcon.tsx index 5ec28c58b9..516c67e91c 100644 --- a/packages/paste-icons/src/ProductEngagementIntelligencePlatformIcon.tsx +++ b/packages/paste-icons/src/ProductEngagementIntelligencePlatformIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEventLibraryIcon.tsx b/packages/paste-icons/src/ProductEventLibraryIcon.tsx index 2cdd3fba45..288b0d33d7 100644 --- a/packages/paste-icons/src/ProductEventLibraryIcon.tsx +++ b/packages/paste-icons/src/ProductEventLibraryIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEventStreamIcon.tsx b/packages/paste-icons/src/ProductEventStreamIcon.tsx index acc82fe94f..4525b33cec 100644 --- a/packages/paste-icons/src/ProductEventStreamIcon.tsx +++ b/packages/paste-icons/src/ProductEventStreamIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductEventStreamsIcon.tsx b/packages/paste-icons/src/ProductEventStreamsIcon.tsx index e24d7e0320..9e1a50d508 100644 --- a/packages/paste-icons/src/ProductEventStreamsIcon.tsx +++ b/packages/paste-icons/src/ProductEventStreamsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductFaxIcon.tsx b/packages/paste-icons/src/ProductFaxIcon.tsx index 8cb051964a..42e3b4a25a 100644 --- a/packages/paste-icons/src/ProductFaxIcon.tsx +++ b/packages/paste-icons/src/ProductFaxIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductFlexIcon.tsx b/packages/paste-icons/src/ProductFlexIcon.tsx index c581c9404c..3516ce0a15 100644 --- a/packages/paste-icons/src/ProductFlexIcon.tsx +++ b/packages/paste-icons/src/ProductFlexIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductFlowIcon.tsx b/packages/paste-icons/src/ProductFlowIcon.tsx index 28800d975b..c3666eaff3 100644 --- a/packages/paste-icons/src/ProductFlowIcon.tsx +++ b/packages/paste-icons/src/ProductFlowIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductFrontlineIcon.tsx b/packages/paste-icons/src/ProductFrontlineIcon.tsx index d778adb9d4..3893dcc06e 100644 --- a/packages/paste-icons/src/ProductFrontlineIcon.tsx +++ b/packages/paste-icons/src/ProductFrontlineIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductFunctionsIcon.tsx b/packages/paste-icons/src/ProductFunctionsIcon.tsx index f298cd39c8..756dc908d0 100644 --- a/packages/paste-icons/src/ProductFunctionsIcon.tsx +++ b/packages/paste-icons/src/ProductFunctionsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductHomeIcon.tsx b/packages/paste-icons/src/ProductHomeIcon.tsx index 108290e511..1f82cffdb2 100644 --- a/packages/paste-icons/src/ProductHomeIcon.tsx +++ b/packages/paste-icons/src/ProductHomeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInsightsIcon.tsx b/packages/paste-icons/src/ProductInsightsIcon.tsx index 83c5777e33..2e42e5a420 100644 --- a/packages/paste-icons/src/ProductInsightsIcon.tsx +++ b/packages/paste-icons/src/ProductInsightsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInterconnectIcon.tsx b/packages/paste-icons/src/ProductInterconnectIcon.tsx index 40f50c0fc3..e8aca43681 100644 --- a/packages/paste-icons/src/ProductInterconnectIcon.tsx +++ b/packages/paste-icons/src/ProductInterconnectIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsEmbeddedSIMIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsEmbeddedSIMIcon.tsx index 162d827223..36ee1ecc2f 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsEmbeddedSIMIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsEmbeddedSIMIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsIcon.tsx index 4b56e7c049..617c05393e 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsNarrowbandIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsNarrowbandIcon.tsx index 2daa3d0a6c..d3701c2654 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsNarrowbandIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsNarrowbandIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx index 26f2f0017d..d3a5474813 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsProgrammableAssetTrackerIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsSuperSIMIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsSuperSIMIcon.tsx index 5e205e6ef9..ccad5ac05c 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsSuperSIMIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsSuperSIMIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsTrustOnboardIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsTrustOnboardIcon.tsx index 26e4e1ddb1..028bb5b42c 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsTrustOnboardIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsTrustOnboardIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductInternetOfThingsWirelessIcon.tsx b/packages/paste-icons/src/ProductInternetOfThingsWirelessIcon.tsx index 5f55425055..048a332856 100644 --- a/packages/paste-icons/src/ProductInternetOfThingsWirelessIcon.tsx +++ b/packages/paste-icons/src/ProductInternetOfThingsWirelessIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductJourneysIcon.tsx b/packages/paste-icons/src/ProductJourneysIcon.tsx index 349c912130..055fd0af68 100644 --- a/packages/paste-icons/src/ProductJourneysIcon.tsx +++ b/packages/paste-icons/src/ProductJourneysIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductKeysIcon.tsx b/packages/paste-icons/src/ProductKeysIcon.tsx index 10bf28fe1e..28f91fc9d5 100644 --- a/packages/paste-icons/src/ProductKeysIcon.tsx +++ b/packages/paste-icons/src/ProductKeysIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductLiveIcon.tsx b/packages/paste-icons/src/ProductLiveIcon.tsx index 0d8141b79e..c45ba40ac2 100644 --- a/packages/paste-icons/src/ProductLiveIcon.tsx +++ b/packages/paste-icons/src/ProductLiveIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductLogsIcon.tsx b/packages/paste-icons/src/ProductLogsIcon.tsx index 6d6947771e..0ca94d1731 100644 --- a/packages/paste-icons/src/ProductLogsIcon.tsx +++ b/packages/paste-icons/src/ProductLogsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductLookupIcon.tsx b/packages/paste-icons/src/ProductLookupIcon.tsx index 1584b2d1d1..38d91564a7 100644 --- a/packages/paste-icons/src/ProductLookupIcon.tsx +++ b/packages/paste-icons/src/ProductLookupIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductMappingIcon.tsx b/packages/paste-icons/src/ProductMappingIcon.tsx index d6b8658dd1..f235477c11 100644 --- a/packages/paste-icons/src/ProductMappingIcon.tsx +++ b/packages/paste-icons/src/ProductMappingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductMarketingCampaignsIcon.tsx b/packages/paste-icons/src/ProductMarketingCampaignsIcon.tsx index 1c8fc23178..dac809893c 100644 --- a/packages/paste-icons/src/ProductMarketingCampaignsIcon.tsx +++ b/packages/paste-icons/src/ProductMarketingCampaignsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductMessagingIcon.tsx b/packages/paste-icons/src/ProductMessagingIcon.tsx index a1fa921e1b..dfbfca07de 100644 --- a/packages/paste-icons/src/ProductMessagingIcon.tsx +++ b/packages/paste-icons/src/ProductMessagingIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductMicrovisorIcon.tsx b/packages/paste-icons/src/ProductMicrovisorIcon.tsx index 12cbfad6cc..a0caccff90 100644 --- a/packages/paste-icons/src/ProductMicrovisorIcon.tsx +++ b/packages/paste-icons/src/ProductMicrovisorIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductNotifyIcon.tsx b/packages/paste-icons/src/ProductNotifyIcon.tsx index e363122b05..5bcfef8fd7 100644 --- a/packages/paste-icons/src/ProductNotifyIcon.tsx +++ b/packages/paste-icons/src/ProductNotifyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductOneAdminIcon.tsx b/packages/paste-icons/src/ProductOneAdminIcon.tsx index a67169d8fd..4ed309442b 100644 --- a/packages/paste-icons/src/ProductOneAdminIcon.tsx +++ b/packages/paste-icons/src/ProductOneAdminIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductPayConnectorIcon.tsx b/packages/paste-icons/src/ProductPayConnectorIcon.tsx index 4efd5e9edd..784079a694 100644 --- a/packages/paste-icons/src/ProductPayConnectorIcon.tsx +++ b/packages/paste-icons/src/ProductPayConnectorIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductPersonasIcon.tsx b/packages/paste-icons/src/ProductPersonasIcon.tsx index e954ac8788..2a7c1f5003 100644 --- a/packages/paste-icons/src/ProductPersonasIcon.tsx +++ b/packages/paste-icons/src/ProductPersonasIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductPhoneNumbersIcon.tsx b/packages/paste-icons/src/ProductPhoneNumbersIcon.tsx index 783659db1a..8a23b28907 100644 --- a/packages/paste-icons/src/ProductPhoneNumbersIcon.tsx +++ b/packages/paste-icons/src/ProductPhoneNumbersIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductPrivacyIcon.tsx b/packages/paste-icons/src/ProductPrivacyIcon.tsx index 539ac081c4..f9eaeb3dfa 100644 --- a/packages/paste-icons/src/ProductPrivacyIcon.tsx +++ b/packages/paste-icons/src/ProductPrivacyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductProtocolsIcon.tsx b/packages/paste-icons/src/ProductProtocolsIcon.tsx index 25c157812e..8fe3fc4f79 100644 --- a/packages/paste-icons/src/ProductProtocolsIcon.tsx +++ b/packages/paste-icons/src/ProductProtocolsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductProxyIcon.tsx b/packages/paste-icons/src/ProductProxyIcon.tsx index 7c22726646..89d2124d89 100644 --- a/packages/paste-icons/src/ProductProxyIcon.tsx +++ b/packages/paste-icons/src/ProductProxyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductRegionalIcon.tsx b/packages/paste-icons/src/ProductRegionalIcon.tsx index 8528201120..eb4d86e161 100644 --- a/packages/paste-icons/src/ProductRegionalIcon.tsx +++ b/packages/paste-icons/src/ProductRegionalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductReverseETLIcon.tsx b/packages/paste-icons/src/ProductReverseETLIcon.tsx index f711bb0fcc..4d202e9652 100644 --- a/packages/paste-icons/src/ProductReverseETLIcon.tsx +++ b/packages/paste-icons/src/ProductReverseETLIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSDKIcon.tsx b/packages/paste-icons/src/ProductSDKIcon.tsx index 707aa74c2b..edc8c78f54 100644 --- a/packages/paste-icons/src/ProductSDKIcon.tsx +++ b/packages/paste-icons/src/ProductSDKIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSegmentIcon.tsx b/packages/paste-icons/src/ProductSegmentIcon.tsx index 5331cf2813..55c98980c5 100644 --- a/packages/paste-icons/src/ProductSegmentIcon.tsx +++ b/packages/paste-icons/src/ProductSegmentIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSettingsIcon.tsx b/packages/paste-icons/src/ProductSettingsIcon.tsx index 4295848283..218e358afd 100644 --- a/packages/paste-icons/src/ProductSettingsIcon.tsx +++ b/packages/paste-icons/src/ProductSettingsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSourceSchemaIcon.tsx b/packages/paste-icons/src/ProductSourceSchemaIcon.tsx index ce0b10bc71..4e668913ba 100644 --- a/packages/paste-icons/src/ProductSourceSchemaIcon.tsx +++ b/packages/paste-icons/src/ProductSourceSchemaIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSourcesIcon.tsx b/packages/paste-icons/src/ProductSourcesIcon.tsx index 020a5bdba5..00b8d086b6 100644 --- a/packages/paste-icons/src/ProductSourcesIcon.tsx +++ b/packages/paste-icons/src/ProductSourcesIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductStudioIcon.tsx b/packages/paste-icons/src/ProductStudioIcon.tsx index b6a0341254..0ea44d82ff 100644 --- a/packages/paste-icons/src/ProductStudioIcon.tsx +++ b/packages/paste-icons/src/ProductStudioIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSupportIcon.tsx b/packages/paste-icons/src/ProductSupportIcon.tsx index b3552a4159..40d4ff6940 100644 --- a/packages/paste-icons/src/ProductSupportIcon.tsx +++ b/packages/paste-icons/src/ProductSupportIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSwitcherIcon.tsx b/packages/paste-icons/src/ProductSwitcherIcon.tsx index 50819f70e5..e61e76c31f 100644 --- a/packages/paste-icons/src/ProductSwitcherIcon.tsx +++ b/packages/paste-icons/src/ProductSwitcherIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductSyncIcon.tsx b/packages/paste-icons/src/ProductSyncIcon.tsx index c64323e4c2..bd6c2e9468 100644 --- a/packages/paste-icons/src/ProductSyncIcon.tsx +++ b/packages/paste-icons/src/ProductSyncIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductTaskRouterIcon.tsx b/packages/paste-icons/src/ProductTaskRouterIcon.tsx index 5a1837f103..6c080a24f1 100644 --- a/packages/paste-icons/src/ProductTaskRouterIcon.tsx +++ b/packages/paste-icons/src/ProductTaskRouterIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductTraitsIcon.tsx b/packages/paste-icons/src/ProductTraitsIcon.tsx index 219305677e..c35f05873a 100644 --- a/packages/paste-icons/src/ProductTraitsIcon.tsx +++ b/packages/paste-icons/src/ProductTraitsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductTrustHubIcon.tsx b/packages/paste-icons/src/ProductTrustHubIcon.tsx index b6f8e068c8..5396351171 100644 --- a/packages/paste-icons/src/ProductTrustHubIcon.tsx +++ b/packages/paste-icons/src/ProductTrustHubIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductTwiMLBinsIcon.tsx b/packages/paste-icons/src/ProductTwiMLBinsIcon.tsx index c46a7cf370..eb0157ee3e 100644 --- a/packages/paste-icons/src/ProductTwiMLBinsIcon.tsx +++ b/packages/paste-icons/src/ProductTwiMLBinsIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductTwilioOrgIcon.tsx b/packages/paste-icons/src/ProductTwilioOrgIcon.tsx index 48f1370f43..3fbd5a8dff 100644 --- a/packages/paste-icons/src/ProductTwilioOrgIcon.tsx +++ b/packages/paste-icons/src/ProductTwilioOrgIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductUSSDIcon.tsx b/packages/paste-icons/src/ProductUSSDIcon.tsx index a855d1df23..58af108166 100644 --- a/packages/paste-icons/src/ProductUSSDIcon.tsx +++ b/packages/paste-icons/src/ProductUSSDIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductUnifyIcon.tsx b/packages/paste-icons/src/ProductUnifyIcon.tsx index 5e2f7bb805..8ba743e49e 100644 --- a/packages/paste-icons/src/ProductUnifyIcon.tsx +++ b/packages/paste-icons/src/ProductUnifyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductUsageIcon.tsx b/packages/paste-icons/src/ProductUsageIcon.tsx index dbc29cddd3..2268c11ffb 100644 --- a/packages/paste-icons/src/ProductUsageIcon.tsx +++ b/packages/paste-icons/src/ProductUsageIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductVerifyIcon.tsx b/packages/paste-icons/src/ProductVerifyIcon.tsx index 47f521ca5f..762389d516 100644 --- a/packages/paste-icons/src/ProductVerifyIcon.tsx +++ b/packages/paste-icons/src/ProductVerifyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductVideoIcon.tsx b/packages/paste-icons/src/ProductVideoIcon.tsx index 444705a4fc..d7b50b968a 100644 --- a/packages/paste-icons/src/ProductVideoIcon.tsx +++ b/packages/paste-icons/src/ProductVideoIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductVoiceIcon.tsx b/packages/paste-icons/src/ProductVoiceIcon.tsx index 95bb3a32e9..6a7112f217 100644 --- a/packages/paste-icons/src/ProductVoiceIcon.tsx +++ b/packages/paste-icons/src/ProductVoiceIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ProductVoiceIntelligenceIcon.tsx b/packages/paste-icons/src/ProductVoiceIntelligenceIcon.tsx index 408fec9df4..c171713605 100644 --- a/packages/paste-icons/src/ProductVoiceIntelligenceIcon.tsx +++ b/packages/paste-icons/src/ProductVoiceIntelligenceIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/RaiseHandIcon.tsx b/packages/paste-icons/src/RaiseHandIcon.tsx index 08399e72e0..d14ba775b5 100644 --- a/packages/paste-icons/src/RaiseHandIcon.tsx +++ b/packages/paste-icons/src/RaiseHandIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/RecordIcon.tsx b/packages/paste-icons/src/RecordIcon.tsx index b124b39af5..e0d64ddb54 100644 --- a/packages/paste-icons/src/RecordIcon.tsx +++ b/packages/paste-icons/src/RecordIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/RedoIcon.tsx b/packages/paste-icons/src/RedoIcon.tsx index c60e5dd88c..8467535239 100644 --- a/packages/paste-icons/src/RedoIcon.tsx +++ b/packages/paste-icons/src/RedoIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/RefreshIcon.tsx b/packages/paste-icons/src/RefreshIcon.tsx index 4e6f5ce6a8..97b44c5be8 100644 --- a/packages/paste-icons/src/RefreshIcon.tsx +++ b/packages/paste-icons/src/RefreshIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/RepeatIcon.tsx b/packages/paste-icons/src/RepeatIcon.tsx index 48ecbd26f5..cbca09a654 100644 --- a/packages/paste-icons/src/RepeatIcon.tsx +++ b/packages/paste-icons/src/RepeatIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ResetIcon.tsx b/packages/paste-icons/src/ResetIcon.tsx index 42a3ce6d92..380daeb699 100644 --- a/packages/paste-icons/src/ResetIcon.tsx +++ b/packages/paste-icons/src/ResetIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SMSCapableIcon.tsx b/packages/paste-icons/src/SMSCapableIcon.tsx index 543d34f134..90ef6867e2 100644 --- a/packages/paste-icons/src/SMSCapableIcon.tsx +++ b/packages/paste-icons/src/SMSCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SMSIcon.tsx b/packages/paste-icons/src/SMSIcon.tsx index 17830f7b2b..96964ce9e2 100644 --- a/packages/paste-icons/src/SMSIcon.tsx +++ b/packages/paste-icons/src/SMSIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ScreenShareIcon.tsx b/packages/paste-icons/src/ScreenShareIcon.tsx index f70b643c2a..99e7c53834 100644 --- a/packages/paste-icons/src/ScreenShareIcon.tsx +++ b/packages/paste-icons/src/ScreenShareIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SearchIcon.tsx b/packages/paste-icons/src/SearchIcon.tsx index 08493065d9..bea63b1e6b 100644 --- a/packages/paste-icons/src/SearchIcon.tsx +++ b/packages/paste-icons/src/SearchIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SelectIcon.tsx b/packages/paste-icons/src/SelectIcon.tsx index 24a45ce5d1..c386402999 100644 --- a/packages/paste-icons/src/SelectIcon.tsx +++ b/packages/paste-icons/src/SelectIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SelectedIcon.tsx b/packages/paste-icons/src/SelectedIcon.tsx index d2d543df84..c36c43a24d 100644 --- a/packages/paste-icons/src/SelectedIcon.tsx +++ b/packages/paste-icons/src/SelectedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SendIcon.tsx b/packages/paste-icons/src/SendIcon.tsx index 2d72678e58..eba5663331 100644 --- a/packages/paste-icons/src/SendIcon.tsx +++ b/packages/paste-icons/src/SendIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SentIcon.tsx b/packages/paste-icons/src/SentIcon.tsx index 3ed1a1e5f8..e0d9cb6c4b 100644 --- a/packages/paste-icons/src/SentIcon.tsx +++ b/packages/paste-icons/src/SentIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ShareIcon.tsx b/packages/paste-icons/src/ShareIcon.tsx index 0696c3a2a0..f5f488f259 100644 --- a/packages/paste-icons/src/ShareIcon.tsx +++ b/packages/paste-icons/src/ShareIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ShowIcon.tsx b/packages/paste-icons/src/ShowIcon.tsx index 9b094f1dcd..4257d3b546 100644 --- a/packages/paste-icons/src/ShowIcon.tsx +++ b/packages/paste-icons/src/ShowIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ShrinkIcon.tsx b/packages/paste-icons/src/ShrinkIcon.tsx index b9732dabbe..5c19da8e54 100644 --- a/packages/paste-icons/src/ShrinkIcon.tsx +++ b/packages/paste-icons/src/ShrinkIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SkipBackIcon.tsx b/packages/paste-icons/src/SkipBackIcon.tsx index 298108a649..235e0be5de 100644 --- a/packages/paste-icons/src/SkipBackIcon.tsx +++ b/packages/paste-icons/src/SkipBackIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SkipForwardIcon.tsx b/packages/paste-icons/src/SkipForwardIcon.tsx index c4c143fb2f..50f42649b3 100644 --- a/packages/paste-icons/src/SkipForwardIcon.tsx +++ b/packages/paste-icons/src/SkipForwardIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SocialIcon.tsx b/packages/paste-icons/src/SocialIcon.tsx index b9f0625659..fa1266a1f0 100644 --- a/packages/paste-icons/src/SocialIcon.tsx +++ b/packages/paste-icons/src/SocialIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SortAlphabeticalIcon.tsx b/packages/paste-icons/src/SortAlphabeticalIcon.tsx index 03b644070e..e8076abdcd 100644 --- a/packages/paste-icons/src/SortAlphabeticalIcon.tsx +++ b/packages/paste-icons/src/SortAlphabeticalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SpacerVerticalIcon.tsx b/packages/paste-icons/src/SpacerVerticalIcon.tsx index 8f8ba4856d..1d94e8ef7a 100644 --- a/packages/paste-icons/src/SpacerVerticalIcon.tsx +++ b/packages/paste-icons/src/SpacerVerticalIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/StarIcon.tsx b/packages/paste-icons/src/StarIcon.tsx index 8532743696..b24338284a 100644 --- a/packages/paste-icons/src/StarIcon.tsx +++ b/packages/paste-icons/src/StarIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/StopIcon.tsx b/packages/paste-icons/src/StopIcon.tsx index b78d16a29d..1af53e56dc 100644 --- a/packages/paste-icons/src/StopIcon.tsx +++ b/packages/paste-icons/src/StopIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/StopScreenShareIcon.tsx b/packages/paste-icons/src/StopScreenShareIcon.tsx index 2add75d411..49f4d930c4 100644 --- a/packages/paste-icons/src/StopScreenShareIcon.tsx +++ b/packages/paste-icons/src/StopScreenShareIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/StoreIcon.tsx b/packages/paste-icons/src/StoreIcon.tsx index 68c46c24a7..0e73b13877 100644 --- a/packages/paste-icons/src/StoreIcon.tsx +++ b/packages/paste-icons/src/StoreIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/StrikethroughIcon.tsx b/packages/paste-icons/src/StrikethroughIcon.tsx index 4af2930453..0162365050 100644 --- a/packages/paste-icons/src/StrikethroughIcon.tsx +++ b/packages/paste-icons/src/StrikethroughIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SubscriptIcon.tsx b/packages/paste-icons/src/SubscriptIcon.tsx index d6da589007..e718df78d1 100644 --- a/packages/paste-icons/src/SubscriptIcon.tsx +++ b/packages/paste-icons/src/SubscriptIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SuccessIcon.tsx b/packages/paste-icons/src/SuccessIcon.tsx index 8f614158b5..4c6ebed746 100644 --- a/packages/paste-icons/src/SuccessIcon.tsx +++ b/packages/paste-icons/src/SuccessIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SuperscriptIcon.tsx b/packages/paste-icons/src/SuperscriptIcon.tsx index 1b398377bd..7ab4af85f8 100644 --- a/packages/paste-icons/src/SuperscriptIcon.tsx +++ b/packages/paste-icons/src/SuperscriptIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SupportIcon.tsx b/packages/paste-icons/src/SupportIcon.tsx index d72e8f332a..a49f50d7c5 100644 --- a/packages/paste-icons/src/SupportIcon.tsx +++ b/packages/paste-icons/src/SupportIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/SystemStatusIcon.tsx b/packages/paste-icons/src/SystemStatusIcon.tsx index 71191b0954..46cd51034b 100644 --- a/packages/paste-icons/src/SystemStatusIcon.tsx +++ b/packages/paste-icons/src/SystemStatusIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TaskIcon.tsx b/packages/paste-icons/src/TaskIcon.tsx index fee17fd13d..c5a4fde7a9 100644 --- a/packages/paste-icons/src/TaskIcon.tsx +++ b/packages/paste-icons/src/TaskIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextAlignCenterIcon.tsx b/packages/paste-icons/src/TextAlignCenterIcon.tsx index b53c93a2b6..961a24c71d 100644 --- a/packages/paste-icons/src/TextAlignCenterIcon.tsx +++ b/packages/paste-icons/src/TextAlignCenterIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextAlignJustifyIcon.tsx b/packages/paste-icons/src/TextAlignJustifyIcon.tsx index 459334ae98..f4d3f8c762 100644 --- a/packages/paste-icons/src/TextAlignJustifyIcon.tsx +++ b/packages/paste-icons/src/TextAlignJustifyIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextAlignLeftIcon.tsx b/packages/paste-icons/src/TextAlignLeftIcon.tsx index 132df48748..9c3b0cb340 100644 --- a/packages/paste-icons/src/TextAlignLeftIcon.tsx +++ b/packages/paste-icons/src/TextAlignLeftIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextAlignRightIcon.tsx b/packages/paste-icons/src/TextAlignRightIcon.tsx index 8499588e5c..398cb5bad9 100644 --- a/packages/paste-icons/src/TextAlignRightIcon.tsx +++ b/packages/paste-icons/src/TextAlignRightIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextFormatClearIcon.tsx b/packages/paste-icons/src/TextFormatClearIcon.tsx index 4192183081..5edaf96074 100644 --- a/packages/paste-icons/src/TextFormatClearIcon.tsx +++ b/packages/paste-icons/src/TextFormatClearIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextFormatIcon.tsx b/packages/paste-icons/src/TextFormatIcon.tsx index 3262c7ec08..b80cd09b22 100644 --- a/packages/paste-icons/src/TextFormatIcon.tsx +++ b/packages/paste-icons/src/TextFormatIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TextHighlightIcon.tsx b/packages/paste-icons/src/TextHighlightIcon.tsx index d4ab7ff45f..a29355a486 100644 --- a/packages/paste-icons/src/TextHighlightIcon.tsx +++ b/packages/paste-icons/src/TextHighlightIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ThemeIcon.tsx b/packages/paste-icons/src/ThemeIcon.tsx index 6436d0d98e..6405f7336c 100644 --- a/packages/paste-icons/src/ThemeIcon.tsx +++ b/packages/paste-icons/src/ThemeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ThumbsDownIcon.tsx b/packages/paste-icons/src/ThumbsDownIcon.tsx index d113fb9aa9..981001af2d 100644 --- a/packages/paste-icons/src/ThumbsDownIcon.tsx +++ b/packages/paste-icons/src/ThumbsDownIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ThumbsUpIcon.tsx b/packages/paste-icons/src/ThumbsUpIcon.tsx index bea6b27a82..5cb66277a7 100644 --- a/packages/paste-icons/src/ThumbsUpIcon.tsx +++ b/packages/paste-icons/src/ThumbsUpIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TimeIcon.tsx b/packages/paste-icons/src/TimeIcon.tsx index 232d796f7e..0548c8a627 100644 --- a/packages/paste-icons/src/TimeIcon.tsx +++ b/packages/paste-icons/src/TimeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TipIcon.tsx b/packages/paste-icons/src/TipIcon.tsx index 15b4d1869c..ee42c79c59 100644 --- a/packages/paste-icons/src/TipIcon.tsx +++ b/packages/paste-icons/src/TipIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TokenIcon.tsx b/packages/paste-icons/src/TokenIcon.tsx index 1935a20256..4c709ef3f5 100644 --- a/packages/paste-icons/src/TokenIcon.tsx +++ b/packages/paste-icons/src/TokenIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TourIcon.tsx b/packages/paste-icons/src/TourIcon.tsx index 1fbb713fb2..2bf70be879 100644 --- a/packages/paste-icons/src/TourIcon.tsx +++ b/packages/paste-icons/src/TourIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TranslationIcon.tsx b/packages/paste-icons/src/TranslationIcon.tsx index f751813f8b..bb54e4504b 100644 --- a/packages/paste-icons/src/TranslationIcon.tsx +++ b/packages/paste-icons/src/TranslationIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TrendDownIcon.tsx b/packages/paste-icons/src/TrendDownIcon.tsx index 20dd260843..81822e38d3 100644 --- a/packages/paste-icons/src/TrendDownIcon.tsx +++ b/packages/paste-icons/src/TrendDownIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/TrendUpIcon.tsx b/packages/paste-icons/src/TrendUpIcon.tsx index 5e9ade6749..f93f04d936 100644 --- a/packages/paste-icons/src/TrendUpIcon.tsx +++ b/packages/paste-icons/src/TrendUpIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnarchiveIcon.tsx b/packages/paste-icons/src/UnarchiveIcon.tsx index 3959e386fe..6d3759b22c 100644 --- a/packages/paste-icons/src/UnarchiveIcon.tsx +++ b/packages/paste-icons/src/UnarchiveIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnderlineIcon.tsx b/packages/paste-icons/src/UnderlineIcon.tsx index 9f455348aa..053c1110ab 100644 --- a/packages/paste-icons/src/UnderlineIcon.tsx +++ b/packages/paste-icons/src/UnderlineIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UndoIcon.tsx b/packages/paste-icons/src/UndoIcon.tsx index 1dad56311f..70d45b9cfb 100644 --- a/packages/paste-icons/src/UndoIcon.tsx +++ b/packages/paste-icons/src/UndoIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnlockIcon.tsx b/packages/paste-icons/src/UnlockIcon.tsx index db7fe8d0f3..54c0f85af0 100644 --- a/packages/paste-icons/src/UnlockIcon.tsx +++ b/packages/paste-icons/src/UnlockIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnorderedListIcon.tsx b/packages/paste-icons/src/UnorderedListIcon.tsx index 28f9628fec..b9577f896d 100644 --- a/packages/paste-icons/src/UnorderedListIcon.tsx +++ b/packages/paste-icons/src/UnorderedListIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnpinIcon.tsx b/packages/paste-icons/src/UnpinIcon.tsx index 32ced4b37a..177e8d9a1f 100644 --- a/packages/paste-icons/src/UnpinIcon.tsx +++ b/packages/paste-icons/src/UnpinIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnsortedIcon.tsx b/packages/paste-icons/src/UnsortedIcon.tsx index 0942d89211..4f9aec9311 100644 --- a/packages/paste-icons/src/UnsortedIcon.tsx +++ b/packages/paste-icons/src/UnsortedIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UnsubscribeIcon.tsx b/packages/paste-icons/src/UnsubscribeIcon.tsx index 801e4255f9..f8e5093ec2 100644 --- a/packages/paste-icons/src/UnsubscribeIcon.tsx +++ b/packages/paste-icons/src/UnsubscribeIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UploadIcon.tsx b/packages/paste-icons/src/UploadIcon.tsx index 9e86248363..6cc3e64707 100644 --- a/packages/paste-icons/src/UploadIcon.tsx +++ b/packages/paste-icons/src/UploadIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UploadToCloudIcon.tsx b/packages/paste-icons/src/UploadToCloudIcon.tsx index d13fb006be..76853a32ae 100644 --- a/packages/paste-icons/src/UploadToCloudIcon.tsx +++ b/packages/paste-icons/src/UploadToCloudIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UserIcon.tsx b/packages/paste-icons/src/UserIcon.tsx index b5a0d88ffd..1c319a65ea 100644 --- a/packages/paste-icons/src/UserIcon.tsx +++ b/packages/paste-icons/src/UserIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/UsersIcon.tsx b/packages/paste-icons/src/UsersIcon.tsx index daf16cbba5..6320ed0d07 100644 --- a/packages/paste-icons/src/UsersIcon.tsx +++ b/packages/paste-icons/src/UsersIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VideoOffIcon.tsx b/packages/paste-icons/src/VideoOffIcon.tsx index e28eee2768..b8370c2316 100644 --- a/packages/paste-icons/src/VideoOffIcon.tsx +++ b/packages/paste-icons/src/VideoOffIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VideoOnIcon.tsx b/packages/paste-icons/src/VideoOnIcon.tsx index bc51ebcc7a..e7d5d466cd 100644 --- a/packages/paste-icons/src/VideoOnIcon.tsx +++ b/packages/paste-icons/src/VideoOnIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VoiceCapableIcon.tsx b/packages/paste-icons/src/VoiceCapableIcon.tsx index a81768e74d..da877db15d 100644 --- a/packages/paste-icons/src/VoiceCapableIcon.tsx +++ b/packages/paste-icons/src/VoiceCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VoicemailIcon.tsx b/packages/paste-icons/src/VoicemailIcon.tsx index a18ec81f3e..56b7c4c679 100644 --- a/packages/paste-icons/src/VoicemailIcon.tsx +++ b/packages/paste-icons/src/VoicemailIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VolumeOffIcon.tsx b/packages/paste-icons/src/VolumeOffIcon.tsx index 5bd4bfd34c..4e70ef2539 100644 --- a/packages/paste-icons/src/VolumeOffIcon.tsx +++ b/packages/paste-icons/src/VolumeOffIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/VolumeOnIcon.tsx b/packages/paste-icons/src/VolumeOnIcon.tsx index 626257e9de..12ce0b2b24 100644 --- a/packages/paste-icons/src/VolumeOnIcon.tsx +++ b/packages/paste-icons/src/VolumeOnIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/WarningIcon.tsx b/packages/paste-icons/src/WarningIcon.tsx index bd9f4c8912..80b34d5fe2 100644 --- a/packages/paste-icons/src/WarningIcon.tsx +++ b/packages/paste-icons/src/WarningIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/WebCapableIcon.tsx b/packages/paste-icons/src/WebCapableIcon.tsx index 14313e46fb..96a5567c1c 100644 --- a/packages/paste-icons/src/WebCapableIcon.tsx +++ b/packages/paste-icons/src/WebCapableIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/ZoomInIcon.tsx b/packages/paste-icons/src/ZoomInIcon.tsx index a9c4bc1bb8..ddbe6e42ee 100644 --- a/packages/paste-icons/src/ZoomInIcon.tsx +++ b/packages/paste-icons/src/ZoomInIcon.tsx @@ -1,8 +1,8 @@ +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { IconWrapper } from './helpers/IconWrapper'; import type { IconWrapperProps } from './helpers/IconWrapper'; diff --git a/packages/paste-icons/src/helpers/IconWrapper.tsx b/packages/paste-icons/src/helpers/IconWrapper.tsx index e71de1a735..15a9da6a73 100644 --- a/packages/paste-icons/src/helpers/IconWrapper.tsx +++ b/packages/paste-icons/src/helpers/IconWrapper.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; import type { BoxElementProps, BoxStyleProps } from '@twilio-paste/box'; import type { IconSize } from '@twilio-paste/style-props'; +import * as React from 'react'; export interface IconWrapperProps extends BoxElementProps, Pick { size?: IconSize; diff --git a/packages/paste-icons/stories/index.stories.tsx b/packages/paste-icons/stories/index.stories.tsx index 4da8a96589..3dd9ce0011 100644 --- a/packages/paste-icons/stories/index.stories.tsx +++ b/packages/paste-icons/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; -import type { IconSizeOptions, TextColorOptions } from '@twilio-paste/style-props'; -import { DefaultTheme, useTheme } from '@twilio-paste/theme'; import { CustomizationProvider } from '@twilio-paste/customization'; +import { Flex } from '@twilio-paste/flex'; import { Stack } from '@twilio-paste/stack'; +import type { IconSizeOptions, TextColorOptions } from '@twilio-paste/style-props'; import { Text } from '@twilio-paste/text'; -import { Flex } from '@twilio-paste/flex'; +import { DefaultTheme, useTheme } from '@twilio-paste/theme'; +import * as React from 'react'; import { CopyIcon } from '../src/CopyIcon'; diff --git a/packages/paste-icons/tools/actions/convertAllAction.ts b/packages/paste-icons/tools/actions/convertAllAction.ts index f4a1d2467f..3485588bc8 100644 --- a/packages/paste-icons/tools/actions/convertAllAction.ts +++ b/packages/paste-icons/tools/actions/convertAllAction.ts @@ -1,9 +1,9 @@ import fs from 'fs'; import path from 'path'; +import { REACT_PATH } from '../constants'; import { convertNewAction } from './convertNewAction'; import { listIconsAction } from './listIconsAction'; -import { REACT_PATH } from '../constants'; export function filterBuiltFiles(files: string[]): string[] { return files.filter((fileName) => fileName.includes('.tsx')); diff --git a/packages/paste-icons/tools/actions/convertNewAction.ts b/packages/paste-icons/tools/actions/convertNewAction.ts index f04d9b97fb..840bedf404 100644 --- a/packages/paste-icons/tools/actions/convertNewAction.ts +++ b/packages/paste-icons/tools/actions/convertNewAction.ts @@ -2,17 +2,17 @@ import fs from 'fs'; import difference from 'lodash/difference'; +import { writeToFile } from '../../../../tools/utils/writeToFile'; +import { BLOCKLIST_FILES, REACT_PATH, SVG_PATH } from '../constants'; +import { reactIconTemplate } from '../templates/reactIconTemplate'; import { getInputPath, + getOutputComponentName, getReactOutputPath, + maybeHandleError, normalizeFileName, readdirAsync, - getOutputComponentName, - maybeHandleError, } from '../utils'; -import { SVG_PATH, REACT_PATH, BLOCKLIST_FILES } from '../constants'; -import { reactIconTemplate } from '../templates/reactIconTemplate'; -import { writeToFile } from '../../../../tools/utils/writeToFile'; const { convertSvgToReact } = require('@twilio-labs/svg-to-react'); diff --git a/packages/paste-icons/tools/actions/listIconsAction.ts b/packages/paste-icons/tools/actions/listIconsAction.ts index afda497675..9156c6f388 100644 --- a/packages/paste-icons/tools/actions/listIconsAction.ts +++ b/packages/paste-icons/tools/actions/listIconsAction.ts @@ -1,10 +1,10 @@ import path from 'path'; import { writeToFile } from '../../../../tools/utils/writeToFile'; -import { REACT_PATH, BLOCKLIST_FILES } from '../constants'; -import { readdirAsync, removeTsxExtension, maybeHandleError } from '../utils'; -import { jsonTemplate } from '../templates/jsonTemplate'; +import { BLOCKLIST_FILES, REACT_PATH } from '../constants'; import { buildListTemplate } from '../templates/buildListTemplate'; +import { jsonTemplate } from '../templates/jsonTemplate'; +import { maybeHandleError, readdirAsync, removeTsxExtension } from '../utils'; export async function getIconNames(): Promise { try { diff --git a/packages/paste-icons/tools/cli.ts b/packages/paste-icons/tools/cli.ts index 0c040e192a..a65fe6923f 100644 --- a/packages/paste-icons/tools/cli.ts +++ b/packages/paste-icons/tools/cli.ts @@ -2,9 +2,9 @@ import program from 'commander'; -import { listIconsAction } from './actions/listIconsAction'; -import { convertNewAction } from './actions/convertNewAction'; import { convertAllAction } from './actions/convertAllAction'; +import { convertNewAction } from './actions/convertNewAction'; +import { listIconsAction } from './actions/listIconsAction'; program.version('0.1.0'); program diff --git a/packages/paste-icons/tools/utils.ts b/packages/paste-icons/tools/utils.ts index 1e63dfdc7b..6aa72c67ff 100644 --- a/packages/paste-icons/tools/utils.ts +++ b/packages/paste-icons/tools/utils.ts @@ -1,9 +1,9 @@ -import { join } from 'path'; import fs from 'fs'; +import { join } from 'path'; import startcase from 'lodash/startCase'; -import { SVG_PATH, REACT_PATH } from './constants'; +import { REACT_PATH, SVG_PATH } from './constants'; // Ramda-like general purpose functional pipe method const pipe = diff --git a/packages/paste-libraries/animation/src/index.tsx b/packages/paste-libraries/animation/src/index.tsx index 801aa881ca..c3fe621e4c 100644 --- a/packages/paste-libraries/animation/src/index.tsx +++ b/packages/paste-libraries/animation/src/index.tsx @@ -1,14 +1,14 @@ -import { animated, useSpring, useTransition, useTrail, useSprings, useChain, interpolate } from '@react-spring/web'; +import { Globals } from '@react-spring/shared'; +import { animated, interpolate, useChain, useSpring, useSprings, useTrail, useTransition } from '@react-spring/web'; import type { AnimatedProps, UseSpringProps, - UseTransitionProps, - UseTrailProps, UseSpringsProps, + UseTrailProps, + UseTransitionProps, } from '@react-spring/web'; -import { Globals } from '@react-spring/shared'; -import { useReducedMotion, isRenderingOnServer } from './useReducedMotion'; +import { isRenderingOnServer, useReducedMotion } from './useReducedMotion'; export { Globals, diff --git a/packages/paste-libraries/clipboard-copy/stories/index.stories.tsx b/packages/paste-libraries/clipboard-copy/stories/index.stories.tsx index 439b1c77e4..51f765de51 100644 --- a/packages/paste-libraries/clipboard-copy/stories/index.stories.tsx +++ b/packages/paste-libraries/clipboard-copy/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; import { Stack } from '@twilio-paste/stack'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { useClipboard } from '../src'; import type { UseClipboardProps } from '../src'; diff --git a/packages/paste-libraries/code-editor/stories/editor.stories.tsx b/packages/paste-libraries/code-editor/stories/editor.stories.tsx index 6a2f55dd29..c2a7961417 100644 --- a/packages/paste-libraries/code-editor/stories/editor.stories.tsx +++ b/packages/paste-libraries/code-editor/stories/editor.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { CodeEditor, CodeEditorPasteTheme, type Monaco, type Editor } from '../src'; +import { CodeEditor, CodeEditorPasteTheme, type Editor, type Monaco } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-libraries/data-visualization/__test__/index.spec.tsx b/packages/paste-libraries/data-visualization/__test__/index.spec.tsx index 1e2d923fbf..bdc1e96212 100644 --- a/packages/paste-libraries/data-visualization/__test__/index.spec.tsx +++ b/packages/paste-libraries/data-visualization/__test__/index.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { render } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { usePasteHighchartsTheme } from '../src'; import { lineChartOptions } from '../stories/options/lineChartOptions'; diff --git a/packages/paste-libraries/data-visualization/src/usePasteHighchartsTheme.tsx b/packages/paste-libraries/data-visualization/src/usePasteHighchartsTheme.tsx index ba1ba8e547..ed05e696e2 100644 --- a/packages/paste-libraries/data-visualization/src/usePasteHighchartsTheme.tsx +++ b/packages/paste-libraries/data-visualization/src/usePasteHighchartsTheme.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { ThemeContext } from '@twilio-paste/styling-library'; import type { ThemeShape } from '@twilio-paste/theme'; -import type Highcharts from 'highcharts'; import merge from 'deepmerge'; +import type Highcharts from 'highcharts'; +import * as React from 'react'; /** * A hook to apply the Paste theme to Highcharts options. diff --git a/packages/paste-libraries/data-visualization/stories/index.stories.tsx b/packages/paste-libraries/data-visualization/stories/index.stories.tsx index cf857d2fb9..a907654588 100644 --- a/packages/paste-libraries/data-visualization/stories/index.stories.tsx +++ b/packages/paste-libraries/data-visualization/stories/index.stories.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { Stack } from '@twilio-paste/stack'; /* eslint-disable import/no-extraneous-dependencies */ import Highcharts from 'highcharts'; import HighchartsReact from 'highcharts-react-official'; +import * as React from 'react'; /* eslint-enable */ import { usePasteHighchartsTheme } from '../src'; +import { basicAreaChartOptions } from './options/basicAreaChartOptions'; +import { columnChartOptions } from './options/columnChartOptions'; import { lineChartOptions } from './options/lineChartOptions'; import { lineChartWithAnnotationsOptions } from './options/lineChartWithAnnotationsOptions'; -import { columnChartOptions } from './options/columnChartOptions'; -import { timeSeriesOptions } from './options/timeSeriesOptions'; -import { basicAreaChartOptions } from './options/basicAreaChartOptions'; import { pieChartOptions } from './options/pieChartOptions'; +import { timeSeriesOptions } from './options/timeSeriesOptions'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-libraries/dropdown/stories/combobox.stories.tsx b/packages/paste-libraries/dropdown/stories/combobox.stories.tsx index 174c91264b..f8caaba6b0 100644 --- a/packages/paste-libraries/dropdown/stories/combobox.stories.tsx +++ b/packages/paste-libraries/dropdown/stories/combobox.stories.tsx @@ -1,5 +1,5 @@ +import type { Meta, StoryFn } from '@storybook/react'; import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; import { useCombobox } from '../src'; diff --git a/packages/paste-libraries/dropdown/stories/multiselect.stories.tsx b/packages/paste-libraries/dropdown/stories/multiselect.stories.tsx index 35440a0dd5..167a50ee18 100644 --- a/packages/paste-libraries/dropdown/stories/multiselect.stories.tsx +++ b/packages/paste-libraries/dropdown/stories/multiselect.stories.tsx @@ -1,5 +1,5 @@ +import type { Meta, StoryFn } from '@storybook/react'; import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; import { useCombobox, useMultipleSelection } from '../src'; diff --git a/packages/paste-libraries/lexical/src/index.tsx b/packages/paste-libraries/lexical/src/index.tsx index 8a8211dc38..42545e2712 100644 --- a/packages/paste-libraries/lexical/src/index.tsx +++ b/packages/paste-libraries/lexical/src/index.tsx @@ -1,7 +1,7 @@ -import ErrorBoundary from '@lexical/react/LexicalErrorBoundary'; import type { LexicalComposer } from '@lexical/react/LexicalComposer'; -import type { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'; import type { ContentEditable } from '@lexical/react/LexicalContentEditable'; +import ErrorBoundary from '@lexical/react/LexicalErrorBoundary'; +import type { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'; export { $getRoot, diff --git a/packages/paste-libraries/lexical/stories/index.stories.tsx b/packages/paste-libraries/lexical/stories/index.stories.tsx index 708873171c..4ec5fa9c89 100644 --- a/packages/paste-libraries/lexical/stories/index.stories.tsx +++ b/packages/paste-libraries/lexical/stories/index.stories.tsx @@ -1,15 +1,15 @@ +import type { Meta, StoryFn } from '@storybook/react'; import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; import { - LexicalComposer, - HistoryPlugin, - RichTextPlugin, - ContentEditable, - OnChangePlugin, - ErrorBoundary, $getRoot, $getSelection, + ContentEditable, + ErrorBoundary, + HistoryPlugin, + LexicalComposer, + OnChangePlugin, + RichTextPlugin, } from '../src'; import type { EditorState } from '../src'; diff --git a/packages/paste-libraries/react-spectrum/stories/useSlider.stories.tsx b/packages/paste-libraries/react-spectrum/stories/useSlider.stories.tsx index a2ce97233c..ccef87a56e 100644 --- a/packages/paste-libraries/react-spectrum/stories/useSlider.stories.tsx +++ b/packages/paste-libraries/react-spectrum/stories/useSlider.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import type { StoryFn, Meta } from '@storybook/react'; +import type { Meta, StoryFn } from '@storybook/react'; import { Box } from '@twilio-paste/box'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; -import { useSliderState, useSlider, useSliderThumb, type SliderStateOptions, type SliderState } from '../src'; +import { type SliderState, type SliderStateOptions, useSlider, useSliderState, useSliderThumb } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-libraries/react-textarea-autosize/__tests__/index.test.tsx b/packages/paste-libraries/react-textarea-autosize/__tests__/index.test.tsx index d2450af17d..0f1e569a33 100644 --- a/packages/paste-libraries/react-textarea-autosize/__tests__/index.test.tsx +++ b/packages/paste-libraries/react-textarea-autosize/__tests__/index.test.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import { render, screen } from '@testing-library/react'; +import * as React from 'react'; import TextareaAutosize from '../src'; -import { forceHiddenStyles } from '../src/forceHiddenStyles'; -import { getSizingData } from '../src/getSizingData'; -import { useWindowResizeListener } from '../src/useWindowResizeListener'; import { calculateNodeHeight } from '../src/calculateNodeHeight'; +import { forceHiddenStyles } from '../src/forceHiddenStyles'; import { getHeight } from '../src/getHeight'; -import { useHiddenTextarea } from '../src/useHiddenTextarea'; +import { getSizingData } from '../src/getSizingData'; import type { SizingData } from '../src/getSizingData'; +import { useHiddenTextarea } from '../src/useHiddenTextarea'; +import { useWindowResizeListener } from '../src/useWindowResizeListener'; const resizeMock: jest.Mock = jest.fn(); diff --git a/packages/paste-libraries/react-textarea-autosize/src/calculateNodeHeight.ts b/packages/paste-libraries/react-textarea-autosize/src/calculateNodeHeight.ts index 7c2f584aab..dbd6a2eb83 100644 --- a/packages/paste-libraries/react-textarea-autosize/src/calculateNodeHeight.ts +++ b/packages/paste-libraries/react-textarea-autosize/src/calculateNodeHeight.ts @@ -1,6 +1,6 @@ -import type { SizingData } from './getSizingData'; import { forceHiddenStyles } from './forceHiddenStyles'; import { getHeight } from './getHeight'; +import type { SizingData } from './getSizingData'; /* * TODO: use labelled tuples once they are avaiable: diff --git a/packages/paste-libraries/react-textarea-autosize/src/index.tsx b/packages/paste-libraries/react-textarea-autosize/src/index.tsx index 49cc8f3c39..a2b6b47e5c 100644 --- a/packages/paste-libraries/react-textarea-autosize/src/index.tsx +++ b/packages/paste-libraries/react-textarea-autosize/src/index.tsx @@ -4,8 +4,8 @@ import useComposedRef from 'use-composed-ref'; import { calculateNodeHeight } from './calculateNodeHeight'; import type { SizingData } from './getSizingData'; import { getSizingData } from './getSizingData'; -import { useWindowResizeListener } from './useWindowResizeListener'; import { useHiddenTextarea } from './useHiddenTextarea'; +import { useWindowResizeListener } from './useWindowResizeListener'; type TextareaProps = React.TextareaHTMLAttributes; diff --git a/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx b/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx index cea3eda947..df49461718 100644 --- a/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx +++ b/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx @@ -4,12 +4,12 @@ * Using props for fill and stroke */ +import type { BoxHTMLProps, BoxOptions, PopoverStateReturn } from '@twilio-paste/paste-reakit-fork'; +import { useBox } from '@twilio-paste/paste-reakit-fork'; import * as React from 'react'; import { createComponent } from 'reakit-system/createComponent'; import { createHook } from 'reakit-system/createHook'; import { useForkRef } from 'reakit-utils/useForkRef'; -import type { BoxOptions, BoxHTMLProps, PopoverStateReturn } from '@twilio-paste/paste-reakit-fork'; -import { useBox } from '@twilio-paste/paste-reakit-fork'; import { POPOVER_ARROW_KEYS } from './__keys'; diff --git a/packages/paste-libraries/reakit/src/Tooltip/TooltipArrow.tsx b/packages/paste-libraries/reakit/src/Tooltip/TooltipArrow.tsx index 468073eae5..ece4a1e184 100644 --- a/packages/paste-libraries/reakit/src/Tooltip/TooltipArrow.tsx +++ b/packages/paste-libraries/reakit/src/Tooltip/TooltipArrow.tsx @@ -1,7 +1,7 @@ import { createComponent } from 'reakit-system/createComponent'; import { createHook } from 'reakit-system/createHook'; -import type { PopoverArrowOptions, PopoverArrowHTMLProps } from '../Popover/PopoverArrow'; +import type { PopoverArrowHTMLProps, PopoverArrowOptions } from '../Popover/PopoverArrow'; import { usePopoverArrow } from '../Popover/PopoverArrow'; import { TOOLTIP_ARROW_KEYS } from './__keys'; diff --git a/packages/paste-libraries/reakit/stories/composite.stories.tsx b/packages/paste-libraries/reakit/stories/composite.stories.tsx index 9db4667a29..fea139f4b1 100644 --- a/packages/paste-libraries/reakit/stories/composite.stories.tsx +++ b/packages/paste-libraries/reakit/stories/composite.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { useCompositeState, Composite, CompositeGroup, CompositeItem } from '../src'; +import { Composite, CompositeGroup, CompositeItem, useCompositeState } from '../src'; // eslint-disable-next-line import/no-default-export export default { diff --git a/packages/paste-libraries/styling/src/index.tsx b/packages/paste-libraries/styling/src/index.tsx index 0702b056b3..76f9571356 100644 --- a/packages/paste-libraries/styling/src/index.tsx +++ b/packages/paste-libraries/styling/src/index.tsx @@ -1,6 +1,6 @@ +import createCache from '@emotion/cache'; // Base styling system (emotion) import styled from '@emotion/styled'; -import createCache from '@emotion/cache'; /* * Custom styling application (styled-system) diff --git a/packages/paste-libraries/syntax-highlighter/src/index.tsx b/packages/paste-libraries/syntax-highlighter/src/index.tsx index 61e058b2d8..7f31894484 100644 --- a/packages/paste-libraries/syntax-highlighter/src/index.tsx +++ b/packages/paste-libraries/syntax-highlighter/src/index.tsx @@ -5,7 +5,6 @@ */ /* eslint-disable import/no-extraneous-dependencies */ import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter'; -import SyntaxHighlighterTheme from 'react-syntax-highlighter/dist/esm/styles/prism/night-owl'; import bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash'; import c from 'react-syntax-highlighter/dist/esm/languages/prism/c'; import csharp from 'react-syntax-highlighter/dist/esm/languages/prism/csharp'; @@ -13,12 +12,13 @@ import go from 'react-syntax-highlighter/dist/esm/languages/prism/go'; import groovy from 'react-syntax-highlighter/dist/esm/languages/prism/groovy'; import java from 'react-syntax-highlighter/dist/esm/languages/prism/java'; import javascript from 'react-syntax-highlighter/dist/esm/languages/prism/javascript'; -import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx'; import json from 'react-syntax-highlighter/dist/esm/languages/prism/json'; +import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx'; import php from 'react-syntax-highlighter/dist/esm/languages/prism/php'; import python from 'react-syntax-highlighter/dist/esm/languages/prism/python'; import ruby from 'react-syntax-highlighter/dist/esm/languages/prism/ruby'; import shell from 'react-syntax-highlighter/dist/esm/languages/prism/shell-session'; +import SyntaxHighlighterTheme from 'react-syntax-highlighter/dist/esm/styles/prism/night-owl'; /* eslint-enable import/no-extraneous-dependencies */ export type SnippetLanguages = diff --git a/packages/paste-libraries/uid/src/index.tsx b/packages/paste-libraries/uid/src/index.tsx index 3d8c0d430b..8c0061751d 100644 --- a/packages/paste-libraries/uid/src/index.tsx +++ b/packages/paste-libraries/uid/src/index.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { useUID as useUIDLegacy, useUIDSeed as useUIDSeedLegacy, UIDFork, uid } from 'react-uid'; +import { UIDFork, uid, useUID as useUIDLegacy, useUIDSeed as useUIDSeedLegacy } from 'react-uid'; /** * We found a workaround here but for webpack Workaround for https://github.com/webpack/webpack/issues/14814 diff --git a/packages/paste-libraries/uid/stories/index.stories.tsx b/packages/paste-libraries/uid/stories/index.stories.tsx index 460dd24843..9eeb5de8e0 100644 --- a/packages/paste-libraries/uid/stories/index.stories.tsx +++ b/packages/paste-libraries/uid/stories/index.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Paragraph } from '@twilio-paste/paragraph'; +import { HelpText } from '@twilio-paste/help-text'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; +import { Paragraph } from '@twilio-paste/paragraph'; +import * as React from 'react'; -import { useUID, useUIDSeed, UIDFork } from '../src'; +import { UIDFork, useUID, useUIDSeed } from '../src'; const SignupForm: React.FC> = ({ emailId, diff --git a/packages/paste-style-props/src/types/background.ts b/packages/paste-style-props/src/types/background.ts index acea574725..62db791d75 100644 --- a/packages/paste-style-props/src/types/background.ts +++ b/packages/paste-style-props/src/types/background.ts @@ -1,7 +1,7 @@ +import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; +import type { ThemeShape } from '@twilio-paste/theme'; // https://styled-system.com/api/#background import type { Properties } from 'csstype'; -import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; import type { StyleReset } from './helpers'; diff --git a/packages/paste-style-props/src/types/border.ts b/packages/paste-style-props/src/types/border.ts index a7e17a80d7..782a61a555 100644 --- a/packages/paste-style-props/src/types/border.ts +++ b/packages/paste-style-props/src/types/border.ts @@ -1,7 +1,7 @@ +import type { ResponsiveValue } from '@twilio-paste/styling-library'; +import type { ThemeShape } from '@twilio-paste/theme'; // https://styled-system.com/api/#border import type { Properties } from 'csstype'; -import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; import type { StyleReset } from './helpers'; diff --git a/packages/paste-style-props/src/types/css-props.ts b/packages/paste-style-props/src/types/css-props.ts index 18d3484044..c6c8f27621 100644 --- a/packages/paste-style-props/src/types/css-props.ts +++ b/packages/paste-style-props/src/types/css-props.ts @@ -1,5 +1,5 @@ -import type { Properties } from 'csstype'; import { type ResponsiveValue } from '@twilio-paste/styling-library'; +import type { Properties } from 'csstype'; export type AnimationProperty = Properties['animation']; export type AppearanceProperty = Properties['appearance']; diff --git a/packages/paste-style-props/src/types/flexbox.ts b/packages/paste-style-props/src/types/flexbox.ts index b329180024..9d50949567 100644 --- a/packages/paste-style-props/src/types/flexbox.ts +++ b/packages/paste-style-props/src/types/flexbox.ts @@ -1,6 +1,6 @@ -// https://styled-system.com/api/#flexbox -import type { Properties, Globals } from 'csstype'; import type { ResponsiveValue } from '@twilio-paste/styling-library'; +// https://styled-system.com/api/#flexbox +import type { Globals, Properties } from 'csstype'; /** * The CSS align-items property sets the align-self value on all direct children as a group. The align-self diff --git a/packages/paste-style-props/src/types/grid.ts b/packages/paste-style-props/src/types/grid.ts index 5f71569b52..ae1bfac347 100644 --- a/packages/paste-style-props/src/types/grid.ts +++ b/packages/paste-style-props/src/types/grid.ts @@ -1,3 +1,4 @@ +import type { ResponsiveValue } from '@twilio-paste/styling-library'; // https://styled-system.com/api/#grid-layout /* * NOTE: @@ -6,7 +7,6 @@ * in our system */ import type { Properties } from 'csstype'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; // CSS native export type GridRowOptions = Properties['gridRow']; diff --git a/packages/paste-style-props/src/types/layout.ts b/packages/paste-style-props/src/types/layout.ts index a98c8c367a..c6f8ab5d8d 100644 --- a/packages/paste-style-props/src/types/layout.ts +++ b/packages/paste-style-props/src/types/layout.ts @@ -1,7 +1,7 @@ +import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; +import type { ThemeShape } from '@twilio-paste/theme'; // https://styled-system.com/api/#layout import type { Properties } from 'csstype'; -import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; // Tokens export type WidthOptions = diff --git a/packages/paste-style-props/src/types/position.ts b/packages/paste-style-props/src/types/position.ts index b230d59fdf..a18e748fa1 100644 --- a/packages/paste-style-props/src/types/position.ts +++ b/packages/paste-style-props/src/types/position.ts @@ -1,7 +1,7 @@ +import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; +import type { ThemeShape } from '@twilio-paste/theme'; // https://styled-system.com/api/#position import type { Properties } from 'csstype'; -import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue, TLengthStyledSystem } from '@twilio-paste/styling-library'; // Tokens export type ZIndexOptions = keyof ThemeShape['zIndices']; diff --git a/packages/paste-style-props/src/types/shadow.ts b/packages/paste-style-props/src/types/shadow.ts index 4f85831189..2b410ef8e1 100644 --- a/packages/paste-style-props/src/types/shadow.ts +++ b/packages/paste-style-props/src/types/shadow.ts @@ -1,6 +1,6 @@ +import type { ResponsiveValue } from '@twilio-paste/styling-library'; // https://styled-system.com/api/#shadow import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; import type { StyleReset } from './helpers'; diff --git a/packages/paste-style-props/src/types/space.ts b/packages/paste-style-props/src/types/space.ts index 4e9cd9c7bd..421a9d66e1 100644 --- a/packages/paste-style-props/src/types/space.ts +++ b/packages/paste-style-props/src/types/space.ts @@ -1,6 +1,6 @@ +import type { ResponsiveValue } from '@twilio-paste/styling-library'; // https://styled-system.com/api/#space import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; // Tokens export type SpaceOptions = keyof ThemeShape['space']; diff --git a/packages/paste-style-props/src/types/typography.ts b/packages/paste-style-props/src/types/typography.ts index 37d1c7c009..e1207e47ed 100644 --- a/packages/paste-style-props/src/types/typography.ts +++ b/packages/paste-style-props/src/types/typography.ts @@ -1,7 +1,7 @@ +import type { ResponsiveValue } from '@twilio-paste/styling-library'; +import type { ThemeShape } from '@twilio-paste/theme'; // https://styled-system.com/api/#typography import type { Properties } from 'csstype'; -import type { ThemeShape } from '@twilio-paste/theme'; -import type { ResponsiveValue } from '@twilio-paste/styling-library'; // Tokens export type FontFamilyOptions = keyof ThemeShape['fonts'] | 'inherit'; diff --git a/packages/paste-theme-designer/components/layout/editor-wrapper/ExportModal.tsx b/packages/paste-theme-designer/components/layout/editor-wrapper/ExportModal.tsx index becafdad9e..069d875471 100644 --- a/packages/paste-theme-designer/components/layout/editor-wrapper/ExportModal.tsx +++ b/packages/paste-theme-designer/components/layout/editor-wrapper/ExportModal.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/core/button'; +import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '@twilio-paste/core/modal'; +import type { ModalProps } from '@twilio-paste/core/modal'; import { Paragraph } from '@twilio-paste/core/paragraph'; -import { useUID } from '@twilio-paste/core/uid-library'; import { TextArea } from '@twilio-paste/core/textarea'; import { generateThemeFromTokens } from '@twilio-paste/core/theme'; -import { Modal, ModalHeading, ModalHeader, ModalBody, ModalFooter, ModalFooterActions } from '@twilio-paste/core/modal'; -import type { ModalProps } from '@twilio-paste/core/modal'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; import { TokenContext } from '../../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/layout/editor-wrapper/ImportModal.tsx b/packages/paste-theme-designer/components/layout/editor-wrapper/ImportModal.tsx index a79847937f..439d72d025 100644 --- a/packages/paste-theme-designer/components/layout/editor-wrapper/ImportModal.tsx +++ b/packages/paste-theme-designer/components/layout/editor-wrapper/ImportModal.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/core/button'; -import { useUID } from '@twilio-paste/core/uid-library'; +import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '@twilio-paste/core/modal'; +import type { ModalProps } from '@twilio-paste/core/modal'; import { TextArea } from '@twilio-paste/core/textarea'; -import { useToaster, Toaster } from '@twilio-paste/core/toast'; import { generateTokensFromTheme } from '@twilio-paste/core/theme'; -import { Modal, ModalHeading, ModalHeader, ModalBody, ModalFooter, ModalFooterActions } from '@twilio-paste/core/modal'; -import type { ModalProps } from '@twilio-paste/core/modal'; +import { Toaster, useToaster } from '@twilio-paste/core/toast'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; import { TokenContext } from '../../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx b/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx index f5aa5f232f..71d8e9d5e7 100644 --- a/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx +++ b/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { useRouter } from 'next/router'; import { Box } from '@twilio-paste/core/box'; import { Label } from '@twilio-paste/core/label'; -import { Select, Option } from '@twilio-paste/core/select'; +import { Option, Select } from '@twilio-paste/core/select'; +import { useRouter } from 'next/router'; +import * as React from 'react'; import { Routes } from '../../../constants/Routes'; diff --git a/packages/paste-theme-designer/components/layout/editor-wrapper/index.tsx b/packages/paste-theme-designer/components/layout/editor-wrapper/index.tsx index c0ab4456f1..96859042f1 100644 --- a/packages/paste-theme-designer/components/layout/editor-wrapper/index.tsx +++ b/packages/paste-theme-designer/components/layout/editor-wrapper/index.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; import { Button } from '@twilio-paste/core/button'; +import * as React from 'react'; -import { TokenSelector } from './TokenSelector'; -import { TopBar } from '../../topbar'; +import { SITE_MASTHEAD_HEIGHT } from '../../../constants'; import { Preview } from '../../preview'; +import { TopBar } from '../../topbar'; import { ExportModal } from './ExportModal'; import { ImportModal } from './ImportModal'; -import { SITE_MASTHEAD_HEIGHT } from '../../../constants'; +import { TokenSelector } from './TokenSelector'; const EditorWrapper: React.FC = (props) => { const [isExportOpen, setExportOpen] = React.useState(false); diff --git a/packages/paste-theme-designer/components/preview/AlertPreview.tsx b/packages/paste-theme-designer/components/preview/AlertPreview.tsx index 1e735280cb..6b39b93ce1 100644 --- a/packages/paste-theme-designer/components/preview/AlertPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AlertPreview.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Alert } from '@twilio-paste/core/alert'; import { Stack } from '@twilio-paste/core/stack'; import { Text } from '@twilio-paste/core/text'; +import * as React from 'react'; const AlertPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/AnchorPreview.tsx b/packages/paste-theme-designer/components/preview/AnchorPreview.tsx index 7aeb092173..eef81a3ef0 100644 --- a/packages/paste-theme-designer/components/preview/AnchorPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AnchorPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/core/anchor'; import { Stack } from '@twilio-paste/core/stack'; +import * as React from 'react'; const AnchorPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/AvatarPreview.tsx b/packages/paste-theme-designer/components/preview/AvatarPreview.tsx index 63b723a203..2583ffdb6a 100644 --- a/packages/paste-theme-designer/components/preview/AvatarPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AvatarPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Avatar } from '@twilio-paste/core/avatar'; import { Stack } from '@twilio-paste/core/stack'; +import * as React from 'react'; const AvatarPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx b/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx index 8c291ec2e1..5536f1ebca 100644 --- a/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx +++ b/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Breadcrumb, BreadcrumbItem } from '@twilio-paste/core/breadcrumb'; +import * as React from 'react'; const BreadcrumbPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/ButtonPreview.tsx b/packages/paste-theme-designer/components/preview/ButtonPreview.tsx index 7c65c3137f..52ec0dd69a 100644 --- a/packages/paste-theme-designer/components/preview/ButtonPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ButtonPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/core/button'; import { Stack } from '@twilio-paste/core/stack'; +import * as React from 'react'; const ButtonPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/CardPreview.tsx b/packages/paste-theme-designer/components/preview/CardPreview.tsx index faee5e3e2d..2f1e58ed37 100644 --- a/packages/paste-theme-designer/components/preview/CardPreview.tsx +++ b/packages/paste-theme-designer/components/preview/CardPreview.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Avatar } from '@twilio-paste/core/avatar'; import { Box } from '@twilio-paste/core/box'; import { Card } from '@twilio-paste/core/card'; import { Heading } from '@twilio-paste/core/heading'; import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; import { Paragraph } from '@twilio-paste/core/paragraph'; +import * as React from 'react'; import { MenuPreview } from './MenuPreview'; import { ModalPreview } from './ModalPreview'; diff --git a/packages/paste-theme-designer/components/preview/FormPreview.tsx b/packages/paste-theme-designer/components/preview/FormPreview.tsx index 9a8894e89a..43ec3ed5b2 100644 --- a/packages/paste-theme-designer/components/preview/FormPreview.tsx +++ b/packages/paste-theme-designer/components/preview/FormPreview.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; import { Box } from '@twilio-paste/core/box'; import { Checkbox, CheckboxGroup } from '@twilio-paste/core/checkbox'; import { Heading } from '@twilio-paste/core/heading'; +import { HelpText } from '@twilio-paste/core/help-text'; import { Input } from '@twilio-paste/core/input'; import { Label } from '@twilio-paste/core/label'; -import { HelpText } from '@twilio-paste/core/help-text'; -import { Stack } from '@twilio-paste/core/stack'; import { Radio, RadioGroup } from '@twilio-paste/core/radio-group'; -import { Select, Option } from '@twilio-paste/core/select'; +import { Option, Select } from '@twilio-paste/core/select'; +import { Stack } from '@twilio-paste/core/stack'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; const FormPreview = (): JSX.Element => { const [inputValue, setInputValue] = React.useState('input'); diff --git a/packages/paste-theme-designer/components/preview/MenuPreview.tsx b/packages/paste-theme-designer/components/preview/MenuPreview.tsx index 6c38003cb5..67abcbbded 100644 --- a/packages/paste-theme-designer/components/preview/MenuPreview.tsx +++ b/packages/paste-theme-designer/components/preview/MenuPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { useMenuState, MenuButton, Menu, MenuItem } from '@twilio-paste/core/menu'; +import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/core/menu'; import { ChevronDownIcon } from '@twilio-paste/icons/cjs/ChevronDownIcon'; +import * as React from 'react'; const MenuPreview = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-theme-designer/components/preview/ModalPreview.tsx b/packages/paste-theme-designer/components/preview/ModalPreview.tsx index 6dedde44ac..0fa1c73669 100644 --- a/packages/paste-theme-designer/components/preview/ModalPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ModalPreview.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/core/uid-library'; import { Button } from '@twilio-paste/core/button'; import { Label } from '@twilio-paste/core/label'; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '@twilio-paste/core/modal'; import { Paragraph } from '@twilio-paste/core/paragraph'; -import { Select, Option } from '@twilio-paste/core/select'; +import { Option, Select } from '@twilio-paste/core/select'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; const ModalPreview = (): JSX.Element => { const [value, setValue] = React.useState(''); diff --git a/packages/paste-theme-designer/components/preview/PopoverPreview.tsx b/packages/paste-theme-designer/components/preview/PopoverPreview.tsx index 6c13c73b42..c4316f3e2f 100644 --- a/packages/paste-theme-designer/components/preview/PopoverPreview.tsx +++ b/packages/paste-theme-designer/components/preview/PopoverPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Popover, PopoverContainer, PopoverButton } from '@twilio-paste/core/popover'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/core/popover'; import { Text } from '@twilio-paste/core/text'; +import * as React from 'react'; const PopoverPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TabbedContent.tsx b/packages/paste-theme-designer/components/preview/TabbedContent.tsx index ee291735f7..f61f999d0b 100644 --- a/packages/paste-theme-designer/components/preview/TabbedContent.tsx +++ b/packages/paste-theme-designer/components/preview/TabbedContent.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/core/uid-library'; import { Box } from '@twilio-paste/core/box'; import { Heading } from '@twilio-paste/core/heading'; import { Separator } from '@twilio-paste/core/separator'; import { Stack } from '@twilio-paste/core/stack'; -import { Tabs, Tab, TabList, TabPanel, TabPanels } from '@twilio-paste/core/tabs'; +import { Tab, TabList, TabPanel, TabPanels, Tabs } from '@twilio-paste/core/tabs'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; import { AlertPreview } from './AlertPreview'; import { AnchorPreview } from './AnchorPreview'; diff --git a/packages/paste-theme-designer/components/preview/TablePreview.tsx b/packages/paste-theme-designer/components/preview/TablePreview.tsx index 56117efdfa..a9c845c5e5 100644 --- a/packages/paste-theme-designer/components/preview/TablePreview.tsx +++ b/packages/paste-theme-designer/components/preview/TablePreview.tsx @@ -1,5 +1,5 @@ +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/core/table'; import * as React from 'react'; -import { Table, THead, TBody, Td, Tr, Th } from '@twilio-paste/core/table'; const TablePreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/ToastPreview.tsx b/packages/paste-theme-designer/components/preview/ToastPreview.tsx index 130f37fa0f..aab939a9b4 100644 --- a/packages/paste-theme-designer/components/preview/ToastPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ToastPreview.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/core/anchor'; import { Stack } from '@twilio-paste/core/stack'; import { Text } from '@twilio-paste/core/text'; import { Toast } from '@twilio-paste/core/toast'; +import * as React from 'react'; const ToastPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TooltipPreview.tsx b/packages/paste-theme-designer/components/preview/TooltipPreview.tsx index 339acedeb3..3cb6fcb64b 100644 --- a/packages/paste-theme-designer/components/preview/TooltipPreview.tsx +++ b/packages/paste-theme-designer/components/preview/TooltipPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/core/button'; import { Tooltip } from '@twilio-paste/core/tooltip'; +import * as React from 'react'; const TooltipPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TypographyPreview.tsx b/packages/paste-theme-designer/components/preview/TypographyPreview.tsx index 56724bd10f..d516b9d851 100644 --- a/packages/paste-theme-designer/components/preview/TypographyPreview.tsx +++ b/packages/paste-theme-designer/components/preview/TypographyPreview.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Heading } from '@twilio-paste/core/heading'; -import { OrderedList, UnorderedList, ListItem } from '@twilio-paste/core/list'; +import { ListItem, OrderedList, UnorderedList } from '@twilio-paste/core/list'; import { Paragraph } from '@twilio-paste/core/paragraph'; +import * as React from 'react'; const TypographyPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/index.tsx b/packages/paste-theme-designer/components/preview/index.tsx index bf4f375141..872417a21e 100644 --- a/packages/paste-theme-designer/components/preview/index.tsx +++ b/packages/paste-theme-designer/components/preview/index.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import { generateThemeFromTokens } from '@twilio-paste/core/theme'; -import { CustomizationProvider } from '@twilio-paste/core/customization'; import { Box } from '@twilio-paste/core/box'; +import { CustomizationProvider } from '@twilio-paste/core/customization'; import { Column, Grid } from '@twilio-paste/core/grid'; +import { generateThemeFromTokens } from '@twilio-paste/core/theme'; +import * as React from 'react'; -import { TabbedContent } from './TabbedContent'; -import { FormPreview } from './FormPreview'; -import { TokenContext } from '../../context/TokenContext'; import { SITE_MASTHEAD_HEIGHT } from '../../constants'; +import { TokenContext } from '../../context/TokenContext'; +import { FormPreview } from './FormPreview'; +import { TabbedContent } from './TabbedContent'; const Preview = (): JSX.Element => { const { tokens } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/components/token-option/ColorTokenInput.tsx b/packages/paste-theme-designer/components/token-option/ColorTokenInput.tsx index ea3c4ed8bf..8aa18ba65b 100644 --- a/packages/paste-theme-designer/components/token-option/ColorTokenInput.tsx +++ b/packages/paste-theme-designer/components/token-option/ColorTokenInput.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; +import { Input } from '@twilio-paste/core/input'; +import { Label } from '@twilio-paste/core/label'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/core/popover'; import { useTheme } from '@twilio-paste/core/theme'; import { useUIDSeed } from '@twilio-paste/core/uid-library'; -import { PopoverContainer, PopoverButton, Popover } from '@twilio-paste/core/popover'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; -import { Label } from '@twilio-paste/core/label'; +import { ColorPickerIcon } from '@twilio-paste/icons/cjs/ColorPickerIcon'; +import * as React from 'react'; import { ChromePicker } from 'react-color'; import type { ColorChangeHandler, ColorResult } from 'react-color'; -import { Input } from '@twilio-paste/core/input'; -import { ColorPickerIcon } from '@twilio-paste/icons/cjs/ColorPickerIcon'; import type { TokenContextProps } from '../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/token-option/FontTokenInput.tsx b/packages/paste-theme-designer/components/token-option/FontTokenInput.tsx index 985fd5d0c8..66e22085fb 100644 --- a/packages/paste-theme-designer/components/token-option/FontTokenInput.tsx +++ b/packages/paste-theme-designer/components/token-option/FontTokenInput.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; import { Input } from '@twilio-paste/core/input'; import { Label } from '@twilio-paste/core/label'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; import type { TokenContextProps } from '../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/token-option/TextTokenInput.tsx b/packages/paste-theme-designer/components/token-option/TextTokenInput.tsx index 82c8f51886..ba527eddae 100644 --- a/packages/paste-theme-designer/components/token-option/TextTokenInput.tsx +++ b/packages/paste-theme-designer/components/token-option/TextTokenInput.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; import { Input } from '@twilio-paste/core/input'; import { Label } from '@twilio-paste/core/label'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; import type { TokenContextProps } from '../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/token-option/UnitTokenInput.tsx b/packages/paste-theme-designer/components/token-option/UnitTokenInput.tsx index af57f7ff67..0afc178005 100644 --- a/packages/paste-theme-designer/components/token-option/UnitTokenInput.tsx +++ b/packages/paste-theme-designer/components/token-option/UnitTokenInput.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; +import { HelpText } from '@twilio-paste/core/help-text'; import { Input } from '@twilio-paste/core/input'; import { Label } from '@twilio-paste/core/label'; -import { HelpText } from '@twilio-paste/core/help-text'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; import type { TokenContextProps } from '../../context/TokenContext'; diff --git a/packages/paste-theme-designer/components/token-option/index.tsx b/packages/paste-theme-designer/components/token-option/index.tsx index 1c2f81067e..97f742b42e 100644 --- a/packages/paste-theme-designer/components/token-option/index.tsx +++ b/packages/paste-theme-designer/components/token-option/index.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; import type { TokenContextProps } from '../../context/TokenContext'; import { ColorTokenInput } from './ColorTokenInput'; -import { UnitTokenInput } from './UnitTokenInput'; import { FontTokenInput } from './FontTokenInput'; import { TextTokenInput } from './TextTokenInput'; +import { UnitTokenInput } from './UnitTokenInput'; type OptionsListProps = { bucket: keyof GenericTokensShape; diff --git a/packages/paste-theme-designer/components/topbar/BetaBadge.tsx b/packages/paste-theme-designer/components/topbar/BetaBadge.tsx index 2e7d61c30a..f6199b92ab 100644 --- a/packages/paste-theme-designer/components/topbar/BetaBadge.tsx +++ b/packages/paste-theme-designer/components/topbar/BetaBadge.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Badge } from '@twilio-paste/core/badge'; import { NewIcon } from '@twilio-paste/icons/cjs/NewIcon'; +import * as React from 'react'; -import { BetaModal } from './BetaModal'; import { SimpleStorage } from '../../utils/SimpleStorage'; +import { BetaModal } from './BetaModal'; const BetaBadge = (): JSX.Element => { const localStorageKey = 'beta-modal-dismissed'; diff --git a/packages/paste-theme-designer/components/topbar/BetaModal.tsx b/packages/paste-theme-designer/components/topbar/BetaModal.tsx index baf0471ee9..f5b9ee850a 100644 --- a/packages/paste-theme-designer/components/topbar/BetaModal.tsx +++ b/packages/paste-theme-designer/components/topbar/BetaModal.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/core/uid-library'; -import { Modal, ModalHeader, ModalHeading, ModalBody } from '@twilio-paste/core/modal'; +import { Anchor } from '@twilio-paste/core/anchor'; import { AspectRatio } from '@twilio-paste/core/aspect-ratio'; -import { Paragraph } from '@twilio-paste/core/paragraph'; +import { Modal, ModalBody, ModalHeader, ModalHeading } from '@twilio-paste/core/modal'; import type { ModalProps } from '@twilio-paste/core/modal'; -import { Anchor } from '@twilio-paste/core/anchor'; +import { Paragraph } from '@twilio-paste/core/paragraph'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; export type BetaModalProps = Pick; diff --git a/packages/paste-theme-designer/components/topbar/PasteIconInverse.tsx b/packages/paste-theme-designer/components/topbar/PasteIconInverse.tsx index cb7b2de394..01917674e1 100644 --- a/packages/paste-theme-designer/components/topbar/PasteIconInverse.tsx +++ b/packages/paste-theme-designer/components/topbar/PasteIconInverse.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; type PasteIconInverseProps = { className?: string; diff --git a/packages/paste-theme-designer/components/topbar/SiteHeaderLogo.tsx b/packages/paste-theme-designer/components/topbar/SiteHeaderLogo.tsx index 86ef6ce749..7b212f58c7 100644 --- a/packages/paste-theme-designer/components/topbar/SiteHeaderLogo.tsx +++ b/packages/paste-theme-designer/components/topbar/SiteHeaderLogo.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import Link from 'next/link'; -import { Text } from '@twilio-paste/core/text'; import { Box } from '@twilio-paste/core/box'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/core/media-object'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; import { styled } from '@twilio-paste/core/styling-library'; +import { Text } from '@twilio-paste/core/text'; import { useTheme } from '@twilio-paste/core/theme'; +import Link from 'next/link'; +import * as React from 'react'; -import { PasteIconInverse } from './PasteIconInverse'; import { BetaBadge } from './BetaBadge'; +import { PasteIconInverse } from './PasteIconInverse'; const StyledA = styled(Link)` text-decoration: none; diff --git a/packages/paste-theme-designer/components/topbar/index.tsx b/packages/paste-theme-designer/components/topbar/index.tsx index 97a180b743..7750754c2c 100644 --- a/packages/paste-theme-designer/components/topbar/index.tsx +++ b/packages/paste-theme-designer/components/topbar/index.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; +import * as React from 'react'; import { SiteHeaderLogo } from './SiteHeaderLogo'; diff --git a/packages/paste-theme-designer/context/TokenContext.ts b/packages/paste-theme-designer/context/TokenContext.ts index 549eee1b4b..a484d94e2a 100644 --- a/packages/paste-theme-designer/context/TokenContext.ts +++ b/packages/paste-theme-designer/context/TokenContext.ts @@ -1,6 +1,6 @@ -import * as React from 'react'; import * as Tokens from '@twilio-paste/core/design-tokens'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; export type TokenContextProps = { tokens: Partial; diff --git a/packages/paste-theme-designer/pages/_app.tsx b/packages/paste-theme-designer/pages/_app.tsx index 79e12426ee..fc49c3d6ad 100644 --- a/packages/paste-theme-designer/pages/_app.tsx +++ b/packages/paste-theme-designer/pages/_app.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import type { AppProps } from 'next/app'; -import Head from 'next/head'; import { datadogRum } from '@datadog/browser-rum'; -import { Theme } from '@twilio-paste/core/theme'; import * as Tokens from '@twilio-paste/core/design-tokens'; +import { Theme } from '@twilio-paste/core/theme'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import type { AppProps } from 'next/app'; +import Head from 'next/head'; +import * as React from 'react'; import { TokenContext } from '../context/TokenContext'; diff --git a/packages/paste-theme-designer/pages/background-color/index.tsx b/packages/paste-theme-designer/pages/background-color/index.tsx index 1a011498ae..1131598761 100644 --- a/packages/paste-theme-designer/pages/background-color/index.tsx +++ b/packages/paste-theme-designer/pages/background-color/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function BackgroundColor(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/border-color/index.tsx b/packages/paste-theme-designer/pages/border-color/index.tsx index e045de4b38..f0710dff82 100644 --- a/packages/paste-theme-designer/pages/border-color/index.tsx +++ b/packages/paste-theme-designer/pages/border-color/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function BorderColor(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/border-width/index.tsx b/packages/paste-theme-designer/pages/border-width/index.tsx index 43b0870f72..2e3beceb87 100644 --- a/packages/paste-theme-designer/pages/border-width/index.tsx +++ b/packages/paste-theme-designer/pages/border-width/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function BorderWidth(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/box-shadow/index.tsx b/packages/paste-theme-designer/pages/box-shadow/index.tsx index bfb4cdef6c..1236ec7dd3 100644 --- a/packages/paste-theme-designer/pages/box-shadow/index.tsx +++ b/packages/paste-theme-designer/pages/box-shadow/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function BoxShadow(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/font-size/index.tsx b/packages/paste-theme-designer/pages/font-size/index.tsx index b6874f92de..8c7d748f14 100644 --- a/packages/paste-theme-designer/pages/font-size/index.tsx +++ b/packages/paste-theme-designer/pages/font-size/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function FontSize(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/font-weight/index.tsx b/packages/paste-theme-designer/pages/font-weight/index.tsx index 728e7135f2..76b83fd9c3 100644 --- a/packages/paste-theme-designer/pages/font-weight/index.tsx +++ b/packages/paste-theme-designer/pages/font-weight/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function FontWeight(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/font/index.tsx b/packages/paste-theme-designer/pages/font/index.tsx index f7599821f9..3eb77eac54 100644 --- a/packages/paste-theme-designer/pages/font/index.tsx +++ b/packages/paste-theme-designer/pages/font/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function Font(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/line-height/index.tsx b/packages/paste-theme-designer/pages/line-height/index.tsx index 90b94373c3..05befd734a 100644 --- a/packages/paste-theme-designer/pages/line-height/index.tsx +++ b/packages/paste-theme-designer/pages/line-height/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function LineHeight(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/radii/index.tsx b/packages/paste-theme-designer/pages/radii/index.tsx index d422ad7da8..38bded4714 100644 --- a/packages/paste-theme-designer/pages/radii/index.tsx +++ b/packages/paste-theme-designer/pages/radii/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function Radii(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/sizing/index.tsx b/packages/paste-theme-designer/pages/sizing/index.tsx index c6713d0d20..74ae75daa0 100644 --- a/packages/paste-theme-designer/pages/sizing/index.tsx +++ b/packages/paste-theme-designer/pages/sizing/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function Sizing(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/spacing/index.tsx b/packages/paste-theme-designer/pages/spacing/index.tsx index 6e61be31c3..833ca5483e 100644 --- a/packages/paste-theme-designer/pages/spacing/index.tsx +++ b/packages/paste-theme-designer/pages/spacing/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function Spacing(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/text-color/index.tsx b/packages/paste-theme-designer/pages/text-color/index.tsx index 2a5040bf68..11d5fb1fe9 100644 --- a/packages/paste-theme-designer/pages/text-color/index.tsx +++ b/packages/paste-theme-designer/pages/text-color/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function TextColor(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme-designer/pages/z-index/index.tsx b/packages/paste-theme-designer/pages/z-index/index.tsx index a0eb8e1bb4..67e2e6f559 100644 --- a/packages/paste-theme-designer/pages/z-index/index.tsx +++ b/packages/paste-theme-designer/pages/z-index/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { TokenContext } from '../../context/TokenContext'; import { EditorWrapper } from '../../components/layout/editor-wrapper'; import { OptionsList } from '../../components/token-option'; +import { TokenContext } from '../../context/TokenContext'; export default function ZIndex(): JSX.Element { const { tokens, updateToken } = React.useContext(TokenContext); diff --git a/packages/paste-theme/__tests__/themeConsumer.spec.tsx b/packages/paste-theme/__tests__/themeConsumer.spec.tsx index 9c95d621d5..e9082ea853 100644 --- a/packages/paste-theme/__tests__/themeConsumer.spec.tsx +++ b/packages/paste-theme/__tests__/themeConsumer.spec.tsx @@ -1,7 +1,7 @@ +import { act, render } from '@testing-library/react'; import React from 'react'; // eslint-disable-next-line import/no-unresolved import { createRoot } from 'testing-tools/react-dom-create-root'; -import { render, act } from '@testing-library/react'; import { Theme } from '../src'; diff --git a/packages/paste-theme/__tests__/themeProvider.spec.tsx b/packages/paste-theme/__tests__/themeProvider.spec.tsx index 8956cb38d5..c06df07f8f 100644 --- a/packages/paste-theme/__tests__/themeProvider.spec.tsx +++ b/packages/paste-theme/__tests__/themeProvider.spec.tsx @@ -1,7 +1,7 @@ +import { act, render } from '@testing-library/react'; import React from 'react'; // eslint-disable-next-line import/no-unresolved import { createRoot } from 'testing-tools/react-dom-create-root'; -import { render, act } from '@testing-library/react'; import { Theme } from '../src'; diff --git a/packages/paste-theme/__tests__/useTheme.spec.tsx b/packages/paste-theme/__tests__/useTheme.spec.tsx index a8da9838c1..405361f20a 100644 --- a/packages/paste-theme/__tests__/useTheme.spec.tsx +++ b/packages/paste-theme/__tests__/useTheme.spec.tsx @@ -1,7 +1,7 @@ +import { act, render } from '@testing-library/react'; import React from 'react'; // eslint-disable-next-line import/no-unresolved import { createRoot } from 'testing-tools/react-dom-create-root'; -import { render, act } from '@testing-library/react'; import { Theme, useTheme } from '../src'; diff --git a/packages/paste-theme/__tests__/useThemeContrastCheck.spec.tsx b/packages/paste-theme/__tests__/useThemeContrastCheck.spec.tsx index 6021ae354f..ffc1c2400c 100644 --- a/packages/paste-theme/__tests__/useThemeContrastCheck.spec.tsx +++ b/packages/paste-theme/__tests__/useThemeContrastCheck.spec.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { renderHook } from '@testing-library/react'; import { ThemeProvider } from '@twilio-paste/styling-library'; +import * as React from 'react'; import { useThemeContrastCheck } from '../src/useThemeContrastCheck'; diff --git a/packages/paste-theme/__tests__/withTheme.spec.tsx b/packages/paste-theme/__tests__/withTheme.spec.tsx index 9ca76ad73e..f063ec36ef 100644 --- a/packages/paste-theme/__tests__/withTheme.spec.tsx +++ b/packages/paste-theme/__tests__/withTheme.spec.tsx @@ -1,7 +1,7 @@ +import { act, render } from '@testing-library/react'; import React from 'react'; // eslint-disable-next-line import/no-unresolved import { createRoot } from 'testing-tools/react-dom-create-root'; -import { render, act } from '@testing-library/react'; import type { ThemeShape } from '../src'; import { Theme, withTheme } from '../src'; diff --git a/packages/paste-theme/src/generateThemeFromTokens.ts b/packages/paste-theme/src/generateThemeFromTokens.ts index da2fdb0b38..27829d9bcd 100644 --- a/packages/paste-theme/src/generateThemeFromTokens.ts +++ b/packages/paste-theme/src/generateThemeFromTokens.ts @@ -1,18 +1,18 @@ import type { - GenericThemeShape, - ColorsKeys, BackgroundColorsKeys, BorderColorsKeys, BorderWidthsKeys, + BoxShadowsKeys, ColorSchemeKeys, + ColorsKeys, DataVisualizationKeys, FontSizesKeys, FontWeightsKeys, FontsKeys, - SizingKeys, + GenericThemeShape, LineHeightsKeys, RadiiKeys, - BoxShadowsKeys, + SizingKeys, SpacingsKeys, TextColorsKeys, ZIndicesKeys, diff --git a/packages/paste-theme/src/index.tsx b/packages/paste-theme/src/index.tsx index 57f4e257de..e923b42bba 100644 --- a/packages/paste-theme/src/index.tsx +++ b/packages/paste-theme/src/index.tsx @@ -1,6 +1,6 @@ -import { ThemeProvider, StyledBase } from './themeProvider'; -import type { ThemeProviderProps } from './themeProvider'; import { ThemeConsumer } from './themeConsumer'; +import { StyledBase, ThemeProvider } from './themeProvider'; +import type { ThemeProviderProps } from './themeProvider'; const Theme = { Provider: ThemeProvider, diff --git a/packages/paste-theme/src/themeConsumer.tsx b/packages/paste-theme/src/themeConsumer.tsx index f4a295432d..a2f8e9de00 100644 --- a/packages/paste-theme/src/themeConsumer.tsx +++ b/packages/paste-theme/src/themeConsumer.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { ThemeContext } from '@twilio-paste/styling-library'; +import * as React from 'react'; import type { ThemeShape } from './types/themes'; diff --git a/packages/paste-theme/src/themeProvider.tsx b/packages/paste-theme/src/themeProvider.tsx index 3ed7d3cf9f..83e17a1ed6 100644 --- a/packages/paste-theme/src/themeProvider.tsx +++ b/packages/paste-theme/src/themeProvider.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; -import { useReducedMotion, Globals as AnimatedGlobals } from '@twilio-paste/animation-library'; +import { Globals as AnimatedGlobals, useReducedMotion } from '@twilio-paste/animation-library'; import { - styled, + CacheProvider as EmotionCacheProvider, StylingGlobals, ThemeProvider as EmotionThemeProvider, createCache, - CacheProvider as EmotionCacheProvider, + styled, } from '@twilio-paste/styling-library'; import type { CreateCacheOptions } from '@twilio-paste/styling-library'; +import * as React from 'react'; -import { getThemeFromHash } from './utils/getThemeFromHash'; -import { DefaultTheme, SendGridTheme, DarkTheme, TwilioTheme, TwilioDarkTheme, EvergreenTheme } from './themes'; -import { pasteGlobalStyles } from './styles/global'; +import { ThemeVariants } from './constants'; import { pasteBaseStyles } from './styles/base'; import { pasteFonts } from './styles/fonts'; -import { ThemeVariants } from './constants'; +import { pasteGlobalStyles } from './styles/global'; +import { DarkTheme, DefaultTheme, EvergreenTheme, SendGridTheme, TwilioDarkTheme, TwilioTheme } from './themes'; +import { getThemeFromHash } from './utils/getThemeFromHash'; export const StyledBase = styled.div(pasteBaseStyles); diff --git a/packages/paste-theme/src/themes/dark/index.ts b/packages/paste-theme/src/themes/dark/index.ts index 74085a7a4b..11a603e269 100644 --- a/packages/paste-theme/src/themes/dark/index.ts +++ b/packages/paste-theme/src/themes/dark/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens/dist/themes/dark/tokens.es6'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/themes/default/index.ts b/packages/paste-theme/src/themes/default/index.ts index 636e99585a..1a6d2bfe2b 100644 --- a/packages/paste-theme/src/themes/default/index.ts +++ b/packages/paste-theme/src/themes/default/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/themes/evergreen/index.ts b/packages/paste-theme/src/themes/evergreen/index.ts index e0b05331b2..b28cd2fa71 100644 --- a/packages/paste-theme/src/themes/evergreen/index.ts +++ b/packages/paste-theme/src/themes/evergreen/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens/dist/themes/evergreen/tokens.es6'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/themes/index.ts b/packages/paste-theme/src/themes/index.ts index fb1573f2dc..aa64fd4cbe 100644 --- a/packages/paste-theme/src/themes/index.ts +++ b/packages/paste-theme/src/themes/index.ts @@ -1,7 +1,7 @@ +import { DarkTheme } from './dark'; import { DefaultTheme } from './default'; -import { SendGridTheme } from './sendgrid'; import { EvergreenTheme } from './evergreen'; -import { DarkTheme } from './dark'; +import { SendGridTheme } from './sendgrid'; import { TwilioTheme } from './twilio'; import { TwilioDarkTheme } from './twilio-dark'; diff --git a/packages/paste-theme/src/themes/sendgrid/index.ts b/packages/paste-theme/src/themes/sendgrid/index.ts index 66321e3962..cc2fc8a3ec 100644 --- a/packages/paste-theme/src/themes/sendgrid/index.ts +++ b/packages/paste-theme/src/themes/sendgrid/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens/dist/themes/sendgrid/tokens.es6'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/themes/twilio-dark/index.ts b/packages/paste-theme/src/themes/twilio-dark/index.ts index 314afdb2bc..7d0f5251c1 100644 --- a/packages/paste-theme/src/themes/twilio-dark/index.ts +++ b/packages/paste-theme/src/themes/twilio-dark/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.es6'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/themes/twilio/index.ts b/packages/paste-theme/src/themes/twilio/index.ts index 4c15222f92..4e9fe1d729 100644 --- a/packages/paste-theme/src/themes/twilio/index.ts +++ b/packages/paste-theme/src/themes/twilio/index.ts @@ -2,19 +2,19 @@ import { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - dataVisualization, - colors, - colorSchemes, } from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.es6'; import { generateThemeFromTokens } from '../../generateThemeFromTokens'; diff --git a/packages/paste-theme/src/types/GenericThemeShape.ts b/packages/paste-theme/src/types/GenericThemeShape.ts index c732025f8f..c7791a3466 100644 --- a/packages/paste-theme/src/types/GenericThemeShape.ts +++ b/packages/paste-theme/src/types/GenericThemeShape.ts @@ -2,19 +2,19 @@ import type { backgroundColors, borderColors, borderWidths, - radii, - fonts, + boxShadows, + colorSchemes, + colors, + dataVisualization, fontSizes, fontWeights, + fonts, lineHeights, - boxShadows, + radii, sizings, spacings, textColors, zIndices, - colors, - dataVisualization, - colorSchemes, } from '@twilio-paste/design-tokens'; export type BackgroundColorsKeys = keyof typeof backgroundColors; diff --git a/packages/paste-theme/src/types/themes.ts b/packages/paste-theme/src/types/themes.ts index 35e21d2f9d..a0f19547a2 100644 --- a/packages/paste-theme/src/types/themes.ts +++ b/packages/paste-theme/src/types/themes.ts @@ -1,7 +1,7 @@ -import type { DefaultTheme } from '../themes/default'; -import type { SendGridTheme } from '../themes/sendgrid'; import type { DarkTheme } from '../themes/dark'; +import type { DefaultTheme } from '../themes/default'; import type { EvergreenTheme } from '../themes/evergreen'; +import type { SendGridTheme } from '../themes/sendgrid'; import type { TwilioTheme } from '../themes/twilio'; import type { TwilioDarkTheme } from '../themes/twilio-dark'; diff --git a/packages/paste-theme/src/useTheme.tsx b/packages/paste-theme/src/useTheme.tsx index 944437d0e0..becb4f8162 100644 --- a/packages/paste-theme/src/useTheme.tsx +++ b/packages/paste-theme/src/useTheme.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { ThemeContext } from '@twilio-paste/styling-library'; +import * as React from 'react'; import type { ThemeShape } from './types/themes'; diff --git a/packages/paste-theme/src/useThemeContrastCheck.ts b/packages/paste-theme/src/useThemeContrastCheck.ts index 79ed229ef0..679798d0ab 100644 --- a/packages/paste-theme/src/useThemeContrastCheck.ts +++ b/packages/paste-theme/src/useThemeContrastCheck.ts @@ -1,13 +1,13 @@ -import type { TokenPairContrastRating } from '@twilio-paste/design-tokens/types'; import { getContrastRatingsOfTokensWithTextContrastRequirements, getContrastRatingsOfTokensWithUIControlContrastRequirements, getNumberOfTextFailures, getNumberOfUIControlFailures, } from '@twilio-paste/color-contrast-utils'; +import type { TokenPairContrastRating } from '@twilio-paste/design-tokens/types'; -import { useTheme } from './useTheme'; import { generateTokensFromTheme } from './generateTokensFromTheme'; +import { useTheme } from './useTheme'; export interface UseThemeContrastCheckReturn { /** diff --git a/packages/paste-theme/stories/cacheProvider.stories.tsx b/packages/paste-theme/stories/cacheProvider.stories.tsx index 94e560a600..9297667f2d 100644 --- a/packages/paste-theme/stories/cacheProvider.stories.tsx +++ b/packages/paste-theme/stories/cacheProvider.stories.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Input } from '@twilio-paste/input'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Stack } from '@twilio-paste/stack'; import { TextArea } from '@twilio-paste/textarea'; +import * as React from 'react'; import root from 'react-shadow'; import { ThemeProvider } from '../src/themeProvider'; diff --git a/packages/paste-theme/stories/evergreenTheme.stories.tsx b/packages/paste-theme/stories/evergreenTheme.stories.tsx index de0a622da0..3745cdfe28 100644 --- a/packages/paste-theme/stories/evergreenTheme.stories.tsx +++ b/packages/paste-theme/stories/evergreenTheme.stories.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; -import { Avatar } from '@twilio-paste/avatar'; -import type { AvatarProps } from '@twilio-paste/avatar'; import { Alert } from '@twilio-paste/alert'; import type { AlertProps } from '@twilio-paste/alert'; +import { Avatar } from '@twilio-paste/avatar'; +import type { AvatarProps } from '@twilio-paste/avatar'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import type { ButtonProps } from '@twilio-paste/button'; +import { ButtonGroup } from '@twilio-paste/button-group'; import { Callout, CalloutHeading, CalloutText } from '@twilio-paste/callout'; import type { CalloutProps } from '@twilio-paste/callout'; +import { Disclosure, DisclosureContent, DisclosureHeading } from '@twilio-paste/disclosure'; +import type { DisclosureHeadingProps } from '@twilio-paste/disclosure'; +import { Heading } from '@twilio-paste/heading'; import { Input } from '@twilio-paste/input'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Heading } from '@twilio-paste/heading'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Stack } from '@twilio-paste/stack'; -import { ButtonGroup } from '@twilio-paste/button-group'; import { TextArea } from '@twilio-paste/textarea'; -import { Disclosure, DisclosureHeading, DisclosureContent } from '@twilio-paste/disclosure'; -import type { DisclosureHeadingProps } from '@twilio-paste/disclosure'; +import * as React from 'react'; import { ThemeProvider } from '../src/themeProvider'; diff --git a/packages/paste-theme/stories/themeProvider.stories.tsx b/packages/paste-theme/stories/themeProvider.stories.tsx index 1c7ccade3f..73073786a9 100644 --- a/packages/paste-theme/stories/themeProvider.stories.tsx +++ b/packages/paste-theme/stories/themeProvider.stories.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { Helmet } from 'react-helmet'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Input } from '@twilio-paste/input'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Stack } from '@twilio-paste/stack'; import { TextArea } from '@twilio-paste/textarea'; +import * as React from 'react'; +import { Helmet } from 'react-helmet'; import { ThemeProvider } from '../src/themeProvider'; diff --git a/packages/paste-token-contrast-checker/src/App.tsx b/packages/paste-token-contrast-checker/src/App.tsx index 9b91463ba5..20c645595c 100644 --- a/packages/paste-token-contrast-checker/src/App.tsx +++ b/packages/paste-token-contrast-checker/src/App.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { StylingGlobals, css } from '@twilio-paste/core/styling-library'; import { Theme } from '@twilio-paste/core/theme'; import type { ThemeVariants } from '@twilio-paste/theme'; -import { StylingGlobals, css } from '@twilio-paste/core/styling-library'; +import * as React from 'react'; interface SelectedThemeContextProps { selectedTheme: string; diff --git a/packages/paste-token-contrast-checker/src/components/Form.tsx b/packages/paste-token-contrast-checker/src/components/Form.tsx index 93c97000b8..f97c77deab 100644 --- a/packages/paste-token-contrast-checker/src/components/Form.tsx +++ b/packages/paste-token-contrast-checker/src/components/Form.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; -import { Box } from '@twilio-paste/core/box'; -import { Text } from '@twilio-paste/core/text'; import { Anchor } from '@twilio-paste/core/anchor'; -import { Label } from '@twilio-paste/core/label'; +import { Box } from '@twilio-paste/core/box'; +import { Checkbox, CheckboxGroup } from '@twilio-paste/core/checkbox'; import { Input } from '@twilio-paste/core/input'; -import { TextArea } from '@twilio-paste/core/textarea'; -import { Select, Option } from '@twilio-paste/core/select'; +import { Label } from '@twilio-paste/core/label'; import { Radio, RadioGroup } from '@twilio-paste/core/radio-group'; -import { Checkbox, CheckboxGroup } from '@twilio-paste/core/checkbox'; +import { Option, Select } from '@twilio-paste/core/select'; +import { Text } from '@twilio-paste/core/text'; +import { TextArea } from '@twilio-paste/core/textarea'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; export const ExampleForm = (): JSX.Element => { const [inputValue, setInputValue] = React.useState(''); diff --git a/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx b/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx index 7791f48247..e6121e325d 100644 --- a/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx +++ b/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx @@ -1,24 +1,24 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/core/uid-library'; import { Alert } from '@twilio-paste/core/alert'; import { Anchor } from '@twilio-paste/core/anchor'; import { Box } from '@twilio-paste/core/box'; import { Button } from '@twilio-paste/core/button'; import { Card } from '@twilio-paste/core/card'; +import { Disclosure, DisclosureContent, DisclosureHeading } from '@twilio-paste/core/disclosure'; import { Column, Grid } from '@twilio-paste/core/grid'; +import { Heading } from '@twilio-paste/core/heading'; import { Input } from '@twilio-paste/core/input'; import { Label } from '@twilio-paste/core/label'; -import { Heading } from '@twilio-paste/core/heading'; import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; -import { Toast } from '@twilio-paste/core/toast'; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from '@twilio-paste/core/modal'; import { Paragraph } from '@twilio-paste/core/paragraph'; import { Separator } from '@twilio-paste/core/separator'; import { Stack } from '@twilio-paste/core/stack'; import { Text } from '@twilio-paste/core/text'; -import { Disclosure, DisclosureContent, DisclosureHeading } from '@twilio-paste/core/disclosure'; +import { Toast } from '@twilio-paste/core/toast'; +import { useUID } from '@twilio-paste/core/uid-library'; import { PlusIcon } from '@twilio-paste/icons/cjs/PlusIcon'; import { ProductTwilioOrgIcon } from '@twilio-paste/icons/cjs/ProductTwilioOrgIcon'; +import * as React from 'react'; import { ExampleForm } from './Form'; import { PlainMenu } from './Menu'; diff --git a/packages/paste-token-contrast-checker/src/components/Menu.tsx b/packages/paste-token-contrast-checker/src/components/Menu.tsx index 365ff6bc95..d88eab7160 100644 --- a/packages/paste-token-contrast-checker/src/components/Menu.tsx +++ b/packages/paste-token-contrast-checker/src/components/Menu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { useMenuState, MenuButton, Menu, MenuItem, MenuSeparator } from '@twilio-paste/core/menu'; +import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from '@twilio-paste/core/menu'; import { ChevronDownIcon } from '@twilio-paste/icons/cjs/ChevronDownIcon'; +import * as React from 'react'; export const PlainMenu = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-token-contrast-checker/src/components/SideBar.tsx b/packages/paste-token-contrast-checker/src/components/SideBar.tsx index af2ade6917..b74ac7e37f 100644 --- a/packages/paste-token-contrast-checker/src/components/SideBar.tsx +++ b/packages/paste-token-contrast-checker/src/components/SideBar.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import { ThemeVariants, useThemeContrastCheck } from '@twilio-paste/core/theme'; import { Box } from '@twilio-paste/core/box'; -import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; -import { SuccessIcon } from '@twilio-paste/icons/cjs/SuccessIcon'; import { Heading } from '@twilio-paste/core/heading'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; +import { ThemeVariants, useThemeContrastCheck } from '@twilio-paste/core/theme'; import { ErrorIcon } from '@twilio-paste/icons/cjs/ErrorIcon'; +import { SuccessIcon } from '@twilio-paste/icons/cjs/SuccessIcon'; +import * as React from 'react'; import { SelectedThemeContext } from '../App'; import { ThemeSelector } from './ThemeSelector'; diff --git a/packages/paste-token-contrast-checker/src/components/ThemeSelector.tsx b/packages/paste-token-contrast-checker/src/components/ThemeSelector.tsx index df5145b8c1..16ea015150 100644 --- a/packages/paste-token-contrast-checker/src/components/ThemeSelector.tsx +++ b/packages/paste-token-contrast-checker/src/components/ThemeSelector.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/core/uid-library'; -import { Select, Option } from '@twilio-paste/core/select'; -import type { SelectProps } from '@twilio-paste/core/select'; import { Label } from '@twilio-paste/core/label'; +import { Option, Select } from '@twilio-paste/core/select'; +import type { SelectProps } from '@twilio-paste/core/select'; import { ThemeVariants } from '@twilio-paste/core/theme'; +import { useUID } from '@twilio-paste/core/uid-library'; +import * as React from 'react'; interface ThemeSelectorProps extends Omit { themes: [keyof typeof ThemeVariants]; diff --git a/packages/paste-token-contrast-checker/src/components/TokenPairRating.tsx b/packages/paste-token-contrast-checker/src/components/TokenPairRating.tsx index 2eece95a45..00cdcc8ff3 100644 --- a/packages/paste-token-contrast-checker/src/components/TokenPairRating.tsx +++ b/packages/paste-token-contrast-checker/src/components/TokenPairRating.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import type { BackgroundColorOptions, BorderColorOptions, TextColorOptions } from '@twilio-paste/core/style-props'; -import { useUIDSeed } from '@twilio-paste/core/uid-library'; import { Box } from '@twilio-paste/core/box'; -import { Truncate } from '@twilio-paste/core/truncate'; import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/core/media-object'; -import { SuccessIcon } from '@twilio-paste/icons/cjs/SuccessIcon'; +import type { BackgroundColorOptions, BorderColorOptions, TextColorOptions } from '@twilio-paste/core/style-props'; +import { Truncate } from '@twilio-paste/core/truncate'; +import { useUIDSeed } from '@twilio-paste/core/uid-library'; import { ErrorIcon } from '@twilio-paste/icons/cjs/ErrorIcon'; import { InformationIcon } from '@twilio-paste/icons/cjs/InformationIcon'; +import { SuccessIcon } from '@twilio-paste/icons/cjs/SuccessIcon'; import camelCase from 'lodash/camelCase'; +import * as React from 'react'; interface ContrastRatioProps { ratio: number; diff --git a/packages/paste-token-contrast-checker/src/index.tsx b/packages/paste-token-contrast-checker/src/index.tsx index 27c57beab3..c66ed1055d 100644 --- a/packages/paste-token-contrast-checker/src/index.tsx +++ b/packages/paste-token-contrast-checker/src/index.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; import App from './App'; -import reportWebVitals from './reportWebVitals'; import { IndexPage } from './pages/IndexPage'; +import reportWebVitals from './reportWebVitals'; export const Index = (): JSX.Element => { return ( diff --git a/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx b/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx index 63c2d1d9d7..b501f36ca6 100644 --- a/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx +++ b/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/core/box'; +import * as React from 'react'; import { KitchenSink } from '../components/KitchenSink'; import { SideBar } from '../components/SideBar'; diff --git a/packages/paste-utils/__tests__/useWindowSize.test.tsx b/packages/paste-utils/__tests__/useWindowSize.test.tsx index af8eaf77ab..d393c31dee 100644 --- a/packages/paste-utils/__tests__/useWindowSize.test.tsx +++ b/packages/paste-utils/__tests__/useWindowSize.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { renderHook, act } from '@testing-library/react'; +import { act, renderHook } from '@testing-library/react'; import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { useWindowSize } from '../src/hooks/useWindowSize'; diff --git a/packages/paste-utils/src/hooks/useMutationObservable.ts b/packages/paste-utils/src/hooks/useMutationObservable.ts index 19d88f12d3..354706e233 100644 --- a/packages/paste-utils/src/hooks/useMutationObservable.ts +++ b/packages/paste-utils/src/hooks/useMutationObservable.ts @@ -1,5 +1,5 @@ -import { useEffect, useState } from 'react'; import debounce from 'lodash/debounce'; +import { useEffect, useState } from 'react'; type Options = { config?: { diff --git a/packages/paste-utils/src/hooks/useWindowSize.ts b/packages/paste-utils/src/hooks/useWindowSize.ts index 771b385731..323990c93e 100644 --- a/packages/paste-utils/src/hooks/useWindowSize.ts +++ b/packages/paste-utils/src/hooks/useWindowSize.ts @@ -1,7 +1,7 @@ -import { useState, useEffect } from 'react'; import { useTheme } from '@twilio-paste/theme'; -import findIndex from 'lodash/findIndex'; import debounce from 'lodash/debounce'; +import findIndex from 'lodash/findIndex'; +import { useEffect, useState } from 'react'; interface WindowSizeState { width: number | undefined; diff --git a/packages/paste-website/plugins/remark-headings-plugin.mjs b/packages/paste-website/plugins/remark-headings-plugin.mjs index 3d6c33b9bd..cbbfeebb7c 100644 --- a/packages/paste-website/plugins/remark-headings-plugin.mjs +++ b/packages/paste-website/plugins/remark-headings-plugin.mjs @@ -1,5 +1,5 @@ -import { visit } from 'unist-util-visit-esm'; import { toString } from 'mdast-util-to-string'; +import { visit } from 'unist-util-visit-esm'; // eslint-disable-next-line unicorn/consistent-function-scoping const transform = () => (tree) => { diff --git a/packages/paste-website/scripts/fetch-data.mjs b/packages/paste-website/scripts/fetch-data.mjs index 6a9b0c8aee..58f48ca497 100644 --- a/packages/paste-website/scripts/fetch-data.mjs +++ b/packages/paste-website/scripts/fetch-data.mjs @@ -1,6 +1,6 @@ -import * as fs from 'fs/promises'; import path from 'path'; import { fileURLToPath } from 'url'; +import * as fs from 'fs/promises'; import { globby } from 'globby-esm'; diff --git a/packages/paste-website/src/__tests__/colorGradient.test.tsx b/packages/paste-website/src/__tests__/colorGradient.test.tsx index dfa0fa54ac..cd6bbb226d 100644 --- a/packages/paste-website/src/__tests__/colorGradient.test.tsx +++ b/packages/paste-website/src/__tests__/colorGradient.test.tsx @@ -1,4 +1,4 @@ -import { sortAliasNames, filterAliasNames, getAliasValuesFromPrefix } from '../components/color-swatch/ColorGradient'; +import { filterAliasNames, getAliasValuesFromPrefix, sortAliasNames } from '../components/color-swatch/ColorGradient'; const sampleAliases = ['palette-gray-80', 'palette-gray-100', 'palette-gray-20', 'palette-gray-60']; const sortedAliases = ['palette-gray-100', 'palette-gray-80', 'palette-gray-60', 'palette-gray-20']; diff --git a/packages/paste-website/src/__tests__/filterGroup.test.tsx b/packages/paste-website/src/__tests__/filterGroup.test.tsx index 7c6a7a857f..410cb70cf7 100644 --- a/packages/paste-website/src/__tests__/filterGroup.test.tsx +++ b/packages/paste-website/src/__tests__/filterGroup.test.tsx @@ -1,11 +1,11 @@ import { add } from 'date-fns'; import { - filterBySearchString, - filterByRoomType, + dateDifference, filterByDateRange, filterByDateTimeRange, - dateDifference, + filterByRoomType, + filterBySearchString, isEndDateBeforeStartDate, } from '../component-examples/filter-group/helpers'; diff --git a/packages/paste-website/src/__tests__/genericHeader.test.tsx b/packages/paste-website/src/__tests__/genericHeader.test.tsx index 61fe59991c..56024e8a8f 100644 --- a/packages/paste-website/src/__tests__/genericHeader.test.tsx +++ b/packages/paste-website/src/__tests__/genericHeader.test.tsx @@ -1,8 +1,8 @@ +import { render, screen } from '@testing-library/react'; +import { Theme } from '@twilio-paste/theme'; // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore react import is flagged as unused by tsx but required when running the tests import * as React from 'react'; -import { Theme } from '@twilio-paste/theme'; -import { render, screen } from '@testing-library/react'; import { GenericHeader } from '../components/shortcodes/generic-header'; diff --git a/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx b/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx index 0bce6fd3e3..d96e2dee45 100644 --- a/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx +++ b/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx @@ -1,8 +1,8 @@ +import { render, screen } from '@testing-library/react'; +import { Theme } from '@twilio-paste/theme'; // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore react import is flagged as unused by tsx but required when running the tests import * as React from 'react'; -import { render, screen } from '@testing-library/react'; -import { Theme } from '@twilio-paste/theme'; import { PackageStatusLegend } from '../components/shortcodes/package-status-legend'; diff --git a/packages/paste-website/src/__tests__/tokenCard.test.tsx b/packages/paste-website/src/__tests__/tokenCard.test.tsx index dad25fe988..24cc5f31e1 100644 --- a/packages/paste-website/src/__tests__/tokenCard.test.tsx +++ b/packages/paste-website/src/__tests__/tokenCard.test.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Theme } from '@twilio-paste/theme'; import { render, screen } from '@testing-library/react'; +import { Theme } from '@twilio-paste/theme'; +import * as React from 'react'; import { TokenCard } from '../components/tokens-list/token-card'; diff --git a/packages/paste-website/src/assets/Logo.tsx b/packages/paste-website/src/assets/Logo.tsx index d7815711fe..0c7be89813 100644 --- a/packages/paste-website/src/assets/Logo.tsx +++ b/packages/paste-website/src/assets/Logo.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface ComponentsIconProps { size?: number; diff --git a/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx b/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx index 01ea3e270d..0a5e5c84aa 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 250; diff --git a/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx b/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx index 8459756a0a..e8ed4f1e36 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 260; diff --git a/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx b/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx index b6a4553b10..9f42615454 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 160; diff --git a/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx b/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx index 33f932da1d..79977ef5b1 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 50; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx index b30164f86d..5910c32a9e 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 250; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx index 6a90bc5714..c2e53bbf73 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx index c7717e7a95..e7bc194353 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx index 20625ec4fa..4a6ec4a2dc 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx index 9014e7dab6..d5e8c2a693 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 110; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx index 134308d47d..84ca61c6ae 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 110; diff --git a/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx b/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx index bb7523213f..b705316764 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { useTheme } from '@twilio-paste/theme'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { useSpring, animated } from '@twilio-paste/animation-library'; -import { useTheme } from '@twilio-paste/theme'; const dashArray = 260; diff --git a/packages/paste-website/src/component-examples/ChatComposerExamples.tsx b/packages/paste-website/src/component-examples/ChatComposerExamples.tsx index 2a113a83dc..f54f8eee08 100644 --- a/packages/paste-website/src/component-examples/ChatComposerExamples.tsx +++ b/packages/paste-website/src/component-examples/ChatComposerExamples.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import { ChatMessage, ChatBubble, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; -import type { Chat } from '@twilio-paste/chat-log'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { ChatBubble, ChatMessage, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; +import type { Chat } from '@twilio-paste/chat-log'; import { SendIcon } from '@twilio-paste/icons/esm/SendIcon'; import { - useLexicalComposerContext, CLEAR_EDITOR_COMMAND, COMMAND_PRIORITY_HIGH, KEY_ENTER_COMMAND, + useLexicalComposerContext, } from '@twilio-paste/lexical-library'; +import * as React from 'react'; export const RichTextExample = `const RichTextExample = () => { return ( diff --git a/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx b/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx index 7de9018244..7022ab0bae 100644 --- a/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx +++ b/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx @@ -1,11 +1,11 @@ import { Box } from '@twilio-paste/box'; -import type { TextColorOptions, BackgroundColorOptions, BorderColorOptions } from '@twilio-paste/style-props'; -import { styled, themeGet } from '@twilio-paste/styling-library'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; +import type { BackgroundColorOptions, BorderColorOptions, TextColorOptions } from '@twilio-paste/style-props'; +import { styled, themeGet } from '@twilio-paste/styling-library'; import { useUID } from '@twilio-paste/uid-library'; -import { ColorSwatch, ColorSwatchText } from '../components/color-swatch/ColorSwatch'; import { ImageCaption } from '../components/ImageCaption'; +import { ColorSwatch, ColorSwatchText } from '../components/color-swatch/ColorSwatch'; const backgroundTokens: BackgroundColorOptions[] = [ 'colorBackgroundBody', diff --git a/packages/paste-website/src/component-examples/ConversationsUIKitAnnouncement.tsx b/packages/paste-website/src/component-examples/ConversationsUIKitAnnouncement.tsx index e7ddc01bce..27b746b7fc 100644 --- a/packages/paste-website/src/component-examples/ConversationsUIKitAnnouncement.tsx +++ b/packages/paste-website/src/component-examples/ConversationsUIKitAnnouncement.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { ChatLog, ChatMessage, ChatBubble, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; import { Avatar } from '@twilio-paste/avatar'; +import { ChatBubble, ChatLog, ChatMessage, ChatMessageMeta, ChatMessageMetaItem } from '@twilio-paste/chat-log'; +import * as React from 'react'; export const ChatHeroExample: React.FC = () => ( diff --git a/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx b/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx index 309fd0c79d..2dcb5f3527 100644 --- a/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx +++ b/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { ThemeContext, styled, themeGet } from '@twilio-paste/styling-library'; import type { ThemeShape } from '@twilio-paste/theme'; +import * as React from 'react'; -import { ColorSwatchText } from '../components/color-swatch/ColorSwatch'; import { ImageCaption } from '../components/ImageCaption'; -import { StyledSwatchGrid } from './ColorsFoundationExamples'; +import { ColorSwatchText } from '../components/color-swatch/ColorSwatch'; import { inCypress } from '../utils/inCypress'; +import { StyledSwatchGrid } from './ColorsFoundationExamples'; interface TokenData { name: string; diff --git a/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx b/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx index 4e4a0eea40..15a04a58ed 100644 --- a/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx +++ b/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { Button } from '@twilio-paste/button'; +import { ModalDialogPrimitiveContent, ModalDialogPrimitiveOverlay } from '@twilio-paste/modal-dialog-primitive'; import { styled } from '@twilio-paste/styling-library'; import { Text } from '@twilio-paste/text'; -import { Button } from '@twilio-paste/button'; -import { ModalDialogPrimitiveOverlay, ModalDialogPrimitiveContent } from '@twilio-paste/modal-dialog-primitive'; +import * as React from 'react'; const StyledModalDialogOverlay = styled(ModalDialogPrimitiveOverlay)({ position: 'fixed', diff --git a/packages/paste-website/src/component-examples/ToastExamples.tsx b/packages/paste-website/src/component-examples/ToastExamples.tsx index e5b11ec93a..491ab4343b 100644 --- a/packages/paste-website/src/component-examples/ToastExamples.tsx +++ b/packages/paste-website/src/component-examples/ToastExamples.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { Toaster, useToaster } from '@twilio-paste/toast'; -import type { ToastVariants } from '@twilio-paste/toast'; import { Button } from '@twilio-paste/button'; -import { Stack } from '@twilio-paste/stack'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { RadioGroup, Radio } from '@twilio-paste/radio-group'; +import { Radio, RadioGroup } from '@twilio-paste/radio-group'; +import { Stack } from '@twilio-paste/stack'; +import { Toaster, useToaster } from '@twilio-paste/toast'; +import type { ToastVariants } from '@twilio-paste/toast'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export const ToasterExample = (): JSX.Element => { const toaster = useToaster(); diff --git a/packages/paste-website/src/component-examples/filter-group/Examples.tsx b/packages/paste-website/src/component-examples/filter-group/Examples.tsx index 2c58b244b2..543bd1953c 100644 --- a/packages/paste-website/src/component-examples/filter-group/Examples.tsx +++ b/packages/paste-website/src/component-examples/filter-group/Examples.tsx @@ -2,9 +2,9 @@ import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { DefaultFilterGroup } from './components/DefaultFilterGroup'; import { CustomDateFilterGroup } from './components/CustomDateFilterGroup'; -import { TABLE_DATA, DATE_TIME_TABLE_DATA } from './constants'; +import { DefaultFilterGroup } from './components/DefaultFilterGroup'; +import { DATE_TIME_TABLE_DATA, TABLE_DATA } from './constants'; export const DefaultFilterGroupExample = (): JSX.Element => ( diff --git a/packages/paste-website/src/component-examples/filter-group/components/CustomDateFilterGroup.tsx b/packages/paste-website/src/component-examples/filter-group/components/CustomDateFilterGroup.tsx index b5371ad678..67ed44cae0 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/CustomDateFilterGroup.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/CustomDateFilterGroup.tsx @@ -1,25 +1,25 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import * as React from 'react'; -import { useForm, useFormState } from 'react-hook-form'; -import isEqual from 'lodash/isEqual'; -import { useUID } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { ExportIcon } from '@twilio-paste/icons/esm/ExportIcon'; +import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; +import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Separator } from '@twilio-paste/separator'; -import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; -import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; -import { ExportIcon } from '@twilio-paste/icons/esm/ExportIcon'; +import { useUID } from '@twilio-paste/uid-library'; +import isEqual from 'lodash/isEqual'; +import * as React from 'react'; +import { useForm, useFormState } from 'react-hook-form'; -import { DATE_TIME_RANGES, ROOM_TYPES, FORM_DEFAULT_VALUES } from '../constants'; -import type { FilterGroupDateTimeProps, DateTimeFormValues } from '../types'; +import { DATE_TIME_RANGES, FORM_DEFAULT_VALUES, ROOM_TYPES } from '../constants'; import { filterByDateTimeRange, filterByRoomType, filterBySearchString, isEndDateBeforeStartDate } from '../helpers'; -import { SampleDataGrid } from './SampleDataGrid'; -import { EmptyState } from './EmptyState'; +import type { DateTimeFormValues, FilterGroupDateTimeProps } from '../types'; import { DateTimePopover } from './DateTimePopover'; +import { EmptyState } from './EmptyState'; +import { SampleDataGrid } from './SampleDataGrid'; // Note: update the codesandboxes if update this export const CustomDateFilterGroup: React.FC> = ({ data }) => { diff --git a/packages/paste-website/src/component-examples/filter-group/components/DateTimePopover.tsx b/packages/paste-website/src/component-examples/filter-group/components/DateTimePopover.tsx index 5acc9ade26..58f6af022d 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/DateTimePopover.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/DateTimePopover.tsx @@ -1,18 +1,18 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import * as React from 'react'; import { ErrorMessage } from '@hookform/error-message'; -import { useUID } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { DatePicker } from '@twilio-paste/date-picker'; import { Heading } from '@twilio-paste/heading'; import { HelpText } from '@twilio-paste/help-text'; +import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; import { Label } from '@twilio-paste/label'; -import { PopoverContainer, Popover, PopoverButton, usePopoverState } from '@twilio-paste/popover'; +import { Popover, PopoverButton, PopoverContainer, usePopoverState } from '@twilio-paste/popover'; import { Text } from '@twilio-paste/text'; import { TimePicker } from '@twilio-paste/time-picker'; -import { CalendarIcon } from '@twilio-paste/icons/esm/CalendarIcon'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { DateTimePopoverProps } from '../types'; diff --git a/packages/paste-website/src/component-examples/filter-group/components/DefaultFilterGroup.tsx b/packages/paste-website/src/component-examples/filter-group/components/DefaultFilterGroup.tsx index b0e980b769..3993d5d654 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/DefaultFilterGroup.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/DefaultFilterGroup.tsx @@ -1,22 +1,22 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { ExportIcon } from '@twilio-paste/icons/esm/ExportIcon'; +import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; +import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { Select, Option } from '@twilio-paste/select'; +import { Option, Select } from '@twilio-paste/select'; import { Separator } from '@twilio-paste/separator'; -import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; -import { SearchIcon } from '@twilio-paste/icons/esm/SearchIcon'; -import { ExportIcon } from '@twilio-paste/icons/esm/ExportIcon'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { DATE_RANGES, ROOM_TYPES } from '../constants'; -import type { RoomTypes, DateRanges, FilterGroupProps } from '../types'; import { filterByDateRange, filterByRoomType, filterBySearchString } from '../helpers'; -import { SampleDataGrid } from './SampleDataGrid'; +import type { DateRanges, FilterGroupProps, RoomTypes } from '../types'; import { EmptyState } from './EmptyState'; +import { SampleDataGrid } from './SampleDataGrid'; // Note: update the codesandboxes if update this export const DefaultFilterGroup: React.FC> = ({ diff --git a/packages/paste-website/src/component-examples/filter-group/components/EmptyState.tsx b/packages/paste-website/src/component-examples/filter-group/components/EmptyState.tsx index 7e63c65175..5d593efa31 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/EmptyState.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/EmptyState.tsx @@ -1,10 +1,10 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; +import * as React from 'react'; import { NoResultsIllustration } from './NoResultsIllustration'; diff --git a/packages/paste-website/src/component-examples/filter-group/components/SampleDataGrid.tsx b/packages/paste-website/src/component-examples/filter-group/components/SampleDataGrid.tsx index 0ab183bb1e..a45acc0f05 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/SampleDataGrid.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/SampleDataGrid.tsx @@ -1,14 +1,14 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import * as React from 'react'; import { DataGrid, - DataGridHead, - DataGridRow, - DataGridHeader, DataGridBody, DataGridCell, + DataGridHead, + DataGridHeader, + DataGridRow, } from '@twilio-paste/data-grid'; +import * as React from 'react'; import { TABLE_HEADERS } from '../constants'; import { formatDate, formatDateTime } from '../helpers'; diff --git a/packages/paste-website/src/component-examples/filter-group/constants.ts b/packages/paste-website/src/component-examples/filter-group/constants.ts index 5332e2dde1..9e6dee2335 100644 --- a/packages/paste-website/src/component-examples/filter-group/constants.ts +++ b/packages/paste-website/src/component-examples/filter-group/constants.ts @@ -1,7 +1,7 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ import { formatDate } from './helpers'; -import type { TableDataRow, DateTimeFormValues } from './types'; +import type { DateTimeFormValues, TableDataRow } from './types'; export const ROOM_TYPES = ['All', 'Group', 'WebRTC Go', 'Peer to Peer']; export const DATE_RANGES = [ diff --git a/packages/paste-website/src/component-examples/filter-group/helpers.ts b/packages/paste-website/src/component-examples/filter-group/helpers.ts index 2a535d9875..9bf43af0f8 100644 --- a/packages/paste-website/src/component-examples/filter-group/helpers.ts +++ b/packages/paste-website/src/component-examples/filter-group/helpers.ts @@ -1,9 +1,9 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ -import { format, isBefore, isAfter, add } from 'date-fns'; +import { add, format, isAfter, isBefore } from 'date-fns'; import type { Duration } from 'date-fns'; -import type { RoomTypes, DateRanges, DateTimeRanges } from './types'; +import type { DateRanges, DateTimeRanges, RoomTypes } from './types'; export const formatDate = (date: Date): string => format(date, 'yyyy-MM-dd'); export const formatDateTime = (date: Date): string => format(date, "HH:mm:ss 'UTC' yyyy-MM-dd"); diff --git a/packages/paste-website/src/components/Article.tsx b/packages/paste-website/src/components/Article.tsx index 20432d59d3..d6e450d89b 100644 --- a/packages/paste-website/src/components/Article.tsx +++ b/packages/paste-website/src/components/Article.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; +import type { AnchorProps } from '@twilio-paste/anchor'; import { Card } from '@twilio-paste/card'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Anchor } from '@twilio-paste/anchor'; -import type { AnchorProps } from '@twilio-paste/anchor'; +import * as React from 'react'; -import { SiteLink } from './SiteLink'; -import { ArticleAuthor } from './ArticleAuthor'; import type { ArticleData } from '../utils/api'; +import { ArticleAuthor } from './ArticleAuthor'; +import { SiteLink } from './SiteLink'; export interface ArticleProps { article: ArticleData; diff --git a/packages/paste-website/src/components/ArticleAuthor.tsx b/packages/paste-website/src/components/ArticleAuthor.tsx index c0a93b816e..a76ffded3b 100644 --- a/packages/paste-website/src/components/ArticleAuthor.tsx +++ b/packages/paste-website/src/components/ArticleAuthor.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; +import { Avatar } from '@twilio-paste/avatar'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { Stack } from '@twilio-paste/stack'; -import { Avatar } from '@twilio-paste/avatar'; -import { Anchor } from '@twilio-paste/anchor'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; export interface ArticleAuthorProps { author: string; diff --git a/packages/paste-website/src/components/ArticleList.tsx b/packages/paste-website/src/components/ArticleList.tsx index f947001402..15726a6b01 100644 --- a/packages/paste-website/src/components/ArticleList.tsx +++ b/packages/paste-website/src/components/ArticleList.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Stack } from '@twilio-paste/stack'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Article } from './Article'; import type { ArticleData } from '../utils/api'; +import { Article } from './Article'; export interface ArticleListProps { articles: ArticleData[]; diff --git a/packages/paste-website/src/components/Blockquote.tsx b/packages/paste-website/src/components/Blockquote.tsx index e2cf0f71b0..f043cd2437 100644 --- a/packages/paste-website/src/components/Blockquote.tsx +++ b/packages/paste-website/src/components/Blockquote.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Anchor, isExternalUrl } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; interface Props { name?: string; diff --git a/packages/paste-website/src/components/ContactUsMenu.tsx b/packages/paste-website/src/components/ContactUsMenu.tsx index b59ef243c8..d9d0a626d0 100644 --- a/packages/paste-website/src/components/ContactUsMenu.tsx +++ b/packages/paste-website/src/components/ContactUsMenu.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; import { ProductSupportIcon } from '@twilio-paste/icons/esm/ProductSupportIcon'; +import { Menu, MenuButton, MenuItem, useMenuState } from '@twilio-paste/menu'; +import * as React from 'react'; import { event } from '../lib/gtag'; diff --git a/packages/paste-website/src/components/CookieConsent.tsx b/packages/paste-website/src/components/CookieConsent.tsx index 476c37fa9f..46d4960625 100644 --- a/packages/paste-website/src/components/CookieConsent.tsx +++ b/packages/paste-website/src/components/CookieConsent.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import * as React from 'react'; export const CookieConsent: React.FC<{ onAccept: () => void; onReject: () => void }> = ({ onAccept, onReject }) => { return ( diff --git a/packages/paste-website/src/components/CopyButton.tsx b/packages/paste-website/src/components/CopyButton.tsx index 9d2a455c0a..93cb5bdf81 100644 --- a/packages/paste-website/src/components/CopyButton.tsx +++ b/packages/paste-website/src/components/CopyButton.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Button } from '@twilio-paste/button'; import { useClipboard } from '@twilio-paste/clipboard-copy-library'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { CopyIcon } from '@twilio-paste/icons/esm/CopyIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import * as React from 'react'; interface CopyButtonProps { text: string; diff --git a/packages/paste-website/src/components/DoDont.tsx b/packages/paste-website/src/components/DoDont.tsx index d0eccf382b..82efd08e34 100644 --- a/packages/paste-website/src/components/DoDont.tsx +++ b/packages/paste-website/src/components/DoDont.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { styled, themeGet } from '@twilio-paste/styling-library'; import { AspectRatio } from '@twilio-paste/aspect-ratio'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { Heading } from '@twilio-paste/heading'; +import { styled, themeGet } from '@twilio-paste/styling-library'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; const StyledWrapper = styled(Box)` display: grid; diff --git a/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx b/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx index 25cc1b399f..c3a9b7610f 100644 --- a/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx +++ b/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx @@ -1,7 +1,7 @@ import { Box } from '@twilio-paste/box'; -import { Table, Tr, THead, Th, TBody, Td } from '@twilio-paste/table'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; const FormPillVsDisplayPillTable = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/Heading.tsx b/packages/paste-website/src/components/Heading.tsx index 7220b4c1ae..4d3f0fd3e9 100644 --- a/packages/paste-website/src/components/Heading.tsx +++ b/packages/paste-website/src/components/Heading.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxStyleProps } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import type { HeadingProps } from '@twilio-paste/heading'; import { LinkIcon } from '@twilio-paste/icons/esm/LinkIcon'; +import * as React from 'react'; import { slugify } from '../utils/RouteUtils'; diff --git a/packages/paste-website/src/components/ImageCaption.tsx b/packages/paste-website/src/components/ImageCaption.tsx index 09c7ae2ef3..6106dba4da 100644 --- a/packages/paste-website/src/components/ImageCaption.tsx +++ b/packages/paste-website/src/components/ImageCaption.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { DetailText } from '@twilio-paste/detail-text'; +import * as React from 'react'; export const ImageCaption: React.FC = ({ children }) => ( diff --git a/packages/paste-website/src/components/PageContentWrapper.tsx b/packages/paste-website/src/components/PageContentWrapper.tsx index 317c0f0ce7..5d5c8da337 100644 --- a/packages/paste-website/src/components/PageContentWrapper.tsx +++ b/packages/paste-website/src/components/PageContentWrapper.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export const PageContentWrapper: React.FC>> = ({ children, diff --git a/packages/paste-website/src/components/PropsTables.tsx b/packages/paste-website/src/components/PropsTables.tsx index 6a169d6d33..7f3cc76091 100644 --- a/packages/paste-website/src/components/PropsTables.tsx +++ b/packages/paste-website/src/components/PropsTables.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import Markdown from 'markdown-to-jsx'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { Disclosure, DisclosureContent, DisclosureHeading } from '@twilio-paste/disclosure'; -import { Paragraph } from '@twilio-paste/paragraph'; -import { RequiredDot } from '@twilio-paste/label'; import { InlineCode } from '@twilio-paste/inline-code'; +import { RequiredDot } from '@twilio-paste/label'; +import { Paragraph } from '@twilio-paste/paragraph'; +import { Text } from '@twilio-paste/text'; +import Markdown from 'markdown-to-jsx'; +import * as React from 'react'; import { - type ComponentApiPropDetails, type ComponentApiProp, + type ComponentApiPropDetails, type GroupedComponentApi, } from '../utils/componentApiUtils'; import { AnchoredHeading } from './Heading'; diff --git a/packages/paste-website/src/components/ResponsiveImage.tsx b/packages/paste-website/src/components/ResponsiveImage.tsx index c44263cd4a..8e34a3e6b7 100644 --- a/packages/paste-website/src/components/ResponsiveImage.tsx +++ b/packages/paste-website/src/components/ResponsiveImage.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; import Image from 'next/image'; import type { ImageProps } from 'next/image'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; const ResponsiveImage: React.FC = (props) => { return ( diff --git a/packages/paste-website/src/components/Roadmap/Roadmap.tsx b/packages/paste-website/src/components/Roadmap/Roadmap.tsx index 81ebc4888f..82c997d047 100644 --- a/packages/paste-website/src/components/Roadmap/Roadmap.tsx +++ b/packages/paste-website/src/components/Roadmap/Roadmap.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Table, THead, TBody, Tr, Td, Th } from '@twilio-paste/table'; -import { Stack } from '@twilio-paste/stack'; -import { useUID } from '@twilio-paste/uid-library'; -import { ProcessInProgressIcon } from '@twilio-paste/icons/esm/ProcessInProgressIcon'; import { ProcessDraftIcon } from '@twilio-paste/icons/esm/ProcessDraftIcon'; -import { ProcessWarningIcon } from '@twilio-paste/icons/esm/ProcessWarningIcon'; +import { ProcessInProgressIcon } from '@twilio-paste/icons/esm/ProcessInProgressIcon'; import { ProcessSuccessIcon } from '@twilio-paste/icons/esm/ProcessSuccessIcon'; +import { ProcessWarningIcon } from '@twilio-paste/icons/esm/ProcessWarningIcon'; +import { Stack } from '@twilio-paste/stack'; +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { Statuses } from './constants'; -import type { RoadmapProps, ReleaseData } from './types'; import { slugify } from '../../utils/RouteUtils'; import { AnchoredHeading } from '../Heading'; +import { Statuses } from './constants'; +import type { ReleaseData, RoadmapProps } from './types'; const StatusIconWrapper: React.FC = ({ children }) => ( diff --git a/packages/paste-website/src/components/Roadmap/RoadmapAside.tsx b/packages/paste-website/src/components/Roadmap/RoadmapAside.tsx index da2d40b2a1..2de53fabb0 100644 --- a/packages/paste-website/src/components/Roadmap/RoadmapAside.tsx +++ b/packages/paste-website/src/components/Roadmap/RoadmapAside.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; +import { SITE_TOPBAR_HEIGHT } from '../../constants'; +import { slugify } from '../../utils/RouteUtils'; import { FeedbackPopover } from '../shortcodes/feedback-popover'; +import { TableOfContentsAnchor } from '../shortcodes/table-of-contents/TableOfContentsAnchor'; import { TableOfContentsList } from '../shortcodes/table-of-contents/TableOfContentsList'; import { TableOfContentsListItem } from '../shortcodes/table-of-contents/TableOfContentsListItem'; -import { TableOfContentsAnchor } from '../shortcodes/table-of-contents/TableOfContentsAnchor'; -import { slugify } from '../../utils/RouteUtils'; import type { RoadmapProps } from './types'; -import { SITE_TOPBAR_HEIGHT } from '../../constants'; type RoadmapAsideProps = RoadmapProps; diff --git a/packages/paste-website/src/components/SiteLink.tsx b/packages/paste-website/src/components/SiteLink.tsx index d4b27598ad..a0523042ae 100644 --- a/packages/paste-website/src/components/SiteLink.tsx +++ b/packages/paste-website/src/components/SiteLink.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { styled, themeGet } from '@twilio-paste/styling-library'; import Link from 'next/link'; +import * as React from 'react'; // Link styles copied from @twilio-paste/anchor const StyledLink = styled(Link)` diff --git a/packages/paste-website/src/components/SlantedBackgroundGradient.tsx b/packages/paste-website/src/components/SlantedBackgroundGradient.tsx index 4f2cd4c5df..fb553e6916 100644 --- a/packages/paste-website/src/components/SlantedBackgroundGradient.tsx +++ b/packages/paste-website/src/components/SlantedBackgroundGradient.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { BackgroundColorOptions } from '@twilio-paste/style-props'; -import { useTheme } from '@twilio-paste/theme'; import { css } from '@twilio-paste/styling-library'; +import { useTheme } from '@twilio-paste/theme'; import { useWindowSize } from '@twilio-paste/utils'; +import * as React from 'react'; // https://codepen.io/enbee81/full/yLyrmyg const getSkewOffset = (width: number, skewAngle: number): number => Math.floor((Math.tan(skewAngle) * width) / 2); diff --git a/packages/paste-website/src/components/ThemeObjectDisplay.tsx b/packages/paste-website/src/components/ThemeObjectDisplay.tsx index 8a25281d3d..6a45bfc1de 100644 --- a/packages/paste-website/src/components/ThemeObjectDisplay.tsx +++ b/packages/paste-website/src/components/ThemeObjectDisplay.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; import { CodeBlock } from '@twilio-paste/code-block'; +import { useTheme } from '@twilio-paste/theme'; import { format as prettyFormat } from 'pretty-format'; +import * as React from 'react'; export const ThemeObjectDisplay: React.FC> = () => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/Typography.tsx b/packages/paste-website/src/components/Typography.tsx index 93a6836dda..23d36e6dbf 100644 --- a/packages/paste-website/src/components/Typography.tsx +++ b/packages/paste-website/src/components/Typography.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Text } from '@twilio-paste/text'; import { Box } from '@twilio-paste/box'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; export interface PProps { variant?: 'default' | 'lead'; diff --git a/packages/paste-website/src/components/breadcrumb/index.tsx b/packages/paste-website/src/components/breadcrumb/index.tsx index da7acfc765..aa4072f9e0 100644 --- a/packages/paste-website/src/components/breadcrumb/index.tsx +++ b/packages/paste-website/src/components/breadcrumb/index.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; -import { styled, css } from '@twilio-paste/styling-library'; import { Box } from '@twilio-paste/box'; +import { css, styled } from '@twilio-paste/styling-library'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { SiteLink } from '../SiteLink'; diff --git a/packages/paste-website/src/components/codeblock/index.tsx b/packages/paste-website/src/components/codeblock/index.tsx index b0c7e0cacd..98aceed4f5 100644 --- a/packages/paste-website/src/components/codeblock/index.tsx +++ b/packages/paste-website/src/components/codeblock/index.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { CodeBlockProps } from '@twilio-paste/code-block'; import { CodeBlock } from '@twilio-paste/code-block'; +import * as React from 'react'; export type CodeblockProps = CodeBlockProps & { className: string; diff --git a/packages/paste-website/src/components/color-swatch/ColorGradient.tsx b/packages/paste-website/src/components/color-swatch/ColorGradient.tsx index 31abea393c..3834e4572b 100644 --- a/packages/paste-website/src/components/color-swatch/ColorGradient.tsx +++ b/packages/paste-website/src/components/color-swatch/ColorGradient.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import { styled, themeGet } from '@twilio-paste/styling-library'; -import DefaultRawTokens from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.raw.json'; -import DarkRawTokens from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.raw.json'; import { Box } from '@twilio-paste/box'; +import DarkRawTokens from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.raw.json'; +import DefaultRawTokens from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.raw.json'; +import { styled, themeGet } from '@twilio-paste/styling-library'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { useDarkModeContext } from '../../context/DarkModeContext'; import type { Themes } from '../../types'; diff --git a/packages/paste-website/src/components/color-swatch/ColorSwatch.tsx b/packages/paste-website/src/components/color-swatch/ColorSwatch.tsx index 81de4d164f..d139ce8c87 100644 --- a/packages/paste-website/src/components/color-swatch/ColorSwatch.tsx +++ b/packages/paste-website/src/components/color-swatch/ColorSwatch.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import kebabCase from 'lodash/kebabCase'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; import type { TextProps } from '@twilio-paste/text'; +import kebabCase from 'lodash/kebabCase'; +import * as React from 'react'; interface ColorSwatchTextProps extends Pick { children: string; diff --git a/packages/paste-website/src/components/component-overview-table/index.tsx b/packages/paste-website/src/components/component-overview-table/index.tsx index 6cb5308a89..4743d2d905 100644 --- a/packages/paste-website/src/components/component-overview-table/index.tsx +++ b/packages/paste-website/src/components/component-overview-table/index.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Table, THead, TBody, Tr, Th, Td } from '@twilio-paste/table'; -import { Text } from '@twilio-paste/text'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; -import { AssetStatus } from '../component-status/AssetStatus'; -import { PeerReviewStatus } from '../component-status/PeerReviewStatus'; -import { SiteLink } from '../SiteLink'; import type { SidebarCategoryRoutes } from '../../constants'; import { getPackagePath } from '../../utils/RouteUtils'; import { sentenceCase } from '../../utils/SentenceCase'; import type { Feature } from '../../utils/api'; +import { SiteLink } from '../SiteLink'; +import { AssetStatus } from '../component-status/AssetStatus'; +import { PeerReviewStatus } from '../component-status/PeerReviewStatus'; interface ComponentOverviewTableProps { categoryRoute?: typeof SidebarCategoryRoutes[keyof typeof SidebarCategoryRoutes]; diff --git a/packages/paste-website/src/components/component-status/AssetStatus.tsx b/packages/paste-website/src/components/component-status/AssetStatus.tsx index 4fb82b5df2..9d92dbcdfb 100644 --- a/packages/paste-website/src/components/component-status/AssetStatus.tsx +++ b/packages/paste-website/src/components/component-status/AssetStatus.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; interface PackageStatusProps { status?: string; diff --git a/packages/paste-website/src/components/component-status/PeerReviewStatus.tsx b/packages/paste-website/src/components/component-status/PeerReviewStatus.tsx index 803270bcaa..44044af40b 100644 --- a/packages/paste-website/src/components/component-status/PeerReviewStatus.tsx +++ b/packages/paste-website/src/components/component-status/PeerReviewStatus.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; interface PeerReviewStatusProps { designStatus?: string; diff --git a/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx b/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx index 04ccf4b186..0d63946fbe 100644 --- a/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx @@ -1,8 +1,8 @@ -import { Paragraph } from '@twilio-paste/paragraph'; -import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import { Anchor } from '@twilio-paste/anchor'; import { Badge } from '@twilio-paste/badge'; +import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; -import { Anchor } from '@twilio-paste/anchor'; +import { Paragraph } from '@twilio-paste/paragraph'; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from './ProjectCard'; diff --git a/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx b/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx index 831ef74656..222ae23940 100644 --- a/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx @@ -1,6 +1,6 @@ -import { Paragraph } from '@twilio-paste/paragraph'; -import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; import { Anchor } from '@twilio-paste/anchor'; +import { ProductFlexIcon } from '@twilio-paste/icons/esm/ProductFlexIcon'; +import { Paragraph } from '@twilio-paste/paragraph'; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from './ProjectCard'; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/ColorTokenInput.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/ColorTokenInput.tsx index 1c21055b2c..cde79b1082 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/ColorTokenInput.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/ColorTokenInput.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { useTheme } from '@twilio-paste/theme'; -import { useUIDSeed } from '@twilio-paste/uid-library'; -import { PopoverContainer, PopoverButton, Popover } from '@twilio-paste/popover'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import { ColorPickerIcon } from '@twilio-paste/icons/esm/ColorPickerIcon'; +import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; +import { useTheme } from '@twilio-paste/theme'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { ChromePicker } from 'react-color'; import type { ColorChangeHandler, ColorResult } from 'react-color'; -import { Input } from '@twilio-paste/input'; -import { ColorPickerIcon } from '@twilio-paste/icons/esm/ColorPickerIcon'; import type { DesignerContextProps } from './DesignerContext'; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerContext.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerContext.tsx index 117640f5cb..9c3c3d450c 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerContext.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerContext.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import * as Tokens from '@twilio-paste/design-tokens'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import * as React from 'react'; export type DesignerContextProps = { tokens: Partial; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx index b39fcc3748..f465a2b008 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; import { Box } from '@twilio-paste/box'; import { Label } from '@twilio-paste/label'; import { Option, Select } from '@twilio-paste/select'; -import { Stack } from '@twilio-paste/stack'; import { Separator } from '@twilio-paste/separator'; +import { Stack } from '@twilio-paste/stack'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { ColorTokenInput } from './ColorTokenInput'; -import { UnitTokenInput } from './UnitTokenInput'; import { DesignerContext } from './DesignerContext'; import { TextTokenInput } from './TextToken'; +import { UnitTokenInput } from './UnitTokenInput'; export const DesignerControls = (): JSX.Element => { const { tokens, updateToken } = React.useContext(DesignerContext); diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx index 7045111817..1ef38808c7 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Heading } from '@twilio-paste/heading'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; -import { Stack } from '@twilio-paste/stack'; -import { useUID } from '@twilio-paste/uid-library'; +import { Button } from '@twilio-paste/button'; import { Checkbox } from '@twilio-paste/checkbox'; +import { CustomizationProvider } from '@twilio-paste/customization'; import { Column, Grid } from '@twilio-paste/grid'; +import { Heading } from '@twilio-paste/heading'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; import { Option, Select } from '@twilio-paste/select'; -import { Button } from '@twilio-paste/button'; -import { Anchor } from '@twilio-paste/anchor'; -import { CustomizationProvider } from '@twilio-paste/customization'; +import { Stack } from '@twilio-paste/stack'; import { generateThemeFromTokens } from '@twilio-paste/theme'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { useDarkModeContext } from '../../../context/DarkModeContext'; import { DesignerContext } from './DesignerContext'; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/TextToken.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/TextToken.tsx index cd359fd830..b98d7ecbec 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/TextToken.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/TextToken.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { useUIDSeed } from '@twilio-paste/uid-library'; +import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { DesignerContextProps } from './DesignerContext'; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/UnitTokenInput.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/UnitTokenInput.tsx index 4c62b54573..26489f9a84 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/UnitTokenInput.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/UnitTokenInput.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { useUIDSeed } from '@twilio-paste/uid-library'; +import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import { HelpText } from '@twilio-paste/help-text'; import { Input } from '@twilio-paste/input'; import { Label } from '@twilio-paste/label'; -import { HelpText } from '@twilio-paste/help-text'; -import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import type { DesignerContextProps } from './DesignerContext'; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx index 08da50bf22..99d1d84a6a 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import Head from 'next/head'; import { Box } from '@twilio-paste/box'; -import { useTheme, generateTokensFromTheme } from '@twilio-paste/theme'; import type { GenericTokensShape } from '@twilio-paste/design-tokens/types/GenericTokensShape'; +import { generateTokensFromTheme, useTheme } from '@twilio-paste/theme'; +import Head from 'next/head'; +import * as React from 'react'; -import { DesignerPreview } from './DesignerPreview'; -import { DesignerControls } from './DesignerControls'; import { DesignerContext } from './DesignerContext'; +import { DesignerControls } from './DesignerControls'; +import { DesignerPreview } from './DesignerPreview'; export const LandingPageDesigner = (): JSX.Element => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx index 3f8212c4d7..9d69683175 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx @@ -1,13 +1,13 @@ -import Image from 'next/image'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { Text } from '@twilio-paste/text'; import { Heading } from '@twilio-paste/heading'; +import { Text } from '@twilio-paste/text'; +import Image from 'next/image'; -import { WorksGreatWith } from './WorksGreatWith'; +import HeroSlider from '../../assets/images/customization/hero-slider-mobile.png'; import { LandingPageSectionContent } from './LandingPageLayoutUtils'; +import { WorksGreatWith } from './WorksGreatWith'; import { ImageSlider } from './image-slider'; -import HeroSlider from '../../assets/images/customization/hero-slider-mobile.png'; export const LandingPageHero = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageLayoutUtils.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageLayoutUtils.tsx index 0c92613b94..3a99e1463c 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageLayoutUtils.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageLayoutUtils.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { SITE_CONTENT_MAX_WIDTH } from '../../constants'; diff --git a/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx b/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx index e7cbb323c3..f97bb39962 100644 --- a/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx @@ -1,16 +1,16 @@ -import Image from 'next/image'; import { Box } from '@twilio-paste/box'; -import { DisplayHeading } from '@twilio-paste/display-heading'; -import { Text } from '@twilio-paste/text'; import { Button } from '@twilio-paste/button'; +import { DisplayHeading } from '@twilio-paste/display-heading'; import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; +import Image from 'next/image'; -import { LandingPageSection, LandingPageSectionContent } from './LandingPageLayoutUtils'; -import { LandingPageDesigner } from './LandingPageDesigner'; import { DoodleBurst } from '../../assets/illustrations/DoodleBurst'; import { DoodleLoopMedium } from '../../assets/illustrations/DoodleLoopMedium'; import { DoodleLoopTiny } from '../../assets/illustrations/DoodleLoopTiny'; import ThemeDesigner from '../../assets/images/customization/theme-designer-mobile-screenshot.png'; +import { LandingPageDesigner } from './LandingPageDesigner'; +import { LandingPageSection, LandingPageSectionContent } from './LandingPageLayoutUtils'; const LikeTwilioHeadline = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/customization-landing-page/ProjectCard.tsx b/packages/paste-website/src/components/customization-landing-page/ProjectCard.tsx index 4e5b493d10..464c760b31 100644 --- a/packages/paste-website/src/components/customization-landing-page/ProjectCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ProjectCard.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; import { Heading } from '@twilio-paste/heading'; +import * as React from 'react'; export const ProjectCard: React.FC = ({ children }) => { return ( diff --git a/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx b/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx index d48525ec4e..b8b185fca5 100644 --- a/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx @@ -1,5 +1,5 @@ -import { Paragraph } from '@twilio-paste/paragraph'; import { Anchor } from '@twilio-paste/anchor'; +import { Paragraph } from '@twilio-paste/paragraph'; import { ReactLogoIcon } from '../icons/ReactLogoIcon'; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from './ProjectCard'; diff --git a/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx b/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx index 94e69dd444..ab863a1c07 100644 --- a/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx @@ -1,10 +1,10 @@ -import { Heading } from '@twilio-paste/heading'; -import { Column, Grid } from '@twilio-paste/grid'; +import { Anchor } from '@twilio-paste/anchor'; import { Card } from '@twilio-paste/card'; +import { Column, Grid } from '@twilio-paste/grid'; +import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Anchor } from '@twilio-paste/anchor'; -import { useTheme } from '@twilio-paste/theme'; import { css } from '@twilio-paste/styling-library'; +import { useTheme } from '@twilio-paste/theme'; import { LandingPageSection, LandingPageSectionContent } from './LandingPageLayoutUtils'; diff --git a/packages/paste-website/src/components/customization-landing-page/ReasonBlock.tsx b/packages/paste-website/src/components/customization-landing-page/ReasonBlock.tsx index a5a8f109da..9a4838b2d8 100644 --- a/packages/paste-website/src/components/customization-landing-page/ReasonBlock.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ReasonBlock.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Text } from '@twilio-paste/text'; -import { Anchor } from '@twilio-paste/anchor'; +import * as React from 'react'; export type ReasonBlockProps = { icon: React.ReactNode; diff --git a/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx b/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx index 8bde939f99..f023b8748e 100644 --- a/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx +++ b/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx @@ -1,19 +1,19 @@ -import Image from 'next/image'; import { Box } from '@twilio-paste/box'; -import { Heading } from '@twilio-paste/heading'; import { DisplayHeading } from '@twilio-paste/display-heading'; import { Column, Grid } from '@twilio-paste/grid'; +import { Heading } from '@twilio-paste/heading'; +import Image from 'next/image'; -import { LandingPageSection, LandingPageSectionContent } from './LandingPageLayoutUtils'; -import { ReasonBlock } from './ReasonBlock'; -import { A11yIcon } from '../icons/A11yIcon'; -import { CustomizableIcon } from '../icons/CustomizableIcon'; -import { ThemableIcon } from '../icons/ThemableIcon'; -import { useSlantedSkew } from '../SlantedBackgroundGradient'; import { DoodleLoopArrowLarge } from '../../assets/illustrations/DoodleLoopArrowLarge'; -import { useDarkModeContext } from '../../context/DarkModeContext'; import WhyPasteMobile from '../../assets/images/customization/why-paste-mobile.png'; import WhyPasteImg from '../../assets/images/customization/why-paste.png'; +import { useDarkModeContext } from '../../context/DarkModeContext'; +import { useSlantedSkew } from '../SlantedBackgroundGradient'; +import { A11yIcon } from '../icons/A11yIcon'; +import { CustomizableIcon } from '../icons/CustomizableIcon'; +import { ThemableIcon } from '../icons/ThemableIcon'; +import { LandingPageSection, LandingPageSectionContent } from './LandingPageLayoutUtils'; +import { ReasonBlock } from './ReasonBlock'; const WhyPasteTopAngle = (): JSX.Element => { const [skewOffset] = useSlantedSkew(); diff --git a/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx b/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx index a014a1bcd3..36c2ff2287 100644 --- a/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx +++ b/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx @@ -1,14 +1,14 @@ -import { Text } from '@twilio-paste/text'; -import { Grid, Column } from '@twilio-paste/grid'; -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; +import { Column, Grid } from '@twilio-paste/grid'; import { css } from '@twilio-paste/styling-library'; +import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; -import { FlexCard } from './FlexCard'; +import { DoodleLoopArrow } from '../../assets/illustrations/DoodleLoopArrow'; import { ComingSoonCard } from './ComingSoonCard'; -import { ReactCard } from './ReactCard'; +import { FlexCard } from './FlexCard'; import { LandingPageSectionContent } from './LandingPageLayoutUtils'; -import { DoodleLoopArrow } from '../../assets/illustrations/DoodleLoopArrow'; +import { ReactCard } from './ReactCard'; export const WorksGreatWith = (): JSX.Element => { const { backgroundColors, ...theme } = useTheme(); diff --git a/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx b/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx index dc6b21b402..fe1ed0dff2 100644 --- a/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx +++ b/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import type { MutableRefObject, LegacyRef } from 'react'; import { Box } from '@twilio-paste/box'; import { useUIDSeed } from '@twilio-paste/uid-library'; import Image from 'next/image'; +import * as React from 'react'; +import type { LegacyRef, MutableRefObject } from 'react'; +import HeroBack from '../../../assets/images/customization/hero-back.png'; +import HeroFront from '../../../assets/images/customization/hero-front.png'; import { SVGThumb } from './SVGThumb'; import { DEFAULT_MIN_CHANGE, MAX_VALUE, MIN_VALUE } from './constants'; -import { convertPositionToInputValue, clampValueToRange } from './utils'; import { useSvgResize } from './useSvgResize'; -import HeroBack from '../../../assets/images/customization/hero-back.png'; -import HeroFront from '../../../assets/images/customization/hero-front.png'; +import { clampValueToRange, convertPositionToInputValue } from './utils'; const INPUT_ID = 'input-range-id'; const CLIP_PATH_ID = 'clip-path-id'; diff --git a/packages/paste-website/src/components/customization-landing-page/image-slider/SVGThumb.tsx b/packages/paste-website/src/components/customization-landing-page/image-slider/SVGThumb.tsx index dc5d97b326..85d3399c08 100644 --- a/packages/paste-website/src/components/customization-landing-page/image-slider/SVGThumb.tsx +++ b/packages/paste-website/src/components/customization-landing-page/image-slider/SVGThumb.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import type { LegacyRef } from 'react'; import { Box } from '@twilio-paste/box'; import { useTheme } from '@twilio-paste/theme'; import { useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; +import type { LegacyRef } from 'react'; interface SVGThumbProps { left: number; diff --git a/packages/paste-website/src/components/empty-state/Error404.tsx b/packages/paste-website/src/components/empty-state/Error404.tsx index 2830fce5cc..cf9ab13dfa 100644 --- a/packages/paste-website/src/components/empty-state/Error404.tsx +++ b/packages/paste-website/src/components/empty-state/Error404.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { useRouter } from 'next/router'; +import * as React from 'react'; +import { PackageStatus, SidebarCategoryRoutes } from '../../constants'; import { InDevelopment } from './InDevelopment'; import { NotFound } from './NotFound'; -import { SidebarCategoryRoutes, PackageStatus } from '../../constants'; interface Error404Props { componentList: { name: string; status: string }[]; diff --git a/packages/paste-website/src/components/empty-state/InDevelopment.tsx b/packages/paste-website/src/components/empty-state/InDevelopment.tsx index 51c2c65f16..d9bc76d120 100644 --- a/packages/paste-website/src/components/empty-state/InDevelopment.tsx +++ b/packages/paste-website/src/components/empty-state/InDevelopment.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Box } from '@twilio-paste/box'; +import * as React from 'react'; -import { Breadcrumb, BreadcrumbItem } from '../breadcrumb'; import { SidebarCategoryRoutes } from '../../constants'; import { getHumanizedNameFromPackageName } from '../../utils/RouteUtils'; +import { Breadcrumb, BreadcrumbItem } from '../breadcrumb'; interface InDevelopmentProps { type?: 'component' | 'primitive' | 'layout'; diff --git a/packages/paste-website/src/components/empty-state/NotFound.tsx b/packages/paste-website/src/components/empty-state/NotFound.tsx index 9dfcb09357..1621dab421 100644 --- a/packages/paste-website/src/components/empty-state/NotFound.tsx +++ b/packages/paste-website/src/components/empty-state/NotFound.tsx @@ -1,7 +1,7 @@ import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; -import { Box } from '@twilio-paste/box'; import { Breadcrumb, BreadcrumbItem } from '../breadcrumb'; diff --git a/packages/paste-website/src/components/homepage/Experiment.tsx b/packages/paste-website/src/components/homepage/Experiment.tsx index 0ecf4c5aff..4c0ae013cf 100644 --- a/packages/paste-website/src/components/homepage/Experiment.tsx +++ b/packages/paste-website/src/components/homepage/Experiment.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; -import Image from 'next/image'; -import { useTheme } from '@twilio-paste/theme'; +import { Anchor } from '@twilio-paste/anchor'; import { AspectRatio } from '@twilio-paste/aspect-ratio'; import { Box } from '@twilio-paste/box'; -import { Anchor } from '@twilio-paste/anchor'; import { DisplayHeading } from '@twilio-paste/display-heading'; import { Paragraph } from '@twilio-paste/paragraph'; +import { useTheme } from '@twilio-paste/theme'; import { useWindowSize } from '@twilio-paste/utils'; +import Image from 'next/image'; +import * as React from 'react'; import { DoodleArrow } from '../../assets/illustrations/DoodleArrow'; -import { DoodleZigzag } from '../../assets/illustrations/DoodleZigzag'; import { DoodleCloud } from '../../assets/illustrations/DoodleCloud'; import { DoodleLoopLarge } from '../../assets/illustrations/DoodleLoopLarge'; -import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; -import { ExperimentMobileButton } from './ExperimentMobileButton'; +import { DoodleZigzag } from '../../assets/illustrations/DoodleZigzag'; +import CodesandboxMobile from '../../assets/images/home/codesandbox-mobile.png'; import { SITE_CONTENT_MAX_WIDTH } from '../../constants'; import { event } from '../../lib/gtag'; -import CodesandboxMobile from '../../assets/images/home/codesandbox-mobile.png'; +import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; +import { ExperimentMobileButton } from './ExperimentMobileButton'; interface ExperimentProps { showIframe: boolean; diff --git a/packages/paste-website/src/components/homepage/GetStarted.tsx b/packages/paste-website/src/components/homepage/GetStarted.tsx index ebc39354e0..e0d7d2023d 100644 --- a/packages/paste-website/src/components/homepage/GetStarted.tsx +++ b/packages/paste-website/src/components/homepage/GetStarted.tsx @@ -1,12 +1,12 @@ import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; +import { Column, Grid } from '@twilio-paste/grid'; import { useWindowSize } from '@twilio-paste/utils'; -import { GetStarterWhy } from './GetStartedWhy'; +import { HOMEPAGE_SECTION_OVERFLOW_OFFSET, SITE_CONTENT_MAX_WIDTH } from '../../constants'; +import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; import { GetStartedInclusive } from './GetStartedInclusive'; import { GetStartedRunning } from './GetStartedRunning'; -import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; -import { SITE_CONTENT_MAX_WIDTH, HOMEPAGE_SECTION_OVERFLOW_OFFSET } from '../../constants'; +import { GetStarterWhy } from './GetStartedWhy'; const DELAY_INTERVAL = 250; diff --git a/packages/paste-website/src/components/homepage/GetStartedCard.tsx b/packages/paste-website/src/components/homepage/GetStartedCard.tsx index 6c6c0184c0..b4a4803791 100644 --- a/packages/paste-website/src/components/homepage/GetStartedCard.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedCard.tsx @@ -1,7 +1,7 @@ +import { animated, useSpring } from '@twilio-paste/animation-library'; +import { Card } from '@twilio-paste/card'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import { Card } from '@twilio-paste/card'; -import { useSpring, animated } from '@twilio-paste/animation-library'; const AnimatedCard = animated(Card); interface GetStartedCardProps { diff --git a/packages/paste-website/src/components/homepage/GetStartedCardIllustration.tsx b/packages/paste-website/src/components/homepage/GetStartedCardIllustration.tsx index 4604b1e760..1cf4664a6e 100644 --- a/packages/paste-website/src/components/homepage/GetStartedCardIllustration.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedCardIllustration.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; export const GetStartedCardIllustration: React.FC = ({ children }) => { return {children}; diff --git a/packages/paste-website/src/components/homepage/GetStartedCardLink.tsx b/packages/paste-website/src/components/homepage/GetStartedCardLink.tsx index 4a78a26b3d..4d095c3fbd 100644 --- a/packages/paste-website/src/components/homepage/GetStartedCardLink.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedCardLink.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import type { SiteLinkProps } from '../SiteLink'; import { SiteLink } from '../SiteLink'; diff --git a/packages/paste-website/src/components/homepage/GetStartedCardLinks.tsx b/packages/paste-website/src/components/homepage/GetStartedCardLinks.tsx index 07647ac7e7..e6ebb58348 100644 --- a/packages/paste-website/src/components/homepage/GetStartedCardLinks.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedCardLinks.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { GridProps } from '@twilio-paste/grid'; -import { Grid, Column } from '@twilio-paste/grid'; +import { Column, Grid } from '@twilio-paste/grid'; +import * as React from 'react'; interface GetStartedCardLinksProps { children: NonNullable; diff --git a/packages/paste-website/src/components/homepage/GetStartedInclusive.tsx b/packages/paste-website/src/components/homepage/GetStartedInclusive.tsx index 052d736c5f..93648cb140 100644 --- a/packages/paste-website/src/components/homepage/GetStartedInclusive.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedInclusive.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import Image from 'next/image'; +import * as React from 'react'; import HomeGetStartedIllo1 from '../../assets/illustrations/home_getstarted_1.svg'; import HomeGetStartedIllo1Dark from '../../assets/illustrations/home_getstarted_1_dark.svg'; +import { useDarkModeContext } from '../../context/DarkModeContext'; +import { event } from '../../lib/gtag'; import { GetStartedCard } from './GetStartedCard'; import { GetStartedCardIllustration } from './GetStartedCardIllustration'; import { GetStartedCardLink } from './GetStartedCardLink'; -import { useDarkModeContext } from '../../context/DarkModeContext'; -import { event } from '../../lib/gtag'; interface GetStartedInclusiveProps { animationDelay: number; diff --git a/packages/paste-website/src/components/homepage/GetStartedRunning.tsx b/packages/paste-website/src/components/homepage/GetStartedRunning.tsx index d880914902..b09b288a90 100644 --- a/packages/paste-website/src/components/homepage/GetStartedRunning.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedRunning.tsx @@ -1,18 +1,18 @@ -import * as React from 'react'; -import useResizeObserver from 'use-resize-observer'; import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import Image from 'next/image'; +import * as React from 'react'; +import useResizeObserver from 'use-resize-observer'; import HomeGetStartedIllo3 from '../../assets/illustrations/home_getstarted_3.svg'; import HomeGetStartedIllo3Dark from '../../assets/illustrations/home_getstarted_3_dark.svg'; +import { useDarkModeContext } from '../../context/DarkModeContext'; +import { event } from '../../lib/gtag'; import { GetStartedCard } from './GetStartedCard'; import { GetStartedCardIllustration } from './GetStartedCardIllustration'; -import { GetStartedCardLinks } from './GetStartedCardLinks'; import { GetStartedCardLink } from './GetStartedCardLink'; -import { useDarkModeContext } from '../../context/DarkModeContext'; -import { event } from '../../lib/gtag'; +import { GetStartedCardLinks } from './GetStartedCardLinks'; interface GetStartedRunningProps { animationDelay: number; diff --git a/packages/paste-website/src/components/homepage/GetStartedWhy.tsx b/packages/paste-website/src/components/homepage/GetStartedWhy.tsx index 94e634bf42..1bac0182c3 100644 --- a/packages/paste-website/src/components/homepage/GetStartedWhy.tsx +++ b/packages/paste-website/src/components/homepage/GetStartedWhy.tsx @@ -5,11 +5,11 @@ import Image from 'next/image'; import HomeGetStartedIllo2 from '../../assets/illustrations/home_getstarted_2.svg'; import HomeGetStartedIllo2Dark from '../../assets/illustrations/home_getstarted_2_dark.svg'; +import { useDarkModeContext } from '../../context/DarkModeContext'; +import { event } from '../../lib/gtag'; import { GetStartedCard } from './GetStartedCard'; import { GetStartedCardIllustration } from './GetStartedCardIllustration'; import { GetStartedCardLink } from './GetStartedCardLink'; -import { useDarkModeContext } from '../../context/DarkModeContext'; -import { event } from '../../lib/gtag'; export const GetStarterWhy = (): JSX.Element => { const { theme } = useDarkModeContext(); diff --git a/packages/paste-website/src/components/homepage/HomeHero.tsx b/packages/paste-website/src/components/homepage/HomeHero.tsx index 478e93c086..652fda4729 100644 --- a/packages/paste-website/src/components/homepage/HomeHero.tsx +++ b/packages/paste-website/src/components/homepage/HomeHero.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; -import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; -import { Text } from '@twilio-paste/text'; import { Badge } from '@twilio-paste/badge'; +import { Box } from '@twilio-paste/box'; +import { Column, Grid } from '@twilio-paste/grid'; import { ArrowForwardIcon } from '@twilio-paste/icons/esm/ArrowForwardIcon'; import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; +import { SITE_CONTENT_MAX_WIDTH } from '../../constants'; +import { event } from '../../lib/gtag'; +import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; +import { HomeHeroIllustration } from './HomeHeroIllustration'; import { NewComponentBanner } from './NewComponentBanner'; import { NewComponentBannerLink } from './NewComponentBannerLink'; import { NewComponentBannerText } from './NewComponentBannerText'; -import { HomeHeroIllustration } from './HomeHeroIllustration'; -import { SlantedBackgroundGradient } from '../SlantedBackgroundGradient'; -import { SITE_CONTENT_MAX_WIDTH } from '../../constants'; -import { event } from '../../lib/gtag'; const SeeRoadmapAnchor = (): JSX.Element => { const [hovered, setHovered] = React.useState(false); diff --git a/packages/paste-website/src/components/homepage/HomeHeroIllustration.tsx b/packages/paste-website/src/components/homepage/HomeHeroIllustration.tsx index f67ef89762..5a5937aadc 100644 --- a/packages/paste-website/src/components/homepage/HomeHeroIllustration.tsx +++ b/packages/paste-website/src/components/homepage/HomeHeroIllustration.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; +import { useReducedMotion } from '@twilio-paste/animation-library'; import { Box } from '@twilio-paste/box'; import type { ValueOf } from '@twilio-paste/types'; -import { useReducedMotion } from '@twilio-paste/animation-library'; import lottie from 'lottie-web'; -import VisibilitySensor from 'react-visibility-sensor'; import Image from 'next/image'; +import * as React from 'react'; +import VisibilitySensor from 'react-visibility-sensor'; import HomeHeroIllu from '../../assets/illustrations/home_hero.svg'; import { inCypress } from '../../utils/inCypress'; diff --git a/packages/paste-website/src/components/homepage/NewComponentBanner.tsx b/packages/paste-website/src/components/homepage/NewComponentBanner.tsx index dbc29a8422..35798abe82 100644 --- a/packages/paste-website/src/components/homepage/NewComponentBanner.tsx +++ b/packages/paste-website/src/components/homepage/NewComponentBanner.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; const NewComponentBanner: React.FC = ({ children }) => { return ( diff --git a/packages/paste-website/src/components/homepage/NewComponentBannerLink.tsx b/packages/paste-website/src/components/homepage/NewComponentBannerLink.tsx index 2feaf60317..e399cf1766 100644 --- a/packages/paste-website/src/components/homepage/NewComponentBannerLink.tsx +++ b/packages/paste-website/src/components/homepage/NewComponentBannerLink.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { Box } from '@twilio-paste/box'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { SiteLinkProps } from '../SiteLink'; import { SiteLink } from '../SiteLink'; diff --git a/packages/paste-website/src/components/homepage/NewComponentBannerText.tsx b/packages/paste-website/src/components/homepage/NewComponentBannerText.tsx index 102b72eb0b..b28a2cb511 100644 --- a/packages/paste-website/src/components/homepage/NewComponentBannerText.tsx +++ b/packages/paste-website/src/components/homepage/NewComponentBannerText.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; const NewComponentBannerText: React.FC = ({ children }) => { return ( diff --git a/packages/paste-website/src/components/homepage/Popular.tsx b/packages/paste-website/src/components/homepage/Popular.tsx index e478015fae..184a360311 100644 --- a/packages/paste-website/src/components/homepage/Popular.tsx +++ b/packages/paste-website/src/components/homepage/Popular.tsx @@ -1,13 +1,13 @@ import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; +import { Column, Grid } from '@twilio-paste/grid'; +import { DoodleCurve } from '../../assets/illustrations/DoodleCurve'; +import { DoodleLoopSmall } from '../../assets/illustrations/DoodleLoopSmall'; +import { HOMEPAGE_SECTION_OVERFLOW_OFFSET, SITE_CONTENT_MAX_WIDTH } from '../../constants'; +import { useSlantedSkew } from '../SlantedBackgroundGradient'; import { PopularComponents } from './PopularComponents'; import { PopularPatterns } from './PopularPatterns'; import { PopularSectionHeader } from './PopularSectionHeader'; -import { SITE_CONTENT_MAX_WIDTH, HOMEPAGE_SECTION_OVERFLOW_OFFSET } from '../../constants'; -import { useSlantedSkew } from '../SlantedBackgroundGradient'; -import { DoodleLoopSmall } from '../../assets/illustrations/DoodleLoopSmall'; -import { DoodleCurve } from '../../assets/illustrations/DoodleCurve'; const PopularComponentsTopAngle = (): JSX.Element => { const [skewOffset] = useSlantedSkew(); diff --git a/packages/paste-website/src/components/homepage/PopularComponentCard.tsx b/packages/paste-website/src/components/homepage/PopularComponentCard.tsx index aa8a6a1c48..65950d1cdd 100644 --- a/packages/paste-website/src/components/homepage/PopularComponentCard.tsx +++ b/packages/paste-website/src/components/homepage/PopularComponentCard.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import VisibilitySensor from 'react-visibility-sensor'; +import { animated, useSpring } from '@twilio-paste/animation-library'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; import { Heading } from '@twilio-paste/heading'; import { Text } from '@twilio-paste/text'; -import { useSpring, animated } from '@twilio-paste/animation-library'; +import * as React from 'react'; +import VisibilitySensor from 'react-visibility-sensor'; const ComponentCardHeader: React.FC = ({ children }) => { return ( diff --git a/packages/paste-website/src/components/homepage/PopularComponents.tsx b/packages/paste-website/src/components/homepage/PopularComponents.tsx index c08b06c8e3..f64ceab689 100644 --- a/packages/paste-website/src/components/homepage/PopularComponents.tsx +++ b/packages/paste-website/src/components/homepage/PopularComponents.tsx @@ -1,22 +1,22 @@ -import { useTheme } from '@twilio-paste/theme'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; +import { Column, Grid } from '@twilio-paste/grid'; import { Heading } from '@twilio-paste/heading'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; import Image from 'next/image'; +import HomeButtonIllustration from '../../assets/illustrations/home_button_illustration.svg'; +import HomeComboboxIllustration from '../../assets/illustrations/home_combobox_illustration.svg'; +import { event } from '../../lib/gtag'; +import { SiteLink } from '../SiteLink'; +import ComponentsIcon from '../icons/ComponentsIcon'; import { ComponentCard, + ComponentCardFooter, ComponentCardHeader, ComponentCardIllustration, - ComponentCardFooter, } from './PopularComponentCard'; -import { SiteLink } from '../SiteLink'; -import ComponentsIcon from '../icons/ComponentsIcon'; -import HomeButtonIllustration from '../../assets/illustrations/home_button_illustration.svg'; -import HomeComboboxIllustration from '../../assets/illustrations/home_combobox_illustration.svg'; -import { event } from '../../lib/gtag'; const PopularComponents = (): JSX.Element => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/homepage/PopularPatterns.tsx b/packages/paste-website/src/components/homepage/PopularPatterns.tsx index f3977087a5..152c43bdad 100644 --- a/packages/paste-website/src/components/homepage/PopularPatterns.tsx +++ b/packages/paste-website/src/components/homepage/PopularPatterns.tsx @@ -1,22 +1,22 @@ -import { useTheme } from '@twilio-paste/theme'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; +import { Column, Grid } from '@twilio-paste/grid'; import { Heading } from '@twilio-paste/heading'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; import Image from 'next/image'; +import HomeCreateIllustration from '../../assets/illustrations/home_create_illustration.svg'; +import HomeDeleteIllustration from '../../assets/illustrations/home_delete_illustration.svg'; +import { event } from '../../lib/gtag'; +import { SiteLink } from '../SiteLink'; +import PatternsIcon from '../icons/PatternsIcon'; import { ComponentCard, + ComponentCardFooter, ComponentCardHeader, ComponentCardIllustration, - ComponentCardFooter, } from './PopularComponentCard'; -import { SiteLink } from '../SiteLink'; -import PatternsIcon from '../icons/PatternsIcon'; -import HomeCreateIllustration from '../../assets/illustrations/home_create_illustration.svg'; -import HomeDeleteIllustration from '../../assets/illustrations/home_delete_illustration.svg'; -import { event } from '../../lib/gtag'; const PopularPatterns = (): JSX.Element => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/homepage/PopularSectionHeader.tsx b/packages/paste-website/src/components/homepage/PopularSectionHeader.tsx index 56d8d6c513..0fcf47c9dc 100644 --- a/packages/paste-website/src/components/homepage/PopularSectionHeader.tsx +++ b/packages/paste-website/src/components/homepage/PopularSectionHeader.tsx @@ -1,5 +1,5 @@ -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; +import { useTheme } from '@twilio-paste/theme'; const PopularSectionHeader = (): JSX.Element => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/icons-list/IconCard.tsx b/packages/paste-website/src/components/icons-list/IconCard.tsx index 2765246718..112135c69c 100644 --- a/packages/paste-website/src/components/icons-list/IconCard.tsx +++ b/packages/paste-website/src/components/icons-list/IconCard.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; +import { CodeBlock } from '@twilio-paste/code-block'; import { Heading } from '@twilio-paste/heading'; -import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { Paragraph } from '@twilio-paste/paragraph'; -import { CodeBlock } from '@twilio-paste/code-block'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { CopyButton } from '../CopyButton'; import { SiteLink } from '../SiteLink'; diff --git a/packages/paste-website/src/components/icons-list/IconListItem.tsx b/packages/paste-website/src/components/icons-list/IconListItem.tsx index 9cf639e413..98b36a56af 100644 --- a/packages/paste-website/src/components/icons-list/IconListItem.tsx +++ b/packages/paste-website/src/components/icons-list/IconListItem.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { styled } from '@twilio-paste/styling-library'; import { Box } from '@twilio-paste/box'; import { CompositeItem } from '@twilio-paste/reakit-library'; import type { CompositeStateReturn } from '@twilio-paste/reakit-library'; +import { styled } from '@twilio-paste/styling-library'; +import * as React from 'react'; import { IconTile } from './IconTile'; import type { IconObject } from './types'; diff --git a/packages/paste-website/src/components/icons-list/IconTile.tsx b/packages/paste-website/src/components/icons-list/IconTile.tsx index 444c254d38..be90ca3b6e 100644 --- a/packages/paste-website/src/components/icons-list/IconTile.tsx +++ b/packages/paste-website/src/components/icons-list/IconTile.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box, safelySpreadBoxProps } from '@twilio-paste/box'; -import { Truncate } from '@twilio-paste/truncate'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { Truncate } from '@twilio-paste/truncate'; +import * as React from 'react'; import type { IconObject } from './types'; diff --git a/packages/paste-website/src/components/icons-list/IconsList.tsx b/packages/paste-website/src/components/icons-list/IconsList.tsx index 13dabb7e82..10491675ea 100644 --- a/packages/paste-website/src/components/icons-list/IconsList.tsx +++ b/packages/paste-website/src/components/icons-list/IconsList.tsx @@ -1,22 +1,22 @@ -import * as React from 'react'; -import debounce from 'lodash/debounce'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; -import { Composite, useCompositeState } from '@twilio-paste/reakit-library'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Grid, Column } from '@twilio-paste/grid'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; -import { Heading } from '@twilio-paste/heading'; import { Card } from '@twilio-paste/card'; +import { Column, Grid } from '@twilio-paste/grid'; +import { Heading } from '@twilio-paste/heading'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; +import { ListItem, UnorderedList } from '@twilio-paste/list'; import { Paragraph } from '@twilio-paste/paragraph'; -import { UnorderedList, ListItem } from '@twilio-paste/list'; -import { Anchor } from '@twilio-paste/anchor'; +import { Composite, useCompositeState } from '@twilio-paste/reakit-library'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import debounce from 'lodash/debounce'; +import * as React from 'react'; -import type { IconObject, IconComponent, IconsListProps, GroupedList } from './types'; -import { IconCard } from './IconCard'; +import { event } from '../../lib/gtag'; import { SiteLink } from '../SiteLink'; +import { IconCard } from './IconCard'; import { IconListItem } from './IconListItem'; -import { event } from '../../lib/gtag'; +import type { GroupedList, IconComponent, IconObject, IconsListProps } from './types'; const { icons: iconsJson } = require('@twilio-paste/icons/json/icons.json'); diff --git a/packages/paste-website/src/components/icons/A11yIcon.tsx b/packages/paste-website/src/components/icons/A11yIcon.tsx index 4709c568e6..9e0451a193 100644 --- a/packages/paste-website/src/components/icons/A11yIcon.tsx +++ b/packages/paste-website/src/components/icons/A11yIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface A11yIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-website/src/components/icons/Brush.tsx b/packages/paste-website/src/components/icons/Brush.tsx index 1ec288ed19..6a698a9235 100644 --- a/packages/paste-website/src/components/icons/Brush.tsx +++ b/packages/paste-website/src/components/icons/Brush.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface BrushProps { className?: string; diff --git a/packages/paste-website/src/components/icons/ComponentsIcon.tsx b/packages/paste-website/src/components/icons/ComponentsIcon.tsx index c597018fee..e0436efab3 100644 --- a/packages/paste-website/src/components/icons/ComponentsIcon.tsx +++ b/packages/paste-website/src/components/icons/ComponentsIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface ComponentsIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/CustomizableIcon.tsx b/packages/paste-website/src/components/icons/CustomizableIcon.tsx index ad9c3826fe..1f47abb8df 100644 --- a/packages/paste-website/src/components/icons/CustomizableIcon.tsx +++ b/packages/paste-website/src/components/icons/CustomizableIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface CustomizableIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-website/src/components/icons/FigmaIcon.tsx b/packages/paste-website/src/components/icons/FigmaIcon.tsx index cd3ac2bb0d..fa045410eb 100644 --- a/packages/paste-website/src/components/icons/FigmaIcon.tsx +++ b/packages/paste-website/src/components/icons/FigmaIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface FigmaIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/GithubIcon.tsx b/packages/paste-website/src/components/icons/GithubIcon.tsx index fe20e258dc..bc6f2b1779 100644 --- a/packages/paste-website/src/components/icons/GithubIcon.tsx +++ b/packages/paste-website/src/components/icons/GithubIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface GithubIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/HeartDoodleIcon.tsx b/packages/paste-website/src/components/icons/HeartDoodleIcon.tsx index f5411f9059..7d4c08f762 100644 --- a/packages/paste-website/src/components/icons/HeartDoodleIcon.tsx +++ b/packages/paste-website/src/components/icons/HeartDoodleIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface HeartDoodleIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/PasteIcon.tsx b/packages/paste-website/src/components/icons/PasteIcon.tsx index 09edd6094a..9d6d8cf239 100644 --- a/packages/paste-website/src/components/icons/PasteIcon.tsx +++ b/packages/paste-website/src/components/icons/PasteIcon.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; import type { - TextColorOptions, DisplayOptions, - PositionOptions, - TopOptions, LeftOptions, OpacityProperty, + PositionOptions, + TextColorOptions, + TopOptions, TransitionProperty, } from '@twilio-paste/style-props'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface PasteIconProps { decorative?: boolean; diff --git a/packages/paste-website/src/components/icons/PasteIconPride.tsx b/packages/paste-website/src/components/icons/PasteIconPride.tsx index 2e66afa20d..50c1807113 100644 --- a/packages/paste-website/src/components/icons/PasteIconPride.tsx +++ b/packages/paste-website/src/components/icons/PasteIconPride.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import type { DisplayOptions, OpacityProperty, TransitionProperty } from '@twilio-paste/style-props'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface PasteIconPrideProps { decorative?: boolean; diff --git a/packages/paste-website/src/components/icons/PatternsIcon.tsx b/packages/paste-website/src/components/icons/PatternsIcon.tsx index 211ea903fc..d54e9bc994 100644 --- a/packages/paste-website/src/components/icons/PatternsIcon.tsx +++ b/packages/paste-website/src/components/icons/PatternsIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface PatternsIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/ReactLogoIcon.tsx b/packages/paste-website/src/components/icons/ReactLogoIcon.tsx index 4422adab71..26a5120027 100644 --- a/packages/paste-website/src/components/icons/ReactLogoIcon.tsx +++ b/packages/paste-website/src/components/icons/ReactLogoIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface ReactLogoIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-website/src/components/icons/StorybookIcon.tsx b/packages/paste-website/src/components/icons/StorybookIcon.tsx index dda35c4e4f..82b120f615 100644 --- a/packages/paste-website/src/components/icons/StorybookIcon.tsx +++ b/packages/paste-website/src/components/icons/StorybookIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface StorybookIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/Terminal.tsx b/packages/paste-website/src/components/icons/Terminal.tsx index 95eb7e2acf..6897fcb578 100644 --- a/packages/paste-website/src/components/icons/Terminal.tsx +++ b/packages/paste-website/src/components/icons/Terminal.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface TerminalProps { className?: string; diff --git a/packages/paste-website/src/components/icons/ThemableIcon.tsx b/packages/paste-website/src/components/icons/ThemableIcon.tsx index 4e2cc7e25f..da4b1b7169 100644 --- a/packages/paste-website/src/components/icons/ThemableIcon.tsx +++ b/packages/paste-website/src/components/icons/ThemableIcon.tsx @@ -1,10 +1,10 @@ +import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; +import { useUID } from '@twilio-paste/uid-library'; /** * This file was automatically generated with @twilio-labs/svg-to-react */ import * as React from 'react'; -import { useUID } from '@twilio-paste/uid-library'; -import { IconWrapper } from '@twilio-paste/icons/esm/helpers/IconWrapper'; -import type { IconWrapperProps } from '@twilio-paste/icons/esm/helpers/IconWrapper'; export interface ThemableIconProps extends IconWrapperProps { title?: string; diff --git a/packages/paste-website/src/components/icons/TwilioIcon.tsx b/packages/paste-website/src/components/icons/TwilioIcon.tsx index af799976e5..083620569c 100644 --- a/packages/paste-website/src/components/icons/TwilioIcon.tsx +++ b/packages/paste-website/src/components/icons/TwilioIcon.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface TwilioIconProps { className?: string; diff --git a/packages/paste-website/src/components/icons/TwilioLogo.tsx b/packages/paste-website/src/components/icons/TwilioLogo.tsx index 376133b181..d076580d92 100644 --- a/packages/paste-website/src/components/icons/TwilioLogo.tsx +++ b/packages/paste-website/src/components/icons/TwilioLogo.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface TwilioLogoProps { className?: string; diff --git a/packages/paste-website/src/components/icons/WindowLayout.tsx b/packages/paste-website/src/components/icons/WindowLayout.tsx index c8df9e0f22..793bc60cea 100644 --- a/packages/paste-website/src/components/icons/WindowLayout.tsx +++ b/packages/paste-website/src/components/icons/WindowLayout.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; export interface WindowLayoutProps { className?: string; diff --git a/packages/paste-website/src/components/images/DatePickerImages.tsx b/packages/paste-website/src/components/images/DatePickerImages.tsx index 669de7a226..5be9be2f2d 100644 --- a/packages/paste-website/src/components/images/DatePickerImages.tsx +++ b/packages/paste-website/src/components/images/DatePickerImages.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import Image from 'next/image'; import { css } from '@twilio-paste/styling-library'; import { useTheme } from '@twilio-paste/theme'; +import Image from 'next/image'; +import * as React from 'react'; import Chrome from '../../assets/images/date-picker/chrome.png'; -import Safari from '../../assets/images/date-picker/safari.png'; import Firefox from '../../assets/images/date-picker/firefox.png'; +import Safari from '../../assets/images/date-picker/safari.png'; export const ChromeImage: React.FC = () => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/images/TimePickerImages.tsx b/packages/paste-website/src/components/images/TimePickerImages.tsx index d31e2f55d3..d55809fb41 100644 --- a/packages/paste-website/src/components/images/TimePickerImages.tsx +++ b/packages/paste-website/src/components/images/TimePickerImages.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; -import Image from 'next/image'; import { css } from '@twilio-paste/styling-library'; import { useTheme } from '@twilio-paste/theme'; +import Image from 'next/image'; +import * as React from 'react'; import Chrome from '../../assets/images/time-picker/chrome.png'; -import Safari from '../../assets/images/time-picker/safari.png'; import Firefox from '../../assets/images/time-picker/firefox.png'; +import Safari from '../../assets/images/time-picker/safari.png'; export const ChromeImage: React.FC = () => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/ingredients/Ingredients.tsx b/packages/paste-website/src/components/ingredients/Ingredients.tsx index 228cb34a08..fcadaffd20 100644 --- a/packages/paste-website/src/components/ingredients/Ingredients.tsx +++ b/packages/paste-website/src/components/ingredients/Ingredients.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Card } from '@twilio-paste/card'; +import * as React from 'react'; interface ListProps { children: React.ReactNode; diff --git a/packages/paste-website/src/components/ingredients/ObjectDetailsIngredients.tsx b/packages/paste-website/src/components/ingredients/ObjectDetailsIngredients.tsx index 661808c9f3..7ce4541d27 100644 --- a/packages/paste-website/src/components/ingredients/ObjectDetailsIngredients.tsx +++ b/packages/paste-website/src/components/ingredients/ObjectDetailsIngredients.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { UnorderedList, ListItem } from '@twilio-paste/list'; import { Anchor } from '@twilio-paste/anchor'; +import { ListItem, UnorderedList } from '@twilio-paste/list'; +import * as React from 'react'; -import { Ingredients, Required, Related } from './Ingredients'; +import { Ingredients, Related, Required } from './Ingredients'; const ObjectDetailsIngredients: React.FC = () => { return ( diff --git a/packages/paste-website/src/components/ingredients/ObjectsListIngredients.tsx b/packages/paste-website/src/components/ingredients/ObjectsListIngredients.tsx index d59524a2f9..60f143f72a 100644 --- a/packages/paste-website/src/components/ingredients/ObjectsListIngredients.tsx +++ b/packages/paste-website/src/components/ingredients/ObjectsListIngredients.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { UnorderedList, ListItem } from '@twilio-paste/list'; import { Anchor } from '@twilio-paste/anchor'; +import { ListItem, UnorderedList } from '@twilio-paste/list'; +import * as React from 'react'; -import { Ingredients, Required, Related } from './Ingredients'; +import { Ingredients, Related, Required } from './Ingredients'; const ObjectsListIngredients: React.FC = () => { return ( diff --git a/packages/paste-website/src/components/ingredients/SettingsIngredients.tsx b/packages/paste-website/src/components/ingredients/SettingsIngredients.tsx index 8e8fb0e893..b6c59c0f35 100644 --- a/packages/paste-website/src/components/ingredients/SettingsIngredients.tsx +++ b/packages/paste-website/src/components/ingredients/SettingsIngredients.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { UnorderedList, ListItem } from '@twilio-paste/list'; import { Anchor } from '@twilio-paste/anchor'; +import { ListItem, UnorderedList } from '@twilio-paste/list'; +import * as React from 'react'; -import { Ingredients, Required, Related } from './Ingredients'; +import { Ingredients, Related, Required } from './Ingredients'; const SettingsIngredients: React.FC = () => { return ( diff --git a/packages/paste-website/src/components/open-graph-card/AssetStatus.tsx b/packages/paste-website/src/components/open-graph-card/AssetStatus.tsx index 55039a2a47..1ea4630ef8 100644 --- a/packages/paste-website/src/components/open-graph-card/AssetStatus.tsx +++ b/packages/paste-website/src/components/open-graph-card/AssetStatus.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; interface PackageStatusProps { status?: string; diff --git a/packages/paste-website/src/components/open-graph-card/ComponentStatus.tsx b/packages/paste-website/src/components/open-graph-card/ComponentStatus.tsx index ad3f45a664..e646bc1a8e 100644 --- a/packages/paste-website/src/components/open-graph-card/ComponentStatus.tsx +++ b/packages/paste-website/src/components/open-graph-card/ComponentStatus.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import * as React from 'react'; import { AssetStatus } from './AssetStatus'; import { PeerReviewStatus } from './PeerReviewStatus'; diff --git a/packages/paste-website/src/components/open-graph-card/GraphImageDetails.tsx b/packages/paste-website/src/components/open-graph-card/GraphImageDetails.tsx index 0c8c86230d..325e2efe49 100644 --- a/packages/paste-website/src/components/open-graph-card/GraphImageDetails.tsx +++ b/packages/paste-website/src/components/open-graph-card/GraphImageDetails.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { ComponentStatus } from './ComponentStatus'; import type { PackageData } from './types'; diff --git a/packages/paste-website/src/components/open-graph-card/GraphImageHero.tsx b/packages/paste-website/src/components/open-graph-card/GraphImageHero.tsx index 771c38d027..7288e759bd 100644 --- a/packages/paste-website/src/components/open-graph-card/GraphImageHero.tsx +++ b/packages/paste-website/src/components/open-graph-card/GraphImageHero.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { Text } from '@twilio-paste/text'; +import * as React from 'react'; import { Logo } from '../../assets/Logo'; import type { PackageData } from './types'; diff --git a/packages/paste-website/src/components/open-graph-card/GraphImageWrapper.tsx b/packages/paste-website/src/components/open-graph-card/GraphImageWrapper.tsx index 804031bd96..c65264e0af 100644 --- a/packages/paste-website/src/components/open-graph-card/GraphImageWrapper.tsx +++ b/packages/paste-website/src/components/open-graph-card/GraphImageWrapper.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; export interface GraphImageWrapperProps { children: NonNullable; diff --git a/packages/paste-website/src/components/open-graph-card/PeerReviewStatus.tsx b/packages/paste-website/src/components/open-graph-card/PeerReviewStatus.tsx index 878ef47891..1ca5ba617d 100644 --- a/packages/paste-website/src/components/open-graph-card/PeerReviewStatus.tsx +++ b/packages/paste-website/src/components/open-graph-card/PeerReviewStatus.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon'; +import { Text } from '@twilio-paste/text'; +import * as React from 'react'; interface PeerReviewStatusProps { designStatus?: string | null; diff --git a/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx b/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx index 1dfd15312f..99d181a286 100644 --- a/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx +++ b/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx @@ -1,5 +1,5 @@ -import { Grid, Column } from '@twilio-paste/grid'; -import { UnorderedList, ListItem } from '@twilio-paste/list'; +import { Column, Grid } from '@twilio-paste/grid'; +import { ListItem, UnorderedList } from '@twilio-paste/list'; export const CustomThemeKeyList = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/paste-mdx-provider/index.tsx b/packages/paste-website/src/components/paste-mdx-provider/index.tsx index 543be4ebf8..3b78bc45d2 100644 --- a/packages/paste-website/src/components/paste-mdx-provider/index.tsx +++ b/packages/paste-website/src/components/paste-mdx-provider/index.tsx @@ -1,37 +1,37 @@ -import * as React from 'react'; import { MDXProvider } from '@mdx-js/react'; -import { styled } from '@twilio-paste/styling-library'; -import type { HTMLPasteProps } from '@twilio-paste/types'; import { Anchor, isExternalUrl } from '@twilio-paste/anchor'; import type { AnchorProps } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; +import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '@twilio-paste/callout'; import { Heading } from '@twilio-paste/heading'; import type { HeadingProps } from '@twilio-paste/heading'; +import { InlineCode } from '@twilio-paste/inline-code'; +import { ListItem, OrderedList, UnorderedList } from '@twilio-paste/list'; import { Paragraph } from '@twilio-paste/paragraph'; -import { OrderedList, UnorderedList, ListItem } from '@twilio-paste/list'; import { Separator } from '@twilio-paste/separator'; import type { SeparatorProps } from '@twilio-paste/separator'; -import { Table, THead, TBody, TFoot, Tr, Th, Td } from '@twilio-paste/table'; -import { InlineCode } from '@twilio-paste/inline-code'; -import { Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText } from '@twilio-paste/callout'; +import { styled } from '@twilio-paste/styling-library'; +import { TBody, TFoot, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; +import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; -import type { CodeblockProps } from '../codeblock'; -import { Codeblock } from '../codeblock'; +import { Do, DoDont, Dont } from '../DoDont'; import { AnchoredHeading } from '../Heading'; -import { Pre } from '../Typography'; import { PropsTable } from '../PropsTables'; +import { Pre } from '../Typography'; +import type { CodeblockProps } from '../codeblock'; +import { Codeblock } from '../codeblock'; +import { ArticleHeader } from '../shortcodes/ArticleHeader'; +import { ArticleAside, ArticleContent } from '../shortcodes/ArticleLayouts'; +import { ChangelogRevealer } from '../shortcodes/ChangelogRevealer'; +import { PageAside } from '../shortcodes/PageAside'; +import { StoryPreview } from '../shortcodes/StoryPreview'; // Shortcode imports import { GenericHeader } from '../shortcodes/generic-header'; -import { NormalizedPatternHeader } from '../shortcodes/normalized-pattern-header'; import { LivePreview } from '../shortcodes/live-preview'; -import { TableOfContents } from '../shortcodes/table-of-contents'; -import { PageAside } from '../shortcodes/PageAside'; -import { ChangelogRevealer } from '../shortcodes/ChangelogRevealer'; -import { StoryPreview } from '../shortcodes/StoryPreview'; -import { ArticleHeader } from '../shortcodes/ArticleHeader'; -import { ArticleContent, ArticleAside } from '../shortcodes/ArticleLayouts'; import { NormalizedComponentHeader } from '../shortcodes/normalized-component-header'; -import { DoDont, Do, Dont } from '../DoDont'; +import { NormalizedPatternHeader } from '../shortcodes/normalized-pattern-header'; +import { TableOfContents } from '../shortcodes/table-of-contents'; interface PasteMDXProviderProps { children?: React.ReactElement; diff --git a/packages/paste-website/src/components/shortcodes/ArticleHeader.tsx b/packages/paste-website/src/components/shortcodes/ArticleHeader.tsx index 035a162a4a..f95803985b 100644 --- a/packages/paste-website/src/components/shortcodes/ArticleHeader.tsx +++ b/packages/paste-website/src/components/shortcodes/ArticleHeader.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { Heading } from '@twilio-paste/heading'; +import * as React from 'react'; -import { Breadcrumb, BreadcrumbItem } from '../breadcrumb'; import { ArticleAuthor } from '../ArticleAuthor'; +import { Breadcrumb, BreadcrumbItem } from '../breadcrumb'; interface ArticleHeaderProps { title: string; diff --git a/packages/paste-website/src/components/shortcodes/ArticleLayouts.tsx b/packages/paste-website/src/components/shortcodes/ArticleLayouts.tsx index d29289c5a5..6718a75bd8 100644 --- a/packages/paste-website/src/components/shortcodes/ArticleLayouts.tsx +++ b/packages/paste-website/src/components/shortcodes/ArticleLayouts.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; export const ArticleContent: React.FC = ({ children }) => { return {children}; diff --git a/packages/paste-website/src/components/shortcodes/ChangelogRevealer.tsx b/packages/paste-website/src/components/shortcodes/ChangelogRevealer.tsx index 558fc4a795..1f45918d0f 100644 --- a/packages/paste-website/src/components/shortcodes/ChangelogRevealer.tsx +++ b/packages/paste-website/src/components/shortcodes/ChangelogRevealer.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Separator } from '@twilio-paste/separator'; import { Disclosure, DisclosureContent, DisclosureHeading } from '@twilio-paste/disclosure'; +import { Separator } from '@twilio-paste/separator'; +import * as React from 'react'; export const ChangelogRevealer: React.FC }>> = ({ children, diff --git a/packages/paste-website/src/components/shortcodes/PageAside.tsx b/packages/paste-website/src/components/shortcodes/PageAside.tsx index a239b2f8ba..34b64c0a1c 100644 --- a/packages/paste-website/src/components/shortcodes/PageAside.tsx +++ b/packages/paste-website/src/components/shortcodes/PageAside.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; import { SITE_TOPBAR_HEIGHT } from '../../constants'; -import { TableOfContents } from './table-of-contents'; import { FeedbackPopover } from './feedback-popover'; +import { TableOfContents } from './table-of-contents'; type ToCHeading = { value: string; diff --git a/packages/paste-website/src/components/shortcodes/StoryPreview.tsx b/packages/paste-website/src/components/shortcodes/StoryPreview.tsx index 08cff52054..04f0df4541 100644 --- a/packages/paste-website/src/components/shortcodes/StoryPreview.tsx +++ b/packages/paste-website/src/components/shortcodes/StoryPreview.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { CodeBlock, CodeBlockWrapper } from '@twilio-paste/code-block'; +import * as React from 'react'; export interface StoryPreviewProps { storyID: string; diff --git a/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx b/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx index d290fb978f..238f2c21a2 100644 --- a/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx +++ b/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; -import { Heading } from '@twilio-paste/heading'; -import { Text } from '@twilio-paste/text'; -import { PopoverContainer, PopoverButton, Popover } from '@twilio-paste/popover'; -import { useUID } from '@twilio-paste/uid-library'; -import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { Separator } from '@twilio-paste/separator'; import { Anchor } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; -import { ThumbsUpIcon } from '@twilio-paste/icons/esm/ThumbsUpIcon'; -import { ThumbsDownIcon } from '@twilio-paste/icons/esm/ThumbsDownIcon'; +import { Heading } from '@twilio-paste/heading'; import { SupportIcon } from '@twilio-paste/icons/esm/SupportIcon'; +import { ThumbsDownIcon } from '@twilio-paste/icons/esm/ThumbsDownIcon'; +import { ThumbsUpIcon } from '@twilio-paste/icons/esm/ThumbsUpIcon'; +import { Popover, PopoverButton, PopoverContainer } from '@twilio-paste/popover'; +import { Separator } from '@twilio-paste/separator'; +import { Stack } from '@twilio-paste/stack'; +import { Text } from '@twilio-paste/text'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; -import { SimpleStorage } from '../../../utils/SimpleStorage'; -import { useLocationPathname } from '../../../utils/RouteUtils'; import { event } from '../../../lib/gtag'; +import { useLocationPathname } from '../../../utils/RouteUtils'; +import { SimpleStorage } from '../../../utils/SimpleStorage'; type RatingProps = { likePage: (event: React.MouseEvent) => void; diff --git a/packages/paste-website/src/components/shortcodes/generic-header/index.tsx b/packages/paste-website/src/components/shortcodes/generic-header/index.tsx index 0298e1fb17..cea20a57e1 100644 --- a/packages/paste-website/src/components/shortcodes/generic-header/index.tsx +++ b/packages/paste-website/src/components/shortcodes/generic-header/index.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; -import Head from 'next/head'; import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; +import { Breadcrumb, BreadcrumbItem } from '@twilio-paste/breadcrumb'; +import { Heading } from '@twilio-paste/heading'; +import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { Heading } from '@twilio-paste/heading'; import { useTheme } from '@twilio-paste/theme'; -import { Breadcrumb, BreadcrumbItem } from '@twilio-paste/breadcrumb'; -import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; +import Head from 'next/head'; +import * as React from 'react'; -import { PackageStatusLegend } from '../package-status-legend'; import { STORYBOOK_DOMAIN, SidebarCategoryRoutes } from '../../../constants'; +import { getCategoryNameFromRoute, getNameFromPackageName, useOpengraphServiceUrl } from '../../../utils/RouteUtils'; import GithubIcon from '../../icons/GithubIcon'; import StorybookIcon from '../../icons/StorybookIcon'; -import { useOpengraphServiceUrl, getNameFromPackageName, getCategoryNameFromRoute } from '../../../utils/RouteUtils'; +import { PackageStatusLegend } from '../package-status-legend'; const IconAnchor: React.FC> = ({ href, diff --git a/packages/paste-website/src/components/shortcodes/live-preview/CodeBlockOverlayShadow.tsx b/packages/paste-website/src/components/shortcodes/live-preview/CodeBlockOverlayShadow.tsx index aad97e56a6..317e85a261 100644 --- a/packages/paste-website/src/components/shortcodes/live-preview/CodeBlockOverlayShadow.tsx +++ b/packages/paste-website/src/components/shortcodes/live-preview/CodeBlockOverlayShadow.tsx @@ -1,4 +1,4 @@ -import { styled, css } from '@twilio-paste/styling-library'; +import { css, styled } from '@twilio-paste/styling-library'; export const CodeBlockOverlayShadow = styled.div( css({ diff --git a/packages/paste-website/src/components/shortcodes/live-preview/ThemeSwitcher.tsx b/packages/paste-website/src/components/shortcodes/live-preview/ThemeSwitcher.tsx index 9fadf1d57f..10b8f7deb9 100644 --- a/packages/paste-website/src/components/shortcodes/live-preview/ThemeSwitcher.tsx +++ b/packages/paste-website/src/components/shortcodes/live-preview/ThemeSwitcher.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; import { RadioButton, RadioButtonGroup } from '@twilio-paste/radio-button-group'; -import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { Box } from '@twilio-paste/box'; +import { useUID, useUIDSeed } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { usePreviewThemeContext } from '../../../context/PreviewThemeContext'; diff --git a/packages/paste-website/src/components/shortcodes/live-preview/index.tsx b/packages/paste-website/src/components/shortcodes/live-preview/index.tsx index 147dc79f04..408cf1d306 100644 --- a/packages/paste-website/src/components/shortcodes/live-preview/index.tsx +++ b/packages/paste-website/src/components/shortcodes/live-preview/index.tsx @@ -1,19 +1,19 @@ -// https://github.com/FormidableLabs/react-live -import * as React from 'react'; -import { LiveProvider, LiveEditor, LiveError, LivePreview as ReactLivePreview } from 'react-live'; -import type { LiveProviderProps } from 'react-live'; import { Box } from '@twilio-paste/box'; import { Button } from '@twilio-paste/button'; +import { HideIcon } from '@twilio-paste/icons/esm/HideIcon'; +import { ShowIcon } from '@twilio-paste/icons/esm/ShowIcon'; import { Theme, useTheme } from '@twilio-paste/theme'; import { useUID } from '@twilio-paste/uid-library'; -import { ShowIcon } from '@twilio-paste/icons/esm/ShowIcon'; -import { HideIcon } from '@twilio-paste/icons/esm/HideIcon'; +// https://github.com/FormidableLabs/react-live +import * as React from 'react'; +import { LiveEditor, LiveError, LivePreview as ReactLivePreview, LiveProvider } from 'react-live'; +import type { LiveProviderProps } from 'react-live'; -import { CodeblockTheme } from './theme'; -import { CodeBlockOverlayShadow } from './CodeBlockOverlayShadow'; +import { usePreviewThemeContext } from '../../../context/PreviewThemeContext'; import { CopyButton } from '../../CopyButton'; +import { CodeBlockOverlayShadow } from './CodeBlockOverlayShadow'; import { ThemeSwitcher } from './ThemeSwitcher'; -import { usePreviewThemeContext } from '../../../context/PreviewThemeContext'; +import { CodeblockTheme } from './theme'; interface LivePreviewProps { children: string; diff --git a/packages/paste-website/src/components/shortcodes/normalized-component-header/index.tsx b/packages/paste-website/src/components/shortcodes/normalized-component-header/index.tsx index c04dccf51b..9690d4e1fd 100644 --- a/packages/paste-website/src/components/shortcodes/normalized-component-header/index.tsx +++ b/packages/paste-website/src/components/shortcodes/normalized-component-header/index.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; import merge from 'deepmerge'; +import * as React from 'react'; -import { GenericHeader } from '../generic-header'; -import type { GenericHeaderProps } from '../generic-header'; import { getNormalizedHeaderData } from '../../../utils/DataUtils'; import type { ApiData } from '../../../utils/DataUtils'; +import { GenericHeader } from '../generic-header'; +import type { GenericHeaderProps } from '../generic-header'; interface NormalizedComponentHeaderProps extends Partial { data: ApiData; diff --git a/packages/paste-website/src/components/shortcodes/normalized-pattern-header/index.tsx b/packages/paste-website/src/components/shortcodes/normalized-pattern-header/index.tsx index dd83f307cd..845435ae44 100644 --- a/packages/paste-website/src/components/shortcodes/normalized-pattern-header/index.tsx +++ b/packages/paste-website/src/components/shortcodes/normalized-pattern-header/index.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; -import merge from 'deepmerge'; +import { Badge } from '@twilio-paste/badge'; import { Box } from '@twilio-paste/box'; import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { Badge } from '@twilio-paste/badge'; +import merge from 'deepmerge'; +import * as React from 'react'; -import { GenericHeader } from '../generic-header'; -import type { GenericHeaderProps } from '../generic-header'; import { SidebarCategoryRoutes } from '../../../constants'; import { getNormalizedHeaderData } from '../../../utils/DataUtils'; import type { ApiData } from '../../../utils/DataUtils'; +import { GenericHeader } from '../generic-header'; +import type { GenericHeaderProps } from '../generic-header'; const PackageValue: React.FC = ({ children }) => { return ( diff --git a/packages/paste-website/src/components/shortcodes/package-status-legend/index.tsx b/packages/paste-website/src/components/shortcodes/package-status-legend/index.tsx index 1880766792..95550cf0a9 100644 --- a/packages/paste-website/src/components/shortcodes/package-status-legend/index.tsx +++ b/packages/paste-website/src/components/shortcodes/package-status-legend/index.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; +import type { BadgeProps } from '@twilio-paste/badge'; import { Box } from '@twilio-paste/box'; +import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; +import { Popover, PopoverBadgeButton, PopoverContainer } from '@twilio-paste/popover'; import { StatusBadge } from '@twilio-paste/status'; -import type { BadgeProps } from '@twilio-paste/badge'; -import { PopoverContainer, PopoverBadgeButton, Popover } from '@twilio-paste/popover'; import { useUID } from '@twilio-paste/uid-library'; -import { NewIcon } from '@twilio-paste/icons/esm/NewIcon'; +import * as React from 'react'; import { StatusDescriptions } from '../../../constants'; diff --git a/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsAnchor.tsx b/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsAnchor.tsx index 0177c747b2..d212dca593 100644 --- a/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsAnchor.tsx +++ b/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsAnchor.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import type { TableOfContentsAnchorProps } from './types'; diff --git a/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsList.tsx b/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsList.tsx index e6394967fa..99c16155b7 100644 --- a/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsList.tsx +++ b/packages/paste-website/src/components/shortcodes/table-of-contents/TableOfContentsList.tsx @@ -1,6 +1,6 @@ +import { styled, themeGet } from '@twilio-paste/styling-library'; import Scrollspy from 'react-scrollspy'; import type { ScrollspyProps } from 'react-scrollspy'; -import { styled, themeGet } from '@twilio-paste/styling-library'; export const TableOfContentsList: React.FC> = styled(Scrollspy)` position: sticky; diff --git a/packages/paste-website/src/components/shortcodes/table-of-contents/index.tsx b/packages/paste-website/src/components/shortcodes/table-of-contents/index.tsx index 90df1f89b7..3d49a9199c 100644 --- a/packages/paste-website/src/components/shortcodes/table-of-contents/index.tsx +++ b/packages/paste-website/src/components/shortcodes/table-of-contents/index.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; -import type { TableOfContentsProps } from './types'; +import { SITE_TOPBAR_HEIGHT, TOKEN_LIST_PAGE_REGEX, TOKEN_STICKY_FILTER_HEIGHT } from '../../../constants'; +import { useWindowSize } from '../../../hooks/useWindowSize'; +import { slugify, useLocationPathname } from '../../../utils/RouteUtils'; +import { TableOfContentsAnchor } from './TableOfContentsAnchor'; import { TableOfContentsList } from './TableOfContentsList'; import { TableOfContentsListItem } from './TableOfContentsListItem'; -import { TableOfContentsAnchor } from './TableOfContentsAnchor'; -import { slugify, useLocationPathname } from '../../../utils/RouteUtils'; -import { useWindowSize } from '../../../hooks/useWindowSize'; -import { TOKEN_STICKY_FILTER_HEIGHT, TOKEN_LIST_PAGE_REGEX, SITE_TOPBAR_HEIGHT } from '../../../constants'; +import type { TableOfContentsProps } from './types'; // Table of contents should only include h2, h3, h4 headings const shouldIncludeInToC = ({ depth }: { depth: number }): boolean => depth > 1 && depth < 4; diff --git a/packages/paste-website/src/components/site-wrapper/SiteBody.tsx b/packages/paste-website/src/components/site-wrapper/SiteBody.tsx index 7d2f07c351..1dbe5a0db5 100644 --- a/packages/paste-website/src/components/site-wrapper/SiteBody.tsx +++ b/packages/paste-website/src/components/site-wrapper/SiteBody.tsx @@ -1,34 +1,34 @@ -import * as React from 'react'; -import { useRouter } from 'next/router'; -import { StylingGlobals, type CSSObject } from '@twilio-paste/styling-library'; -import { useTheme } from '@twilio-paste/theme'; -import { useWindowSize } from '@twilio-paste/utils'; import { Box } from '@twilio-paste/box'; +import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; import { Sidebar, - SidebarHeader, SidebarBody, + SidebarCollapseButton, + SidebarFooter, + SidebarHeader, SidebarHeaderIconButton, SidebarHeaderLabel, SidebarPushContentWrapper, - SidebarFooter, - SidebarCollapseButton, } from '@twilio-paste/sidebar'; -import { LogoTwilioIcon } from '@twilio-paste/icons/esm/LogoTwilioIcon'; +import { type CSSObject, StylingGlobals } from '@twilio-paste/styling-library'; +import { useTheme } from '@twilio-paste/theme'; +import { useWindowSize } from '@twilio-paste/utils'; +import { useRouter } from 'next/router'; +import * as React from 'react'; -import { SiteHeader } from './site-header'; -import { SiteFooter } from './site-footer'; import { PASTE_DOCS_CONTENT_AREA, - TOKEN_STICKY_FILTER_HEIGHT, - TOKEN_LIST_PAGE_REGEX, - PASTE_DOCS_TOPBAR, PASTE_DOCS_SIDEBAR_NAV, + PASTE_DOCS_TOPBAR, SITE_TOPBAR_HEIGHT, + TOKEN_LIST_PAGE_REGEX, + TOKEN_STICKY_FILTER_HEIGHT, } from '../../constants'; import { docSearchStyles, docSearchVariable } from '../../styles/docSearch'; import { SiteMain } from './SiteMain'; import { SidebarNavigation } from './sidebar/SidebarNavigation'; +import { SiteFooter } from './site-footer'; +import { SiteHeader } from './site-header'; // height of the topbar plus a little extra whitespace const defaultScrollOffset = `calc(${SITE_TOPBAR_HEIGHT}px + 24px)`; diff --git a/packages/paste-website/src/components/site-wrapper/SiteMain.tsx b/packages/paste-website/src/components/site-wrapper/SiteMain.tsx index 3b22c880f9..f85173ffdb 100644 --- a/packages/paste-website/src/components/site-wrapper/SiteMain.tsx +++ b/packages/paste-website/src/components/site-wrapper/SiteMain.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { HTMLPasteProps } from '@twilio-paste/types'; +import * as React from 'react'; export const SiteMain: React.FC>> = ({ children, ...props }) => { return ( diff --git a/packages/paste-website/src/components/site-wrapper/index.tsx b/packages/paste-website/src/components/site-wrapper/index.tsx index b2b80dc71f..9e26955508 100644 --- a/packages/paste-website/src/components/site-wrapper/index.tsx +++ b/packages/paste-website/src/components/site-wrapper/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { SiteBody } from './SiteBody'; import { NavigationContext } from '../../context/NavigationContext'; import type { NavigationQuery } from '../../context/NavigationContext'; +import { SiteBody } from './SiteBody'; export interface SiteWrapperProps { navigationData: NavigationQuery; diff --git a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarAnchor.tsx b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarAnchor.tsx index 68a4628809..be38134de3 100644 --- a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarAnchor.tsx +++ b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarAnchor.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import Link from 'next/link'; import { SidebarNavigationItem } from '@twilio-paste/sidebar'; +import Link from 'next/link'; +import * as React from 'react'; import { useLocationPathname } from '../../../utils/RouteUtils'; diff --git a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx index f8f2c45fd1..4e971f0165 100644 --- a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx +++ b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx @@ -1,5 +1,4 @@ -import * as React from 'react'; -import kebabCase from 'lodash/kebabCase'; +import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; import { SidebarNavigation, SidebarNavigationDisclosure, @@ -7,19 +6,20 @@ import { type SidebarNavigationDisclosureContentProps, SidebarNavigationDisclosureHeading, type SidebarNavigationDisclosureHeadingProps, - useSidebarNavigationDisclosureState, SidebarNavigationDisclosureHeadingWrapper, SidebarNavigationSeparator, + useSidebarNavigationDisclosureState, } from '@twilio-paste/sidebar'; -import { LinkExternalIcon } from '@twilio-paste/icons/esm/LinkExternalIcon'; +import kebabCase from 'lodash/kebabCase'; +import * as React from 'react'; import { SidebarCategoryRoutes } from '../../../constants'; -import { alphabetizeComponents } from '../../../utils/componentFilters'; -import { getNormalizedNavigationData } from '../../../utils/DataUtils'; import { useNavigationContext } from '../../../context/NavigationContext'; -import { SidebarAnchor } from './SidebarAnchor'; import { event } from '../../../lib/gtag'; +import { getNormalizedNavigationData } from '../../../utils/DataUtils'; import { useLocationPathname } from '../../../utils/RouteUtils'; +import { alphabetizeComponents } from '../../../utils/componentFilters'; +import { SidebarAnchor } from './SidebarAnchor'; const CY_BASE = 'sidebar-disclosure'; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx index 9da16c60d7..c22924041b 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx @@ -1,6 +1,6 @@ -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; import { Text } from '@twilio-paste/text'; +import { useTheme } from '@twilio-paste/theme'; import HeartDoodleIcon from '../../icons/HeartDoodleIcon'; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx index b93c640b66..5167e547f0 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx @@ -1,5 +1,5 @@ -import { useTheme } from '@twilio-paste/theme'; import { Box } from '@twilio-paste/box'; +import { useTheme } from '@twilio-paste/theme'; import Image from 'next/image'; import FooterBuildingBlocks from '../../../assets/illustrations/footer_building_blocks.svg'; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx index 5f90b10af0..3a30a16927 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx @@ -1,12 +1,12 @@ -import { useTheme } from '@twilio-paste/theme'; import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Stack } from '@twilio-paste/stack'; +import { useTheme } from '@twilio-paste/theme'; -import { SiteFooterHeader } from './SiteFooterHeader'; -import TwilioLogo from '../../icons/TwilioLogo'; -import { STORYBOOK_DOMAIN, REMIX_DOMAIN, FIGMA_PROFILE_URL } from '../../../constants'; +import { FIGMA_PROFILE_URL, REMIX_DOMAIN, STORYBOOK_DOMAIN } from '../../../constants'; import { event } from '../../../lib/gtag'; +import TwilioLogo from '../../icons/TwilioLogo'; +import { SiteFooterHeader } from './SiteFooterHeader'; const SiteFooterNav = (): JSX.Element => { const theme = useTheme(); diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/index.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/index.tsx index a0ba7e4b67..29292ce656 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/index.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/index.tsx @@ -1,10 +1,10 @@ import { Box } from '@twilio-paste/box'; import { useRouter } from 'next/router'; +import { SITE_CONTENT_MAX_WIDTH } from '../../../constants'; import { SiteFooterIllustration } from './SiteFooterIllustration'; import { SiteFooterNav } from './SiteFooterNav'; import { SiteFooterTopAngle } from './SiteFooterTopAngle'; -import { SITE_CONTENT_MAX_WIDTH } from '../../../constants'; const SiteFooter: React.FC = () => { const router = useRouter(); diff --git a/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx b/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx index 0f4b0fd9a9..204a1e01c2 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx @@ -1,7 +1,7 @@ -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; -import { Menu, MenuButton, MenuItemRadio, useMenuState } from '@twilio-paste/menu'; import { DarkModeIcon } from '@twilio-paste/icons/esm/DarkModeIcon'; import { LightModeIcon } from '@twilio-paste/icons/esm/LightModeIcon'; +import { Menu, MenuButton, MenuItemRadio, useMenuState } from '@twilio-paste/menu'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { useDarkModeContext } from '../../../context/DarkModeContext'; import { event } from '../../../lib/gtag'; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/FigmaButton.tsx b/packages/paste-website/src/components/site-wrapper/site-header/FigmaButton.tsx index 36f7277a92..5f07ac4491 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/FigmaButton.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/FigmaButton.tsx @@ -1,9 +1,9 @@ -import React from 'react'; -import { Box } from '@twilio-paste/box'; import { secureExternalLink } from '@twilio-paste/anchor'; +import { Box } from '@twilio-paste/box'; +import React from 'react'; -import { FigmaIcon } from '../../icons/FigmaIcon'; import { FIGMA_PROFILE_URL } from '../../../constants'; +import { FigmaIcon } from '../../icons/FigmaIcon'; // eslint-disable-next-line no-empty-pattern const FigmaButton = React.forwardRef(({}, ref) => { diff --git a/packages/paste-website/src/components/site-wrapper/site-header/HamburgerToggle.tsx b/packages/paste-website/src/components/site-wrapper/site-header/HamburgerToggle.tsx index 440e5f1871..159d72f633 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/HamburgerToggle.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/HamburgerToggle.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; -import { styled, themeGet } from '@twilio-paste/styling-library'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; import type { TextColorOptions } from '@twilio-paste/style-props'; +import { styled, themeGet } from '@twilio-paste/styling-library'; +import * as React from 'react'; interface HamburgerToggleProps { toggled: boolean; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx index 6cc705d9d1..af55646ae5 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderLogo.tsx @@ -1,14 +1,14 @@ -import * as React from 'react'; -import Link from 'next/link'; +import { Box } from '@twilio-paste/box'; +import { MediaBody, MediaFigure, MediaObject } from '@twilio-paste/media-object'; import { styled, themeGet } from '@twilio-paste/styling-library'; import { Text } from '@twilio-paste/text'; -import { Box } from '@twilio-paste/box'; -import { MediaObject, MediaBody, MediaFigure } from '@twilio-paste/media-object'; import { useTheme } from '@twilio-paste/theme'; +import Link from 'next/link'; +import * as React from 'react'; +import { event } from '../../../lib/gtag'; import { PasteIcon } from '../../icons/PasteIcon'; import { PasteIconPride } from '../../icons/PasteIconPride'; -import { event } from '../../../lib/gtag'; const LogoLink = styled(Link)` position: relative; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderSearch.tsx b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderSearch.tsx index 1581eab760..9cb7877c34 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderSearch.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/SiteHeaderSearch.tsx @@ -1,10 +1,10 @@ -import * as React from 'react'; -import Head from 'next/head'; +import '@docsearch/css'; import { DocSearchButton, useDocSearchKeyboardEvents } from '@docsearch/react'; import type { DocSearchModal as DocSearchModalType } from '@docsearch/react'; -import '@docsearch/css'; +import Head from 'next/head'; +import * as React from 'react'; -import { DOCSEARCHV3_APIKEY, DOCSEARCHV3_INDEXNAME, DOCSEARCHV3_APPID } from '../../../constants'; +import { DOCSEARCHV3_APIKEY, DOCSEARCHV3_APPID, DOCSEARCHV3_INDEXNAME } from '../../../constants'; // https://github.com/facebook/docusaurus/blob/main/packages/docusaurus-theme-search-algolia/src/theme/SearchBar/index.tsx let DocSearchModal: typeof DocSearchModalType | null = null; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/index.tsx b/packages/paste-website/src/components/site-wrapper/site-header/index.tsx index 4affe8611b..11027b9a62 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/index.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/index.tsx @@ -1,17 +1,17 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import { Button } from '@twilio-paste/button'; import { Topbar, TopbarActions } from '@twilio-paste/topbar'; +import * as React from 'react'; import GitHubButton from 'react-github-button'; -import { Button } from '@twilio-paste/button'; import 'react-github-button/assets/style.css'; +import { PASTE_DOCS_TOPBAR } from '../../../constants'; +import { ContactUsMenu } from '../../ContactUsMenu'; +import { DarkModeToggle } from './DarkModeToggle'; +import { FigmaButton } from './FigmaButton'; import { HamburgerToggle } from './HamburgerToggle'; import { SiteHeaderLogo } from './SiteHeaderLogo'; import { SiteHeaderSearch } from './SiteHeaderSearch'; -import { DarkModeToggle } from './DarkModeToggle'; -import { FigmaButton } from './FigmaButton'; -import { ContactUsMenu } from '../../ContactUsMenu'; -import { PASTE_DOCS_TOPBAR } from '../../../constants'; export const SiteHeader: React.FC<{ sidebarMobileCollapsed: boolean; diff --git a/packages/paste-website/src/components/tokens-list/NoTokensFound.tsx b/packages/paste-website/src/components/tokens-list/NoTokensFound.tsx index 0581514605..5adbf55877 100644 --- a/packages/paste-website/src/components/tokens-list/NoTokensFound.tsx +++ b/packages/paste-website/src/components/tokens-list/NoTokensFound.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import Image from 'next/image'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { Heading } from '@twilio-paste/heading'; -import { Card } from '@twilio-paste/card'; import { Button } from '@twilio-paste/button'; +import { Card } from '@twilio-paste/card'; +import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { Anchor } from '@twilio-paste/anchor'; +import Image from 'next/image'; +import * as React from 'react'; import NotFound from '../../assets/images/not-found.svg'; diff --git a/packages/paste-website/src/components/tokens-list/TokensListFilter.tsx b/packages/paste-website/src/components/tokens-list/TokensListFilter.tsx index 5636e2a3db..94f7a082ba 100644 --- a/packages/paste-website/src/components/tokens-list/TokensListFilter.tsx +++ b/packages/paste-website/src/components/tokens-list/TokensListFilter.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; import { Button } from '@twilio-paste/button'; -import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; +import { Column, Grid } from '@twilio-paste/grid'; import { ClearIcon } from '@twilio-paste/icons/esm/ClearIcon'; -import { Grid, Column } from '@twilio-paste/grid'; -import { Select, Option } from '@twilio-paste/select'; +import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; +import { Option, Select } from '@twilio-paste/select'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { SITE_TOPBAR_HEIGHT } from '../../constants'; diff --git a/packages/paste-website/src/components/tokens-list/helpers.tsx b/packages/paste-website/src/components/tokens-list/helpers.tsx index e9dc8f806d..bfec241059 100644 --- a/packages/paste-website/src/components/tokens-list/helpers.tsx +++ b/packages/paste-website/src/components/tokens-list/helpers.tsx @@ -1,8 +1,8 @@ import type { Properties } from 'csstype'; import debounce from 'lodash/debounce'; -import type { Token, Tokens, TokenExampleColors, TokensShape } from './types'; import { event } from '../../lib/gtag'; +import type { Token, TokenExampleColors, Tokens, TokensShape } from './types'; export const trackTokenFilterString = debounce((filter: string): void => { if (filter !== '') { diff --git a/packages/paste-website/src/components/tokens-list/index.tsx b/packages/paste-website/src/components/tokens-list/index.tsx index c7d894d318..271c812069 100644 --- a/packages/paste-website/src/components/tokens-list/index.tsx +++ b/packages/paste-website/src/components/tokens-list/index.tsx @@ -1,25 +1,25 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; -import DefaultThemeTokens from '@twilio-paste/design-tokens/dist/tokens.generic'; +import { useClipboard } from '@twilio-paste/clipboard-copy-library'; import DarkThemeTokens from '@twilio-paste/design-tokens/dist/themes/dark/tokens.generic'; -import TwilioThemeTokens from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.generic'; -import TwilioDarkThemeTokens from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.generic'; import EvergreenThemeTokens from '@twilio-paste/design-tokens/dist/themes/evergreen/tokens.generic'; -import { useClipboard } from '@twilio-paste/clipboard-copy-library'; +import TwilioDarkThemeTokens from '@twilio-paste/design-tokens/dist/themes/twilio-dark/tokens.generic'; +import TwilioThemeTokens from '@twilio-paste/design-tokens/dist/themes/twilio/tokens.generic'; +import DefaultThemeTokens from '@twilio-paste/design-tokens/dist/tokens.generic'; import kebabCase from 'lodash/kebabCase'; +import * as React from 'react'; -import { AnchoredHeading } from '../Heading'; -import { trackTokenFilterString, filterTokenList, getTokenExampleColors, getTokenContrastPairs } from './helpers'; -import type { Tokens, TokenExampleColors } from './types'; import type { Themes } from '../../types'; +import { SimpleStorage } from '../../utils/SimpleStorage'; +import { AnchoredHeading } from '../Heading'; import { PageAside } from '../shortcodes/PageAside'; import { NoTokensFound } from './NoTokensFound'; -import { TokenCard } from './token-card'; +import { ScrollToTopLink } from './ScrollToTopLink'; import { TokensListFilter } from './TokensListFilter'; -import { SimpleStorage } from '../../utils/SimpleStorage'; +import { filterTokenList, getTokenContrastPairs, getTokenExampleColors, trackTokenFilterString } from './helpers'; import { sectionIntros } from './sectionIntros'; -import { ScrollToTopLink } from './ScrollToTopLink'; +import { TokenCard } from './token-card'; +import type { TokenExampleColors, Tokens } from './types'; const sentenceCase = (catName: string): string => { return catName diff --git a/packages/paste-website/src/components/tokens-list/sectionIntros.tsx b/packages/paste-website/src/components/tokens-list/sectionIntros.tsx index a140942144..aa3e3df030 100644 --- a/packages/paste-website/src/components/tokens-list/sectionIntros.tsx +++ b/packages/paste-website/src/components/tokens-list/sectionIntros.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Paragraph } from '@twilio-paste/paragraph'; import { Callout, CalloutHeading, CalloutText } from '@twilio-paste/callout'; import { InlineCode } from '@twilio-paste/inline-code'; +import { Paragraph } from '@twilio-paste/paragraph'; +import * as React from 'react'; import { SiteLink } from '../SiteLink'; import type { Token } from './types'; diff --git a/packages/paste-website/src/components/tokens-list/token-card/AccessiblePairing.tsx b/packages/paste-website/src/components/tokens-list/token-card/AccessiblePairing.tsx index fab862b2ac..1ff12e0a08 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/AccessiblePairing.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/AccessiblePairing.tsx @@ -1,10 +1,10 @@ import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import { Heading } from '@twilio-paste/heading'; import { Paragraph } from '@twilio-paste/paragraph'; import { Popover, PopoverBadgeButton, PopoverContainer } from '@twilio-paste/popover'; -import { Heading } from '@twilio-paste/heading'; -import camelCase from 'lodash/camelCase'; import { Theme } from '@twilio-paste/theme'; +import camelCase from 'lodash/camelCase'; import type { TokenCardProps } from '../types'; diff --git a/packages/paste-website/src/components/tokens-list/token-card/index.tsx b/packages/paste-website/src/components/tokens-list/token-card/index.tsx index 104559fb5b..30de6149e3 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/index.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/index.tsx @@ -1,16 +1,16 @@ -import * as React from 'react'; -import camelCase from 'lodash/camelCase'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import { Button } from '@twilio-paste/button'; -import { Tooltip, useTooltipState } from '@twilio-paste/tooltip'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { CopyIcon } from '@twilio-paste/icons/esm/CopyIcon'; -import { styled, css } from '@twilio-paste/styling-library'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import { css, styled } from '@twilio-paste/styling-library'; +import { Text } from '@twilio-paste/text'; +import { Tooltip, useTooltipState } from '@twilio-paste/tooltip'; +import camelCase from 'lodash/camelCase'; +import * as React from 'react'; -import { TokenExample } from './token-example'; import type { TokenCardProps } from '../types'; import { AccessiblePairing } from './AccessiblePairing'; +import { TokenExample } from './token-example'; const TokenCardContent = styled.dl( css({ diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/BorderExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/BorderExample.tsx index 568acab621..af9efb0082 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/BorderExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/BorderExample.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; type BorderExampleProps = Pick; diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/BoxExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/BoxExample.tsx index 89c45cf43b..5227e2adc9 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/BoxExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/BoxExample.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { BoxProps } from '@twilio-paste/box'; +import * as React from 'react'; type BoxExampleProps = Pick< BoxProps, diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/IconSizeExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/IconSizeExample.tsx index a7c5556444..d92779996a 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/IconSizeExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/IconSizeExample.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; import { InformationIcon } from '@twilio-paste/icons/esm/InformationIcon'; import type { InformationIconProps } from '@twilio-paste/icons/esm/InformationIcon'; +import * as React from 'react'; type IconSizeExampleProps = Pick; diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/LineHeightExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/LineHeightExample.tsx index 715700113d..5695e8048f 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/LineHeightExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/LineHeightExample.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Text } from '@twilio-paste/text'; import type { BoxProps } from '@twilio-paste/box'; +import { Text } from '@twilio-paste/text'; import type { ThemeShape } from '@twilio-paste/theme'; +import * as React from 'react'; type LineHeightExampleProps = Pick & { tokenName: string; diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/SpacingExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/SpacingExample.tsx index 74c411912b..2968bc46ed 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/SpacingExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/SpacingExample.tsx @@ -1,6 +1,6 @@ -import * as React from 'react'; -import type { Properties } from 'csstype'; import { remToPx } from '@twilio-paste/theme'; +import type { Properties } from 'csstype'; +import * as React from 'react'; interface SpacingExampleProps { tokenName: string; diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/TextColorExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/TextColorExample.tsx index db3f884f7e..c3810150f9 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/TextColorExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/TextColorExample.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; import { Text } from '@twilio-paste/text'; import type { ThemeShape } from '@twilio-paste/theme'; import type { Properties } from 'csstype'; +import * as React from 'react'; -import { TextExample } from './TextExample'; import { contrastScore } from '../../../../utils/contrastScore'; +import { TextExample } from './TextExample'; export const TextColorExample: React.FC< React.PropsWithChildren<{ diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/TextExample.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/TextExample.tsx index 77e66b0fac..dab1149cec 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/TextExample.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/TextExample.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; -import type { Properties } from 'csstype'; +import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import type { LineHeight } from '@twilio-paste/style-props'; import { Text } from '@twilio-paste/text'; import type { TextProps } from '@twilio-paste/text'; -import type { LineHeight } from '@twilio-paste/style-props'; -import { ScreenReaderOnly } from '@twilio-paste/screen-reader-only'; +import type { Properties } from 'csstype'; +import * as React from 'react'; type TextExampleProps = Pick & { textShadow?: Properties['textShadow']; diff --git a/packages/paste-website/src/components/tokens-list/token-card/token-example/index.tsx b/packages/paste-website/src/components/tokens-list/token-card/token-example/index.tsx index 97c6f3c970..c591341a7e 100644 --- a/packages/paste-website/src/components/tokens-list/token-card/token-example/index.tsx +++ b/packages/paste-website/src/components/tokens-list/token-card/token-example/index.tsx @@ -1,15 +1,15 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; import type { ThemeShape } from '@twilio-paste/theme'; +import * as React from 'react'; -import { BoxExample } from './BoxExample'; -import { TextExample } from './TextExample'; +import type { TokenExampleProps } from '../../types'; import { BorderExample } from './BorderExample'; +import { BoxExample } from './BoxExample'; +import { IconSizeExample } from './IconSizeExample'; import { LineHeightExample } from './LineHeightExample'; import { SpacingExample } from './SpacingExample'; import { TextColorExample } from './TextColorExample'; -import { IconSizeExample } from './IconSizeExample'; -import type { TokenExampleProps } from '../../types'; +import { TextExample } from './TextExample'; export const TokenExample: React.FC> = ({ category, diff --git a/packages/paste-website/src/components/word-list/EmptyState.tsx b/packages/paste-website/src/components/word-list/EmptyState.tsx index 5bf2667f29..d44eca8c08 100644 --- a/packages/paste-website/src/components/word-list/EmptyState.tsx +++ b/packages/paste-website/src/components/word-list/EmptyState.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; -import Image from 'next/image'; +import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; -import { Stack } from '@twilio-paste/stack'; -import { Heading } from '@twilio-paste/heading'; -import { Card } from '@twilio-paste/card'; import { Button } from '@twilio-paste/button'; +import { Card } from '@twilio-paste/card'; +import { Heading } from '@twilio-paste/heading'; +import { Stack } from '@twilio-paste/stack'; import { Text } from '@twilio-paste/text'; -import { Anchor } from '@twilio-paste/anchor'; +import Image from 'next/image'; +import * as React from 'react'; import NotFound from '../../assets/images/not-found.svg'; diff --git a/packages/paste-website/src/components/word-list/WordFilter.tsx b/packages/paste-website/src/components/word-list/WordFilter.tsx index 563f5cd476..5ac7b0f4b1 100644 --- a/packages/paste-website/src/components/word-list/WordFilter.tsx +++ b/packages/paste-website/src/components/word-list/WordFilter.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; -import { Label } from '@twilio-paste/label'; -import { Input } from '@twilio-paste/input'; -import { useUID } from '@twilio-paste/uid-library'; import { Button } from '@twilio-paste/button'; -import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; import { ClearIcon } from '@twilio-paste/icons/esm/ClearIcon'; +import { FilterIcon } from '@twilio-paste/icons/esm/FilterIcon'; +import { Input } from '@twilio-paste/input'; +import { Label } from '@twilio-paste/label'; +import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; type WordFilterProps = { value: string; diff --git a/packages/paste-website/src/components/word-list/__tests__/utils.spec.ts b/packages/paste-website/src/components/word-list/__tests__/utils.spec.ts index 647fca8cfd..76f3a8326f 100644 --- a/packages/paste-website/src/components/word-list/__tests__/utils.spec.ts +++ b/packages/paste-website/src/components/word-list/__tests__/utils.spec.ts @@ -1,6 +1,6 @@ -import { filterWordList } from '../utils'; -import type { WordListShape } from '../types'; import exampleWordList from '../__fixtures__/examples.json'; +import type { WordListShape } from '../types'; +import { filterWordList } from '../utils'; describe('filterWordList', () => { const testWords = exampleWordList as WordListShape; diff --git a/packages/paste-website/src/components/word-list/index.tsx b/packages/paste-website/src/components/word-list/index.tsx index daf315d1a4..08b0fb0f30 100644 --- a/packages/paste-website/src/components/word-list/index.tsx +++ b/packages/paste-website/src/components/word-list/index.tsx @@ -1,11 +1,11 @@ +import { TBody, THead, Table, Td, Th, Tr } from '@twilio-paste/table'; import * as React from 'react'; -import { Table, TBody, Td, Th, THead, Tr } from '@twilio-paste/table'; -import { EmptyState } from './EmptyState'; import wordsList from '../../data/word-list.json'; -import { filterWordList } from './utils'; -import type { WordListShape } from './types'; +import { EmptyState } from './EmptyState'; import { WordFilter } from './WordFilter'; +import type { WordListShape } from './types'; +import { filterWordList } from './utils'; const WordsList: React.FC = () => { const [filterString, setFilterString] = React.useState(''); diff --git a/packages/paste-website/src/hooks/useDarkMode.tsx b/packages/paste-website/src/hooks/useDarkMode.tsx index 9da1c06eca..816c1a26b3 100644 --- a/packages/paste-website/src/hooks/useDarkMode.tsx +++ b/packages/paste-website/src/hooks/useDarkMode.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { ValueOf } from '@twilio-paste/types'; +import * as React from 'react'; import { SimpleStorage } from '../utils/SimpleStorage'; diff --git a/packages/paste-website/src/hooks/useWindowSize.tsx b/packages/paste-website/src/hooks/useWindowSize.tsx index 0b328fcbd7..69c30303e7 100644 --- a/packages/paste-website/src/hooks/useWindowSize.tsx +++ b/packages/paste-website/src/hooks/useWindowSize.tsx @@ -1,7 +1,7 @@ -import { useState, useEffect } from 'react'; import { useTheme } from '@twilio-paste/theme'; -import findIndex from 'lodash/findIndex'; import debounce from 'lodash/debounce'; +import findIndex from 'lodash/findIndex'; +import { useEffect, useState } from 'react'; interface WindowSizeState { width: number | undefined; diff --git a/packages/paste-website/src/layouts/ComponentPageLayout.tsx b/packages/paste-website/src/layouts/ComponentPageLayout.tsx index 3fb1acd757..a6fbe56a72 100644 --- a/packages/paste-website/src/layouts/ComponentPageLayout.tsx +++ b/packages/paste-website/src/layouts/ComponentPageLayout.tsx @@ -1,19 +1,19 @@ -import * as React from 'react'; +import { Box } from '@twilio-paste/box'; +import { InPageNavigation, InPageNavigationItem } from '@twilio-paste/in-page-navigation'; import Head from 'next/head'; -import { useRouter } from 'next/router'; import Link from 'next/link'; -import { InPageNavigation, InPageNavigationItem } from '@twilio-paste/in-page-navigation'; -import { Box } from '@twilio-paste/box'; +import { useRouter } from 'next/router'; +import * as React from 'react'; -import { SiteWrapper } from '../components/site-wrapper'; +import { PageContentWrapper } from '../components/PageContentWrapper'; import { PasteMDXProvider } from '../components/paste-mdx-provider'; +import { PageAside } from '../components/shortcodes/PageAside'; +import { NormalizedComponentHeader } from '../components/shortcodes/normalized-component-header'; +import { SiteWrapper } from '../components/site-wrapper'; import { SiteMetaDefaults } from '../constants'; import type { NavigationQuery } from '../context/NavigationContext'; -import { PageContentWrapper } from '../components/PageContentWrapper'; -import { NormalizedComponentHeader } from '../components/shortcodes/normalized-component-header'; import type { ApiData } from '../utils/DataUtils'; import { getPackagePath } from '../utils/RouteUtils'; -import { PageAside } from '../components/shortcodes/PageAside'; interface ComponentPageLayoutProps { children?: React.ReactElement; diff --git a/packages/paste-website/src/layouts/DefaultLayout.tsx b/packages/paste-website/src/layouts/DefaultLayout.tsx index 793463787e..1e84b15615 100644 --- a/packages/paste-website/src/layouts/DefaultLayout.tsx +++ b/packages/paste-website/src/layouts/DefaultLayout.tsx @@ -1,12 +1,12 @@ -import * as React from 'react'; import Head from 'next/head'; import { useRouter } from 'next/router'; +import * as React from 'react'; -import { SiteWrapper } from '../components/site-wrapper'; +import { PageContentWrapper } from '../components/PageContentWrapper'; import { PasteMDXProvider } from '../components/paste-mdx-provider'; +import { SiteWrapper } from '../components/site-wrapper'; import { SiteMetaDefaults } from '../constants'; import type { NavigationQuery } from '../context/NavigationContext'; -import { PageContentWrapper } from '../components/PageContentWrapper'; interface DefaultLayoutProps { children?: React.ReactElement; diff --git a/packages/paste-website/src/pages/_app.tsx b/packages/paste-website/src/pages/_app.tsx index 4824dd482e..92209d57fc 100644 --- a/packages/paste-website/src/pages/_app.tsx +++ b/packages/paste-website/src/pages/_app.tsx @@ -1,20 +1,20 @@ -import * as React from 'react'; +import { datadogRum } from '@datadog/browser-rum'; +import { Theme } from '@twilio-paste/theme'; import type { AppProps } from 'next/app'; import Head from 'next/head'; -import Script from 'next/script'; import { useRouter } from 'next/router'; -import { datadogRum } from '@datadog/browser-rum'; -import { Theme } from '@twilio-paste/theme'; +import Script from 'next/script'; +import * as React from 'react'; import packageJSON from '../../../paste-core/core-bundle/package.json'; import { CookieConsent } from '../components/CookieConsent'; -import { useDarkMode } from '../hooks/useDarkMode'; -import * as gtag from '../lib/gtag'; +import { DATADOG_APPLICATION_ID, DATADOG_CLIENT_TOKEN, ENVIRONMENT_CONTEXT, SITE_BREAKPOINTS } from '../constants'; import { DarkModeContext } from '../context/DarkModeContext'; -import { inCypress } from '../utils/inCypress'; import { PreviewThemeContext } from '../context/PreviewThemeContext'; +import { useDarkMode } from '../hooks/useDarkMode'; +import * as gtag from '../lib/gtag'; import { SimpleStorage } from '../utils/SimpleStorage'; -import { SITE_BREAKPOINTS, DATADOG_APPLICATION_ID, DATADOG_CLIENT_TOKEN, ENVIRONMENT_CONTEXT } from '../constants'; +import { inCypress } from '../utils/inCypress'; const isProd = ENVIRONMENT_CONTEXT === 'production'; diff --git a/packages/paste-website/src/pages/_document.tsx b/packages/paste-website/src/pages/_document.tsx index 4ab1828d61..48ad597d7c 100644 --- a/packages/paste-website/src/pages/_document.tsx +++ b/packages/paste-website/src/pages/_document.tsx @@ -1,4 +1,4 @@ -import Document, { Html, Head, Main, NextScript } from 'next/document'; +import Document, { Head, Html, Main, NextScript } from 'next/document'; import type { DocumentContext, DocumentInitialProps } from 'next/document'; class _Document extends Document { diff --git a/packages/paste-website/src/pages/api/ai.ts b/packages/paste-website/src/pages/api/ai.ts index 4426d46f21..e7d662dc04 100644 --- a/packages/paste-website/src/pages/api/ai.ts +++ b/packages/paste-website/src/pages/api/ai.ts @@ -1,3 +1,4 @@ +import path from 'path'; /** * API endpoint for querying our doc site with ChatGPT4 * @@ -7,20 +8,19 @@ * * Please set these in your .env file and on your deployment boxes configuration. */ -import {fileURLToPath} from 'url'; -import path from 'path'; +import { fileURLToPath } from 'url'; -import {loadQAStuffChain} from 'langchain/chains'; -import {OpenAIEmbeddings} from 'langchain/embeddings/openai'; -import {ChatOpenAI} from 'langchain/chat_models/openai'; -import {FaissStore} from 'langchain/vectorstores/faiss'; -import type {NextApiRequest, NextApiResponse} from 'next'; +import { loadQAStuffChain } from 'langchain/chains'; +import { ChatOpenAI } from 'langchain/chat_models/openai'; +import { OpenAIEmbeddings } from 'langchain/embeddings/openai'; +import { FaissStore } from 'langchain/vectorstores/faiss'; +import type { NextApiRequest, NextApiResponse } from 'next'; export default async function handler(req: NextApiRequest, res: NextApiResponse): Promise { - const {question, secret} = req.body; + const { question, secret } = req.body; // Exit early if the required params aren't provided if (!question || secret !== process.env.OPENAI_API_SECRET) { - res.status(200).send({answer: 'Please provide a question'}); + res.status(200).send({ answer: 'Please provide a question' }); return; } @@ -63,9 +63,9 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse) question, }); - res.status(200).send({answer}); + res.status(200).send({ answer }); } catch (error) { - res.status(500).send({error}); + res.status(500).send({ error }); } } diff --git a/packages/paste-website/src/pages/api/opengraph.ts b/packages/paste-website/src/pages/api/opengraph.ts index cea8e7cbe9..e778cce71a 100644 --- a/packages/paste-website/src/pages/api/opengraph.ts +++ b/packages/paste-website/src/pages/api/opengraph.ts @@ -5,6 +5,8 @@ * https://github.com/ireade/netlify-puppeteer-screenshot-demo */ +import chromium from '@sparticuz/chromium'; +import type { NextApiRequest, NextApiResponse } from 'next'; /* * Note * The maximum execution timeout is 10 @@ -13,8 +15,6 @@ * or 900 seconds (Enterprise plan). */ import puppeteer from 'puppeteer-core'; -import chromium from '@sparticuz/chromium'; -import type { NextApiRequest, NextApiResponse } from 'next'; import Rollbar from 'rollbar'; import { logger } from '../../functions-utils/logger'; diff --git a/packages/paste-website/src/pages/customization/index.tsx b/packages/paste-website/src/pages/customization/index.tsx index 7d208d9941..44b3552867 100644 --- a/packages/paste-website/src/pages/customization/index.tsx +++ b/packages/paste-website/src/pages/customization/index.tsx @@ -1,13 +1,13 @@ -import * as React from 'react'; -import Head from 'next/head'; import type { GetStaticProps, InferGetStaticPropsType } from 'next'; +import Head from 'next/head'; +import * as React from 'react'; -import { SiteWrapper } from '../../components/site-wrapper'; -import { SiteMetaDefaults } from '../../constants'; import { LandingPageHero } from '../../components/customization-landing-page/LandingPageHero'; import { LikeTwilio } from '../../components/customization-landing-page/LikeTwilio'; -import { WhyPaste } from '../../components/customization-landing-page/WhyPaste'; import { ReadyToGetStarted } from '../../components/customization-landing-page/ReadyToGetStarted'; +import { WhyPaste } from '../../components/customization-landing-page/WhyPaste'; +import { SiteWrapper } from '../../components/site-wrapper'; +import { SiteMetaDefaults } from '../../constants'; import { getNavigationData } from '../../utils/api'; import type { Feature } from '../../utils/api'; diff --git a/packages/paste-website/src/pages/index.tsx b/packages/paste-website/src/pages/index.tsx index 0384b8b05a..5052e6bc02 100644 --- a/packages/paste-website/src/pages/index.tsx +++ b/packages/paste-website/src/pages/index.tsx @@ -1,14 +1,14 @@ +import type { GetStaticProps, InferGetStaticPropsType } from 'next'; +import Head from 'next/head'; import * as React from 'react'; import VisibilitySensor from 'react-visibility-sensor'; -import Head from 'next/head'; -import type { GetStaticProps, InferGetStaticPropsType } from 'next'; -import { SiteWrapper } from '../components/site-wrapper'; -import { SiteMetaDefaults } from '../constants'; -import { HomeHero } from '../components/homepage/HomeHero'; -import { GetStarted } from '../components/homepage/GetStarted'; import { Experiment } from '../components/homepage/Experiment'; +import { GetStarted } from '../components/homepage/GetStarted'; +import { HomeHero } from '../components/homepage/HomeHero'; import { PopularComponentsAndPatterns } from '../components/homepage/Popular'; +import { SiteWrapper } from '../components/site-wrapper'; +import { SiteMetaDefaults } from '../constants'; import { getNavigationData } from '../utils/api'; import type { Feature } from '../utils/api'; diff --git a/packages/paste-website/src/pages/opengraph/index.tsx b/packages/paste-website/src/pages/opengraph/index.tsx index f85cc549c9..fa600a91be 100644 --- a/packages/paste-website/src/pages/opengraph/index.tsx +++ b/packages/paste-website/src/pages/opengraph/index.tsx @@ -1,11 +1,11 @@ -import * as React from 'react'; import { Theme } from '@twilio-paste/theme'; -import { useRouter } from 'next/router'; import type { GetStaticProps, InferGetStaticPropsType } from 'next'; +import { useRouter } from 'next/router'; +import * as React from 'react'; -import { GraphImageWrapper } from '../../components/open-graph-card/GraphImageWrapper'; -import { GraphImageHero } from '../../components/open-graph-card/GraphImageHero'; import { GraphImageDetails } from '../../components/open-graph-card/GraphImageDetails'; +import { GraphImageHero } from '../../components/open-graph-card/GraphImageHero'; +import { GraphImageWrapper } from '../../components/open-graph-card/GraphImageWrapper'; import type { PackageData } from '../../components/open-graph-card/types'; import { getHumanizedNameFromPackageName } from '../../utils/RouteUtils'; import { getAllFeatures, getAllPackages } from '../../utils/api'; diff --git a/packages/paste-website/src/utils/api.ts b/packages/paste-website/src/utils/api.ts index e584855191..dbc6580bb1 100644 --- a/packages/paste-website/src/utils/api.ts +++ b/packages/paste-website/src/utils/api.ts @@ -7,10 +7,10 @@ import groupBy from 'lodash/groupBy'; import { roadmapTable } from './airtable.mjs'; import { - groupPropsByExternal, type GroupedComponentApi, getPathFromPackageName, getTocDataFromComponentApi, + groupPropsByExternal, } from './componentApiUtils'; export type Package = { diff --git a/packages/paste-website/src/utils/color-combos/index.ts b/packages/paste-website/src/utils/color-combos/index.ts index 642f683da6..936db565a2 100644 --- a/packages/paste-website/src/utils/color-combos/index.ts +++ b/packages/paste-website/src/utils/color-combos/index.ts @@ -1,5 +1,5 @@ -import uniq from 'lodash/uniq'; import Color from 'color'; +import uniq from 'lodash/uniq'; interface ColorObject { color: number[]; diff --git a/packages/paste-website/src/utils/contrastScore.ts b/packages/paste-website/src/utils/contrastScore.ts index b10a4e4874..56e1557037 100644 --- a/packages/paste-website/src/utils/contrastScore.ts +++ b/packages/paste-website/src/utils/contrastScore.ts @@ -1,5 +1,5 @@ -import type { Properties } from 'csstype'; import Color from 'color'; +import type { Properties } from 'csstype'; enum ContrastRatingScores { Fail = 'Fail', diff --git a/packages/paste-website/stories/AnchoredHeading.stories.tsx b/packages/paste-website/stories/AnchoredHeading.stories.tsx index 5c212cdf21..328b621c7d 100644 --- a/packages/paste-website/stories/AnchoredHeading.stories.tsx +++ b/packages/paste-website/stories/AnchoredHeading.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { useUID } from '@twilio-paste/uid-library'; +import * as React from 'react'; import { AnchoredHeading } from '../src/components/Heading'; diff --git a/packages/paste-website/stories/ColorSwatch.stories.tsx b/packages/paste-website/stories/ColorSwatch.stories.tsx index d3422fbf0c..f89023ba80 100644 --- a/packages/paste-website/stories/ColorSwatch.stories.tsx +++ b/packages/paste-website/stories/ColorSwatch.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import { ColorSwatch, ColorSwatchText } from '../src/components/color-swatch/ColorSwatch'; import { ColorGradient, ColorGradientRainbow } from '../src/components/color-swatch/ColorGradient'; +import { ColorSwatch, ColorSwatchText } from '../src/components/color-swatch/ColorSwatch'; import { DarkModeContext } from '../src/context/DarkModeContext'; export const BasicBackgroundColorSwatch = (): React.ReactNode => ( diff --git a/packages/paste-website/stories/FeedbackPopover.stories.tsx b/packages/paste-website/stories/FeedbackPopover.stories.tsx index acc8b1c942..dcac88941d 100644 --- a/packages/paste-website/stories/FeedbackPopover.stories.tsx +++ b/packages/paste-website/stories/FeedbackPopover.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { FeedbackPopover, UnratedPage, LikedPage, DislikedPage } from '../src/components/shortcodes/feedback-popover'; +import { DislikedPage, FeedbackPopover, LikedPage, UnratedPage } from '../src/components/shortcodes/feedback-popover'; const NOOP = (): void => {}; diff --git a/packages/paste-website/stories/FigmaButton.stories.tsx b/packages/paste-website/stories/FigmaButton.stories.tsx index c1786a851b..0e2dbbb052 100644 --- a/packages/paste-website/stories/FigmaButton.stories.tsx +++ b/packages/paste-website/stories/FigmaButton.stories.tsx @@ -1,5 +1,5 @@ -import React from 'react'; import type { StoryFn } from '@storybook/react'; +import React from 'react'; import { FigmaButton } from '../src/components/site-wrapper/site-header/FigmaButton'; diff --git a/packages/paste-website/stories/FilterGroup.stories.tsx b/packages/paste-website/stories/FilterGroup.stories.tsx index d192d7d165..6f72f31eb5 100644 --- a/packages/paste-website/stories/FilterGroup.stories.tsx +++ b/packages/paste-website/stories/FilterGroup.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import { DefaultFilterGroup } from '../src/component-examples/filter-group/components/DefaultFilterGroup'; import { CustomDateFilterGroup } from '../src/component-examples/filter-group/components/CustomDateFilterGroup'; +import { DefaultFilterGroup } from '../src/component-examples/filter-group/components/DefaultFilterGroup'; import { STATIC_TABLE_DATA } from '../src/component-examples/filter-group/constants'; export default { diff --git a/packages/paste-website/stories/HamburgerToggle.stories.tsx b/packages/paste-website/stories/HamburgerToggle.stories.tsx index d5203a7ad6..410e5da285 100644 --- a/packages/paste-website/stories/HamburgerToggle.stories.tsx +++ b/packages/paste-website/stories/HamburgerToggle.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { HamburgerToggle } from '../src/components/site-wrapper/site-header/HamburgerToggle'; diff --git a/packages/paste-website/stories/InlineCode.stories.tsx b/packages/paste-website/stories/InlineCode.stories.tsx index 6c96e1b2d1..d46b5b9cb3 100644 --- a/packages/paste-website/stories/InlineCode.stories.tsx +++ b/packages/paste-website/stories/InlineCode.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; import { Box } from '@twilio-paste/box'; import { Callout, CalloutHeading, CalloutText } from '@twilio-paste/callout'; import { InlineCode } from '@twilio-paste/inline-code'; +import * as React from 'react'; export const RegularInline = (): React.ReactNode => string; diff --git a/packages/paste-website/stories/LivePreview.stories.tsx b/packages/paste-website/stories/LivePreview.stories.tsx index 4cde9cb7de..3ae4d8d829 100644 --- a/packages/paste-website/stories/LivePreview.stories.tsx +++ b/packages/paste-website/stories/LivePreview.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; import { Anchor } from '@twilio-paste/anchor'; import { Stack } from '@twilio-paste/stack'; +import * as React from 'react'; -import { PreviewThemeContext } from '../src/context/PreviewThemeContext'; import { LivePreview } from '../src/components/shortcodes/live-preview'; +import { PreviewThemeContext } from '../src/context/PreviewThemeContext'; export const SmallLivePreview = (): React.ReactNode => { const [previewTheme, setPreviewTheme] = React.useState('twilio'); diff --git a/packages/paste-website/stories/PropsTable.stories.tsx b/packages/paste-website/stories/PropsTable.stories.tsx index 5a39687144..aaa645ccb4 100644 --- a/packages/paste-website/stories/PropsTable.stories.tsx +++ b/packages/paste-website/stories/PropsTable.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import type { StoryFn } from '@storybook/react'; +import * as React from 'react'; import { PropsTable } from '../src/components/PropsTables'; diff --git a/packages/paste-website/stories/TableOfContents.stories.tsx b/packages/paste-website/stories/TableOfContents.stories.tsx index c463dda8a9..97a52cf86f 100644 --- a/packages/paste-website/stories/TableOfContents.stories.tsx +++ b/packages/paste-website/stories/TableOfContents.stories.tsx @@ -1,5 +1,5 @@ -import * as React from 'react'; import { Box } from '@twilio-paste/box'; +import * as React from 'react'; import { TableOfContents } from '../src/components/shortcodes/table-of-contents'; import type { HeadingData } from '../src/components/shortcodes/table-of-contents/types'; diff --git a/packages/paste-website/stories/TokenCard.stories.tsx b/packages/paste-website/stories/TokenCard.stories.tsx index dba26d8aa8..1c746e5dd4 100644 --- a/packages/paste-website/stories/TokenCard.stories.tsx +++ b/packages/paste-website/stories/TokenCard.stories.tsx @@ -1,9 +1,9 @@ -import * as React from 'react'; +import type { Meta, StoryFn } from '@storybook/react'; +import { Box } from '@twilio-paste/box'; import Tokens from '@twilio-paste/design-tokens/dist/tokens.generic'; import { useTheme } from '@twilio-paste/theme'; -import { Box } from '@twilio-paste/box'; import camelCase from 'lodash/camelCase'; -import type { StoryFn, Meta } from '@storybook/react'; +import * as React from 'react'; import { TokenCard } from '../src/components/tokens-list/token-card'; diff --git a/packages/paste-website/stories/opengraph.stories.tsx b/packages/paste-website/stories/opengraph.stories.tsx index ed72738c9b..6f91770868 100644 --- a/packages/paste-website/stories/opengraph.stories.tsx +++ b/packages/paste-website/stories/opengraph.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import { GraphImageWrapper } from '../src/components/open-graph-card/GraphImageWrapper'; -import { GraphImageHero } from '../src/components/open-graph-card/GraphImageHero'; import { GraphImageDetails } from '../src/components/open-graph-card/GraphImageDetails'; +import { GraphImageHero } from '../src/components/open-graph-card/GraphImageHero'; +import { GraphImageWrapper } from '../src/components/open-graph-card/GraphImageWrapper'; export const AlertCard = (): React.ReactNode => { const packageData = { diff --git a/performance-benchmarks/alert.stories.tsx b/performance-benchmarks/alert.stories.tsx index 73aa2b735f..2a53ebf06f 100644 --- a/performance-benchmarks/alert.stories.tsx +++ b/performance-benchmarks/alert.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { Story } from '@storybook/react'; import { Alert } from '@twilio-paste/alert'; import { Alert as EgAlert } from 'evergreen-ui'; +import * as React from 'react'; export default { title: 'Performance/Alert', diff --git a/performance-benchmarks/box.stories.tsx b/performance-benchmarks/box.stories.tsx index 0d35910c37..0a72c28a01 100644 --- a/performance-benchmarks/box.stories.tsx +++ b/performance-benchmarks/box.stories.tsx @@ -1,8 +1,8 @@ -import * as React from 'react'; import type { Story } from '@storybook/react'; import { Box } from '@twilio-paste/box'; -import UIBox from 'ui-box'; import { Pane } from 'evergreen-ui'; +import * as React from 'react'; +import UIBox from 'ui-box'; export default { title: 'Performance/Box', diff --git a/performance-benchmarks/button.stories.tsx b/performance-benchmarks/button.stories.tsx index f707b0b6d7..16a39aefd3 100644 --- a/performance-benchmarks/button.stories.tsx +++ b/performance-benchmarks/button.stories.tsx @@ -1,7 +1,7 @@ -import * as React from 'react'; import type { Story } from '@storybook/react'; import { Button } from '@twilio-paste/button'; import { Button as EgButton } from 'evergreen-ui'; +import * as React from 'react'; export default { title: 'Performance/Button', diff --git a/templates/paste-nextjs-template/pages/_app.tsx b/templates/paste-nextjs-template/pages/_app.tsx index f68512ad51..f54b627032 100644 --- a/templates/paste-nextjs-template/pages/_app.tsx +++ b/templates/paste-nextjs-template/pages/_app.tsx @@ -1,5 +1,5 @@ -import type { AppProps, NextWebVitalsMetric } from 'next/app'; import { Theme } from '@twilio-paste/core/theme'; +import type { AppProps, NextWebVitalsMetric } from 'next/app'; const MyApp: React.FC> = ({ Component, pageProps }) => { return ( diff --git a/templates/paste-nextjs-template/pages/_document.tsx b/templates/paste-nextjs-template/pages/_document.tsx index 97412e58c4..e3375ff4ee 100644 --- a/templates/paste-nextjs-template/pages/_document.tsx +++ b/templates/paste-nextjs-template/pages/_document.tsx @@ -1,4 +1,4 @@ -import { Html, Head, Main, NextScript } from 'next/document'; +import { Head, Html, Main, NextScript } from 'next/document'; const Document = (): JSX.Element => { return ( diff --git a/templates/paste-nextjs-template/pages/index.tsx b/templates/paste-nextjs-template/pages/index.tsx index 8500a4ee34..e092cee526 100644 --- a/templates/paste-nextjs-template/pages/index.tsx +++ b/templates/paste-nextjs-template/pages/index.tsx @@ -1,11 +1,11 @@ -import Head from 'next/head'; import { Anchor } from '@twilio-paste/core/anchor'; -import { Heading } from '@twilio-paste/core/heading'; import { Box } from '@twilio-paste/core/box'; -import { Paragraph } from '@twilio-paste/core/paragraph'; +import { Heading } from '@twilio-paste/core/heading'; import { ListItem, UnorderedList } from '@twilio-paste/core/list'; +import { Paragraph } from '@twilio-paste/core/paragraph'; import { Separator } from '@twilio-paste/core/separator'; import type { NextPage } from 'next'; +import Head from 'next/head'; const Home: NextPage = () => { return ( diff --git a/tools/build/__tests__/compiledImports.test.ts b/tools/build/__tests__/compiledImports.test.ts index 38de9690cb..0bd203ca4e 100644 --- a/tools/build/__tests__/compiledImports.test.ts +++ b/tools/build/__tests__/compiledImports.test.ts @@ -1,5 +1,5 @@ -import path from 'path'; import fs from 'fs'; +import path from 'path'; const { build } = require('../esbuild'); diff --git a/tools/build/__tests__/generate-type-docs.test.ts b/tools/build/__tests__/generate-type-docs.test.ts index 7efc2f5b50..fc5b17de7b 100644 --- a/tools/build/__tests__/generate-type-docs.test.ts +++ b/tools/build/__tests__/generate-type-docs.test.ts @@ -2,10 +2,10 @@ import prettier from 'prettier'; import { type ComponentTypeProperties, + extractTypeExports, formatValue, sortByRequiredProperties, tryPrettier, - extractTypeExports, } from '../generate-type-docs/utils'; describe('formatValue', () => { diff --git a/tools/build/generate-type-docs/index.ts b/tools/build/generate-type-docs/index.ts index 420e860179..7f96df4793 100644 --- a/tools/build/generate-type-docs/index.ts +++ b/tools/build/generate-type-docs/index.ts @@ -6,22 +6,22 @@ * an official API documentor later, but it looks pretty complex. */ +import { writeFileSync } from 'fs'; import path from 'path'; import { readFile } from 'fs/promises'; -import { writeFileSync } from 'fs'; import prettier from 'prettier'; import ts from 'typescript'; import { type ComponentTypeProperties, + extractTypeExports, formatValue, getSourceFileName, log, shouldIgnoreProperty, sortByRequiredProperties, tryPrettier, - extractTypeExports, } from './utils'; function extractPropertiesOfTypeName( diff --git a/tools/build/token-usage-detector.ts b/tools/build/token-usage-detector.ts index ad710ae126..c6b3ded63f 100644 --- a/tools/build/token-usage-detector.ts +++ b/tools/build/token-usage-detector.ts @@ -1,11 +1,11 @@ /* eslint-disable import/no-mutable-exports */ import path from 'path'; +import { getMinimalPackageList } from '../utils/token-usage/getMinimalPackageList'; import { getTokenPackageMapping } from '../utils/token-usage/getTokenPackageMapping'; import { getUnusedTokenList } from '../utils/token-usage/getUnusedTokenList'; -import { getMinimalPackageList } from '../utils/token-usage/getMinimalPackageList'; -import { writeToFile } from '../utils/writeToFile'; import type { TokenPackageMap } from '../utils/token-usage/types'; +import { writeToFile } from '../utils/writeToFile'; const CACHE_FILE_PATH = path.join(__dirname, '../.cache/token-usage.json'); diff --git a/tools/test/act-user-event.ts b/tools/test/act-user-event.ts index 74cb69e003..87766a1311 100644 --- a/tools/test/act-user-event.ts +++ b/tools/test/act-user-event.ts @@ -1,3 +1,4 @@ +import { act } from '@testing-library/react'; /* * Patch taken from this github issue: https://github.com/testing-library/user-event/issues/938#issuecomment-1111976312 * Initially intended to wrap all userEvent apis with asynchronous act methods - specifically to help with user-event v14 @@ -5,7 +6,6 @@ */ // eslint-disable-next-line import/no-unresolved import userEvent from '@testing-library/real-user-event'; -import { act } from '@testing-library/react'; const original = { hover: userEvent.hover, diff --git a/tools/utils/removeNodeModules.ts b/tools/utils/removeNodeModules.ts index 658f40ead9..9e92e4e960 100644 --- a/tools/utils/removeNodeModules.ts +++ b/tools/utils/removeNodeModules.ts @@ -1,5 +1,5 @@ -import shell from 'shelljs'; import chalk from 'chalk'; +import shell from 'shelljs'; export async function removeNodeModules(): Promise { // eslint-disable-next-line no-console diff --git a/tools/utils/removeTsconfigBuildFiles.ts b/tools/utils/removeTsconfigBuildFiles.ts index 1555a89869..4dd5cf14b5 100644 --- a/tools/utils/removeTsconfigBuildFiles.ts +++ b/tools/utils/removeTsconfigBuildFiles.ts @@ -1,7 +1,7 @@ import { resolve } from 'path'; -import shell from 'shelljs'; import chalk from 'chalk'; +import shell from 'shelljs'; const TSCONFIG_BUILDINFO_REGEX = /tsconfig(\.build)?\.tsbuildinfo$/; const PACKAGES_DIR = resolve(__dirname, '../../packages'); diff --git a/tools/utils/removeYarnLockfile.ts b/tools/utils/removeYarnLockfile.ts index fa0d02f966..bde8e5f6d8 100644 --- a/tools/utils/removeYarnLockfile.ts +++ b/tools/utils/removeYarnLockfile.ts @@ -1,7 +1,7 @@ import { resolve } from 'path'; -import shell from 'shelljs'; import chalk from 'chalk'; +import shell from 'shelljs'; export async function removeYarnLockfile(): Promise { // eslint-disable-next-line no-console diff --git a/tools/utils/token-usage/getMinimalPackageList.ts b/tools/utils/token-usage/getMinimalPackageList.ts index 97bf5e655f..87ea5a5083 100644 --- a/tools/utils/token-usage/getMinimalPackageList.ts +++ b/tools/utils/token-usage/getMinimalPackageList.ts @@ -1,7 +1,7 @@ -import omitBy from 'lodash/omitBy'; import isEmpty from 'lodash/isEmpty'; +import omitBy from 'lodash/omitBy'; -import type { PackageList, BestGuessMapper, TokenPackageMap } from './types'; +import type { BestGuessMapper, PackageList, TokenPackageMap } from './types'; /** * Get minimal components using all tokens diff --git a/tools/utils/token-usage/getTokenPackageMapping.ts b/tools/utils/token-usage/getTokenPackageMapping.ts index e680899496..f2881046c4 100644 --- a/tools/utils/token-usage/getTokenPackageMapping.ts +++ b/tools/utils/token-usage/getTokenPackageMapping.ts @@ -1,9 +1,9 @@ import path from 'path'; -import camelCase from 'lodash/camelCase'; -import { fileSearch } from 'search-in-file'; // eslint-disable-next-line import/no-extraneous-dependencies import tokenJson from '@twilio-paste/design-tokens/dist/tokens.json'; +import camelCase from 'lodash/camelCase'; +import { fileSearch } from 'search-in-file'; import { convertFilePathsToPackageNames } from './convertFilePathsToPackageNames'; import type { TokenPackageMap } from './types'; diff --git a/vite.config.ts b/vite.config.ts index 83a0ce7adf..72d6ddf07e 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,5 +1,5 @@ -import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react-swc'; +import { defineConfig } from 'vite'; export default defineConfig({ plugins: [react({ jsxImportSource: '@emotion/react' })],