From 2031cb75857eacf7fba9681f6eeec1c107cd15a0 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Sun, 23 Mar 2025 11:26:25 -0700 Subject: [PATCH] Run `npm run lint` --- docs/package.json | 5 +- docs/src/App.svelte | 4 +- docs/src/components/ComponentApi.svelte | 79 ++- docs/src/components/InlineSnippet.svelte | 6 +- docs/src/components/Preview.svelte | 20 +- docs/src/components/PreviewTypeScript.svelte | 18 +- docs/src/components/TileCard.svelte | 18 +- docs/src/layouts/ComponentLayout.svelte | 108 ++-- docs/src/pages/_fallback.svelte | 6 +- docs/src/pages/_layout.svelte | 106 ++-- .../Accordion/ExpandableAccordion.svelte | 38 +- .../framed/Breadcrumbs/Breadcrumbs.svelte | 12 +- .../pages/framed/Breakpoint/Breakpoint.svelte | 6 +- .../Breakpoint/BreakpointObserver.svelte | 8 +- .../framed/Button/ProgrammaticFocus.svelte | 4 +- .../Button/SelectedIconOnlyButton.svelte | 10 +- .../framed/Checkbox/CheckboxReactive.svelte | 4 +- .../framed/Checkbox/MultipleCheckboxes.svelte | 6 +- .../CodeSnippet/CodeSnippetOverride.svelte | 4 +- .../CodeSnippet/CodeSnippetReactive.svelte | 4 +- .../CodeSnippet/DynamicCodeSnippet.svelte | 8 +- .../CodeSnippet/HiddenCodeSnippet.svelte | 6 +- .../framed/ComboBox/ComboBoxClear.svelte | 4 +- .../pages/framed/ComboBox/ComboBoxSlot.svelte | 2 +- .../framed/ComboBox/FilterableComboBox.svelte | 10 +- .../FilterableComboBoxCustomLabel.svelte | 34 +- .../framed/ComboBox/MultipleComboBox.svelte | 24 +- .../framed/ComboBox/ReactiveComboBox.svelte | 4 +- .../ContentSwitcherReactive.svelte | 4 +- .../framed/ContextMenu/ContextMenu.svelte | 20 +- .../ContextMenu/ContextMenuGroups.svelte | 16 +- .../ContextMenu/ContextMenuTarget.svelte | 18 +- .../ContextMenu/ContextMenuTargets.svelte | 20 +- .../CopyButton/CopyButtonOverride.svelte | 4 +- .../DataTable/DataTableAppendColumns.svelte | 38 +- .../DataTable/DataTableBatchSelection.svelte | 6 +- .../DataTableBatchSelectionInitial.svelte | 6 +- .../DataTableBatchSelectionToolbar.svelte | 52 +- ...ableBatchSelectionToolbarControlled.svelte | 50 +- .../DataTableExpandableSelectable.svelte | 14 +- .../DataTable/DataTableExpandableZebra.svelte | 2 +- .../DataTable/DataTableFilterCustom.svelte | 36 +- .../DataTable/DataTableFilterable.svelte | 36 +- .../DataTable/DataTableHeaderWidth.svelte | 2 +- .../DataTableNonExpandableRows.svelte | 90 +-- .../DataTableNonSelectableRows.svelte | 90 +-- .../DataTable/DataTablePagination.svelte | 20 +- .../DataTableProgrammaticSorting.svelte | 10 +- .../DataTable/RadioSelectableDataTable.svelte | 32 +- .../DataTable/SelectableDataTable.svelte | 6 +- .../framed/DatePicker/DatePickerModal.svelte | 14 +- .../framed/DatePicker/DatePickerRange.svelte | 2 +- .../framed/DatePicker/DatePickerSingle.svelte | 2 +- .../pages/framed/Dropdown/DropdownSlot.svelte | 2 +- .../framed/Dropdown/MultipleDropdown.svelte | 24 +- .../FileUploaderClearFiles.svelte | 6 +- .../framed/FluidForm/FluidFormInvalid.svelte | 12 +- .../framed/Grid/AspectRatioColumns.svelte | 2 +- .../pages/framed/Grid/CondensedGrid.svelte | 2 +- .../pages/framed/Grid/FullWidthGrid.svelte | 2 +- docs/src/pages/framed/Grid/Grid.svelte | 2 +- docs/src/pages/framed/Grid/NarrowGrid.svelte | 2 +- .../pages/framed/Grid/OffsetColumns.svelte | 2 +- docs/src/pages/framed/Grid/PaddedGrid.svelte | 2 +- .../pages/framed/Grid/ResponsiveGrid.svelte | 2 +- .../ImageLoader/DynamicImageLoader.svelte | 14 +- .../ProgrammaticImageLoader.svelte | 11 +- .../InlineLoading/InlineLoadingUx.svelte | 52 +- docs/src/pages/framed/Loading/Loading.svelte | 2 +- .../framed/LocalStorage/LocalStorage.svelte | 8 +- .../LocalStorage/LocalStorageClear.svelte | 8 +- .../framed/Modal/3ButtonComposedModal.svelte | 20 +- .../pages/framed/Modal/3ButtonModal.svelte | 4 +- .../pages/framed/Modal/ComposedModal.svelte | 16 +- .../src/pages/framed/Modal/DangerModal.svelte | 4 +- docs/src/pages/framed/Modal/Modal.svelte | 4 +- .../framed/Modal/ModalButtonWithIcon.svelte | 6 +- .../framed/Modal/ModalCustomFocus.svelte | 4 +- .../pages/framed/Modal/ModalExtraSmall.svelte | 4 +- docs/src/pages/framed/Modal/ModalLarge.svelte | 4 +- .../pages/framed/Modal/ModalMultiple.svelte | 6 +- .../Modal/ModalPreventOutsideClick.svelte | 4 +- .../framed/Modal/ModalScrollingContent.svelte | 4 +- docs/src/pages/framed/Modal/ModalSmall.svelte | 4 +- .../pages/framed/Modal/PassiveModal.svelte | 4 +- .../framed/MultiSelect/MultiSelectSlot.svelte | 2 +- .../MultiSelect/MultipleMultiSelect.svelte | 28 +- .../NumberInput/NumberInputEmpty.svelte | 4 +- .../PaginationNavReactive.svelte | 4 +- .../pages/framed/Popover/WithButton.svelte | 6 +- .../framed/ProgressBar/ProgressBarUx.svelte | 20 +- .../ProgrammaticProgressIndicator.svelte | 14 +- .../RadioButton/RadioButtonReactive.svelte | 14 +- .../framed/RadioTile/RadioTileReactive.svelte | 6 +- .../RadioTile/RadioTileReactiveOneWay.svelte | 6 +- .../framed/RecursiveList/RecursiveList.svelte | 54 +- .../RecursiveListFlatArray.svelte | 30 +- .../RecursiveList/RecursiveListOrdered.svelte | 54 +- .../RecursiveListOrderedNative.svelte | 54 +- .../Search/SearchExpandableReactive.svelte | 4 +- .../pages/framed/Search/SearchReactive.svelte | 4 +- .../pages/framed/Select/SelectReactive.svelte | 4 +- .../src/pages/framed/Tabs/TabsReactive.svelte | 4 +- docs/src/pages/framed/Theme/Theme.svelte | 8 +- .../pages/framed/Theme/ThemePersist.svelte | 8 +- .../src/pages/framed/Theme/ThemeSelect.svelte | 2 +- .../framed/Theme/ThemeSelectCustom.svelte | 2 +- .../src/pages/framed/Theme/ThemeToggle.svelte | 2 +- .../framed/Theme/ThemeToggleCustom.svelte | 2 +- .../src/pages/framed/Theme/ThemeTokens.svelte | 2 +- .../ToastNotificationTimeout.svelte | 8 +- .../pages/framed/Toggle/ToggleReactive.svelte | 4 +- .../framed/Tooltip/TooltipReactive.svelte | 4 +- .../src/pages/framed/TreeView/TreeView.svelte | 86 +-- .../framed/TreeView/TreeViewActive.svelte | 86 +-- .../TreeView/TreeViewCollapseAll.svelte | 86 +-- .../TreeView/TreeViewCollapseNodes.svelte | 90 +-- .../framed/TreeView/TreeViewCompact.svelte | 86 +-- .../framed/TreeView/TreeViewExpandAll.svelte | 84 +-- .../TreeView/TreeViewExpandNodes.svelte | 84 +-- .../framed/TreeView/TreeViewExpanded.svelte | 88 +-- .../framed/TreeView/TreeViewFlatArray.svelte | 40 +- .../framed/TreeView/TreeViewIcons.svelte | 144 ++--- .../TreeView/TreeViewMultiselect.svelte | 86 +-- .../framed/TreeView/TreeViewShowNode.svelte | 50 +- .../pages/framed/TreeView/TreeViewSlot.svelte | 86 +-- docs/src/pages/framed/UIShell/Header.svelte | 24 +- .../UIShell/HeaderMultipleSwitcher.svelte | 36 +- .../src/pages/framed/UIShell/HeaderNav.svelte | 36 +- .../pages/framed/UIShell/HeaderNavRail.svelte | 38 +- .../pages/framed/UIShell/HeaderSearch.svelte | 112 ++-- .../framed/UIShell/HeaderSwitcher.svelte | 76 +-- .../framed/UIShell/HeaderUtilities.svelte | 38 +- .../UIShell/PersistedHamburgerMenu.svelte | 34 +- docs/src/pages/framed/_reset.svelte | 40 +- docs/src/pages/index.svelte | 70 +-- examples/rollup/src/App.svelte | 4 +- examples/sveltekit/src/routes/+layout.svelte | 2 +- examples/sveltekit/src/routes/+page.svelte | 4 +- examples/vite/src/App.svelte | 4 +- examples/webpack/src/App.svelte | 4 +- package.json | 13 +- scripts/format-component-api.js | 4 +- src/Accordion/Accordion.svelte | 42 +- src/Accordion/AccordionItem.svelte | 50 +- src/Accordion/AccordionSkeleton.svelte | 32 +- src/AspectRatio/AspectRatio.svelte | 10 +- src/Breadcrumb/Breadcrumb.svelte | 12 +- src/Breadcrumb/BreadcrumbItem.svelte | 26 +- src/Breadcrumb/BreadcrumbSkeleton.svelte | 8 +- src/Breakpoint/Breakpoint.svelte | 76 +-- src/Button/Button.svelte | 224 ++++--- src/Button/ButtonSet.svelte | 4 +- src/Button/ButtonSkeleton.svelte | 20 +- src/Checkbox/Checkbox.svelte | 100 ++-- src/Checkbox/InlineCheckbox.svelte | 26 +- src/CodeSnippet/CodeSnippet.svelte | 264 ++++---- src/CodeSnippet/CodeSnippetSkeleton.svelte | 10 +- src/ComboBox/ComboBox.svelte | 354 +++++------ src/ComposedModal/ComposedModal.svelte | 162 ++--- src/ComposedModal/ModalBody.svelte | 8 +- src/ComposedModal/ModalFooter.svelte | 72 +-- src/ComposedModal/ModalHeader.svelte | 36 +- src/ContentSwitcher/ContentSwitcher.svelte | 98 +-- src/ContentSwitcher/Switch.svelte | 54 +- src/ContextMenu/ContextMenu.svelte | 234 ++++---- src/ContextMenu/ContextMenuGroup.svelte | 46 +- src/ContextMenu/ContextMenuOption.svelte | 272 ++++----- src/ContextMenu/ContextMenuRadioGroup.svelte | 42 +- src/CopyButton/CopyButton.svelte | 62 +- src/DataTable/DataTable.svelte | 564 +++++++++--------- src/DataTable/DataTableSkeleton.svelte | 64 +- src/DataTable/Table.svelte | 36 +- src/DataTable/TableContainer.svelte | 16 +- src/DataTable/TableHeader.svelte | 44 +- src/DataTable/Toolbar.svelte | 32 +- src/DataTable/ToolbarBatchActions.svelte | 120 ++-- src/DataTable/ToolbarMenu.svelte | 14 +- src/DataTable/ToolbarMenuItem.svelte | 4 +- src/DataTable/ToolbarSearch.svelte | 122 ++-- src/DatePicker/DatePicker.svelte | 395 ++++++------ src/DatePicker/DatePickerInput.svelte | 116 ++-- src/DatePicker/DatePickerSkeleton.svelte | 8 +- src/Dropdown/Dropdown.svelte | 264 ++++---- src/Dropdown/DropdownSkeleton.svelte | 4 +- src/FileUploader/FileUploader.svelte | 168 +++--- src/FileUploader/FileUploaderButton.svelte | 96 +-- .../FileUploaderDropContainer.svelte | 78 +-- src/FileUploader/FileUploaderItem.svelte | 56 +- src/FileUploader/FileUploaderSkeleton.svelte | 4 +- src/FileUploader/Filename.svelte | 32 +- src/FluidForm/FluidForm.svelte | 12 +- src/Form/Form.svelte | 4 +- src/FormGroup/FormGroup.svelte | 24 +- src/FormLabel/FormLabel.svelte | 4 +- src/Grid/Column.svelte | 182 +++--- src/Grid/Grid.svelte | 78 +-- src/Grid/Row.svelte | 72 +-- src/ImageLoader/ImageLoader.svelte | 122 ++-- src/InlineLoading/InlineLoading.svelte | 72 +-- src/Link/Link.svelte | 48 +- src/Link/OutboundLink.svelte | 6 +- src/ListBox/ListBox.svelte | 48 +- src/ListBox/ListBoxField.svelte | 62 +- src/ListBox/ListBoxMenu.svelte | 8 +- src/ListBox/ListBoxMenuIcon.svelte | 40 +- src/ListBox/ListBoxMenuItem.svelte | 26 +- src/ListBox/ListBoxSelection.svelte | 88 +-- src/Loading/Loading.svelte | 18 +- src/LocalStorage/LocalStorage.svelte | 128 ++-- src/Modal/Modal.svelte | 204 +++---- src/MultiSelect/MultiSelect.svelte | 476 ++++++++------- src/Notification/InlineNotification.svelte | 102 ++-- .../NotificationActionButton.svelte | 4 +- src/Notification/NotificationButton.svelte | 36 +- src/Notification/NotificationIcon.svelte | 52 +- src/Notification/ToastNotification.svelte | 134 ++--- src/NumberInput/NumberInput.svelte | 236 ++++---- src/NumberInput/NumberInputSkeleton.svelte | 4 +- src/OrderedList/OrderedList.svelte | 12 +- src/OverflowMenu/OverflowMenu.svelte | 274 ++++----- src/OverflowMenu/OverflowMenuItem.svelte | 78 +-- src/Pagination/Pagination.svelte | 145 +++-- src/Pagination/PaginationSkeleton.svelte | 2 +- src/PaginationNav/PaginationItem.svelte | 8 +- src/PaginationNav/PaginationNav.svelte | 118 ++-- src/PaginationNav/PaginationOverflow.svelte | 24 +- src/Popover/Popover.svelte | 46 +- src/ProgressBar/ProgressBar.svelte | 94 +-- .../ProgressIndicator.svelte | 106 ++-- .../ProgressIndicatorSkeleton.svelte | 8 +- src/ProgressIndicator/ProgressStep.svelte | 74 +-- src/RadioButton/RadioButton.svelte | 84 +-- src/RadioButtonGroup/RadioButtonGroup.svelte | 154 ++--- src/RecursiveList/RecursiveList.svelte | 34 +- src/RecursiveList/RecursiveListItem.svelte | 14 +- src/Search/Search.svelte | 116 ++-- src/Search/SearchSkeleton.svelte | 10 +- src/Select/Select.svelte | 200 +++---- src/Select/SelectItem.svelte | 66 +- src/Select/SelectItemGroup.svelte | 8 +- src/Select/SelectSkeleton.svelte | 4 +- src/SkeletonText/SkeletonText.svelte | 22 +- src/Slider/Slider.svelte | 203 ++++--- src/Slider/SliderSkeleton.svelte | 4 +- src/StructuredList/StructuredList.svelte | 52 +- src/StructuredList/StructuredListCell.svelte | 8 +- src/StructuredList/StructuredListInput.svelte | 36 +- src/StructuredList/StructuredListRow.svelte | 12 +- .../StructuredListSkeleton.svelte | 4 +- src/Tabs/Tab.svelte | 38 +- src/Tabs/TabContent.svelte | 16 +- src/Tabs/Tabs.svelte | 196 +++--- src/Tabs/TabsSkeleton.svelte | 14 +- src/Tag/Tag.svelte | 58 +- src/Tag/TagSkeleton.svelte | 4 +- src/TextArea/TextArea.svelte | 86 +-- src/TextArea/TextAreaSkeleton.svelte | 4 +- src/TextInput/PasswordInput.svelte | 140 ++--- src/TextInput/TextInput.svelte | 152 ++--- src/TextInput/TextInputSkeleton.svelte | 4 +- src/Theme/Theme.svelte | 158 ++--- src/Tile/ClickableTile.svelte | 26 +- src/Tile/ExpandableTile.svelte | 88 +-- src/Tile/RadioTile.svelte | 68 +-- src/Tile/SelectableTile.svelte | 62 +- src/Tile/Tile.svelte | 4 +- src/Tile/TileGroup.svelte | 90 +-- src/TimePicker/TimePicker.svelte | 74 +-- src/TimePicker/TimePickerSelect.svelte | 54 +- src/Toggle/Toggle.svelte | 60 +- src/Toggle/ToggleSkeleton.svelte | 18 +- src/Tooltip/Tooltip.svelte | 301 +++++----- src/Tooltip/TooltipFooter.svelte | 36 +- .../TooltipDefinition.svelte | 58 +- src/TooltipIcon/TooltipIcon.svelte | 54 +- src/TreeView/TreeView.svelte | 46 +- src/TreeView/TreeViewNode.svelte | 50 +- src/TreeView/TreeViewNodeList.svelte | 106 ++-- src/Truncate/Truncate.svelte | 4 +- src/UIShell/Content.svelte | 22 +- src/UIShell/HamburgerMenu.svelte | 46 +- src/UIShell/Header.svelte | 128 ++-- src/UIShell/HeaderAction.svelte | 124 ++-- src/UIShell/HeaderActionLink.svelte | 28 +- src/UIShell/HeaderGlobalAction.svelte | 44 +- src/UIShell/HeaderNav.svelte | 8 +- src/UIShell/HeaderNavItem.svelte | 54 +- src/UIShell/HeaderNavMenu.svelte | 59 +- src/UIShell/HeaderPanelLink.svelte | 14 +- src/UIShell/HeaderSearch.svelte | 84 +-- src/UIShell/SideNav.svelte | 82 +-- src/UIShell/SideNavLink.svelte | 38 +- src/UIShell/SideNavMenu.svelte | 30 +- src/UIShell/SideNavMenuItem.svelte | 28 +- src/UIShell/SkipToContent.svelte | 8 +- src/UnorderedList/UnorderedList.svelte | 8 +- src/icons/Add.svelte | 16 +- src/icons/ArrowUp.svelte | 16 +- src/icons/ArrowsVertical.svelte | 16 +- src/icons/Calendar.svelte | 16 +- src/icons/CaretDown.svelte | 16 +- src/icons/CaretLeft.svelte | 16 +- src/icons/CaretRight.svelte | 16 +- src/icons/Checkmark.svelte | 16 +- src/icons/CheckmarkFilled.svelte | 16 +- src/icons/CheckmarkOutline.svelte | 16 +- src/icons/ChevronDown.svelte | 16 +- src/icons/ChevronRight.svelte | 16 +- src/icons/CircleDash.svelte | 16 +- src/icons/Close.svelte | 16 +- src/icons/Copy.svelte | 16 +- src/icons/EditOff.svelte | 16 +- src/icons/ErrorFilled.svelte | 16 +- src/icons/IconSearch.svelte | 16 +- src/icons/Incomplete.svelte | 16 +- src/icons/Information.svelte | 16 +- src/icons/InformationFilled.svelte | 16 +- src/icons/InformationSquareFilled.svelte | 16 +- src/icons/Launch.svelte | 16 +- src/icons/Menu.svelte | 16 +- src/icons/OverflowMenuHorizontal.svelte | 16 +- src/icons/OverflowMenuVertical.svelte | 16 +- src/icons/Settings.svelte | 16 +- src/icons/Subtract.svelte | 16 +- src/icons/Switcher.svelte | 16 +- src/icons/View.svelte | 16 +- src/icons/ViewOff.svelte | 16 +- src/icons/Warning.svelte | 16 +- src/icons/WarningAltFilled.svelte | 16 +- src/icons/WarningFilled.svelte | 16 +- .../Accordion/Accordion.disabled.test.svelte | 2 +- .../Accordion.programmatic.test.svelte | 38 +- .../Accordion/Accordion.skeleton.test.svelte | 2 +- tests/Accordion/Accordion.test.svelte | 2 +- tests/App.test.svelte | 168 +++--- tests/AspectRatio/AspectRatio.test.svelte | 2 +- tests/AspectRatioColumns.test.svelte | 2 +- .../Breadcrumb/Breadcrumb.dynamic.test.svelte | 14 +- .../Breadcrumb.noTrailingSlash.test.svelte | 2 +- .../Breadcrumb.skeleton.test.svelte | 2 +- tests/Breadcrumb/Breadcrumb.test.svelte | 2 +- tests/Breakpoint/Breakpoint.test.svelte | 20 +- .../Breakpoint/BreakpointObserver.test.svelte | 24 +- tests/Breakpoint/Breakpoints.test.svelte | 2 +- tests/Button/Button.test.svelte | 4 +- tests/ButtonSet.test.svelte | 4 +- tests/Checkbox/Checkbox.group.test.svelte | 6 +- tests/Checkbox/Checkbox.skeleton.test.svelte | 2 +- tests/Checkbox/Checkbox.slot.test.svelte | 2 +- tests/Checkbox/Checkbox.test.svelte | 12 +- .../CodeSnippetCopyButton.test.svelte | 2 +- .../CodeSnippetCustomEvents.test.svelte | 10 +- .../CodeSnippetExpandable.test.svelte | 2 +- .../CodeSnippetExpandedByDefault.svelte | 2 +- .../CodeSnippet/CodeSnippetInline.test.svelte | 2 +- .../CodeSnippetMultiline.test.svelte | 2 +- .../CodeSnippetWithCustomCopyText.test.svelte | 2 +- .../CodeSnippetWithHideShowMore.test.svelte | 2 +- .../CodeSnippetWithWrapText.test.svelte | 2 +- tests/ComboBox/ComboBox.test.svelte | 52 +- tests/ComboBox/ComboBoxCustom.test.svelte | 28 +- tests/ComposedModal.test.svelte | 16 +- tests/CondensedGrid.test.svelte | 2 +- .../ContentSwitcher.custom.test.svelte | 2 +- .../ContentSwitcher.disabled.test.svelte | 2 +- .../ContentSwitcher.selectedIndex.test.svelte | 4 +- .../ContentSwitcher.size.test.svelte | 2 +- .../ContentSwitcher.test.svelte | 2 +- tests/ContextMenu.test.svelte | 28 +- tests/CopyButton/CopyButton.test.svelte | 2 +- tests/DangerModal.test.svelte | 4 +- tests/DataTable.test.svelte | 136 ++--- .../DataTable/DuplicateDataTables.test.svelte | 18 +- tests/DataTableAppendColumns.test.svelte | 38 +- tests/DataTableBatchSelection.test.svelte | 32 +- ...DataTableBatchSelectionToolbar.test.svelte | 52 +- tests/DataTableNestedHeaders.test.svelte | 2 +- tests/DatePicker.test.svelte | 12 +- tests/Dropdown/Dropdown.test.svelte | 48 +- tests/Dropdown/DropdownSlot.test.svelte | 18 +- .../ExpandableTile/ExpandableTile.test.svelte | 34 +- .../ExpandableTileCustom.test.svelte | 6 +- tests/FileUploader.test.svelte | 30 +- tests/FluidForm.test.svelte | 6 +- tests/Form.test.svelte | 22 +- tests/Grid/Grid.test.svelte | 18 +- tests/HeaderNav.test.svelte | 34 +- tests/HeaderSearch.svelte | 100 ++-- tests/HeaderSwitcher.test.svelte | 40 +- tests/HeaderUtilities.test.svelte | 46 +- tests/HiddenCodeSnippet.test.svelte | 6 +- tests/ImageLoader/ImageLoader.test.svelte | 14 +- tests/InlineLoading/InlineLoading.test.svelte | 2 +- .../InlineNotification.close.test.svelte | 2 +- .../InlineNotification.test.svelte | 22 +- .../InlineNotificationCustom.test.svelte | 8 +- tests/Link/Link.test.svelte | 4 +- tests/Loading/Loading.test.svelte | 2 +- tests/LocalStorage/LocalStorage.test.svelte | 8 +- .../LocalStorageObject.test.svelte | 4 +- .../LocalStoragePrimitive.test.svelte | 4 +- tests/Modal.test.svelte | 4 +- tests/ModalExtraSmall.test.svelte | 2 +- tests/ModalLarge.test.svelte | 2 +- tests/ModalPreventOutsideClick.test.svelte | 2 +- tests/ModalSmall.test.svelte | 2 +- tests/MultiSelect.test.svelte | 14 +- tests/NumberInput/NumberInput.test.svelte | 46 +- .../NumberInput/NumberInputCustom.test.svelte | 2 +- tests/OffsetColumns.test.svelte | 2 +- tests/OrderedList/OrderedList.test.svelte | 12 +- tests/OverflowMenu/OverflowMenu.test.svelte | 2 +- tests/PaddedGrid.test.svelte | 2 +- tests/Pagination/Pagination.test.svelte | 24 +- tests/PaginationNav/PaginationNav.test.svelte | 28 +- tests/PassiveModal.test.svelte | 4 +- tests/PasswordInput/PasswordInput.test.svelte | 44 +- tests/PersistedHamburgerMenu.test.svelte | 34 +- tests/Popover/Popover.test.svelte | 40 +- tests/ProgressBar/ProgressBar.test.svelte | 2 +- .../ProgressIndicator.test.svelte | 24 +- tests/RadioButton/RadioButton.test.svelte | 26 +- .../RadioButton/RadioButtonCustom.test.svelte | 2 +- tests/RadioSelectableDataTable.test.svelte | 32 +- tests/RadioTile/RadioTile.group.test.svelte | 6 +- tests/RadioTile/RadioTile.single.test.svelte | 2 +- tests/RadioTile/RadioTile.test.svelte | 24 +- tests/RadioTile/RadioTileCustom.test.svelte | 2 +- .../RecursiveList.hierarchy.test.svelte | 38 +- tests/RecursiveList/RecursiveList.test.svelte | 46 +- tests/ResponsiveGrid.test.svelte | 2 +- tests/Search/Search.test.svelte | 4 +- tests/Search/SearchExpandable.test.svelte | 6 +- tests/Search/SearchSkeleton.test.svelte | 2 +- tests/Select/Select.falsy.test.svelte | 2 +- tests/Select/Select.group.test.svelte | 8 +- tests/Select/Select.skeleton.test.svelte | 2 +- tests/Select/Select.test.svelte | 26 +- tests/SelectableDataTable.test.svelte | 34 +- tests/SelectableTile.test.svelte | 2 +- .../SkeletonPlaceholder.test.svelte | 2 +- tests/SkeletonText/SkeletonText.test.svelte | 10 +- tests/Slider/Slider.test.svelte | 24 +- .../StructuredList/StructuredList.test.svelte | 28 +- .../StructuredListCustom.test.svelte | 14 +- tests/Tabs/Tabs.test.svelte | 12 +- tests/Tag/Tag.test.svelte | 4 +- tests/TextArea/TextArea.test.svelte | 36 +- tests/TextArea/TextAreaCustom.test.svelte | 2 +- tests/TextInput/TextInput.test.svelte | 42 +- tests/TextInput/TextInputCustom.test.svelte | 2 +- tests/Theme/Theme.test.svelte | 10 +- tests/Theme/ThemeSelect.test.svelte | 2 +- tests/Theme/ThemeSelectCustom.test.svelte | 2 +- tests/Theme/ThemeToggle.test.svelte | 2 +- tests/Theme/ThemeToggleCustom.test.svelte | 2 +- tests/Tile/ClickableTile.test.svelte | 2 +- tests/Tile/Tile.test.svelte | 2 +- tests/TimePicker/TimePicker.test.svelte | 42 +- tests/TimePicker/TimePickerCustom.test.svelte | 10 +- .../ToastNotification.close.test.svelte | 2 +- .../ToastNotification.test.svelte | 26 +- .../ToastNotificationCustom.test.svelte | 2 +- tests/Toggle/Toggle.test.svelte | 4 +- tests/Tooltip/TooltipAlignments.test.svelte | 4 +- .../Tooltip/TooltipCustomContent.test.svelte | 2 +- tests/Tooltip/TooltipCustomIcon.test.svelte | 2 +- tests/Tooltip/TooltipDefault.test.svelte | 2 +- tests/Tooltip/TooltipDirections.test.svelte | 4 +- tests/Tooltip/TooltipEvents.test.svelte | 18 +- tests/Tooltip/TooltipHideIcon.test.svelte | 2 +- tests/Tooltip/TooltipOpen.test.svelte | 2 +- .../TooltipDefinition.test.svelte | 14 +- tests/TooltipIcon/TooltipIcon.test.svelte | 16 +- tests/TreeView/TreeView.hierarchy.test.svelte | 60 +- tests/TreeView/TreeView.test.svelte | 98 +-- tests/Truncate/Truncate.test.svelte | 8 +- tests/Truncate/TruncateAction.test.svelte | 10 +- tests/UnorderedList/UnorderedList.test.svelte | 10 +- 480 files changed, 8985 insertions(+), 9048 deletions(-) diff --git a/docs/package.json b/docs/package.json index a926a1d2..40df6203 100644 --- a/docs/package.json +++ b/docs/package.json @@ -30,10 +30,7 @@ "routify": { "routifyDir": ".routify", "dynamicImports": true, - "extensions": [ - "svelte", - "svx" - ] + "extensions": ["svelte", "svx"] }, "type": "module" } diff --git a/docs/src/App.svelte b/docs/src/App.svelte index 8bd114e6..723ac34a 100644 --- a/docs/src/App.svelte +++ b/docs/src/App.svelte @@ -1,6 +1,6 @@ diff --git a/docs/src/components/ComponentApi.svelte b/docs/src/components/ComponentApi.svelte index df11a88a..bfd2dab2 100644 --- a/docs/src/components/ComponentApi.svelte +++ b/docs/src/components/ComponentApi.svelte @@ -1,49 +1,48 @@

diff --git a/docs/src/components/InlineSnippet.svelte b/docs/src/components/InlineSnippet.svelte index b908e575..d266a191 100644 --- a/docs/src/components/InlineSnippet.svelte +++ b/docs/src/components/InlineSnippet.svelte @@ -1,8 +1,8 @@

diff --git a/docs/src/components/Preview.svelte b/docs/src/components/Preview.svelte index 14767a46..db0cbaba 100644 --- a/docs/src/components/Preview.svelte +++ b/docs/src/components/Preview.svelte @@ -1,16 +1,16 @@
diff --git a/docs/src/components/PreviewTypeScript.svelte b/docs/src/components/PreviewTypeScript.svelte index 78e0aa21..d2f1798a 100644 --- a/docs/src/components/PreviewTypeScript.svelte +++ b/docs/src/components/PreviewTypeScript.svelte @@ -1,17 +1,13 @@ {#if type === "multi"} diff --git a/docs/src/components/TileCard.svelte b/docs/src/components/TileCard.svelte index b484aa49..b7ccf7ff 100644 --- a/docs/src/components/TileCard.svelte +++ b/docs/src/components/TileCard.svelte @@ -1,15 +1,15 @@
diff --git a/docs/src/layouts/ComponentLayout.svelte b/docs/src/layouts/ComponentLayout.svelte index 77844c98..3e4cd2f6 100644 --- a/docs/src/layouts/ComponentLayout.svelte +++ b/docs/src/layouts/ComponentLayout.svelte @@ -1,69 +1,69 @@ diff --git a/docs/src/pages/_fallback.svelte b/docs/src/pages/_fallback.svelte index 2bb884c7..b8aac925 100644 --- a/docs/src/pages/_fallback.svelte +++ b/docs/src/pages/_fallback.svelte @@ -1,8 +1,8 @@ diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte index c88eb2bb..bde41b04 100644 --- a/docs/src/pages/_layout.svelte +++ b/docs/src/pages/_layout.svelte @@ -1,64 +1,64 @@ diff --git a/docs/src/pages/framed/Accordion/ExpandableAccordion.svelte b/docs/src/pages/framed/Accordion/ExpandableAccordion.svelte index 5a6efd3e..948f24a4 100644 --- a/docs/src/pages/framed/Accordion/ExpandableAccordion.svelte +++ b/docs/src/pages/framed/Accordion/ExpandableAccordion.svelte @@ -1,25 +1,25 @@ diff --git a/docs/src/pages/framed/Button/SelectedIconOnlyButton.svelte b/docs/src/pages/framed/Button/SelectedIconOnlyButton.svelte index bf2b4bd4..17f4b817 100644 --- a/docs/src/pages/framed/Button/SelectedIconOnlyButton.svelte +++ b/docs/src/pages/framed/Button/SelectedIconOnlyButton.svelte @@ -1,10 +1,10 @@ diff --git a/docs/src/pages/framed/CodeSnippet/DynamicCodeSnippet.svelte b/docs/src/pages/framed/CodeSnippet/DynamicCodeSnippet.svelte index df541f85..9f9517e1 100644 --- a/docs/src/pages/framed/CodeSnippet/DynamicCodeSnippet.svelte +++ b/docs/src/pages/framed/CodeSnippet/DynamicCodeSnippet.svelte @@ -1,10 +1,10 @@ - import { Toggle, CodeSnippet } from "carbon-components-svelte"; +import { Toggle, CodeSnippet } from "carbon-components-svelte"; - let toggled = false; +let toggled = false; - const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n"); +const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n"); - import { ComboBox, Button } from "carbon-components-svelte"; +import { ComboBox, Button } from "carbon-components-svelte"; - let ref; +let ref; - import { ComboBox } from "carbon-components-svelte"; +import { ComboBox } from "carbon-components-svelte"; - import { ComboBox } from "carbon-components-svelte"; +import { ComboBox } from "carbon-components-svelte"; - function shouldFilterItem(item, value) { - if (!value) return true; - return item.text.toLowerCase().includes(value.toLowerCase()); - } +function shouldFilterItem(item, value) { + if (!value) return true; + return item.text.toLowerCase().includes(value.toLowerCase()); +} - import { ComboBox } from "carbon-components-svelte"; +import { ComboBox } from "carbon-components-svelte"; - const translation = { - Slack: 'Custom label for "Slack"', - Email: 'Custom label for "Email"', - Fax: 'Custom label for "Fax"', - }; +const translation = { + Slack: 'Custom label for "Slack"', + Email: 'Custom label for "Email"', + Fax: 'Custom label for "Fax"', +}; - function itemToString(item) { - return translation[item.key]; - } +function itemToString(item) { + return translation[item.key]; +} - function shouldFilterItem(item, value) { - if (!value) return true; - const comparison = value.toLowerCase(); - return ( - item.key.toLowerCase().includes(comparison) || - itemToString(item).toLowerCase().includes(comparison) - ); - } +function shouldFilterItem(item, value) { + if (!value) return true; + const comparison = value.toLowerCase(); + return ( + item.key.toLowerCase().includes(comparison) || + itemToString(item).toLowerCase().includes(comparison) + ); +} - import { ComboBox } from "carbon-components-svelte"; +import { ComboBox } from "carbon-components-svelte"; - const items = [ - { id: "0", text: "Slack" }, - { id: "1", text: "Email" }, - { id: "2", text: "Fax" }, - ]; +const items = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax" }, +]; - let comboBox1_selectedId = undefined; - let comboBox2_selectedId = undefined; +let comboBox1_selectedId = undefined; +let comboBox2_selectedId = undefined; - const formatSelected = (id) => - items.find((item) => item.id === id)?.text ?? "N/A"; +const formatSelected = (id) => + items.find((item) => item.id === id)?.text ?? "N/A"; - $: primary = formatSelected(comboBox1_selectedId); - $: secondary = formatSelected(comboBox2_selectedId); +$: primary = formatSelected(comboBox1_selectedId); +$: secondary = formatSelected(comboBox2_selectedId); - import { ComboBox, Button } from "carbon-components-svelte"; - let selectedId = "1"; +import { ComboBox, Button } from "carbon-components-svelte"; +let selectedId = "1"; - import { ContentSwitcher, Switch, Button } from "carbon-components-svelte"; +import { ContentSwitcher, Switch, Button } from "carbon-components-svelte"; - let selectedIndex = 1; +let selectedIndex = 1; diff --git a/docs/src/pages/framed/ContextMenu/ContextMenu.svelte b/docs/src/pages/framed/ContextMenu/ContextMenu.svelte index d2ad8365..7b71b4e5 100644 --- a/docs/src/pages/framed/ContextMenu/ContextMenu.svelte +++ b/docs/src/pages/framed/ContextMenu/ContextMenu.svelte @@ -1,16 +1,16 @@ diff --git a/docs/src/pages/framed/ContextMenu/ContextMenuGroups.svelte b/docs/src/pages/framed/ContextMenu/ContextMenuGroups.svelte index 132edc46..8aed1dbb 100644 --- a/docs/src/pages/framed/ContextMenu/ContextMenuGroups.svelte +++ b/docs/src/pages/framed/ContextMenu/ContextMenuGroups.svelte @@ -1,14 +1,14 @@ diff --git a/docs/src/pages/framed/ContextMenu/ContextMenuTarget.svelte b/docs/src/pages/framed/ContextMenu/ContextMenuTarget.svelte index 1403827a..a0c87db0 100644 --- a/docs/src/pages/framed/ContextMenu/ContextMenuTarget.svelte +++ b/docs/src/pages/framed/ContextMenu/ContextMenuTarget.svelte @@ -1,14 +1,14 @@ console.log(e.detail)}> diff --git a/docs/src/pages/framed/ContextMenu/ContextMenuTargets.svelte b/docs/src/pages/framed/ContextMenu/ContextMenuTargets.svelte index 0d8cf8a2..ee5f942a 100644 --- a/docs/src/pages/framed/ContextMenu/ContextMenuTargets.svelte +++ b/docs/src/pages/framed/ContextMenu/ContextMenuTargets.svelte @@ -1,15 +1,15 @@ console.log(e.detail)}> diff --git a/docs/src/pages/framed/CopyButton/CopyButtonOverride.svelte b/docs/src/pages/framed/CopyButton/CopyButtonOverride.svelte index b1ed17b7..4af1c144 100644 --- a/docs/src/pages/framed/CopyButton/CopyButtonOverride.svelte +++ b/docs/src/pages/framed/CopyButton/CopyButtonOverride.svelte @@ -1,6 +1,6 @@ copy(text)} /> diff --git a/docs/src/pages/framed/DataTable/DataTableAppendColumns.svelte b/docs/src/pages/framed/DataTable/DataTableAppendColumns.svelte index 5b447768..f819c1cd 100644 --- a/docs/src/pages/framed/DataTable/DataTableAppendColumns.svelte +++ b/docs/src/pages/framed/DataTable/DataTableAppendColumns.svelte @@ -1,25 +1,25 @@ diff --git a/docs/src/pages/framed/DataTable/DataTableBatchSelection.svelte b/docs/src/pages/framed/DataTable/DataTableBatchSelection.svelte index c16847da..c6761cc3 100644 --- a/docs/src/pages/framed/DataTable/DataTableBatchSelection.svelte +++ b/docs/src/pages/framed/DataTable/DataTableBatchSelection.svelte @@ -1,9 +1,9 @@ - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - let selectedRowIds = [2, 4]; +let selectedRowIds = [2, 4]; - $: console.log("selectedRowIds", selectedRowIds); +$: console.log("selectedRowIds", selectedRowIds); - import { - DataTable, - Toolbar, - ToolbarContent, - ToolbarSearch, - ToolbarMenu, - ToolbarMenuItem, - ToolbarBatchActions, - Button, - } from "carbon-components-svelte"; - import Save from "carbon-icons-svelte/lib/Save.svelte"; +import { + DataTable, + Toolbar, + ToolbarContent, + ToolbarSearch, + ToolbarMenu, + ToolbarMenuItem, + ToolbarBatchActions, + Button, +} from "carbon-components-svelte"; +import Save from "carbon-icons-svelte/lib/Save.svelte"; - const headers = [ - { key: "name", value: "Name" }, - { key: "port", value: "Port" }, - { key: "rule", value: "Rule" }, - ]; +const headers = [ + { key: "name", value: "Name" }, + { key: "port", value: "Port" }, + { key: "rule", value: "Rule" }, +]; - const rows = [ - { id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" }, - { id: "b", name: "Load Balancer 1", port: 443, rule: "Round robin" }, - { id: "c", name: "Load Balancer 2", port: 80, rule: "DNS delegation" }, - { id: "d", name: "Load Balancer 6", port: 3000, rule: "Round robin" }, - { id: "e", name: "Load Balancer 4", port: 443, rule: "Round robin" }, - { id: "f", name: "Load Balancer 5", port: 80, rule: "DNS delegation" }, - ]; +const rows = [ + { id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" }, + { id: "b", name: "Load Balancer 1", port: 443, rule: "Round robin" }, + { id: "c", name: "Load Balancer 2", port: 80, rule: "DNS delegation" }, + { id: "d", name: "Load Balancer 6", port: 3000, rule: "Round robin" }, + { id: "e", name: "Load Balancer 4", port: 443, rule: "Round robin" }, + { id: "f", name: "Load Balancer 5", port: 80, rule: "DNS delegation" }, +]; - let selectedRowIds = [rows[0].id, rows[1].id]; +let selectedRowIds = [rows[0].id, rows[1].id]; - $: console.log("selectedRowIds", selectedRowIds); +$: console.log("selectedRowIds", selectedRowIds); diff --git a/docs/src/pages/framed/DataTable/DataTableBatchSelectionToolbarControlled.svelte b/docs/src/pages/framed/DataTable/DataTableBatchSelectionToolbarControlled.svelte index 52a750dc..d4e94f61 100644 --- a/docs/src/pages/framed/DataTable/DataTableBatchSelectionToolbarControlled.svelte +++ b/docs/src/pages/framed/DataTable/DataTableBatchSelectionToolbarControlled.svelte @@ -1,33 +1,33 @@ - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - let expandedRowIds = []; - let selectedRowIds = []; +let expandedRowIds = []; +let selectedRowIds = []; - $: { - console.log("expandedRowIds", expandedRowIds); - console.log("selectedRowIds", selectedRowIds); - } +$: { + console.log("expandedRowIds", expandedRowIds); + console.log("selectedRowIds", selectedRowIds); +} - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - import { - DataTable, - Toolbar, - ToolbarContent, - ToolbarSearch, - Pagination, - } from "carbon-components-svelte"; +import { + DataTable, + Toolbar, + ToolbarContent, + ToolbarSearch, + Pagination, +} from "carbon-components-svelte"; - let rows = Array.from({ length: 10 }).map((_, i) => ({ - id: i, - name: "Load Balancer " + (i + 1), - protocol: "HTTP", - port: 3000 + i * 10, - rule: i % 2 ? "Round robin" : "DNS delegation", - })); - let pageSize = 5; - let page = 1; - let filteredRowIds = []; +let rows = Array.from({ length: 10 }).map((_, i) => ({ + id: i, + name: "Load Balancer " + (i + 1), + protocol: "HTTP", + port: 3000 + i * 10, + rule: i % 2 ? "Round robin" : "DNS delegation", +})); +let pageSize = 5; +let page = 1; +let filteredRowIds = []; - $: console.log("filteredRowIds", filteredRowIds); +$: console.log("filteredRowIds", filteredRowIds); - import { - DataTable, - Toolbar, - ToolbarContent, - ToolbarSearch, - Pagination, - } from "carbon-components-svelte"; +import { + DataTable, + Toolbar, + ToolbarContent, + ToolbarSearch, + Pagination, +} from "carbon-components-svelte"; - let rows = Array.from({ length: 10 }).map((_, i) => ({ - id: i, - name: "Load Balancer " + (i + 1), - protocol: "HTTP", - port: 3000 + i * 10, - rule: i % 2 ? "Round robin" : "DNS delegation", - })); - let pageSize = 5; - let page = 1; - let filteredRowIds = []; +let rows = Array.from({ length: 10 }).map((_, i) => ({ + id: i, + name: "Load Balancer " + (i + 1), + protocol: "HTTP", + port: 3000 + i * 10, + rule: i % 2 ? "Round robin" : "DNS delegation", +})); +let pageSize = 5; +let page = 1; +let filteredRowIds = []; - $: console.log("filteredRowIds", filteredRowIds); +$: console.log("filteredRowIds", filteredRowIds); - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - const rows = [ - { - id: "a", - name: "Load Balancer 3", - protocol: "HTTP", - port: 3000, - rule: "Round robin", - }, - { - id: "b", - name: "Load Balancer 1", - protocol: "HTTP", - port: 443, - rule: "Round robin", - }, - { - id: "c", - name: "Load Balancer 2", - protocol: "HTTP", - port: 80, - rule: "DNS delegation", - }, - { - id: "d", - name: "Load Balancer 6", - protocol: "HTTP", - port: 3000, - rule: "Round robin", - }, - { - id: "e", - name: "Load Balancer 4", - protocol: "HTTP", - port: 443, - rule: "Round robin", - }, - { - id: "f", - name: "Load Balancer 5", - protocol: "HTTP", - port: 80, - rule: "DNS delegation", - }, - ]; +const rows = [ + { + id: "a", + name: "Load Balancer 3", + protocol: "HTTP", + port: 3000, + rule: "Round robin", + }, + { + id: "b", + name: "Load Balancer 1", + protocol: "HTTP", + port: 443, + rule: "Round robin", + }, + { + id: "c", + name: "Load Balancer 2", + protocol: "HTTP", + port: 80, + rule: "DNS delegation", + }, + { + id: "d", + name: "Load Balancer 6", + protocol: "HTTP", + port: 3000, + rule: "Round robin", + }, + { + id: "e", + name: "Load Balancer 4", + protocol: "HTTP", + port: 443, + rule: "Round robin", + }, + { + id: "f", + name: "Load Balancer 5", + protocol: "HTTP", + port: 80, + rule: "DNS delegation", + }, +]; - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - const rows = [ - { - id: "a", - name: "Load Balancer 3", - protocol: "HTTP", - port: 3000, - rule: "Round robin", - }, - { - id: "b", - name: "Load Balancer 1", - protocol: "HTTP", - port: 443, - rule: "Round robin", - }, - { - id: "c", - name: "Load Balancer 2", - protocol: "HTTP", - port: 80, - rule: "DNS delegation", - }, - { - id: "d", - name: "Load Balancer 6", - protocol: "HTTP", - port: 3000, - rule: "Round robin", - }, - { - id: "e", - name: "Load Balancer 4", - protocol: "HTTP", - port: 443, - rule: "Round robin", - }, - { - id: "f", - name: "Load Balancer 5", - protocol: "HTTP", - port: 80, - rule: "DNS delegation", - }, - ]; +const rows = [ + { + id: "a", + name: "Load Balancer 3", + protocol: "HTTP", + port: 3000, + rule: "Round robin", + }, + { + id: "b", + name: "Load Balancer 1", + protocol: "HTTP", + port: 443, + rule: "Round robin", + }, + { + id: "c", + name: "Load Balancer 2", + protocol: "HTTP", + port: 80, + rule: "DNS delegation", + }, + { + id: "d", + name: "Load Balancer 6", + protocol: "HTTP", + port: 3000, + rule: "Round robin", + }, + { + id: "e", + name: "Load Balancer 4", + protocol: "HTTP", + port: 443, + rule: "Round robin", + }, + { + id: "f", + name: "Load Balancer 5", + protocol: "HTTP", + port: 80, + rule: "DNS delegation", + }, +]; - import { DataTable, Pagination } from "carbon-components-svelte"; +import { DataTable, Pagination } from "carbon-components-svelte"; - let rows = Array.from({ length: 10 }).map((_, i) => ({ - id: i, - name: "Load Balancer " + (i + 1), - protocol: "HTTP", - port: 3000 + i * 10, - rule: i % 2 ? "Round robin" : "DNS delegation", - })); - let pageSize = 5; - let page = 1; +let rows = Array.from({ length: 10 }).map((_, i) => ({ + id: i, + name: "Load Balancer " + (i + 1), + protocol: "HTTP", + port: 3000 + i * 10, + rule: i % 2 ? "Round robin" : "DNS delegation", +})); +let pageSize = 5; +let page = 1; - import { DataTable, Button } from "carbon-components-svelte"; +import { DataTable, Button } from "carbon-components-svelte"; - let sortKey = "port"; - let sortDirection = "ascending"; +let sortKey = "port"; +let sortDirection = "ascending"; - $: console.log("sortKey", sortKey); - $: console.log("sortDirection", sortDirection); +$: console.log("sortKey", sortKey); +$: console.log("sortDirection", sortDirection); diff --git a/docs/src/pages/framed/DatePicker/DatePickerRange.svelte b/docs/src/pages/framed/DatePicker/DatePickerRange.svelte index 6bbc2f55..1ea7f1d7 100644 --- a/docs/src/pages/framed/DatePicker/DatePickerRange.svelte +++ b/docs/src/pages/framed/DatePicker/DatePickerRange.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/DatePicker/DatePickerSingle.svelte b/docs/src/pages/framed/DatePicker/DatePickerSingle.svelte index 36b8f60a..229f81b7 100644 --- a/docs/src/pages/framed/DatePicker/DatePickerSingle.svelte +++ b/docs/src/pages/framed/DatePicker/DatePickerSingle.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Dropdown/DropdownSlot.svelte b/docs/src/pages/framed/Dropdown/DropdownSlot.svelte index 8a4cc761..60bc222e 100644 --- a/docs/src/pages/framed/Dropdown/DropdownSlot.svelte +++ b/docs/src/pages/framed/Dropdown/DropdownSlot.svelte @@ -1,5 +1,5 @@ - import { Dropdown } from "carbon-components-svelte"; +import { Dropdown } from "carbon-components-svelte"; - const items = [ - { id: "0", text: "Slack" }, - { id: "1", text: "Email" }, - { id: "2", text: "Fax" }, - ]; +const items = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax" }, +]; - let dropdown1_selectedId = "0"; - let dropdown2_selectedId = "1"; +let dropdown1_selectedId = "0"; +let dropdown2_selectedId = "1"; - const formatSelected = (id) => - items.find((item) => item.id === id)?.text ?? "N/A"; +const formatSelected = (id) => + items.find((item) => item.id === id)?.text ?? "N/A"; - $: primary = formatSelected(dropdown1_selectedId); - $: secondary = formatSelected(dropdown2_selectedId); +$: primary = formatSelected(dropdown1_selectedId); +$: secondary = formatSelected(dropdown2_selectedId); - import { FileUploader, Button } from "carbon-components-svelte"; +import { FileUploader, Button } from "carbon-components-svelte"; - let fileUploader; - let files = []; +let fileUploader; +let files = []; - import { - FluidForm, - TextInput, - PasswordInput, - } from "carbon-components-svelte"; +import { FluidForm, TextInput, PasswordInput } from "carbon-components-svelte"; - let password = ""; - let invalid = false; +let password = ""; +let invalid = false; - $: invalid = !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,}$/.test(password); +$: invalid = !/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,}$/.test(password); diff --git a/docs/src/pages/framed/Grid/AspectRatioColumns.svelte b/docs/src/pages/framed/Grid/AspectRatioColumns.svelte index 2871e2f9..4916ecdf 100644 --- a/docs/src/pages/framed/Grid/AspectRatioColumns.svelte +++ b/docs/src/pages/framed/Grid/AspectRatioColumns.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/CondensedGrid.svelte b/docs/src/pages/framed/Grid/CondensedGrid.svelte index df3d5e04..04ebf5bc 100644 --- a/docs/src/pages/framed/Grid/CondensedGrid.svelte +++ b/docs/src/pages/framed/Grid/CondensedGrid.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/FullWidthGrid.svelte b/docs/src/pages/framed/Grid/FullWidthGrid.svelte index 3a67a3e2..70e4ebbb 100644 --- a/docs/src/pages/framed/Grid/FullWidthGrid.svelte +++ b/docs/src/pages/framed/Grid/FullWidthGrid.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/Grid.svelte b/docs/src/pages/framed/Grid/Grid.svelte index daf91948..aec99436 100644 --- a/docs/src/pages/framed/Grid/Grid.svelte +++ b/docs/src/pages/framed/Grid/Grid.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/NarrowGrid.svelte b/docs/src/pages/framed/Grid/NarrowGrid.svelte index b7ab56aa..dd857ef0 100644 --- a/docs/src/pages/framed/Grid/NarrowGrid.svelte +++ b/docs/src/pages/framed/Grid/NarrowGrid.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/OffsetColumns.svelte b/docs/src/pages/framed/Grid/OffsetColumns.svelte index 0df78e3f..572b2e8d 100644 --- a/docs/src/pages/framed/Grid/OffsetColumns.svelte +++ b/docs/src/pages/framed/Grid/OffsetColumns.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/Grid/PaddedGrid.svelte b/docs/src/pages/framed/Grid/PaddedGrid.svelte index a960ba17..790e7a76 100644 --- a/docs/src/pages/framed/Grid/PaddedGrid.svelte +++ b/docs/src/pages/framed/Grid/PaddedGrid.svelte @@ -1,5 +1,5 @@
Adding padding to Grid applies it to columns in all rows:
diff --git a/docs/src/pages/framed/Grid/ResponsiveGrid.svelte b/docs/src/pages/framed/Grid/ResponsiveGrid.svelte index 09b13bb2..dc691cb3 100644 --- a/docs/src/pages/framed/Grid/ResponsiveGrid.svelte +++ b/docs/src/pages/framed/Grid/ResponsiveGrid.svelte @@ -1,5 +1,5 @@ diff --git a/docs/src/pages/framed/ImageLoader/DynamicImageLoader.svelte b/docs/src/pages/framed/ImageLoader/DynamicImageLoader.svelte index 4075f3e8..96d77dc2 100644 --- a/docs/src/pages/framed/ImageLoader/DynamicImageLoader.svelte +++ b/docs/src/pages/framed/ImageLoader/DynamicImageLoader.svelte @@ -1,14 +1,14 @@ diff --git a/docs/src/pages/framed/Modal/3ButtonModal.svelte b/docs/src/pages/framed/Modal/3ButtonModal.svelte index 888d77cc..56234e21 100644 --- a/docs/src/pages/framed/Modal/3ButtonModal.svelte +++ b/docs/src/pages/framed/Modal/3ButtonModal.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ComposedModal.svelte b/docs/src/pages/framed/Modal/ComposedModal.svelte index dd2c1779..bd789d3e 100644 --- a/docs/src/pages/framed/Modal/ComposedModal.svelte +++ b/docs/src/pages/framed/Modal/ComposedModal.svelte @@ -1,13 +1,13 @@ diff --git a/docs/src/pages/framed/Modal/DangerModal.svelte b/docs/src/pages/framed/Modal/DangerModal.svelte index 4a2a3616..8c1be094 100644 --- a/docs/src/pages/framed/Modal/DangerModal.svelte +++ b/docs/src/pages/framed/Modal/DangerModal.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/Modal.svelte b/docs/src/pages/framed/Modal/Modal.svelte index 86e96ff6..7d96ed34 100644 --- a/docs/src/pages/framed/Modal/Modal.svelte +++ b/docs/src/pages/framed/Modal/Modal.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalButtonWithIcon.svelte b/docs/src/pages/framed/Modal/ModalButtonWithIcon.svelte index a2bb8588..ab9151ba 100644 --- a/docs/src/pages/framed/Modal/ModalButtonWithIcon.svelte +++ b/docs/src/pages/framed/Modal/ModalButtonWithIcon.svelte @@ -1,8 +1,8 @@ diff --git a/docs/src/pages/framed/Modal/ModalCustomFocus.svelte b/docs/src/pages/framed/Modal/ModalCustomFocus.svelte index df43257d..5a957841 100644 --- a/docs/src/pages/framed/Modal/ModalCustomFocus.svelte +++ b/docs/src/pages/framed/Modal/ModalCustomFocus.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalExtraSmall.svelte b/docs/src/pages/framed/Modal/ModalExtraSmall.svelte index 0b20556d..2aeaf4a9 100644 --- a/docs/src/pages/framed/Modal/ModalExtraSmall.svelte +++ b/docs/src/pages/framed/Modal/ModalExtraSmall.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalLarge.svelte b/docs/src/pages/framed/Modal/ModalLarge.svelte index 2f1eeebb..e1d50249 100644 --- a/docs/src/pages/framed/Modal/ModalLarge.svelte +++ b/docs/src/pages/framed/Modal/ModalLarge.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalMultiple.svelte b/docs/src/pages/framed/Modal/ModalMultiple.svelte index f0af2b29..dc9fdd93 100644 --- a/docs/src/pages/framed/Modal/ModalMultiple.svelte +++ b/docs/src/pages/framed/Modal/ModalMultiple.svelte @@ -1,8 +1,8 @@ diff --git a/docs/src/pages/framed/Modal/ModalPreventOutsideClick.svelte b/docs/src/pages/framed/Modal/ModalPreventOutsideClick.svelte index b4cd4fb2..6904fa67 100644 --- a/docs/src/pages/framed/Modal/ModalPreventOutsideClick.svelte +++ b/docs/src/pages/framed/Modal/ModalPreventOutsideClick.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalScrollingContent.svelte b/docs/src/pages/framed/Modal/ModalScrollingContent.svelte index 14ecbb9a..e1df3af5 100644 --- a/docs/src/pages/framed/Modal/ModalScrollingContent.svelte +++ b/docs/src/pages/framed/Modal/ModalScrollingContent.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/ModalSmall.svelte b/docs/src/pages/framed/Modal/ModalSmall.svelte index 9c5463cc..51b2b7d9 100644 --- a/docs/src/pages/framed/Modal/ModalSmall.svelte +++ b/docs/src/pages/framed/Modal/ModalSmall.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Modal/PassiveModal.svelte b/docs/src/pages/framed/Modal/PassiveModal.svelte index a2be1f90..2f19f4e7 100644 --- a/docs/src/pages/framed/Modal/PassiveModal.svelte +++ b/docs/src/pages/framed/Modal/PassiveModal.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/MultiSelect/MultiSelectSlot.svelte b/docs/src/pages/framed/MultiSelect/MultiSelectSlot.svelte index a745294f..d49140d2 100644 --- a/docs/src/pages/framed/MultiSelect/MultiSelectSlot.svelte +++ b/docs/src/pages/framed/MultiSelect/MultiSelectSlot.svelte @@ -1,5 +1,5 @@ - import { MultiSelect } from "carbon-components-svelte"; +import { MultiSelect } from "carbon-components-svelte"; - const items = [ - { id: "0", text: "Slack" }, - { id: "1", text: "Email" }, - { id: "2", text: "Fax" }, - ]; +const items = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax" }, +]; - let multiselect1_selectedIds = ["0"]; - let multiselect2_selectedIds = ["1", "2"]; +let multiselect1_selectedIds = ["0"]; +let multiselect2_selectedIds = ["1", "2"]; - const formatSelected = (i) => - i.length === 0 - ? "N/A" - : i.map((id) => items.find((item) => item.id === id).text).join(", "); +const formatSelected = (i) => + i.length === 0 + ? "N/A" + : i.map((id) => items.find((item) => item.id === id).text).join(", "); - $: primary = formatSelected(multiselect1_selectedIds); - $: secondary = formatSelected(multiselect2_selectedIds); +$: primary = formatSelected(multiselect1_selectedIds); +$: secondary = formatSelected(multiselect2_selectedIds); - import { NumberInput, Button } from "carbon-components-svelte"; +import { NumberInput, Button } from "carbon-components-svelte"; - let value = null; +let value = null; diff --git a/docs/src/pages/framed/PaginationNav/PaginationNavReactive.svelte b/docs/src/pages/framed/PaginationNav/PaginationNavReactive.svelte index f97e27df..7c8077c8 100644 --- a/docs/src/pages/framed/PaginationNav/PaginationNavReactive.svelte +++ b/docs/src/pages/framed/PaginationNav/PaginationNavReactive.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Popover/WithButton.svelte b/docs/src/pages/framed/Popover/WithButton.svelte index 7ad1edea..66584585 100644 --- a/docs/src/pages/framed/Popover/WithButton.svelte +++ b/docs/src/pages/framed/Popover/WithButton.svelte @@ -1,8 +1,8 @@
diff --git a/docs/src/pages/framed/ProgressBar/ProgressBarUx.svelte b/docs/src/pages/framed/ProgressBar/ProgressBarUx.svelte index 58f1c2cd..4c4f433f 100644 --- a/docs/src/pages/framed/ProgressBar/ProgressBarUx.svelte +++ b/docs/src/pages/framed/ProgressBar/ProgressBarUx.svelte @@ -1,16 +1,16 @@ diff --git a/docs/src/pages/framed/ProgressIndicator/ProgrammaticProgressIndicator.svelte b/docs/src/pages/framed/ProgressIndicator/ProgrammaticProgressIndicator.svelte index 7060e8ac..fde1f119 100644 --- a/docs/src/pages/framed/ProgressIndicator/ProgrammaticProgressIndicator.svelte +++ b/docs/src/pages/framed/ProgressIndicator/ProgrammaticProgressIndicator.svelte @@ -1,12 +1,12 @@ diff --git a/docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte b/docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte index 0b780137..7148c1de 100644 --- a/docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte +++ b/docs/src/pages/framed/RadioButton/RadioButtonReactive.svelte @@ -1,13 +1,13 @@ - import { TileGroup, RadioTile, Button } from "carbon-components-svelte"; +import { TileGroup, RadioTile, Button } from "carbon-components-svelte"; - const values = ["Lite plan", "Standard plan", "Plus plan"]; +const values = ["Lite plan", "Standard plan", "Plus plan"]; - let selected = values[1]; +let selected = values[1]; diff --git a/docs/src/pages/framed/RadioTile/RadioTileReactiveOneWay.svelte b/docs/src/pages/framed/RadioTile/RadioTileReactiveOneWay.svelte index d67f0b87..210377e3 100644 --- a/docs/src/pages/framed/RadioTile/RadioTileReactiveOneWay.svelte +++ b/docs/src/pages/framed/RadioTile/RadioTileReactiveOneWay.svelte @@ -1,9 +1,9 @@ - import { RecursiveList } from "carbon-components-svelte"; +import { RecursiveList } from "carbon-components-svelte"; - const nodes = [ - { - text: "Item 1", - nodes: [ - { - text: "Item 1a", - nodes: [{ html: "
HTML content
" }], - }, - ], - }, - { - text: "Item 2", - nodes: [ - { - href: "https://svelte.dev/", - }, - { - href: "https://svelte.dev/", - text: "Link with custom text", - }, - ], - }, - { - text: "Item 3", - }, - ]; +const nodes = [ + { + text: "Item 1", + nodes: [ + { + text: "Item 1a", + nodes: [{ html: "
HTML content
" }], + }, + ], + }, + { + text: "Item 2", + nodes: [ + { + href: "https://svelte.dev/", + }, + { + href: "https://svelte.dev/", + text: "Link with custom text", + }, + ], + }, + { + text: "Item 3", + }, +]; diff --git a/docs/src/pages/framed/RecursiveList/RecursiveListFlatArray.svelte b/docs/src/pages/framed/RecursiveList/RecursiveListFlatArray.svelte index 356ffb45..c390b46c 100644 --- a/docs/src/pages/framed/RecursiveList/RecursiveListFlatArray.svelte +++ b/docs/src/pages/framed/RecursiveList/RecursiveListFlatArray.svelte @@ -1,20 +1,20 @@ node.pid)} /> diff --git a/docs/src/pages/framed/RecursiveList/RecursiveListOrdered.svelte b/docs/src/pages/framed/RecursiveList/RecursiveListOrdered.svelte index 447a2652..9fdf4074 100644 --- a/docs/src/pages/framed/RecursiveList/RecursiveListOrdered.svelte +++ b/docs/src/pages/framed/RecursiveList/RecursiveListOrdered.svelte @@ -1,32 +1,32 @@ diff --git a/docs/src/pages/framed/RecursiveList/RecursiveListOrderedNative.svelte b/docs/src/pages/framed/RecursiveList/RecursiveListOrderedNative.svelte index e72def7c..d8824d8e 100644 --- a/docs/src/pages/framed/RecursiveList/RecursiveListOrderedNative.svelte +++ b/docs/src/pages/framed/RecursiveList/RecursiveListOrderedNative.svelte @@ -1,32 +1,32 @@ diff --git a/docs/src/pages/framed/Search/SearchExpandableReactive.svelte b/docs/src/pages/framed/Search/SearchExpandableReactive.svelte index cc18f09c..dca4bfeb 100644 --- a/docs/src/pages/framed/Search/SearchExpandableReactive.svelte +++ b/docs/src/pages/framed/Search/SearchExpandableReactive.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Search/SearchReactive.svelte b/docs/src/pages/framed/Search/SearchReactive.svelte index 918fea74..0265e92c 100644 --- a/docs/src/pages/framed/Search/SearchReactive.svelte +++ b/docs/src/pages/framed/Search/SearchReactive.svelte @@ -1,7 +1,7 @@ diff --git a/docs/src/pages/framed/Select/SelectReactive.svelte b/docs/src/pages/framed/Select/SelectReactive.svelte index c0eea9a9..8c66691e 100644 --- a/docs/src/pages/framed/Select/SelectReactive.svelte +++ b/docs/src/pages/framed/Select/SelectReactive.svelte @@ -1,7 +1,7 @@ - /** Set to `true` to use as a header */ - export let head = false; +/** Set to `true` to use as a header */ +export let head = false; - /** Set to `true` to render a label slot */ - export let label = false; +/** Set to `true` to render a label slot */ +export let label = false; - /** Specify the tabindex */ - export let tabindex = "0"; +/** Specify the tabindex */ +export let tabindex = "0"; diff --git a/src/StructuredList/StructuredListSkeleton.svelte b/src/StructuredList/StructuredListSkeleton.svelte index 8b54d64c..1f906e27 100644 --- a/src/StructuredList/StructuredListSkeleton.svelte +++ b/src/StructuredList/StructuredListSkeleton.svelte @@ -1,6 +1,6 @@ diff --git a/src/Tabs/Tab.svelte b/src/Tabs/Tab.svelte index abfd9281..e7f5472f 100644 --- a/src/Tabs/Tab.svelte +++ b/src/Tabs/Tab.svelte @@ -1,32 +1,32 @@ diff --git a/src/Tabs/TabContent.svelte b/src/Tabs/TabContent.svelte index 9df06f27..177de2b0 100644 --- a/src/Tabs/TabContent.svelte +++ b/src/Tabs/TabContent.svelte @@ -1,16 +1,16 @@
- /** - * @event {number} change - */ +/** + * @event {number} change + */ - /** Specify the selected tab index */ - export let selected = 0; +/** Specify the selected tab index */ +export let selected = 0; - /** - * Specify the type of tabs - * @type {"default" | "container"} - */ - export let type = "default"; +/** + * Specify the type of tabs + * @type {"default" | "container"} + */ +export let type = "default"; - /** Set to `true` for tabs to have an auto-width */ - export let autoWidth = false; +/** Set to `true` for tabs to have an auto-width */ +export let autoWidth = false; - /** - * Specify the ARIA label for the chevron icon - * @type {string} - */ - export let iconDescription = "Show menu options"; +/** + * Specify the ARIA label for the chevron icon + * @type {string} + */ +export let iconDescription = "Show menu options"; - /** Specify the tab trigger href attribute */ - export let triggerHref = "#"; +/** Specify the tab trigger href attribute */ +export let triggerHref = "#"; - import { createEventDispatcher, afterUpdate, setContext, tick } from "svelte"; - import { writable, derived } from "svelte/store"; - import ChevronDown from "../icons/ChevronDown.svelte"; +import { createEventDispatcher, afterUpdate, setContext, tick } from "svelte"; +import { writable, derived } from "svelte/store"; +import ChevronDown from "../icons/ChevronDown.svelte"; - const dispatch = createEventDispatcher(); +const dispatch = createEventDispatcher(); - const tabs = writable([]); - const tabsById = derived(tabs, (_) => - _.reduce((a, c) => ({ ...a, [c.id]: c }), {}), - ); - const useAutoWidth = writable(autoWidth); - const selectedTab = writable(undefined); - const content = writable([]); - const contentById = derived(content, (_) => - _.reduce((a, c) => ({ ...a, [c.id]: c }), {}), - ); - const selectedContent = writable(undefined); +const tabs = writable([]); +const tabsById = derived(tabs, (_) => + _.reduce((a, c) => ({ ...a, [c.id]: c }), {}), +); +const useAutoWidth = writable(autoWidth); +const selectedTab = writable(undefined); +const content = writable([]); +const contentById = derived(content, (_) => + _.reduce((a, c) => ({ ...a, [c.id]: c }), {}), +); +const selectedContent = writable(undefined); - let refTabList = null; +let refTabList = null; - setContext("Tabs", { - tabs, - contentById, - selectedTab, - selectedContent, - useAutoWidth, - add: (data) => { - tabs.update((_) => [..._, { ...data, index: _.length }]); - }, - addContent: (data) => { - content.update((_) => [..._, { ...data, index: _.length }]); - }, - update: (id) => { - currentIndex = $tabsById[id].index; - }, - change: async (direction) => { - let index = currentIndex + direction; +setContext("Tabs", { + tabs, + contentById, + selectedTab, + selectedContent, + useAutoWidth, + add: (data) => { + tabs.update((_) => [..._, { ...data, index: _.length }]); + }, + addContent: (data) => { + content.update((_) => [..._, { ...data, index: _.length }]); + }, + update: (id) => { + currentIndex = $tabsById[id].index; + }, + change: async (direction) => { + let index = currentIndex + direction; + + if (index < 0) { + index = $tabs.length - 1; + } else if (index >= $tabs.length) { + index = 0; + } + + let disabled = $tabs[index].disabled; + + while (disabled) { + index = index + direction; if (index < 0) { index = $tabs.length - 1; @@ -68,59 +79,48 @@ index = 0; } - let disabled = $tabs[index].disabled; - - while (disabled) { - index = index + direction; - - if (index < 0) { - index = $tabs.length - 1; - } else if (index >= $tabs.length) { - index = 0; - } - - disabled = $tabs[index].disabled; - } - - currentIndex = index; - - await tick(); - const activeTab = - refTabList?.querySelectorAll("[role='tab']")[currentIndex]; - activeTab?.focus(); - }, - }); - - afterUpdate(() => { - selected = currentIndex; - - if (prevIndex > -1 && prevIndex !== currentIndex) { - dispatch("change", currentIndex); + disabled = $tabs[index].disabled; } - prevIndex = currentIndex; - }); + currentIndex = index; - let dropdownHidden = true; - let currentIndex = selected; - let prevIndex = -1; + await tick(); + const activeTab = + refTabList?.querySelectorAll("[role='tab']")[currentIndex]; + activeTab?.focus(); + }, +}); - $: currentIndex = selected; - $: currentTab = $tabs[currentIndex] || undefined; - $: currentContent = $content[currentIndex] || undefined; - $: { - if (currentTab) { - selectedTab.set(currentTab.id); - } +afterUpdate(() => { + selected = currentIndex; - if (currentContent) { - selectedContent.set(currentContent.id); - } + if (prevIndex > -1 && prevIndex !== currentIndex) { + dispatch("change", currentIndex); } - $: if ($selectedTab) { - dropdownHidden = true; + + prevIndex = currentIndex; +}); + +let dropdownHidden = true; +let currentIndex = selected; +let prevIndex = -1; + +$: currentIndex = selected; +$: currentTab = $tabs[currentIndex] || undefined; +$: currentContent = $content[currentIndex] || undefined; +$: { + if (currentTab) { + selectedTab.set(currentTab.id); } - $: useAutoWidth.set(autoWidth); + + if (currentContent) { + selectedContent.set(currentContent.id); + } +} +$: if ($selectedTab) { + dropdownHidden = true; +} +$: useAutoWidth.set(autoWidth);
- /** Specify the number of tabs to render */ - export let count = 4; +/** Specify the number of tabs to render */ +export let count = 4; - /** - * Specify the type of tabs - * @type {"default" | "container"} - */ - export let type = "default"; +/** + * Specify the type of tabs + * @type {"default" | "container"} + */ +export let type = "default"; diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte index f5bb2952..3e41259b 100644 --- a/src/Tag/Tag.svelte +++ b/src/Tag/Tag.svelte @@ -1,44 +1,44 @@ diff --git a/src/Tag/TagSkeleton.svelte b/src/Tag/TagSkeleton.svelte index 3092f558..c1ffc152 100644 --- a/src/Tag/TagSkeleton.svelte +++ b/src/Tag/TagSkeleton.svelte @@ -1,6 +1,6 @@ diff --git a/src/TextArea/TextArea.svelte b/src/TextArea/TextArea.svelte index 77f39419..6da86325 100644 --- a/src/TextArea/TextArea.svelte +++ b/src/TextArea/TextArea.svelte @@ -1,64 +1,64 @@ diff --git a/src/TextArea/TextAreaSkeleton.svelte b/src/TextArea/TextAreaSkeleton.svelte index 4541059e..79e575d8 100644 --- a/src/TextArea/TextAreaSkeleton.svelte +++ b/src/TextArea/TextAreaSkeleton.svelte @@ -1,6 +1,6 @@ diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte index a660ac2d..9f4b9548 100644 --- a/src/TextInput/PasswordInput.svelte +++ b/src/TextInput/PasswordInput.svelte @@ -1,97 +1,97 @@ diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte index c2cfb319..b6e181ec 100644 --- a/src/TextInput/TextInput.svelte +++ b/src/TextInput/TextInput.svelte @@ -1,104 +1,104 @@ diff --git a/src/TextInput/TextInputSkeleton.svelte b/src/TextInput/TextInputSkeleton.svelte index 23da8b95..2a15307d 100644 --- a/src/TextInput/TextInputSkeleton.svelte +++ b/src/TextInput/TextInputSkeleton.svelte @@ -1,6 +1,6 @@ diff --git a/src/Theme/Theme.svelte b/src/Theme/Theme.svelte index e3ae9eda..c664a9aa 100644 --- a/src/Theme/Theme.svelte +++ b/src/Theme/Theme.svelte @@ -1,98 +1,98 @@ {#if persist} diff --git a/src/Tile/ClickableTile.svelte b/src/Tile/ClickableTile.svelte index 8dbd2e96..ac71d437 100644 --- a/src/Tile/ClickableTile.svelte +++ b/src/Tile/ClickableTile.svelte @@ -1,22 +1,22 @@ - /** Set to `true` to expand the tile */ - export let expanded = false; +/** Set to `true` to expand the tile */ +export let expanded = false; - /** Set to `true` to enable the light variant */ - export let light = false; +/** Set to `true` to enable the light variant */ +export let light = false; - /** Specify the max height of the tile (number of pixels) */ - export let tileMaxHeight = 0; +/** Specify the max height of the tile (number of pixels) */ +export let tileMaxHeight = 0; - /** Specify the padding of the tile (number of pixels) */ - export let tilePadding = 0; +/** Specify the padding of the tile (number of pixels) */ +export let tilePadding = 0; - /** Specify the icon text of the collapsed tile */ - export let tileCollapsedIconText = "Interact to expand Tile"; +/** Specify the icon text of the collapsed tile */ +export let tileCollapsedIconText = "Interact to expand Tile"; - /** Specify the icon text of the expanded tile */ - export let tileExpandedIconText = "Interact to collapse Tile"; +/** Specify the icon text of the expanded tile */ +export let tileExpandedIconText = "Interact to collapse Tile"; - /** Specify the icon label of the expanded tile */ - export let tileExpandedLabel = ""; +/** Specify the icon label of the expanded tile */ +export let tileExpandedLabel = ""; - /** Specify the icon label of the collapsed tile */ - export let tileCollapsedLabel = ""; +/** Specify the icon label of the collapsed tile */ +export let tileCollapsedLabel = ""; - /** Specify the tabindex */ - export let tabindex = "0"; +/** Specify the tabindex */ +export let tabindex = "0"; - /** Set an id for the top-level div element */ - export let id = "ccs-" + Math.random().toString(36); +/** Set an id for the top-level div element */ +export let id = "ccs-" + Math.random().toString(36); - /** Obtain a reference to the top-level element */ - export let ref = null; +/** Obtain a reference to the top-level element */ +export let ref = null; - import { afterUpdate, onMount } from "svelte"; - import ChevronDown from "../icons/ChevronDown.svelte"; +import { afterUpdate, onMount } from "svelte"; +import ChevronDown from "../icons/ChevronDown.svelte"; - let refAbove = null; +let refAbove = null; - onMount(() => { - const resizeObserver = new ResizeObserver(([elem]) => { - tileMaxHeight = elem.contentRect.height; - }); - - resizeObserver.observe(refAbove); - - return () => { - resizeObserver.disconnect(); - }; +onMount(() => { + const resizeObserver = new ResizeObserver(([elem]) => { + tileMaxHeight = elem.contentRect.height; }); - afterUpdate(() => { - if (tileMaxHeight === 0) { - tileMaxHeight = refAbove.getBoundingClientRect().height; - } + resizeObserver.observe(refAbove); - const style = getComputedStyle(ref); + return () => { + resizeObserver.disconnect(); + }; +}); - tilePadding = - parseInt(style.getPropertyValue("padding-top"), 10) + - parseInt(style.getPropertyValue("padding-bottom"), 10); - }); +afterUpdate(() => { + if (tileMaxHeight === 0) { + tileMaxHeight = refAbove.getBoundingClientRect().height; + } + + const style = getComputedStyle(ref); + + tilePadding = + parseInt(style.getPropertyValue("padding-top"), 10) + + parseInt(style.getPropertyValue("padding-bottom"), 10); +}); diff --git a/src/Tile/RadioTile.svelte b/src/Tile/RadioTile.svelte index 8ded1870..5831e4b8 100644 --- a/src/Tile/RadioTile.svelte +++ b/src/Tile/RadioTile.svelte @@ -1,50 +1,50 @@ - /** - * @event {string} "select" - * @event {string} "deselect" - */ +/** + * @event {string} "select" + * @event {string} "deselect" + */ - /** Set to `true` to select the tile */ - export let selected = false; +/** Set to `true` to select the tile */ +export let selected = false; - /** Set to `true` to enable the light variant */ - export let light = false; +/** Set to `true` to enable the light variant */ +export let light = false; - /** Set to `true` to disable the tile */ - export let disabled = false; +/** Set to `true` to disable the tile */ +export let disabled = false; - /** Specify the title of the selectable tile */ - export let title = "title"; +/** Specify the title of the selectable tile */ +export let title = "title"; - /** Specify the value of the selectable tile */ - export let value = "value"; +/** Specify the value of the selectable tile */ +export let value = "value"; - /** Specify the tabindex */ - export let tabindex = "0"; +/** Specify the tabindex */ +export let tabindex = "0"; - /** Specify the ARIA label for the selectable tile checkmark icon */ - export let iconDescription = "Tile checkmark"; +/** Specify the ARIA label for the selectable tile checkmark icon */ +export let iconDescription = "Tile checkmark"; - /** Set an id for the input element */ - export let id = "ccs-" + Math.random().toString(36); +/** Set an id for the input element */ +export let id = "ccs-" + Math.random().toString(36); - /** - * Specify a name attribute for the input - * @type {string} - */ - export let name = ""; +/** + * Specify a name attribute for the input + * @type {string} + */ +export let name = ""; - /** Obtain a reference to the input HTML element */ - export let ref = null; +/** Obtain a reference to the input HTML element */ +export let ref = null; - import { createEventDispatcher } from "svelte"; - import CheckmarkFilled from "../icons/CheckmarkFilled.svelte"; +import { createEventDispatcher } from "svelte"; +import CheckmarkFilled from "../icons/CheckmarkFilled.svelte"; - const dispatch = createEventDispatcher(); +const dispatch = createEventDispatcher(); - $: if (!disabled) dispatch(selected ? "select" : "deselect", id); +$: if (!disabled) dispatch(selected ? "select" : "deselect", id); - /** Set to `true` to enable the light variant */ - export let light = false; +/** Set to `true` to enable the light variant */ +export let light = false; diff --git a/src/Tile/TileGroup.svelte b/src/Tile/TileGroup.svelte index a6458b8d..fcafee2d 100644 --- a/src/Tile/TileGroup.svelte +++ b/src/Tile/TileGroup.svelte @@ -1,59 +1,59 @@
diff --git a/src/TimePicker/TimePicker.svelte b/src/TimePicker/TimePicker.svelte index 61bd5c60..f90c7523 100644 --- a/src/TimePicker/TimePicker.svelte +++ b/src/TimePicker/TimePicker.svelte @@ -1,54 +1,54 @@ diff --git a/src/TimePicker/TimePickerSelect.svelte b/src/TimePicker/TimePickerSelect.svelte index ee5b20fb..b3b5f515 100644 --- a/src/TimePicker/TimePickerSelect.svelte +++ b/src/TimePicker/TimePickerSelect.svelte @@ -1,41 +1,41 @@ diff --git a/src/Toggle/Toggle.svelte b/src/Toggle/Toggle.svelte index e8a19d56..93f8774b 100644 --- a/src/Toggle/Toggle.svelte +++ b/src/Toggle/Toggle.svelte @@ -1,46 +1,46 @@ diff --git a/src/Toggle/ToggleSkeleton.svelte b/src/Toggle/ToggleSkeleton.svelte index 0956c0b8..645f07c0 100644 --- a/src/Toggle/ToggleSkeleton.svelte +++ b/src/Toggle/ToggleSkeleton.svelte @@ -1,15 +1,15 @@ diff --git a/src/Tooltip/Tooltip.svelte b/src/Tooltip/Tooltip.svelte index 04d51b92..73b46d88 100644 --- a/src/Tooltip/Tooltip.svelte +++ b/src/Tooltip/Tooltip.svelte @@ -1,181 +1,180 @@ - /** Specify a selector to be focused inside the footer when opening the tooltip */ - export let selectorPrimaryFocus = "a[href], button:not([disabled])"; +/** Specify a selector to be focused inside the footer when opening the tooltip */ +export let selectorPrimaryFocus = "a[href], button:not([disabled])"; - import { getContext, onMount } from "svelte"; +import { getContext, onMount } from "svelte"; - let ref = null; - let open = false; +let ref = null; +let open = false; - const ctx = getContext("Tooltip"); - const unsubscribe = ctx.tooltipOpen.subscribe((tooltipOpen) => { - open = tooltipOpen; - }); +const ctx = getContext("Tooltip"); +const unsubscribe = ctx.tooltipOpen.subscribe((tooltipOpen) => { + open = tooltipOpen; +}); - onMount(() => { - return () => { - unsubscribe(); - }; - }); +onMount(() => { + return () => { + unsubscribe(); + }; +}); - $: if (open && ref) { - const node = ref.querySelector(selectorPrimaryFocus); - if (node) node.focus(); - } +$: if (open && ref) { + const node = ref.querySelector(selectorPrimaryFocus); + if (node) node.focus(); +}
diff --git a/src/TooltipDefinition/TooltipDefinition.svelte b/src/TooltipDefinition/TooltipDefinition.svelte index cd0e4fd7..5b87a90a 100644 --- a/src/TooltipDefinition/TooltipDefinition.svelte +++ b/src/TooltipDefinition/TooltipDefinition.svelte @@ -1,44 +1,44 @@ - /** - * Specify the tooltip text. - * Alternatively, use the "tooltipText" slot - */ - export let tooltipText = ""; +/** + * Specify the tooltip text. + * Alternatively, use the "tooltipText" slot + */ +export let tooltipText = ""; - /** - * Specify the icon to render - * @type {any} - */ - export let icon = undefined; +/** + * Specify the icon to render + * @type {any} + */ +export let icon = undefined; - /** Set to `true` to disable the tooltip icon */ - export let disabled = false; +/** Set to `true` to disable the tooltip icon */ +export let disabled = false; - /** - * Set the alignment of the tooltip relative to the icon - * @type {"start" | "center" | "end"} - */ - export let align = "center"; +/** + * Set the alignment of the tooltip relative to the icon + * @type {"start" | "center" | "end"} + */ +export let align = "center"; - /** - * Set the direction of the tooltip relative to the icon - * @type {"top" | "right" | "bottom" | "left"} - */ - export let direction = "bottom"; +/** + * Set the direction of the tooltip relative to the icon + * @type {"top" | "right" | "bottom" | "left"} + */ +export let direction = "bottom"; - /** Set an id for the span element */ - export let id = "ccs-" + Math.random().toString(36); +/** Set an id for the span element */ +export let id = "ccs-" + Math.random().toString(36); - /** Obtain a reference to the button HTML element */ - export let ref = null; +/** Obtain a reference to the button HTML element */ +export let ref = null; - let hidden = false; +let hidden = false; - /** - * Depth-first search to find a node by id; returns an array - * of nodes from the initial node to the matching leaf. - * @param {TreeNode} node - * @param {TreeNodeId} id - * @returns {null | TreeNode[]} - */ - function findNodeById(node, id) { - if (node === null) return null; - if (node.id === id) return [node]; - if (!Array.isArray(node.nodes)) { - return null; - } - - for (const child of node.nodes) { - const nodes = findNodeById(child, id); - - if (Array.isArray(nodes)) { - nodes.unshift(node); - return nodes; - } - } - +/** + * Depth-first search to find a node by id; returns an array + * of nodes from the initial node to the matching leaf. + * @param {TreeNode} node + * @param {TreeNodeId} id + * @returns {null | TreeNode[]} + */ +function findNodeById(node, id) { + if (node === null) return null; + if (node.id === id) return [node]; + if (!Array.isArray(node.nodes)) { return null; } + + for (const child of node.nodes) { + const nodes = findNodeById(child, id); + + if (Array.isArray(nodes)) { + nodes.unshift(node); + return nodes; + } + } + + return null; +} {#if root} diff --git a/src/Truncate/Truncate.svelte b/src/Truncate/Truncate.svelte index 432be1a5..658fd1b4 100644 --- a/src/Truncate/Truncate.svelte +++ b/src/Truncate/Truncate.svelte @@ -1,6 +1,6 @@

- /** Specify the id for the main element */ - export let id = "main-content"; +/** Specify the id for the main element */ +export let id = "main-content"; - import { isSideNavCollapsed, isSideNavRail } from "./navStore"; +import { isSideNavCollapsed, isSideNavRail } from "./navStore"; - /** - * By default, the `SideNav` applies a left margin of `3rem` to `Content` - * if it's a sibling component (e.g., .bx--side-nav ~ .bx--content). - * - * We manually unset the left margin if the `SideNav` - * is collapsed and if it's not the `rail` variant. - */ - $: unsetLeftMargin = $isSideNavCollapsed && !$isSideNavRail; +/** + * By default, the `SideNav` applies a left margin of `3rem` to `Content` + * if it's a sibling component (e.g., .bx--side-nav ~ .bx--content). + * + * We manually unset the left margin if the `SideNav` + * is collapsed and if it's not the `rail` variant. + */ +$: unsetLeftMargin = $isSideNavCollapsed && !$isSideNavRail;

- /** - * Specify the ARIA label for the button - * @type {string} - */ - export let ariaLabel = undefined; +/** + * Specify the ARIA label for the button + * @type {string} + */ +export let ariaLabel = undefined; - /** Set to `true` to toggle the open state */ - export let isOpen = false; +/** Set to `true` to toggle the open state */ +export let isOpen = false; - /** - * Specify the icon to render for the closed state. - * Defaults to `` - * @type {any} - */ - export let iconMenu = Menu; +/** + * Specify the icon to render for the closed state. + * Defaults to `` + * @type {any} + */ +export let iconMenu = Menu; - /** - * Specify the icon to render for the opened state. - * Defaults to `` - * @type {any} - */ - export let iconClose = Close; +/** + * Specify the icon to render for the opened state. + * Defaults to `` + * @type {any} + */ +export let iconClose = Close; - /** Obtain a reference to the HTML button element */ - export let ref = null; +/** Obtain a reference to the HTML button element */ +export let ref = null; - import Close from "../icons/Close.svelte"; - import Menu from "../icons/Menu.svelte"; +import Close from "../icons/Close.svelte"; +import Menu from "../icons/Menu.svelte"; diff --git a/tests/ButtonSet.test.svelte b/tests/ButtonSet.test.svelte index f6b8bf89..13f04fdb 100644 --- a/tests/ButtonSet.test.svelte +++ b/tests/ButtonSet.test.svelte @@ -1,6 +1,6 @@ diff --git a/tests/Checkbox/Checkbox.group.test.svelte b/tests/Checkbox/Checkbox.group.test.svelte index 454c07f0..f1b3e38a 100644 --- a/tests/Checkbox/Checkbox.group.test.svelte +++ b/tests/Checkbox/Checkbox.group.test.svelte @@ -1,9 +1,9 @@ - import { Checkbox } from "carbon-components-svelte"; +import { Checkbox } from "carbon-components-svelte"; diff --git a/tests/Checkbox/Checkbox.slot.test.svelte b/tests/Checkbox/Checkbox.slot.test.svelte index 518a4315..f81d59e8 100644 --- a/tests/Checkbox/Checkbox.slot.test.svelte +++ b/tests/Checkbox/Checkbox.slot.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/Checkbox/Checkbox.test.svelte b/tests/Checkbox/Checkbox.test.svelte index 40bdbed9..afba6e18 100644 --- a/tests/Checkbox/Checkbox.test.svelte +++ b/tests/Checkbox/Checkbox.test.svelte @@ -1,11 +1,11 @@ - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; diff --git a/tests/CodeSnippet/CodeSnippetCustomEvents.test.svelte b/tests/CodeSnippet/CodeSnippetCustomEvents.test.svelte index e9c66680..9e758ed1 100644 --- a/tests/CodeSnippet/CodeSnippetCustomEvents.test.svelte +++ b/tests/CodeSnippet/CodeSnippetCustomEvents.test.svelte @@ -1,11 +1,11 @@ Copy events: {copyCount} diff --git a/tests/CodeSnippet/CodeSnippetExpandable.test.svelte b/tests/CodeSnippet/CodeSnippetExpandable.test.svelte index 213646a4..cff73332 100644 --- a/tests/CodeSnippet/CodeSnippetExpandable.test.svelte +++ b/tests/CodeSnippet/CodeSnippetExpandable.test.svelte @@ -1,5 +1,5 @@ - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; diff --git a/tests/CodeSnippet/CodeSnippetMultiline.test.svelte b/tests/CodeSnippet/CodeSnippetMultiline.test.svelte index 4c760ea2..256340eb 100644 --- a/tests/CodeSnippet/CodeSnippetMultiline.test.svelte +++ b/tests/CodeSnippet/CodeSnippetMultiline.test.svelte @@ -1,5 +1,5 @@ - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; - import { CodeSnippet } from "carbon-components-svelte"; +import { CodeSnippet } from "carbon-components-svelte"; - import { ComboBox } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { ComboBox } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let items: ComponentProps["items"] = [ - { id: "0", text: "Slack" }, - { id: "1", text: "Email" }, - { id: "2", text: "Fax" }, - ]; - export let selectedId: ComponentProps["selectedId"] = undefined; - export let value = ""; - export let disabled = false; - export let invalid = false; - export let warn = false; - export let light = false; - export let open = false; - export let titleText = "Contact"; - export let placeholder = "Select contact method"; - export let invalidText = ""; - export let warnText = ""; - export let helperText = ""; - export let size: "sm" | "xl" | undefined = undefined; - export let shouldFilterItem: ComponentProps["shouldFilterItem"] = ( - item, - value, - ) => item.text.toLowerCase().includes(value.toLowerCase()); - export let translateWithIdSelection: ComponentProps["translateWithIdSelection"] = - undefined; +export let items: ComponentProps["items"] = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax" }, +]; +export let selectedId: ComponentProps["selectedId"] = undefined; +export let value = ""; +export let disabled = false; +export let invalid = false; +export let warn = false; +export let light = false; +export let open = false; +export let titleText = "Contact"; +export let placeholder = "Select contact method"; +export let invalidText = ""; +export let warnText = ""; +export let helperText = ""; +export let size: "sm" | "xl" | undefined = undefined; +export let shouldFilterItem: ComponentProps["shouldFilterItem"] = ( + item, + value, +) => item.text.toLowerCase().includes(value.toLowerCase()); +export let translateWithIdSelection: ComponentProps["translateWithIdSelection"] = + undefined; - import { ComboBox } from "carbon-components-svelte"; - import type { ComboBoxItem } from "carbon-components-svelte/ComboBox/ComboBox.svelte"; +import { ComboBox } from "carbon-components-svelte"; +import type { ComboBoxItem } from "carbon-components-svelte/ComboBox/ComboBox.svelte"; - let comboBoxRef: ComboBox; +let comboBoxRef: ComboBox; - export let items: ComboBoxItem[] = [ - { id: "0", text: "Slack" }, - { id: "1", text: "Email" }, - { id: "2", text: "Fax", disabled: true }, - ]; - export let selectedId: string | undefined = undefined; - export let direction: "top" | "bottom" = "bottom"; - export let clearOptions: { focus?: boolean } = {}; - export let shouldFilterItem = (item: ComboBoxItem, value: string) => - item.text.toLowerCase().includes(value.toLowerCase()); - export let itemToString = (item: ComboBoxItem) => item.text; +export let items: ComboBoxItem[] = [ + { id: "0", text: "Slack" }, + { id: "1", text: "Email" }, + { id: "2", text: "Fax", disabled: true }, +]; +export let selectedId: string | undefined = undefined; +export let direction: "top" | "bottom" = "bottom"; +export let clearOptions: { focus?: boolean } = {}; +export let shouldFilterItem = (item: ComboBoxItem, value: string) => + item.text.toLowerCase().includes(value.toLowerCase()); +export let itemToString = (item: ComboBoxItem) => item.text; - import { - ComposedModal, - ModalHeader, - ModalBody, - ModalFooter, - Checkbox, - } from "carbon-components-svelte"; +import { + ComposedModal, + ModalHeader, + ModalBody, + ModalFooter, + Checkbox, +} from "carbon-components-svelte"; - let checked = false; +let checked = false; diff --git a/tests/CondensedGrid.test.svelte b/tests/CondensedGrid.test.svelte index 6165adff..fa0945c2 100644 --- a/tests/CondensedGrid.test.svelte +++ b/tests/CondensedGrid.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ContentSwitcher/ContentSwitcher.custom.test.svelte b/tests/ContentSwitcher/ContentSwitcher.custom.test.svelte index 2c756297..7e9bf76a 100644 --- a/tests/ContentSwitcher/ContentSwitcher.custom.test.svelte +++ b/tests/ContentSwitcher/ContentSwitcher.custom.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ContentSwitcher/ContentSwitcher.disabled.test.svelte b/tests/ContentSwitcher/ContentSwitcher.disabled.test.svelte index c2a0799d..e49c9009 100644 --- a/tests/ContentSwitcher/ContentSwitcher.disabled.test.svelte +++ b/tests/ContentSwitcher/ContentSwitcher.disabled.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ContentSwitcher/ContentSwitcher.selectedIndex.test.svelte b/tests/ContentSwitcher/ContentSwitcher.selectedIndex.test.svelte index 7f4c49f0..4241e74b 100644 --- a/tests/ContentSwitcher/ContentSwitcher.selectedIndex.test.svelte +++ b/tests/ContentSwitcher/ContentSwitcher.selectedIndex.test.svelte @@ -1,7 +1,7 @@ diff --git a/tests/ContentSwitcher/ContentSwitcher.size.test.svelte b/tests/ContentSwitcher/ContentSwitcher.size.test.svelte index afa046ca..4607c613 100644 --- a/tests/ContentSwitcher/ContentSwitcher.size.test.svelte +++ b/tests/ContentSwitcher/ContentSwitcher.size.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ContentSwitcher/ContentSwitcher.test.svelte b/tests/ContentSwitcher/ContentSwitcher.test.svelte index a1b7654e..20b65e21 100644 --- a/tests/ContentSwitcher/ContentSwitcher.test.svelte +++ b/tests/ContentSwitcher/ContentSwitcher.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ContextMenu.test.svelte b/tests/ContextMenu.test.svelte index b3b29483..91447692 100644 --- a/tests/ContextMenu.test.svelte +++ b/tests/ContextMenu.test.svelte @@ -1,20 +1,20 @@
diff --git a/tests/CopyButton/CopyButton.test.svelte b/tests/CopyButton/CopyButton.test.svelte index b02d999f..22457156 100644 --- a/tests/CopyButton/CopyButton.test.svelte +++ b/tests/CopyButton/CopyButton.test.svelte @@ -1,5 +1,5 @@ - import { Button, Modal } from "carbon-components-svelte"; +import { Button, Modal } from "carbon-components-svelte"; - let open = false; +let open = false; diff --git a/tests/DataTable.test.svelte b/tests/DataTable.test.svelte index 38ae3165..0ad64116 100644 --- a/tests/DataTable.test.svelte +++ b/tests/DataTable.test.svelte @@ -1,75 +1,75 @@ - import { DataTable } from "carbon-components-svelte"; +import { DataTable } from "carbon-components-svelte"; - const headers = [ - { key: "id", value: "id" }, - { key: "contact.company", value: "Company name" }, - ] as const; +const headers = [ + { key: "id", value: "id" }, + { key: "contact.company", value: "Company name" }, +] as const; - const rows = [ - { id: "1", contact: { company: "Company 1" } }, - { id: "2", contact: { company: "Company 2" } }, - ]; +const rows = [ + { id: "1", contact: { company: "Company 1" } }, + { id: "2", contact: { company: "Company 2" } }, +]; diff --git a/tests/DataTableAppendColumns.test.svelte b/tests/DataTableAppendColumns.test.svelte index 98c5ecd8..fa28fdff 100644 --- a/tests/DataTableAppendColumns.test.svelte +++ b/tests/DataTableAppendColumns.test.svelte @@ -1,25 +1,25 @@ diff --git a/tests/DataTableBatchSelection.test.svelte b/tests/DataTableBatchSelection.test.svelte index 30f40a0c..1a6ba3f8 100644 --- a/tests/DataTableBatchSelection.test.svelte +++ b/tests/DataTableBatchSelection.test.svelte @@ -1,24 +1,24 @@ diff --git a/tests/DataTableBatchSelectionToolbar.test.svelte b/tests/DataTableBatchSelectionToolbar.test.svelte index b5c5e70e..44402ee7 100644 --- a/tests/DataTableBatchSelectionToolbar.test.svelte +++ b/tests/DataTableBatchSelectionToolbar.test.svelte @@ -1,34 +1,34 @@ diff --git a/tests/DataTableNestedHeaders.test.svelte b/tests/DataTableNestedHeaders.test.svelte index 88d53467..bfde633c 100644 --- a/tests/DataTableNestedHeaders.test.svelte +++ b/tests/DataTableNestedHeaders.test.svelte @@ -1,5 +1,5 @@ - import { - DatePicker, - DatePickerSkeleton, - DatePickerInput, - } from "carbon-components-svelte"; - import { Russian } from "flatpickr/dist/l10n/ru.js"; +import { + DatePicker, + DatePickerSkeleton, + DatePickerInput, +} from "carbon-components-svelte"; +import { Russian } from "flatpickr/dist/l10n/ru.js"; - import { Dropdown } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { Dropdown } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let items: ComponentProps["items"] = []; - export let itemToString: ComponentProps["itemToString"] = undefined; - export let selectedId: ComponentProps["selectedId"] = undefined; - export let type: ComponentProps["type"] = "default"; - export let direction: ComponentProps["direction"] = "bottom"; - export let size: ComponentProps["size"] = undefined; - export let open: ComponentProps["open"] = false; - export let light: ComponentProps["light"] = false; - export let disabled: ComponentProps["disabled"] = false; - export let titleText: ComponentProps["titleText"] = ""; - export let invalid: ComponentProps["invalid"] = false; - export let invalidText: ComponentProps["invalidText"] = ""; - export let warn: ComponentProps["warn"] = false; - export let warnText: ComponentProps["warnText"] = ""; - export let helperText: ComponentProps["helperText"] = ""; - export let label: ComponentProps["label"] = undefined; - export let hideLabel: ComponentProps["hideLabel"] = false; - export let translateWithId: ComponentProps["translateWithId"] = - undefined; - export let id: ComponentProps["id"] = "test-dropdown"; - export let name: ComponentProps["name"] = undefined; - export let ref: ComponentProps["ref"] = null; +export let items: ComponentProps["items"] = []; +export let itemToString: ComponentProps["itemToString"] = undefined; +export let selectedId: ComponentProps["selectedId"] = undefined; +export let type: ComponentProps["type"] = "default"; +export let direction: ComponentProps["direction"] = "bottom"; +export let size: ComponentProps["size"] = undefined; +export let open: ComponentProps["open"] = false; +export let light: ComponentProps["light"] = false; +export let disabled: ComponentProps["disabled"] = false; +export let titleText: ComponentProps["titleText"] = ""; +export let invalid: ComponentProps["invalid"] = false; +export let invalidText: ComponentProps["invalidText"] = ""; +export let warn: ComponentProps["warn"] = false; +export let warnText: ComponentProps["warnText"] = ""; +export let helperText: ComponentProps["helperText"] = ""; +export let label: ComponentProps["label"] = undefined; +export let hideLabel: ComponentProps["hideLabel"] = false; +export let translateWithId: ComponentProps["translateWithId"] = + undefined; +export let id: ComponentProps["id"] = "test-dropdown"; +export let name: ComponentProps["name"] = undefined; +export let ref: ComponentProps["ref"] = null; - import { Dropdown } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { Dropdown } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let items: ComponentProps["items"] = [ - { id: "0", text: "Option 1" }, - { id: "1", text: "Option 2" }, - { id: "2", text: "Option 3" }, - ]; - export let selectedId: ComponentProps["selectedId"] = "0"; - export let id: ComponentProps["id"] = "test-dropdown-slot"; +export let items: ComponentProps["items"] = [ + { id: "0", text: "Option 1" }, + { id: "1", text: "Option 2" }, + { id: "2", text: "Option 3" }, +]; +export let selectedId: ComponentProps["selectedId"] = "0"; +export let id: ComponentProps["id"] = "test-dropdown-slot"; - import { ExpandableTile } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { ExpandableTile } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let expanded: ComponentProps["expanded"] = false; - export let light: ComponentProps["light"] = false; - export let tileMaxHeight: ComponentProps["tileMaxHeight"] = 0; - export let tilePadding: ComponentProps["tilePadding"] = 0; - export let tileCollapsedIconText: ComponentProps["tileCollapsedIconText"] = - "Interact to expand Tile"; - export let tileExpandedIconText: ComponentProps["tileExpandedIconText"] = - "Interact to collapse Tile"; - export let tileExpandedLabel: ComponentProps["tileExpandedLabel"] = - ""; - export let tileCollapsedLabel: ComponentProps["tileCollapsedLabel"] = - ""; - export let tabindex: ComponentProps["tabindex"] = "0"; - export let id: ComponentProps["id"] = "ccs-test"; - export let ref: ComponentProps["ref"] = null; +export let expanded: ComponentProps["expanded"] = false; +export let light: ComponentProps["light"] = false; +export let tileMaxHeight: ComponentProps["tileMaxHeight"] = 0; +export let tilePadding: ComponentProps["tilePadding"] = 0; +export let tileCollapsedIconText: ComponentProps["tileCollapsedIconText"] = + "Interact to expand Tile"; +export let tileExpandedIconText: ComponentProps["tileExpandedIconText"] = + "Interact to collapse Tile"; +export let tileExpandedLabel: ComponentProps["tileExpandedLabel"] = + ""; +export let tileCollapsedLabel: ComponentProps["tileCollapsedLabel"] = + ""; +export let tabindex: ComponentProps["tabindex"] = "0"; +export let id: ComponentProps["id"] = "ccs-test"; +export let ref: ComponentProps["ref"] = null; - import { ExpandableTile, Button } from "carbon-components-svelte"; +import { ExpandableTile, Button } from "carbon-components-svelte"; - export let buttonClicked = false; - export let linkClicked = false; +export let buttonClicked = false; +export let linkClicked = false; diff --git a/tests/FileUploader.test.svelte b/tests/FileUploader.test.svelte index 88af294d..51781c2e 100644 --- a/tests/FileUploader.test.svelte +++ b/tests/FileUploader.test.svelte @@ -1,22 +1,22 @@ - import { - FluidForm, - TextInput, - PasswordInput, - } from "carbon-components-svelte"; +import { FluidForm, TextInput, PasswordInput } from "carbon-components-svelte"; diff --git a/tests/Form.test.svelte b/tests/Form.test.svelte index 5cd91fdd..5046b8f1 100644 --- a/tests/Form.test.svelte +++ b/tests/Form.test.svelte @@ -1,16 +1,16 @@
diff --git a/tests/Grid/Grid.test.svelte b/tests/Grid/Grid.test.svelte index 96cf0199..cdee577a 100644 --- a/tests/Grid/Grid.test.svelte +++ b/tests/Grid/Grid.test.svelte @@ -1,14 +1,14 @@ {#if as} diff --git a/tests/HeaderNav.test.svelte b/tests/HeaderNav.test.svelte index 3b8c5776..9e03ee5e 100644 --- a/tests/HeaderNav.test.svelte +++ b/tests/HeaderNav.test.svelte @@ -1,22 +1,22 @@
diff --git a/tests/HeaderSearch.svelte b/tests/HeaderSearch.svelte index d0fe5e34..a3388841 100644 --- a/tests/HeaderSearch.svelte +++ b/tests/HeaderSearch.svelte @@ -1,58 +1,58 @@
diff --git a/tests/HeaderSwitcher.test.svelte b/tests/HeaderSwitcher.test.svelte index d18e4fff..9edc3252 100644 --- a/tests/HeaderSwitcher.test.svelte +++ b/tests/HeaderSwitcher.test.svelte @@ -1,25 +1,25 @@
diff --git a/tests/HeaderUtilities.test.svelte b/tests/HeaderUtilities.test.svelte index d5dca180..efd0db88 100644 --- a/tests/HeaderUtilities.test.svelte +++ b/tests/HeaderUtilities.test.svelte @@ -1,28 +1,28 @@
diff --git a/tests/HiddenCodeSnippet.test.svelte b/tests/HiddenCodeSnippet.test.svelte index 699657ec..9255052c 100644 --- a/tests/HiddenCodeSnippet.test.svelte +++ b/tests/HiddenCodeSnippet.test.svelte @@ -1,9 +1,9 @@ {#if toggled} diff --git a/tests/ImageLoader/ImageLoader.test.svelte b/tests/ImageLoader/ImageLoader.test.svelte index 1a805651..9c07a424 100644 --- a/tests/ImageLoader/ImageLoader.test.svelte +++ b/tests/ImageLoader/ImageLoader.test.svelte @@ -1,15 +1,15 @@ diff --git a/tests/InlineLoading/InlineLoading.test.svelte b/tests/InlineLoading/InlineLoading.test.svelte index fdf2612a..9cd17e7f 100644 --- a/tests/InlineLoading/InlineLoading.test.svelte +++ b/tests/InlineLoading/InlineLoading.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/InlineNotification/InlineNotification.close.test.svelte b/tests/InlineNotification/InlineNotification.close.test.svelte index 6f66810c..8d236289 100644 --- a/tests/InlineNotification/InlineNotification.close.test.svelte +++ b/tests/InlineNotification/InlineNotification.close.test.svelte @@ -1,5 +1,5 @@ - import { InlineNotification } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { InlineNotification } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let kind: ComponentProps["kind"] = "error"; - export let lowContrast = false; - export let timeout = 0; - export let role = "alert"; - export let title = "Error:"; - export let subtitle = "An internal server error occurred."; - export let hideCloseButton = false; - export let statusIconDescription = ""; - export let closeButtonDescription = ""; +export let kind: ComponentProps["kind"] = "error"; +export let lowContrast = false; +export let timeout = 0; +export let role = "alert"; +export let title = "Error:"; +export let subtitle = "An internal server error occurred."; +export let hideCloseButton = false; +export let statusIconDescription = ""; +export let closeButtonDescription = ""; - import { - InlineNotification, - NotificationActionButton, - } from "carbon-components-svelte"; +import { + InlineNotification, + NotificationActionButton, +} from "carbon-components-svelte"; diff --git a/tests/Link/Link.test.svelte b/tests/Link/Link.test.svelte index 61f98609..19d5c191 100644 --- a/tests/Link/Link.test.svelte +++ b/tests/Link/Link.test.svelte @@ -1,8 +1,8 @@ diff --git a/tests/Loading/Loading.test.svelte b/tests/Loading/Loading.test.svelte index aa152744..97b83b00 100644 --- a/tests/Loading/Loading.test.svelte +++ b/tests/Loading/Loading.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/LocalStorage/LocalStorage.test.svelte b/tests/LocalStorage/LocalStorage.test.svelte index 432f136f..8d9e888e 100644 --- a/tests/LocalStorage/LocalStorage.test.svelte +++ b/tests/LocalStorage/LocalStorage.test.svelte @@ -1,11 +1,11 @@ diff --git a/tests/LocalStorage/LocalStorageObject.test.svelte b/tests/LocalStorage/LocalStorageObject.test.svelte index 23a78c17..9b4f0a24 100644 --- a/tests/LocalStorage/LocalStorageObject.test.svelte +++ b/tests/LocalStorage/LocalStorageObject.test.svelte @@ -1,7 +1,7 @@
diff --git a/tests/LocalStorage/LocalStoragePrimitive.test.svelte b/tests/LocalStorage/LocalStoragePrimitive.test.svelte index 60d6a598..26105594 100644 --- a/tests/LocalStorage/LocalStoragePrimitive.test.svelte +++ b/tests/LocalStorage/LocalStoragePrimitive.test.svelte @@ -1,7 +1,7 @@
diff --git a/tests/Modal.test.svelte b/tests/Modal.test.svelte index e9f5332b..4a3e8674 100644 --- a/tests/Modal.test.svelte +++ b/tests/Modal.test.svelte @@ -1,7 +1,7 @@ diff --git a/tests/ModalExtraSmall.test.svelte b/tests/ModalExtraSmall.test.svelte index 455c8f66..63609ee4 100644 --- a/tests/ModalExtraSmall.test.svelte +++ b/tests/ModalExtraSmall.test.svelte @@ -1,5 +1,5 @@ - import { Modal } from "carbon-components-svelte"; +import { Modal } from "carbon-components-svelte"; - import { Modal } from "carbon-components-svelte"; +import { Modal } from "carbon-components-svelte"; - import { Modal } from "carbon-components-svelte"; +import { Modal } from "carbon-components-svelte"; - import { MultiSelect } from "carbon-components-svelte"; - import type { MultiSelectProps } from "carbon-components-svelte/MultiSelect/MultiSelect.svelte"; +import { MultiSelect } from "carbon-components-svelte"; +import type { MultiSelectProps } from "carbon-components-svelte/MultiSelect/MultiSelect.svelte"; - let selectedIds: MultiSelectProps["selectedIds"] = [0]; +let selectedIds: MultiSelectProps["selectedIds"] = [0]; - $: { - // @ts-expect-error - selectedIds[0] = [0]; - } +$: { + // @ts-expect-error + selectedIds[0] = [0]; +} - import { NumberInput } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { NumberInput } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let value: ComponentProps["value"] = 0; - export let step: ComponentProps["step"] = 1; - export let min: ComponentProps["min"] = undefined; - export let max: ComponentProps["max"] = undefined; - export let size: ComponentProps["size"] = undefined; - export let light = false; - export let readonly = false; - export let allowEmpty = false; - export let disabled = false; - export let hideSteppers = false; - export let iconDescription = ""; - export let invalid = false; - export let invalidText = ""; - export let warn = false; - export let warnText = ""; - export let helperText = ""; - export let label = "Clusters"; - export let hideLabel = false; - export let id = "ccs-test"; - export let name: ComponentProps["name"] = undefined; - export let ref: ComponentProps["ref"] = null; +export let value: ComponentProps["value"] = 0; +export let step: ComponentProps["step"] = 1; +export let min: ComponentProps["min"] = undefined; +export let max: ComponentProps["max"] = undefined; +export let size: ComponentProps["size"] = undefined; +export let light = false; +export let readonly = false; +export let allowEmpty = false; +export let disabled = false; +export let hideSteppers = false; +export let iconDescription = ""; +export let invalid = false; +export let invalidText = ""; +export let warn = false; +export let warnText = ""; +export let helperText = ""; +export let label = "Clusters"; +export let hideLabel = false; +export let id = "ccs-test"; +export let name: ComponentProps["name"] = undefined; +export let ref: ComponentProps["ref"] = null; - import { NumberInput } from "carbon-components-svelte"; +import { NumberInput } from "carbon-components-svelte"; diff --git a/tests/OffsetColumns.test.svelte b/tests/OffsetColumns.test.svelte index 3873576d..fb8e68d3 100644 --- a/tests/OffsetColumns.test.svelte +++ b/tests/OffsetColumns.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/OrderedList/OrderedList.test.svelte b/tests/OrderedList/OrderedList.test.svelte index 07e2a41c..1248b621 100644 --- a/tests/OrderedList/OrderedList.test.svelte +++ b/tests/OrderedList/OrderedList.test.svelte @@ -1,13 +1,13 @@
diff --git a/tests/OverflowMenu/OverflowMenu.test.svelte b/tests/OverflowMenu/OverflowMenu.test.svelte index 9ddb5e0d..2d0b038b 100644 --- a/tests/OverflowMenu/OverflowMenu.test.svelte +++ b/tests/OverflowMenu/OverflowMenu.test.svelte @@ -1,5 +1,5 @@ - import { Grid, Row, Column } from "carbon-components-svelte"; +import { Grid, Row, Column } from "carbon-components-svelte"; diff --git a/tests/Pagination/Pagination.test.svelte b/tests/Pagination/Pagination.test.svelte index 63b4005e..70a9b5cc 100644 --- a/tests/Pagination/Pagination.test.svelte +++ b/tests/Pagination/Pagination.test.svelte @@ -1,17 +1,17 @@ - import { PaginationNav } from "carbon-components-svelte"; +import { PaginationNav } from "carbon-components-svelte"; - export let page = 1; - export let total = 10; - export let shown = 10; - export let loop = false; - export let forwardText = "Next page"; - export let backwardText = "Previous page"; - export let tooltipPosition: - | "top" - | "right" - | "bottom" - | "left" - | "outside" - | "inside" = "bottom"; +export let page = 1; +export let total = 10; +export let shown = 10; +export let loop = false; +export let forwardText = "Next page"; +export let backwardText = "Previous page"; +export let tooltipPosition: + | "top" + | "right" + | "bottom" + | "left" + | "outside" + | "inside" = "bottom"; - import { Button, Modal } from "carbon-components-svelte"; +import { Button, Modal } from "carbon-components-svelte"; - let open = false; +let open = false; diff --git a/tests/PasswordInput/PasswordInput.test.svelte b/tests/PasswordInput/PasswordInput.test.svelte index 2f451be2..a6c55084 100644 --- a/tests/PasswordInput/PasswordInput.test.svelte +++ b/tests/PasswordInput/PasswordInput.test.svelte @@ -1,27 +1,27 @@ - import { - Header, - HeaderNav, - HeaderNavItem, - HeaderNavMenu, - SideNav, - SideNavItems, - SideNavMenu, - SideNavMenuItem, - SideNavLink, - SkipToContent, - Content, - Grid, - Row, - Column, - } from "carbon-components-svelte"; +import { + Header, + HeaderNav, + HeaderNavItem, + HeaderNavMenu, + SideNav, + SideNavItems, + SideNavMenu, + SideNavMenuItem, + SideNavLink, + SkipToContent, + Content, + Grid, + Row, + Column, +} from "carbon-components-svelte"; - let isSideNavOpen = false; +let isSideNavOpen = false;
- import { Popover } from "carbon-components-svelte"; +import { Popover } from "carbon-components-svelte"; - export let open = false; - export let align: - | "top" - | "top-left" - | "top-right" - | "bottom" - | "bottom-left" - | "bottom-right" - | "left" - | "left-bottom" - | "left-top" - | "right" - | "right-bottom" - | "right-top" = "top"; - export let caret = false; - export let light = false; - export let highContrast = false; - export let relative = false; - export let closeOnOutsideClick = false; +export let open = false; +export let align: + | "top" + | "top-left" + | "top-right" + | "bottom" + | "bottom-left" + | "bottom-right" + | "left" + | "left-bottom" + | "left-top" + | "right" + | "right-bottom" + | "right-top" = "top"; +export let caret = false; +export let light = false; +export let highContrast = false; +export let relative = false; +export let closeOnOutsideClick = false;
diff --git a/tests/ProgressBar/ProgressBar.test.svelte b/tests/ProgressBar/ProgressBar.test.svelte index cb5f46ed..e6cbc7ae 100644 --- a/tests/ProgressBar/ProgressBar.test.svelte +++ b/tests/ProgressBar/ProgressBar.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/ProgressIndicator/ProgressIndicator.test.svelte b/tests/ProgressIndicator/ProgressIndicator.test.svelte index 4f8a4d06..4607c978 100644 --- a/tests/ProgressIndicator/ProgressIndicator.test.svelte +++ b/tests/ProgressIndicator/ProgressIndicator.test.svelte @@ -1,17 +1,17 @@ - import { RadioButton } from "carbon-components-svelte"; - import type { ComponentProps } from "svelte"; +import { RadioButton } from "carbon-components-svelte"; +import type { ComponentProps } from "svelte"; - export let value: ComponentProps["value"] = ""; - export let checked: ComponentProps["checked"] = false; - export let disabled: ComponentProps["disabled"] = false; - export let required: ComponentProps["required"] = false; - export let labelPosition: ComponentProps["labelPosition"] = - "right"; - export let labelText: ComponentProps["labelText"] = "Option 1"; - export let hideLabel: ComponentProps["hideLabel"] = false; - export let id: ComponentProps["id"] = "ccs-test"; - export let name: ComponentProps["name"] = "test-group"; - export let ref: ComponentProps["ref"] = null; +export let value: ComponentProps["value"] = ""; +export let checked: ComponentProps["checked"] = false; +export let disabled: ComponentProps["disabled"] = false; +export let required: ComponentProps["required"] = false; +export let labelPosition: ComponentProps["labelPosition"] = + "right"; +export let labelText: ComponentProps["labelText"] = "Option 1"; +export let hideLabel: ComponentProps["hideLabel"] = false; +export let id: ComponentProps["id"] = "ccs-test"; +export let name: ComponentProps["name"] = "test-group"; +export let ref: ComponentProps["ref"] = null; - import { RadioButton } from "carbon-components-svelte"; +import { RadioButton } from "carbon-components-svelte"; diff --git a/tests/RadioSelectableDataTable.test.svelte b/tests/RadioSelectableDataTable.test.svelte index 4cfeb4ba..297a0a3e 100644 --- a/tests/RadioSelectableDataTable.test.svelte +++ b/tests/RadioSelectableDataTable.test.svelte @@ -1,24 +1,24 @@ diff --git a/tests/RadioTile/RadioTile.group.test.svelte b/tests/RadioTile/RadioTile.group.test.svelte index defafb8a..7590b4c7 100644 --- a/tests/RadioTile/RadioTile.group.test.svelte +++ b/tests/RadioTile/RadioTile.group.test.svelte @@ -1,9 +1,9 @@ diff --git a/tests/RadioTile/RadioTile.single.test.svelte b/tests/RadioTile/RadioTile.single.test.svelte index 6a986a02..805e0c39 100644 --- a/tests/RadioTile/RadioTile.single.test.svelte +++ b/tests/RadioTile/RadioTile.single.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/RadioTile/RadioTile.test.svelte b/tests/RadioTile/RadioTile.test.svelte index 84d734e4..90ac4ef8 100644 --- a/tests/RadioTile/RadioTile.test.svelte +++ b/tests/RadioTile/RadioTile.test.svelte @@ -1,17 +1,17 @@ - import { RadioTile, TileGroup } from "carbon-components-svelte"; +import { RadioTile, TileGroup } from "carbon-components-svelte"; diff --git a/tests/RecursiveList/RecursiveList.hierarchy.test.svelte b/tests/RecursiveList/RecursiveList.hierarchy.test.svelte index ec44d237..bf0f6f80 100644 --- a/tests/RecursiveList/RecursiveList.hierarchy.test.svelte +++ b/tests/RecursiveList/RecursiveList.hierarchy.test.svelte @@ -1,24 +1,24 @@ diff --git a/tests/RecursiveList/RecursiveList.test.svelte b/tests/RecursiveList/RecursiveList.test.svelte index cb1e9f98..1924f4e5 100644 --- a/tests/RecursiveList/RecursiveList.test.svelte +++ b/tests/RecursiveList/RecursiveList.test.svelte @@ -1,28 +1,28 @@ diff --git a/tests/ResponsiveGrid.test.svelte b/tests/ResponsiveGrid.test.svelte index 0231d54a..7df00fc5 100644 --- a/tests/ResponsiveGrid.test.svelte +++ b/tests/ResponsiveGrid.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/Search/Search.test.svelte b/tests/Search/Search.test.svelte index 635d3f31..d6212add 100644 --- a/tests/Search/Search.test.svelte +++ b/tests/Search/Search.test.svelte @@ -1,7 +1,7 @@ - import { Search } from "carbon-components-svelte"; +import { Search } from "carbon-components-svelte"; - let expanded = false; - let value = ""; +let expanded = false; +let value = ""; - import { Search } from "carbon-components-svelte"; +import { Search } from "carbon-components-svelte"; diff --git a/tests/Select/Select.falsy.test.svelte b/tests/Select/Select.falsy.test.svelte index 2583be30..4ff96a82 100644 --- a/tests/Select/Select.falsy.test.svelte +++ b/tests/Select/Select.falsy.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/Select/Select.skeleton.test.svelte b/tests/Select/Select.skeleton.test.svelte index 8020f35a..84df4424 100644 --- a/tests/Select/Select.skeleton.test.svelte +++ b/tests/Select/Select.skeleton.test.svelte @@ -1,5 +1,5 @@ diff --git a/tests/Select/Select.test.svelte b/tests/Select/Select.test.svelte index 4af1594d..33b61814 100644 --- a/tests/Select/Select.test.svelte +++ b/tests/Select/Select.test.svelte @@ -1,18 +1,18 @@