carbon-components-svelte 0.110.2 → 0.111.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/css/all.css +1 -1
- package/css/g10.css +1 -1
- package/css/g100.css +1 -1
- package/css/g80.css +1 -1
- package/css/g90.css +1 -1
- package/css/white.css +1 -1
- package/package.json +3 -2
- package/src/Accordion/Accordion.svelte +28 -1
- package/src/Accordion/Accordion.svelte.d.ts +17 -0
- package/src/Accordion/AccordionItem.svelte +32 -3
- package/src/Accordion/AccordionItem.svelte.d.ts +7 -0
- package/src/Accordion/AccordionSkeleton.svelte +7 -0
- package/src/Accordion/AccordionSkeleton.svelte.d.ts +7 -0
- package/src/Checkbox/Checkbox.svelte +43 -3
- package/src/Checkbox/Checkbox.svelte.d.ts +25 -1
- package/src/Checkbox/CheckboxGroup.svelte +44 -3
- package/src/Checkbox/CheckboxGroup.svelte.d.ts +24 -0
- package/src/Checkbox/InlineCheckbox.svelte +26 -1
- package/src/Checkbox/InlineCheckbox.svelte.d.ts +2 -1
- package/src/CodeSnippet/CodeSnippet.svelte +120 -21
- package/src/CodeSnippet/CodeSnippet.svelte.d.ts +54 -2
- package/src/ComboBox/ComboBox.svelte +69 -12
- package/src/ComboBox/ComboBox.svelte.d.ts +11 -1
- package/src/ComposedModal/ComposedModal.svelte +11 -0
- package/src/ComposedModal/ComposedModal.svelte.d.ts +4 -0
- package/src/ComposedModal/ModalBody.svelte +19 -0
- package/src/ComposedModal/ModalFooter.svelte +49 -14
- package/src/ComposedModal/ModalFooter.svelte.d.ts +25 -6
- package/src/ComposedModal/ModalHeader.svelte +25 -15
- package/src/ComposedModal/ModalHeader.svelte.d.ts +7 -0
- package/src/ContainedList/ContainedList.svelte +3 -1
- package/src/ContainedList/ContainedList.svelte.d.ts +1 -1
- package/src/ContainedList/ContainedListItem.svelte +20 -4
- package/src/ContainedList/ContainedListItem.svelte.d.ts +15 -1
- package/src/ContentSwitcher/ContentSwitcher.svelte +62 -7
- package/src/ContentSwitcher/ContentSwitcher.svelte.d.ts +10 -0
- package/src/ContentSwitcher/Switch.svelte +2 -1
- package/src/ContentSwitcher/Switch.svelte.d.ts +1 -1
- package/src/ContextMenu/ContextMenu.svelte +0 -7
- package/src/ContextMenu/ContextMenuOption.svelte +45 -151
- package/src/ContextMenu/ContextMenuOption.svelte.d.ts +8 -1
- package/src/CopyButton/CopyButton.svelte +18 -9
- package/src/CopyButton/CopyButton.svelte.d.ts +11 -2
- package/src/CopyInput/CopyInput.svelte +12 -3
- package/src/CopyInput/CopyInput.svelte.d.ts +11 -3
- package/src/DataTable/DataTable.svelte +187 -62
- package/src/DataTable/DataTable.svelte.d.ts +21 -4
- package/src/DataTable/Table.svelte +43 -0
- package/src/DataTable/Table.svelte.d.ts +16 -0
- package/src/DataTable/TableContainer.svelte +23 -2
- package/src/DataTable/TableContainer.svelte.d.ts +7 -0
- package/src/DataTable/TableFoot.svelte +5 -0
- package/src/DataTable/TableFoot.svelte.d.ts +23 -0
- package/src/DataTable/TableHeader.svelte +2 -1
- package/src/DataTable/TableHeader.svelte.d.ts +2 -1
- package/src/DataTable/Toolbar.svelte +2 -0
- package/src/DataTable/Toolbar.svelte.d.ts +1 -0
- package/src/DataTable/ToolbarBatchActions.svelte +25 -2
- package/src/DataTable/ToolbarBatchActions.svelte.d.ts +1 -0
- package/src/DataTable/ToolbarSearch.svelte +14 -10
- package/src/DataTable/data-table-utils.d.ts +47 -0
- package/src/DataTable/data-table-utils.js +114 -8
- package/src/DataTable/index.js +1 -0
- package/src/DatePicker/DatePicker.svelte +13 -6
- package/src/DatePicker/DatePicker.svelte.d.ts +7 -4
- package/src/DatePicker/DatePickerInput.svelte +2 -1
- package/src/DatePicker/DatePickerInput.svelte.d.ts +1 -1
- package/src/DatePicker/createCalendar.js +68 -8
- package/src/DatePicker/datePickerTopLayer.js +3 -2
- package/src/DatePicker/yearSelectPlugin.js +280 -0
- package/src/Dialog/Dialog.svelte +40 -2
- package/src/Dialog/Dialog.svelte.d.ts +10 -1
- package/src/Disclosure/Disclosure.svelte +2 -1
- package/src/Dropdown/Dropdown.svelte +177 -25
- package/src/Dropdown/Dropdown.svelte.d.ts +43 -1
- package/src/FileUploader/FileUploader.svelte +103 -39
- package/src/FileUploader/FileUploader.svelte.d.ts +30 -0
- package/src/FileUploader/FileUploaderButton.svelte +2 -1
- package/src/FileUploader/FileUploaderButton.svelte.d.ts +1 -1
- package/src/FileUploader/FileUploaderDropContainer.svelte +55 -22
- package/src/FileUploader/FileUploaderDropContainer.svelte.d.ts +28 -2
- package/src/FileUploader/FileUploaderItem.svelte +2 -1
- package/src/FileUploader/FileUploaderItem.svelte.d.ts +1 -1
- package/src/FluidForm/FluidForm.svelte +15 -3
- package/src/FluidForm/FluidForm.svelte.d.ts +13 -0
- package/src/Form/Form.svelte +44 -0
- package/src/Form/Form.svelte.d.ts +13 -0
- package/src/FormGroup/FormGroup.svelte +13 -0
- package/src/FormGroup/FormGroup.svelte.d.ts +8 -0
- package/src/FormLabel/FormLabel.svelte +3 -1
- package/src/FormLabel/FormLabel.svelte.d.ts +1 -1
- package/src/InlineLoading/InlineLoading.svelte +1 -1
- package/src/InlineLoading/InlineLoading.svelte.d.ts +1 -1
- package/src/Link/Link.svelte +1 -1
- package/src/Link/Link.svelte.d.ts +1 -1
- package/src/Link/LinkDownload.svelte +72 -0
- package/src/Link/LinkDownload.svelte.d.ts +56 -0
- package/src/Link/index.js +1 -0
- package/src/ListBox/ListBox.svelte +14 -2
- package/src/ListBox/ListBox.svelte.d.ts +12 -0
- package/src/ListBox/ListBoxField.svelte +2 -20
- package/src/ListBox/ListBoxField.svelte.d.ts +2 -14
- package/src/ListBox/ListBoxMenu.svelte +2 -1
- package/src/ListBox/ListBoxMenu.svelte.d.ts +1 -1
- package/src/ListBox/ListBoxMenuIcon.svelte.d.ts +1 -0
- package/src/ListBox/ListBoxMenuItem.svelte +1 -0
- package/src/ListBox/ListBoxMenuItem.svelte.d.ts +1 -0
- package/src/ListBox/ListBoxSelection.svelte.d.ts +1 -0
- package/src/Menu/Menu.svelte +40 -5
- package/src/Menu/Menu.svelte.d.ts +8 -0
- package/src/Menu/MenuItem.svelte +102 -21
- package/src/Menu/MenuItem.svelte.d.ts +43 -0
- package/src/Menu/MenuItemGroup.svelte +60 -0
- package/src/Menu/MenuItemGroup.svelte.d.ts +29 -0
- package/src/Menu/MenuItemRadioGroup.svelte +52 -0
- package/src/Menu/MenuItemRadioGroup.svelte.d.ts +29 -0
- package/src/Menu/index.js +2 -0
- package/src/MenuButton/MenuButton.svelte +106 -23
- package/src/MenuButton/MenuButton.svelte.d.ts +42 -4
- package/src/Modal/Modal.svelte +69 -15
- package/src/Modal/Modal.svelte.d.ts +31 -4
- package/src/MultiSelect/MultiSelect.svelte +353 -107
- package/src/MultiSelect/MultiSelect.svelte.d.ts +49 -1
- package/src/Notification/InlineNotification.svelte +13 -0
- package/src/Notification/InlineNotification.svelte.d.ts +6 -0
- package/src/Notification/NotificationQueue.svelte +39 -5
- package/src/Notification/NotificationQueue.svelte.d.ts +7 -1
- package/src/Notification/ToastNotification.svelte +13 -0
- package/src/Notification/ToastNotification.svelte.d.ts +6 -0
- package/src/NumberInput/NumberInput.svelte +2 -1
- package/src/NumberInput/NumberInput.svelte.d.ts +2 -1
- package/src/OverflowMenu/OverflowMenu.svelte +24 -3
- package/src/OverflowMenu/OverflowMenu.svelte.d.ts +9 -1
- package/src/OverflowMenu/OverflowMenuItem.svelte +6 -1
- package/src/OverflowMenu/OverflowMenuItem.svelte.d.ts +1 -1
- package/src/Pagination/Pagination.svelte +56 -38
- package/src/Pagination/Pagination.svelte.d.ts +12 -1
- package/src/PaginationNav/PaginationNav.svelte +16 -3
- package/src/PaginationNav/PaginationOverflow.svelte +1 -1
- package/src/PinCodeInput/PinCodeInput.svelte +84 -27
- package/src/PinCodeInput/PinCodeInput.svelte.d.ts +29 -6
- package/src/Portal/FloatingPortal.svelte +36 -6
- package/src/ProgressBar/ProgressBar.svelte +3 -2
- package/src/ProgressBar/ProgressBar.svelte.d.ts +1 -1
- package/src/ProgressIndicator/ProgressIndicator.svelte +60 -7
- package/src/ProgressIndicator/ProgressIndicator.svelte.d.ts +10 -0
- package/src/ProgressIndicator/ProgressStep.svelte +8 -1
- package/src/ProgressIndicator/ProgressStep.svelte.d.ts +1 -1
- package/src/RadioButton/RadioButton.svelte +2 -1
- package/src/RadioButton/RadioButton.svelte.d.ts +1 -1
- package/src/RadioButtonGroup/RadioButtonGroup.svelte +2 -1
- package/src/Search/Search.svelte +4 -2
- package/src/Search/Search.svelte.d.ts +1 -1
- package/src/SearchMenu/SearchMenu.svelte +2 -1
- package/src/SearchMenu/SearchMenu.svelte.d.ts +1 -1
- package/src/SearchMenu/SearchMenuItem.svelte +2 -1
- package/src/SearchMenu/SearchMenuItem.svelte.d.ts +1 -1
- package/src/Select/Select.svelte +2 -1
- package/src/Select/Select.svelte.d.ts +1 -1
- package/src/Select/SelectItem.svelte +2 -1
- package/src/SkeletonPlaceholder/SkeletonPlaceholder.svelte +1 -0
- package/src/SkeletonText/SkeletonText.svelte +9 -1
- package/src/Slider/RangeSlider.svelte +74 -3
- package/src/Slider/RangeSlider.svelte.d.ts +20 -1
- package/src/Slider/Slider.svelte +70 -4
- package/src/Slider/Slider.svelte.d.ts +20 -1
- package/src/StructuredList/StructuredListInput.svelte +2 -1
- package/src/StructuredList/StructuredListInput.svelte.d.ts +1 -1
- package/src/StructuredList/StructuredListRow.svelte +1 -1
- package/src/StructuredList/StructuredListRow.svelte.d.ts +9 -10
- package/src/Tabs/Tab.svelte +13 -2
- package/src/Tabs/Tab.svelte.d.ts +3 -2
- package/src/Tabs/TabContent.svelte +23 -3
- package/src/Tabs/TabContent.svelte.d.ts +15 -2
- package/src/Tabs/Tabs.svelte +111 -5
- package/src/Tabs/Tabs.svelte.d.ts +20 -0
- package/src/Tabs/TabsVertical.svelte +107 -5
- package/src/Tabs/TabsVertical.svelte.d.ts +20 -0
- package/src/Tag/SelectableTag.svelte +2 -1
- package/src/Tag/SelectableTag.svelte.d.ts +1 -1
- package/src/Tag/Tag.svelte +137 -13
- package/src/Tag/Tag.svelte.d.ts +17 -3
- package/src/TextArea/TextArea.svelte +23 -7
- package/src/TextArea/TextArea.svelte.d.ts +1 -1
- package/src/TextInput/PasswordInput.svelte +2 -1
- package/src/TextInput/PasswordInput.svelte.d.ts +1 -1
- package/src/TextInput/TextInput.svelte +58 -26
- package/src/TextInput/TextInput.svelte.d.ts +8 -1
- package/src/Tile/ClickableTile.svelte +2 -1
- package/src/Tile/ClickableTile.svelte.d.ts +2 -1
- package/src/Tile/ExpandableTile.svelte +2 -1
- package/src/Tile/ExpandableTile.svelte.d.ts +1 -1
- package/src/Tile/RadioTile.svelte +2 -1
- package/src/Tile/RadioTile.svelte.d.ts +1 -1
- package/src/Tile/SelectableTile.svelte +2 -1
- package/src/Tile/SelectableTile.svelte.d.ts +1 -1
- package/src/TimePicker/TimePicker.svelte +2 -1
- package/src/TimePicker/TimePicker.svelte.d.ts +1 -1
- package/src/TimePicker/TimePickerSelect.svelte +2 -1
- package/src/TimePicker/TimePickerSelect.svelte.d.ts +1 -1
- package/src/Toggle/Toggle.svelte +2 -1
- package/src/Toggle/Toggle.svelte.d.ts +1 -1
- package/src/Toggle/ToggleSkeleton.svelte +3 -1
- package/src/Toggle/ToggleSkeleton.svelte.d.ts +1 -1
- package/src/Toggletip/Toggletip.svelte +5 -2
- package/src/Tooltip/Tooltip.svelte +85 -72
- package/src/Tooltip/Tooltip.svelte.d.ts +2 -2
- package/src/TooltipDefinition/TooltipDefinition.svelte +17 -13
- package/src/TooltipDefinition/TooltipDefinition.svelte.d.ts +1 -1
- package/src/TooltipIcon/TooltipIcon.svelte +19 -29
- package/src/TooltipIcon/TooltipIcon.svelte.d.ts +1 -1
- package/src/TreeView/TreeView.svelte +1157 -210
- package/src/TreeView/TreeView.svelte.d.ts +142 -4
- package/src/TreeView/TreeViewNode.svelte +67 -5
- package/src/TreeView/TreeViewNode.svelte.d.ts +22 -0
- package/src/TreeView/TreeViewNodeList.svelte +124 -17
- package/src/TreeView/TreeViewNodeList.svelte.d.ts +47 -0
- package/src/TreeView/TreeViewNodeVirtual.svelte +223 -0
- package/src/TreeView/TreeViewNodeVirtual.svelte.d.ts +52 -0
- package/src/UIShell/HamburgerMenu.svelte +11 -0
- package/src/UIShell/HeaderAction.svelte +25 -2
- package/src/UIShell/HeaderAction.svelte.d.ts +7 -1
- package/src/UIShell/HeaderNavItem.svelte +2 -1
- package/src/UIShell/HeaderSearch.svelte +2 -1
- package/src/UIShell/ProfileMenu.svelte +2 -1
- package/src/UIShell/ProfileMenuDetail.svelte +3 -1
- package/src/UIShell/SideNav.svelte +14 -0
- package/src/UIShell/nav-store.js +7 -0
- package/src/UserAvatar/UserAvatar.svelte +78 -12
- package/src/UserAvatar/UserAvatar.svelte.d.ts +32 -3
- package/src/icons/Menu.svelte.d.ts +22 -0
- package/src/index.d.ts +7 -0
- package/src/index.js +10 -0
- package/src/node_modules/.cache/sveld/parse-cache.json +1 -1
- package/src/utils/avatarColor.js +8 -3
- package/src/utils/boundedFifoCache.d.ts +13 -0
- package/src/utils/boundedFifoCache.js +43 -0
- package/src/utils/copyFeedback.d.ts +1 -0
- package/src/utils/copyFeedback.js +39 -19
- package/src/utils/copyText.d.ts +7 -0
- package/src/utils/copyText.js +56 -0
- package/src/utils/delayedSetter.d.ts +6 -0
- package/src/utils/delayedSetter.js +32 -0
- package/src/utils/dismiss.js +7 -74
- package/src/utils/downloadFile.d.ts +9 -0
- package/src/utils/downloadFile.js +20 -0
- package/src/utils/filterIncomingFiles.d.ts +28 -0
- package/src/utils/filterIncomingFiles.js +64 -0
- package/src/utils/graphemeCount.d.ts +4 -0
- package/src/utils/graphemeCount.js +23 -0
- package/src/utils/isExpandableNode.d.ts +9 -0
- package/src/utils/isExpandableNode.js +12 -0
- package/src/utils/isInSafeTriangle.d.ts +19 -0
- package/src/utils/isInSafeTriangle.js +86 -0
- package/src/utils/isScrollNearEnd.d.ts +36 -0
- package/src/utils/isScrollNearEnd.js +105 -0
- package/src/utils/resolveSliderMarks.d.ts +17 -0
- package/src/utils/resolveSliderMarks.js +43 -0
- package/src/utils/scrollIntoViewWithinMenu.d.ts +7 -3
- package/src/utils/scrollIntoViewWithinMenu.js +9 -4
- package/src/utils/submenuHoverIntent.d.ts +13 -0
- package/src/utils/submenuHoverIntent.js +42 -0
- package/src/utils/timeoutDismiss.d.ts +2 -0
- package/src/utils/timeoutDismiss.js +54 -4
- package/src/utils/trapFocus.js +13 -7
- package/src/utils/treeCheckboxState.d.ts +39 -0
- package/src/utils/treeCheckboxState.js +248 -0
- package/src/utils/treeVirtualIndex.d.ts +47 -0
- package/src/utils/treeVirtualIndex.js +277 -0
- package/src/utils/uniqueId.d.ts +2 -0
- package/src/utils/uniqueId.js +11 -0
- package/src/utils/virtualize.js +6 -0
- package/src/utils/windowListenerPool.d.ts +44 -0
- package/src/utils/windowListenerPool.js +98 -0
- package/css/_badge-indicator.scss +0 -48
- package/css/_box.scss +0 -71
- package/css/_breadcrumb.scss +0 -63
- package/css/_checkbox-readonly.scss +0 -40
- package/css/_code-snippet.scss +0 -46
- package/css/_combo-button.scss +0 -50
- package/css/_combobox-readonly.scss +0 -31
- package/css/_contained-list.scss +0 -285
- package/css/_content-switcher-low-contrast.scss +0 -128
- package/css/_content-switcher.scss +0 -65
- package/css/_copy-button-portal.scss +0 -29
- package/css/_copy-button.scss +0 -68
- package/css/_copy-input.scss +0 -120
- package/css/_data-table-highlighted-row.scss +0 -55
- package/css/_data-table-sticky-column-menu.scss +0 -28
- package/css/_data-table-toolbar.scss +0 -146
- package/css/_data-table-zebra-hidden.scss +0 -24
- package/css/_datepicker.scss +0 -137
- package/css/_dialog.scss +0 -47
- package/css/_disclosure.scss +0 -132
- package/css/_dropdown-readonly.scss +0 -31
- package/css/_fluid-combo-box.scss +0 -67
- package/css/_fluid-date-picker.scss +0 -336
- package/css/_fluid-list-box.scss +0 -344
- package/css/_fluid-multiselect.scss +0 -51
- package/css/_fluid-number-input.scss +0 -423
- package/css/_fluid-pin-code-input.scss +0 -222
- package/css/_fluid-search.scss +0 -118
- package/css/_fluid-select.scss +0 -188
- package/css/_fluid-text-area.scss +0 -217
- package/css/_fluid-text-input.scss +0 -211
- package/css/_fluid-time-picker.scss +0 -398
- package/css/_icon-indicator.scss +0 -130
- package/css/_link.scss +0 -57
- package/css/_list-box-menu-item.scss +0 -41
- package/css/_list-box-xs.scss +0 -45
- package/css/_menu-button.scss +0 -30
- package/css/_menu-xs.scss +0 -17
- package/css/_modal-full-width.scss +0 -17
- package/css/_multiselect-readonly.scss +0 -51
- package/css/_multiselect.scss +0 -28
- package/css/_number-input.scss +0 -171
- package/css/_overflow-menu.scss +0 -93
- package/css/_pagination.scss +0 -32
- package/css/_pin-code-input.scss +0 -112
- package/css/_popover.scss +0 -293
- package/css/_profile-menu.scss +0 -238
- package/css/_radiobutton-readonly.scss +0 -29
- package/css/_search-menu.scss +0 -240
- package/css/_search.scss +0 -41
- package/css/_select-readonly.scss +0 -36
- package/css/_select.scss +0 -21
- package/css/_selectable-tag.scss +0 -46
- package/css/_shape-indicator.scss +0 -130
- package/css/_slider.scss +0 -226
- package/css/_spacing-scale.scss +0 -17
- package/css/_stack.scss +0 -82
- package/css/_structured-list-input-focusable.scss +0 -75
- package/css/_tabs.scss +0 -999
- package/css/_tag-set.scss +0 -65
- package/css/_tag.scss +0 -29
- package/css/_text-area-readonly.scss +0 -17
- package/css/_text-area-warn.scss +0 -32
- package/css/_text-input.scss +0 -26
- package/css/_time-picker.scss +0 -60
- package/css/_toggle-readonly.scss +0 -52
- package/css/_toggletip.scss +0 -93
- package/css/_tooltip.scss +0 -166
- package/css/_treeview.scss +0 -50
- package/css/_truncate-multiline.scss +0 -24
- package/css/_type.scss +0 -71
- package/css/_ui-shell-classic.scss +0 -30
- package/css/_ui-shell.scss +0 -913
- package/css/_user-avatar-group.scss +0 -67
- package/css/_user-avatar.scss +0 -119
- package/css/all.scss +0 -146
- package/css/g10.scss +0 -106
- package/css/g100.scss +0 -106
- package/css/g80.scss +0 -106
- package/css/g90.scss +0 -106
- package/css/white.scss +0 -106
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
Carbon Components Svelte is a [Svelte](https://github.com/sveltejs/svelte) component library that implements the [Carbon Design System](https://www.carbondesignsystem.com/), an open source design system by IBM. Ship accessible, consistent, production-ready interfaces.
|
|
10
10
|
|
|
11
|
-
- **
|
|
11
|
+
- **90+ components**: from inputs to data tables
|
|
12
12
|
- **5 built-in themes**: two light, three dark
|
|
13
13
|
- **Fully typed TypeScript API**: props, events, and slots
|
|
14
14
|
- **WCAG 2.1 AA**: keyboard and screen-reader ready
|