@usefragments/ui 1.6.0 → 2.0.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 +54 -66
- package/dist/assets/fragments-wordmark.cjs +2 -2
- package/dist/assets/fragments-wordmark.d.ts.map +1 -1
- package/dist/assets/fragments-wordmark.js +2 -2
- package/dist/assets/nav-glyph.cjs +139 -0
- package/dist/assets/nav-glyph.d.ts +28 -0
- package/dist/assets/nav-glyph.d.ts.map +1 -0
- package/dist/assets/nav-glyph.js +139 -0
- package/dist/assets/nav-glyph.module.scss.cjs +71 -0
- package/dist/assets/nav-glyph.module.scss.js +71 -0
- package/dist/assets/ui.css +6885 -6308
- package/dist/blocks/components/StatsCard.d.ts +1 -1
- package/dist/blocks/components/StatsCard.d.ts.map +1 -1
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +76 -43
- package/dist/codeblock.js +71 -38
- package/dist/colorpicker.cjs +4 -1
- package/dist/colorpicker.js +4 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +23 -20
- package/dist/components/Alert/Alert.module.scss.js +23 -20
- package/dist/components/Alert/index.cjs +20 -8
- package/dist/components/Alert/index.d.ts +17 -11
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +20 -8
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- package/dist/components/AppShell/index.cjs +2 -2
- package/dist/components/AppShell/index.js +2 -2
- package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
- package/dist/components/Avatar/Avatar.module.scss.js +14 -14
- package/dist/components/Badge/Badge.module.scss.cjs +33 -31
- package/dist/components/Badge/Badge.module.scss.js +33 -31
- package/dist/components/Badge/index.cjs +13 -3
- package/dist/components/Badge/index.d.ts +18 -13
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +13 -3
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
- package/dist/components/Box/Box.module.scss.cjs +152 -152
- package/dist/components/Box/Box.module.scss.js +152 -152
- package/dist/components/Box/index.cjs +64 -75
- package/dist/components/Box/index.d.ts +16 -16
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/index.js +64 -75
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +11 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +11 -8
- package/dist/components/Breadcrumbs/index.cjs +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/Button.module.scss.cjs +36 -27
- package/dist/components/Button/Button.module.scss.js +36 -27
- package/dist/components/Button/index.cjs +20 -4
- package/dist/components/Button/index.d.ts +18 -10
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +20 -4
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
- package/dist/components/Card/Card.module.scss.cjs +31 -26
- package/dist/components/Card/Card.module.scss.js +32 -27
- package/dist/components/Card/index.cjs +16 -3
- package/dist/components/Card/index.d.ts +23 -15
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +16 -3
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
- package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
- package/dist/components/Checkbox/index.cjs +4 -4
- package/dist/components/Checkbox/index.d.ts +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -4
- package/dist/components/Chip/Chip.module.scss.cjs +19 -19
- package/dist/components/Chip/Chip.module.scss.js +19 -19
- package/dist/components/Chip/index.cjs +3 -3
- package/dist/components/Chip/index.d.ts +8 -3
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +3 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +20 -5
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
- package/dist/components/Combobox/Combobox.module.scss.js +21 -21
- package/dist/components/Combobox/index.cjs +26 -6
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +26 -6
- package/dist/components/Command/Command.module.scss.cjs +14 -11
- package/dist/components/Command/Command.module.scss.js +14 -11
- package/dist/components/Command/index.cjs +28 -16
- package/dist/components/Command/index.d.ts +8 -3
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +28 -16
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- package/dist/components/ConversationList/index.cjs +2 -2
- package/dist/components/ConversationList/index.js +2 -2
- package/dist/components/DataTable/DataTable.icons.cjs +6 -33
- package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.icons.js +6 -33
- package/dist/components/DataTable/DataTable.module.scss.cjs +31 -28
- package/dist/components/DataTable/DataTable.module.scss.js +31 -28
- package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
- package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Dialog/index.cjs +13 -16
- package/dist/components/Dialog/index.d.ts +11 -10
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +13 -16
- package/dist/components/Drawer/Drawer.module.scss.cjs +39 -39
- package/dist/components/Drawer/Drawer.module.scss.js +40 -40
- package/dist/components/Drawer/index.cjs +2 -2
- package/dist/components/Drawer/index.d.ts +5 -4
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
- package/dist/components/EmptyState/index.cjs +13 -6
- package/dist/components/EmptyState/index.d.ts +13 -5
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +13 -6
- package/dist/components/Field/Field.module.scss.cjs +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- package/dist/components/Field/index.cjs +9 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +9 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Grid/Grid.module.scss.cjs +54 -54
- package/dist/components/Grid/Grid.module.scss.js +54 -54
- package/dist/components/Grid/index.cjs +1 -1
- package/dist/components/Grid/index.js +1 -1
- package/dist/components/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- package/dist/components/Header/index.cjs +17 -38
- package/dist/components/Header/index.d.ts +15 -11
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +17 -38
- package/dist/components/Icon/Icon.module.scss.cjs +30 -33
- package/dist/components/Icon/Icon.module.scss.js +30 -33
- package/dist/components/Icon/index.cjs +15 -14
- package/dist/components/Icon/index.d.ts +23 -12
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +15 -14
- package/dist/components/IconButton/IconButton.module.scss.cjs +12 -12
- package/dist/components/IconButton/IconButton.module.scss.js +12 -12
- package/dist/components/IconButton/index.cjs +2 -1
- package/dist/components/IconButton/index.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.js +2 -1
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +15 -21
- package/dist/components/Input/Input.module.scss.js +15 -21
- package/dist/components/Input/index.cjs +2 -14
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +2 -14
- package/dist/components/Link/Link.module.scss.cjs +26 -14
- package/dist/components/Link/Link.module.scss.js +26 -14
- package/dist/components/Link/index.cjs +13 -2
- package/dist/components/Link/index.d.ts +11 -4
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +13 -2
- package/dist/components/List/List.module.scss.cjs +23 -19
- package/dist/components/List/List.module.scss.js +23 -19
- package/dist/components/List/index.cjs +7 -7
- package/dist/components/List/index.d.ts +10 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +7 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- package/dist/components/Loading/index.cjs +5 -5
- package/dist/components/Loading/index.d.ts +8 -7
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +5 -5
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +20 -20
- package/dist/components/Message/Message.module.scss.js +20 -20
- package/dist/components/Message/index.cjs +1 -1
- package/dist/components/Message/index.d.ts +1 -1
- package/dist/components/Message/index.js +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
- package/dist/components/NavigationMenu/index.cjs +32 -15
- package/dist/components/NavigationMenu/index.d.ts +12 -6
- package/dist/components/NavigationMenu/index.d.ts.map +1 -1
- package/dist/components/NavigationMenu/index.js +32 -15
- package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
- package/dist/components/Pagination/Pagination.module.scss.js +10 -10
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Progress/Progress.module.scss.cjs +28 -25
- package/dist/components/Progress/Progress.module.scss.js +28 -25
- package/dist/components/Progress/index.cjs +21 -12
- package/dist/components/Progress/index.d.ts +10 -6
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +21 -12
- package/dist/components/Prompt/Prompt.module.scss.cjs +30 -30
- package/dist/components/Prompt/Prompt.module.scss.js +30 -30
- package/dist/components/Prompt/index.cjs +7 -7
- package/dist/components/Prompt/index.d.ts +11 -9
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +7 -7
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +20 -17
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +20 -17
- package/dist/components/RadioGroup/index.cjs +10 -5
- package/dist/components/RadioGroup/index.d.ts +11 -7
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +10 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
- package/dist/components/ScrollArea/index.d.ts +4 -4
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
- package/dist/components/Select/Select.module.scss.cjs +21 -21
- package/dist/components/Select/Select.module.scss.js +21 -21
- package/dist/components/Select/index.cjs +26 -20
- package/dist/components/Select/index.d.ts +5 -5
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +26 -20
- package/dist/components/Separator/Separator.module.scss.cjs +25 -19
- package/dist/components/Separator/Separator.module.scss.js +25 -19
- package/dist/components/Separator/index.cjs +10 -8
- package/dist/components/Separator/index.d.ts +4 -2
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +10 -8
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
- package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
- package/dist/components/Sidebar/index.cjs +15 -38
- package/dist/components/Sidebar/index.d.ts +19 -19
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +15 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- package/dist/components/Skeleton/index.cjs +7 -7
- package/dist/components/Skeleton/index.d.ts +8 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +7 -7
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Stack/Stack.module.scss.cjs +25 -25
- package/dist/components/Stack/Stack.module.scss.js +25 -25
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switch/Switch.module.scss.cjs +9 -9
- package/dist/components/Switch/Switch.module.scss.js +9 -9
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +14 -10
- package/dist/components/TableOfContents/index.d.ts +5 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +14 -10
- package/dist/components/Tabs/Tabs.module.scss.cjs +18 -18
- package/dist/components/Tabs/Tabs.module.scss.js +18 -18
- package/dist/components/Tabs/index.cjs +30 -11
- package/dist/components/Tabs/index.d.ts +8 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +30 -11
- package/dist/components/Text/Text.module.scss.cjs +109 -97
- package/dist/components/Text/Text.module.scss.js +109 -97
- package/dist/components/Text/index.cjs +45 -41
- package/dist/components/Text/index.d.ts +24 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +45 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +22 -28
- package/dist/components/Textarea/Textarea.module.scss.js +22 -28
- package/dist/components/Textarea/index.cjs +3 -10
- package/dist/components/Textarea/index.d.ts +0 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +3 -10
- package/dist/components/Theme/index.cjs +22 -5
- package/dist/components/Theme/index.d.ts +6 -12
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +22 -5
- package/dist/components/ThemeToggle/ThemeButton.cjs +51 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts +16 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts.map +1 -0
- package/dist/components/ThemeToggle/ThemeButton.js +34 -0
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -6
- package/dist/components/ThemeToggle/icons.cjs +48 -0
- package/dist/components/ThemeToggle/icons.d.ts +10 -0
- package/dist/components/ThemeToggle/icons.d.ts.map +1 -0
- package/dist/components/ThemeToggle/icons.js +48 -0
- package/dist/components/ThemeToggle/index.cjs +6 -50
- package/dist/components/ThemeToggle/index.d.ts +5 -3
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +3 -47
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +18 -15
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +18 -15
- package/dist/components/ThinkingIndicator/index.cjs +7 -8
- package/dist/components/ThinkingIndicator/index.d.ts +6 -5
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +7 -8
- package/dist/components/Toast/Toast.module.scss.cjs +28 -29
- package/dist/components/Toast/Toast.module.scss.js +29 -30
- package/dist/components/Toast/index.cjs +28 -30
- package/dist/components/Toast/index.d.ts +9 -8
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +28 -30
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +21 -19
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +22 -20
- package/dist/components/ToggleGroup/index.cjs +4 -5
- package/dist/components/ToggleGroup/index.d.ts +7 -6
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +4 -5
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/Tooltip/index.cjs +24 -40
- package/dist/components/Tooltip/index.d.ts +4 -4
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +24 -40
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/components/VisuallyHidden/index.d.ts +2 -2
- package/dist/data-table-virtual.cjs +3 -2
- package/dist/data-table-virtual.js +3 -2
- package/dist/data-table.cjs +3 -2
- package/dist/data-table.js +3 -2
- package/dist/datepicker.cjs +26 -13
- package/dist/datepicker.js +26 -13
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +6 -2
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +46 -94
- package/dist/measurements/generated.d.ts +44 -92
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +46 -94
- package/dist/measurements/index.d.ts +1 -1
- package/dist/measurements/index.d.ts.map +1 -1
- package/dist/utils/a11y.cjs +5 -2
- package/dist/utils/a11y.d.ts +5 -5
- package/dist/utils/a11y.d.ts.map +1 -1
- package/dist/utils/a11y.js +5 -2
- package/dist/utils/canonical-stamp.cjs +2 -8
- package/dist/utils/canonical-stamp.d.ts.map +1 -1
- package/dist/utils/canonical-stamp.js +1 -7
- package/dist/utils/css-warning.cjs +1 -1
- package/dist/utils/css-warning.js +1 -1
- package/dist/utils/env.cjs +17 -0
- package/dist/utils/env.d.ts +3 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +3 -10
- package/dist/utils/keyboard-shortcuts.d.ts +4 -4
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
- package/dist/utils/keyboard-shortcuts.js +3 -10
- package/dist/utils/seed-derivation.cjs +10 -7
- package/dist/utils/seed-derivation.d.ts +1 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -7
- package/dist/utils/theme-presets.cjs +5 -10
- package/dist/utils/theme-presets.d.ts +1 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +5 -10
- package/fragments.json +1 -1
- package/package.json +9 -10
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/assets/nav-glyph.module.scss +166 -0
- package/src/assets/nav-glyph.tsx +188 -0
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +5 -3
- package/src/components/Alert/Alert.contract.json +49 -65
- package/src/components/Alert/Alert.module.scss +57 -47
- package/src/components/Alert/index.tsx +72 -39
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +99 -54
- package/src/components/AppShell/index.tsx +2 -2
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -2
- package/src/components/Badge/Badge.contract.json +86 -55
- package/src/components/Badge/Badge.module.scss +80 -48
- package/src/components/Badge/index.tsx +34 -17
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +7 -6
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +27 -12
- package/src/components/Breadcrumbs/index.tsx +5 -1
- package/src/components/Button/Button.module.scss +261 -185
- package/src/components/Button/index.tsx +41 -28
- package/src/components/ButtonGroup/ButtonGroup.contract.json +34 -49
- package/src/components/ButtonGroup/ButtonGroup.module.scss +8 -6
- package/src/components/Card/Card.consumer-fixture.module.scss +5 -2
- package/src/components/Card/Card.module.scss +97 -76
- package/src/components/Card/index.tsx +44 -20
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +6 -5
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +28 -27
- package/src/components/Checkbox/Checkbox.module.scss +47 -54
- package/src/components/Checkbox/index.tsx +10 -10
- package/src/components/Chip/Chip.contract.json +38 -45
- package/src/components/Chip/Chip.module.scss +24 -23
- package/src/components/Chip/index.tsx +12 -7
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +75 -73
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +114 -51
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +1 -7
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +34 -24
- package/src/components/ColorPicker/index.tsx +6 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +16 -19
- package/src/components/Combobox/index.tsx +41 -6
- package/src/components/Command/Command.contract.json +28 -44
- package/src/components/Command/Command.module.scss +19 -21
- package/src/components/Command/index.tsx +64 -47
- package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +2 -3
- package/src/components/ConversationList/index.tsx +2 -2
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +24 -17
- package/src/components/DataTable/DataTable.virtual.tsx +3 -2
- package/src/components/DataTable/index.tsx +9 -8
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +41 -44
- package/src/components/DatePicker/index.tsx +23 -9
- package/src/components/Dialog/Dialog.module.scss +26 -32
- package/src/components/Dialog/index.tsx +51 -39
- package/src/components/Drawer/Drawer.contract.json +28 -42
- package/src/components/Drawer/Drawer.module.scss +123 -64
- package/src/components/Drawer/index.tsx +7 -5
- package/src/components/Editor/Editor.contract.json +32 -49
- package/src/components/Editor/Editor.module.scss +60 -25
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +33 -45
- package/src/components/EmptyState/EmptyState.module.scss +37 -21
- package/src/components/EmptyState/index.tsx +56 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/Field.module.scss +2 -1
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +15 -7
- package/src/components/Form/Form.contract.json +23 -23
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +2 -2
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +57 -54
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +37 -81
- package/src/components/Icon/Icon.module.scss +13 -12
- package/src/components/Icon/index.tsx +31 -31
- package/src/components/IconButton/IconButton.contract.json +37 -21
- package/src/components/IconButton/IconButton.module.scss +19 -11
- package/src/components/IconButton/index.tsx +6 -5
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +25 -44
- package/src/components/Input/Input.module.scss +6 -55
- package/src/components/Input/index.tsx +2 -18
- package/src/components/Link/Link.contract.json +46 -58
- package/src/components/Link/Link.module.scss +41 -10
- package/src/components/Link/index.tsx +27 -6
- package/src/components/List/List.contract.json +33 -62
- package/src/components/List/List.module.scss +10 -5
- package/src/components/List/index.tsx +17 -13
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +14 -20
- package/src/components/Loading/Loading.contract.json +41 -65
- package/src/components/Loading/Loading.module.scss +37 -31
- package/src/components/Loading/index.tsx +15 -14
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +45 -6
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +30 -46
- package/src/components/Menu/Menu.module.scss +32 -16
- package/src/components/Message/Message.contract.json +31 -54
- package/src/components/Message/Message.module.scss +18 -9
- package/src/components/Message/index.tsx +2 -2
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +66 -66
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +9 -16
- package/src/components/Popover/Popover.contract.json +28 -50
- package/src/components/Popover/Popover.module.scss +30 -28
- package/src/components/Progress/Progress.contract.json +39 -35
- package/src/components/Progress/Progress.module.scss +16 -10
- package/src/components/Progress/index.tsx +34 -16
- package/src/components/Prompt/Prompt.contract.json +40 -56
- package/src/components/Prompt/Prompt.module.scss +49 -48
- package/src/components/Prompt/index.tsx +17 -15
- package/src/components/RadioGroup/RadioGroup.contract.json +29 -28
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -45
- package/src/components/RadioGroup/index.tsx +23 -10
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +45 -48
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +20 -19
- package/src/components/Select/index.tsx +26 -24
- package/src/components/Separator/Separator.contract.json +29 -53
- package/src/components/Separator/Separator.module.scss +24 -40
- package/src/components/Separator/index.tsx +16 -11
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +94 -88
- package/src/components/Sidebar/index.tsx +167 -167
- package/src/components/Skeleton/Skeleton.contract.json +34 -60
- package/src/components/Skeleton/Skeleton.module.scss +50 -26
- package/src/components/Skeleton/index.tsx +16 -15
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +9 -22
- package/src/components/Stack/Stack.contract.json +30 -57
- package/src/components/Stack/Stack.module.scss +26 -24
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +106 -59
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +24 -16
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +17 -13
- package/src/components/TableOfContents/index.tsx +27 -10
- package/src/components/Tabs/Tabs.contract.json +35 -56
- package/src/components/Tabs/Tabs.module.scss +27 -31
- package/src/components/Tabs/index.tsx +30 -15
- package/src/components/Text/Text.contract.json +52 -72
- package/src/components/Text/Text.module.scss +34 -18
- package/src/components/Text/index.tsx +123 -83
- package/src/components/Textarea/Textarea.contract.json +24 -55
- package/src/components/Textarea/Textarea.module.scss +22 -52
- package/src/components/Textarea/index.tsx +3 -14
- package/src/components/Theme/Theme.contract.json +35 -53
- package/src/components/Theme/index.tsx +41 -13
- package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
- package/src/components/ThemeToggle/ThemeToggle.module.scss +20 -27
- package/src/components/ThemeToggle/icons.tsx +46 -0
- package/src/components/ThemeToggle/index.tsx +9 -55
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +34 -50
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
- package/src/components/ThinkingIndicator/index.tsx +12 -14
- package/src/components/Toast/Toast.contract.json +55 -49
- package/src/components/Toast/Toast.module.scss +50 -105
- package/src/components/Toast/index.tsx +39 -34
- package/src/components/ToggleGroup/ToggleGroup.contract.json +39 -40
- package/src/components/ToggleGroup/ToggleGroup.module.scss +30 -27
- package/src/components/ToggleGroup/index.tsx +11 -11
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +16 -10
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +16 -12
- package/src/measurements/MeasurementTargets.module.scss +6 -7
- package/src/measurements/generated.ts +46 -97
- package/src/measurements/index.ts +0 -1
- package/src/measurements/measurements.json +44 -116
- package/src/recipes/_action.scss +4 -4
- package/src/recipes/_boolean-range.scss +12 -16
- package/src/recipes/_feedback.scss +17 -16
- package/src/recipes/_field.scss +28 -16
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_navigation.scss +84 -29
- package/src/recipes/_overlay.scss +143 -43
- package/src/recipes/_popup.scss +54 -34
- package/src/recipes/_prose.scss +48 -28
- package/src/recipes/_representation.scss +10 -9
- package/src/recipes/_segmented.scss +1 -1
- package/src/recipes/_table-chrome.scss +42 -17
- package/src/recipes/_target.scss +2 -4
- package/src/recipes/_typography.scss +10 -0
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +31 -25
- package/src/tokens/_component-properties.scss +19 -1
- package/src/tokens/_computed.scss +32 -49
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +62 -44
- package/src/tokens/_measurements.generated.scss +119 -249
- package/src/tokens/_mixins.scss +49 -48
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +9 -0
- package/src/tokens/_seeds.scss +20 -31
- package/src/tokens/_variables.scss +251 -94
- package/src/utils/a11y.tsx +69 -69
- package/src/utils/aria.ts +3 -3
- package/src/utils/canonical-stamp.ts +2 -12
- package/src/utils/css-warning.ts +7 -7
- package/src/utils/env.ts +25 -0
- package/src/utils/keyboard-shortcuts.ts +131 -126
- package/src/utils/seed-derivation.ts +11 -14
- package/src/utils/theme-presets.ts +5 -12
- package/dist/blocks/AccountSettings.block.d.ts +0 -3
- package/dist/blocks/AccountSettings.block.d.ts.map +0 -1
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts +0 -3
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/BlogEditor.block.d.ts +0 -3
- package/dist/blocks/BlogEditor.block.d.ts.map +0 -1
- package/dist/blocks/ChatInterface.block.d.ts +0 -3
- package/dist/blocks/ChatInterface.block.d.ts.map +0 -1
- package/dist/blocks/ChatMessages.block.d.ts +0 -3
- package/dist/blocks/ChatMessages.block.d.ts.map +0 -1
- package/dist/blocks/CheckoutForm.block.d.ts +0 -3
- package/dist/blocks/CheckoutForm.block.d.ts.map +0 -1
- package/dist/blocks/CommandPalette.block.d.ts +0 -3
- package/dist/blocks/CommandPalette.block.d.ts.map +0 -1
- package/dist/blocks/ContactForm.block.d.ts +0 -3
- package/dist/blocks/ContactForm.block.d.ts.map +0 -1
- package/dist/blocks/DashboardPage.block.d.ts +0 -3
- package/dist/blocks/DashboardPage.block.d.ts.map +0 -1
- package/dist/blocks/DashboardSkeleton.block.d.ts +0 -3
- package/dist/blocks/DashboardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/DataTable.block.d.ts +0 -3
- package/dist/blocks/DataTable.block.d.ts.map +0 -1
- package/dist/blocks/EmptyState.block.d.ts +0 -3
- package/dist/blocks/EmptyState.block.d.ts.map +0 -1
- package/dist/blocks/FAQSection.block.d.ts +0 -3
- package/dist/blocks/FAQSection.block.d.ts.map +0 -1
- package/dist/blocks/FeatureGrid.block.d.ts +0 -3
- package/dist/blocks/FeatureGrid.block.d.ts.map +0 -1
- package/dist/blocks/HeroSection.block.d.ts +0 -3
- package/dist/blocks/HeroSection.block.d.ts.map +0 -1
- package/dist/blocks/NavigationHeader.block.d.ts +0 -3
- package/dist/blocks/NavigationHeader.block.d.ts.map +0 -1
- package/dist/blocks/PaginatedTable.block.d.ts +0 -3
- package/dist/blocks/PaginatedTable.block.d.ts.map +0 -1
- package/dist/blocks/PricingComparison.block.d.ts +0 -3
- package/dist/blocks/PricingComparison.block.d.ts.map +0 -1
- package/dist/blocks/ProductCard.block.d.ts +0 -3
- package/dist/blocks/ProductCard.block.d.ts.map +0 -1
- package/dist/blocks/RegistrationForm.block.d.ts +0 -3
- package/dist/blocks/RegistrationForm.block.d.ts.map +0 -1
- package/dist/blocks/SettingsDrawer.block.d.ts +0 -3
- package/dist/blocks/SettingsDrawer.block.d.ts.map +0 -1
- package/dist/blocks/SettingsPanel.block.d.ts +0 -3
- package/dist/blocks/SettingsPanel.block.d.ts.map +0 -1
- package/dist/blocks/ShoppingCart.block.d.ts +0 -3
- package/dist/blocks/ShoppingCart.block.d.ts.map +0 -1
- package/dist/blocks/StatsCardSkeleton.block.d.ts +0 -3
- package/dist/blocks/StatsCardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/TableSkeleton.block.d.ts +0 -3
- package/dist/blocks/TableSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/ThinkingStates.block.d.ts +0 -3
- package/dist/blocks/ThinkingStates.block.d.ts.map +0 -1
- package/dist/components/Toggle/index.d.ts +0 -3
- package/dist/components/Toggle/index.d.ts.map +0 -1
- package/src/components/Button/Button.contract.json +0 -218
- package/src/components/Card/Card.contract.json +0 -175
- package/src/components/DataTable/DataTable.contract.json +0 -302
- package/src/components/Dialog/Dialog.contract.json +0 -159
- package/src/components/Select/Select.contract.json +0 -259
- package/src/components/Toggle/index.ts +0 -7
- package/src/tokens/_density.scss +0 -85
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const trigger = "
|
|
5
|
-
const triggerContent = "
|
|
6
|
-
const chevron = "
|
|
7
|
-
const chevronOpen = "
|
|
8
|
-
const content = "
|
|
9
|
-
const contentOpen = "
|
|
10
|
-
const contentInner = "
|
|
11
|
-
const disabled = "
|
|
3
|
+
const root = "_root_u0tmr_1";
|
|
4
|
+
const trigger = "_trigger_u0tmr_5";
|
|
5
|
+
const triggerContent = "_triggerContent_u0tmr_60";
|
|
6
|
+
const chevron = "_chevron_u0tmr_65";
|
|
7
|
+
const chevronOpen = "_chevronOpen_u0tmr_73";
|
|
8
|
+
const content = "_content_u0tmr_77";
|
|
9
|
+
const contentOpen = "_contentOpen_u0tmr_85";
|
|
10
|
+
const contentInner = "_contentInner_u0tmr_90";
|
|
11
|
+
const disabled = "_disabled_u0tmr_104";
|
|
12
12
|
const styles = {
|
|
13
13
|
root,
|
|
14
14
|
trigger,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const trigger = "
|
|
3
|
-
const triggerContent = "
|
|
4
|
-
const chevron = "
|
|
5
|
-
const chevronOpen = "
|
|
6
|
-
const content = "
|
|
7
|
-
const contentOpen = "
|
|
8
|
-
const contentInner = "
|
|
9
|
-
const disabled = "
|
|
1
|
+
const root = "_root_u0tmr_1";
|
|
2
|
+
const trigger = "_trigger_u0tmr_5";
|
|
3
|
+
const triggerContent = "_triggerContent_u0tmr_60";
|
|
4
|
+
const chevron = "_chevron_u0tmr_65";
|
|
5
|
+
const chevronOpen = "_chevronOpen_u0tmr_73";
|
|
6
|
+
const content = "_content_u0tmr_77";
|
|
7
|
+
const contentOpen = "_contentOpen_u0tmr_85";
|
|
8
|
+
const contentInner = "_contentInner_u0tmr_90";
|
|
9
|
+
const disabled = "_disabled_u0tmr_104";
|
|
10
10
|
const styles = {
|
|
11
11
|
root,
|
|
12
12
|
trigger,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const label = "
|
|
5
|
-
const helper = "
|
|
6
|
-
const helperError = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const sizeSm = "
|
|
9
|
-
const inputWrapper = "
|
|
10
|
-
const swatch = "
|
|
11
|
-
const hexInput = "
|
|
12
|
-
const sizeMd = "
|
|
13
|
-
const sizeLg = "
|
|
14
|
-
const hexInputField = "
|
|
15
|
-
const positioner = "
|
|
16
|
-
const popup = "
|
|
3
|
+
const wrapper = "_wrapper_jzvlz_1";
|
|
4
|
+
const label = "_label_jzvlz_8";
|
|
5
|
+
const helper = "_helper_jzvlz_17";
|
|
6
|
+
const helperError = "_helperError_jzvlz_27";
|
|
7
|
+
const errorMessage = "_errorMessage_jzvlz_28";
|
|
8
|
+
const sizeSm = "_sizeSm_jzvlz_38";
|
|
9
|
+
const inputWrapper = "_inputWrapper_jzvlz_38";
|
|
10
|
+
const swatch = "_swatch_jzvlz_41";
|
|
11
|
+
const hexInput = "_hexInput_jzvlz_53";
|
|
12
|
+
const sizeMd = "_sizeMd_jzvlz_58";
|
|
13
|
+
const sizeLg = "_sizeLg_jzvlz_75";
|
|
14
|
+
const hexInputField = "_hexInputField_jzvlz_162";
|
|
15
|
+
const positioner = "_positioner_jzvlz_167";
|
|
16
|
+
const popup = "_popup_jzvlz_172";
|
|
17
17
|
const styles = {
|
|
18
18
|
wrapper,
|
|
19
19
|
label,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const label = "
|
|
3
|
-
const helper = "
|
|
4
|
-
const helperError = "
|
|
5
|
-
const errorMessage = "
|
|
6
|
-
const sizeSm = "
|
|
7
|
-
const inputWrapper = "
|
|
8
|
-
const swatch = "
|
|
9
|
-
const hexInput = "
|
|
10
|
-
const sizeMd = "
|
|
11
|
-
const sizeLg = "
|
|
12
|
-
const hexInputField = "
|
|
13
|
-
const positioner = "
|
|
14
|
-
const popup = "
|
|
1
|
+
const wrapper = "_wrapper_jzvlz_1";
|
|
2
|
+
const label = "_label_jzvlz_8";
|
|
3
|
+
const helper = "_helper_jzvlz_17";
|
|
4
|
+
const helperError = "_helperError_jzvlz_27";
|
|
5
|
+
const errorMessage = "_errorMessage_jzvlz_28";
|
|
6
|
+
const sizeSm = "_sizeSm_jzvlz_38";
|
|
7
|
+
const inputWrapper = "_inputWrapper_jzvlz_38";
|
|
8
|
+
const swatch = "_swatch_jzvlz_41";
|
|
9
|
+
const hexInput = "_hexInput_jzvlz_53";
|
|
10
|
+
const sizeMd = "_sizeMd_jzvlz_58";
|
|
11
|
+
const sizeLg = "_sizeLg_jzvlz_75";
|
|
12
|
+
const hexInputField = "_hexInputField_jzvlz_162";
|
|
13
|
+
const positioner = "_positioner_jzvlz_167";
|
|
14
|
+
const popup = "_popup_jzvlz_172";
|
|
15
15
|
const styles = {
|
|
16
16
|
wrapper,
|
|
17
17
|
label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAsBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAgID,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const label = "
|
|
5
|
-
const helper = "
|
|
6
|
-
const helperError = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const inputWrapper = "
|
|
9
|
-
const inputWrapperSm = "
|
|
10
|
-
const inputWrapperLg = "
|
|
11
|
-
const input = "
|
|
12
|
-
const chips = "
|
|
13
|
-
const chip = "
|
|
14
|
-
const chipLabel = "
|
|
15
|
-
const chipRemove = "
|
|
16
|
-
const trigger = "
|
|
17
|
-
const positioner = "
|
|
18
|
-
const popup = "
|
|
19
|
-
const item = "
|
|
20
|
-
const itemIndicator = "
|
|
21
|
-
const empty = "
|
|
22
|
-
const group = "
|
|
23
|
-
const groupLabel = "
|
|
3
|
+
const wrapper = "_wrapper_1yct5_1";
|
|
4
|
+
const label = "_label_1yct5_8";
|
|
5
|
+
const helper = "_helper_1yct5_17";
|
|
6
|
+
const helperError = "_helperError_1yct5_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1yct5_28";
|
|
8
|
+
const inputWrapper = "_inputWrapper_1yct5_38";
|
|
9
|
+
const inputWrapperSm = "_inputWrapperSm_1yct5_87";
|
|
10
|
+
const inputWrapperLg = "_inputWrapperLg_1yct5_110";
|
|
11
|
+
const input = "_input_1yct5_38";
|
|
12
|
+
const chips = "_chips_1yct5_145";
|
|
13
|
+
const chip = "_chip_1yct5_145";
|
|
14
|
+
const chipLabel = "_chipLabel_1yct5_179";
|
|
15
|
+
const chipRemove = "_chipRemove_1yct5_185";
|
|
16
|
+
const trigger = "_trigger_1yct5_231";
|
|
17
|
+
const positioner = "_positioner_1yct5_280";
|
|
18
|
+
const popup = "_popup_1yct5_285";
|
|
19
|
+
const item = "_item_1yct5_331";
|
|
20
|
+
const itemIndicator = "_itemIndicator_1yct5_364";
|
|
21
|
+
const empty = "_empty_1yct5_378";
|
|
22
|
+
const group = "_group_1yct5_398";
|
|
23
|
+
const groupLabel = "_groupLabel_1yct5_406";
|
|
24
24
|
const styles = {
|
|
25
25
|
wrapper,
|
|
26
26
|
label,
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const label = "
|
|
3
|
-
const helper = "
|
|
4
|
-
const helperError = "
|
|
5
|
-
const errorMessage = "
|
|
6
|
-
const inputWrapper = "
|
|
7
|
-
const inputWrapperSm = "
|
|
8
|
-
const inputWrapperLg = "
|
|
9
|
-
const input = "
|
|
10
|
-
const chips = "
|
|
11
|
-
const chip = "
|
|
12
|
-
const chipLabel = "
|
|
13
|
-
const chipRemove = "
|
|
14
|
-
const trigger = "
|
|
15
|
-
const positioner = "
|
|
16
|
-
const popup = "
|
|
17
|
-
const item = "
|
|
18
|
-
const itemIndicator = "
|
|
19
|
-
const empty = "
|
|
20
|
-
const group = "
|
|
21
|
-
const groupLabel = "
|
|
1
|
+
const wrapper = "_wrapper_1yct5_1";
|
|
2
|
+
const label = "_label_1yct5_8";
|
|
3
|
+
const helper = "_helper_1yct5_17";
|
|
4
|
+
const helperError = "_helperError_1yct5_27";
|
|
5
|
+
const errorMessage = "_errorMessage_1yct5_28";
|
|
6
|
+
const inputWrapper = "_inputWrapper_1yct5_38";
|
|
7
|
+
const inputWrapperSm = "_inputWrapperSm_1yct5_87";
|
|
8
|
+
const inputWrapperLg = "_inputWrapperLg_1yct5_110";
|
|
9
|
+
const input = "_input_1yct5_38";
|
|
10
|
+
const chips = "_chips_1yct5_145";
|
|
11
|
+
const chip = "_chip_1yct5_145";
|
|
12
|
+
const chipLabel = "_chipLabel_1yct5_179";
|
|
13
|
+
const chipRemove = "_chipRemove_1yct5_185";
|
|
14
|
+
const trigger = "_trigger_1yct5_231";
|
|
15
|
+
const positioner = "_positioner_1yct5_280";
|
|
16
|
+
const popup = "_popup_1yct5_285";
|
|
17
|
+
const item = "_item_1yct5_331";
|
|
18
|
+
const itemIndicator = "_itemIndicator_1yct5_364";
|
|
19
|
+
const empty = "_empty_1yct5_378";
|
|
20
|
+
const group = "_group_1yct5_398";
|
|
21
|
+
const groupLabel = "_groupLabel_1yct5_406";
|
|
22
22
|
const styles = {
|
|
23
23
|
wrapper,
|
|
24
24
|
label,
|
|
@@ -165,6 +165,21 @@ function filterStaticChildren(node, visibleValues) {
|
|
|
165
165
|
changed
|
|
166
166
|
};
|
|
167
167
|
}
|
|
168
|
+
function containsEmptySlot(node) {
|
|
169
|
+
let found = false;
|
|
170
|
+
React__namespace.Children.forEach(node, (child) => {
|
|
171
|
+
if (found || !React__namespace.isValidElement(child)) return;
|
|
172
|
+
if (child.type === ComboboxEmpty) {
|
|
173
|
+
found = true;
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
const props = child.props;
|
|
177
|
+
if (props.children !== void 0 && containsEmptySlot(props.children)) {
|
|
178
|
+
found = true;
|
|
179
|
+
}
|
|
180
|
+
});
|
|
181
|
+
return found;
|
|
182
|
+
}
|
|
168
183
|
const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
|
|
169
184
|
children,
|
|
170
185
|
value,
|
|
@@ -252,7 +267,8 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
|
|
|
252
267
|
explicitTriggerCount,
|
|
253
268
|
registerTrigger,
|
|
254
269
|
size,
|
|
255
|
-
inputId
|
|
270
|
+
inputId,
|
|
271
|
+
invalid: hasError
|
|
256
272
|
}),
|
|
257
273
|
[
|
|
258
274
|
placeholder,
|
|
@@ -264,12 +280,13 @@ const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
|
|
|
264
280
|
explicitTriggerCount,
|
|
265
281
|
registerTrigger,
|
|
266
282
|
size,
|
|
267
|
-
inputId
|
|
283
|
+
inputId,
|
|
284
|
+
hasError
|
|
268
285
|
]
|
|
269
286
|
);
|
|
270
287
|
const wrapperClasses = [Combobox_module.default.wrapper, className].filter(Boolean).join(" ");
|
|
271
288
|
const helperClasses = [Combobox_module.default.helper, hasError && Combobox_module.default.helperError].filter(Boolean).join(" ");
|
|
272
|
-
const wrapperContent = (inner) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, children: [
|
|
289
|
+
const wrapperContent = (inner) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, "data-invalid": hasError || void 0, children: [
|
|
273
290
|
inner,
|
|
274
291
|
helperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: helperId, className: helperClasses, children: helperText }),
|
|
275
292
|
errorMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: Combobox_module.default.errorMessage, children: errorMessage })
|
|
@@ -378,7 +395,8 @@ function ComboboxInput({
|
|
|
378
395
|
...htmlProps,
|
|
379
396
|
placeholder: context.selectedValues.length === 0 ? inputPlaceholder : void 0,
|
|
380
397
|
id: inputId,
|
|
381
|
-
className: classes
|
|
398
|
+
className: classes,
|
|
399
|
+
"aria-invalid": context.invalid || void 0
|
|
382
400
|
}
|
|
383
401
|
),
|
|
384
402
|
renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
|
|
@@ -391,7 +409,8 @@ function ComboboxInput({
|
|
|
391
409
|
...htmlProps,
|
|
392
410
|
placeholder: inputPlaceholder,
|
|
393
411
|
id: inputId,
|
|
394
|
-
className: classes
|
|
412
|
+
className: classes,
|
|
413
|
+
"aria-invalid": context.invalid || void 0
|
|
395
414
|
}
|
|
396
415
|
),
|
|
397
416
|
renderTrigger && /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Trigger, { className: Combobox_module.default.trigger, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
|
|
@@ -423,6 +442,7 @@ function ComboboxContent({
|
|
|
423
442
|
() => filterStaticChildren(children, visibleValues),
|
|
424
443
|
[children, visibleValues]
|
|
425
444
|
);
|
|
445
|
+
const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
|
|
426
446
|
const popupStyle = maxVisibleItems != null ? {
|
|
427
447
|
"--fui-popup-viewport-rows": popup.resolvePopupViewportRows(maxVisibleItems),
|
|
428
448
|
...htmlProps.style
|
|
@@ -434,7 +454,7 @@ function ComboboxContent({
|
|
|
434
454
|
sideOffset,
|
|
435
455
|
align,
|
|
436
456
|
className: Combobox_module.default.positioner,
|
|
437
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children:
|
|
457
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
|
|
438
458
|
}
|
|
439
459
|
) });
|
|
440
460
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiC,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -146,6 +146,21 @@ function filterStaticChildren(node, visibleValues) {
|
|
|
146
146
|
changed
|
|
147
147
|
};
|
|
148
148
|
}
|
|
149
|
+
function containsEmptySlot(node) {
|
|
150
|
+
let found = false;
|
|
151
|
+
React.Children.forEach(node, (child) => {
|
|
152
|
+
if (found || !React.isValidElement(child)) return;
|
|
153
|
+
if (child.type === ComboboxEmpty) {
|
|
154
|
+
found = true;
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
const props = child.props;
|
|
158
|
+
if (props.children !== void 0 && containsEmptySlot(props.children)) {
|
|
159
|
+
found = true;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
return found;
|
|
163
|
+
}
|
|
149
164
|
const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
|
|
150
165
|
children,
|
|
151
166
|
value,
|
|
@@ -233,7 +248,8 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
|
|
|
233
248
|
explicitTriggerCount,
|
|
234
249
|
registerTrigger,
|
|
235
250
|
size,
|
|
236
|
-
inputId
|
|
251
|
+
inputId,
|
|
252
|
+
invalid: hasError
|
|
237
253
|
}),
|
|
238
254
|
[
|
|
239
255
|
placeholder,
|
|
@@ -245,12 +261,13 @@ const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
|
|
|
245
261
|
explicitTriggerCount,
|
|
246
262
|
registerTrigger,
|
|
247
263
|
size,
|
|
248
|
-
inputId
|
|
264
|
+
inputId,
|
|
265
|
+
hasError
|
|
249
266
|
]
|
|
250
267
|
);
|
|
251
268
|
const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(" ");
|
|
252
269
|
const helperClasses = [styles.helper, hasError && styles.helperError].filter(Boolean).join(" ");
|
|
253
|
-
const wrapperContent = (inner) => /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, children: [
|
|
270
|
+
const wrapperContent = (inner) => /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, "data-invalid": hasError || void 0, children: [
|
|
254
271
|
inner,
|
|
255
272
|
helperText && /* @__PURE__ */ jsx("span", { id: helperId, className: helperClasses, children: helperText }),
|
|
256
273
|
errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.errorMessage, children: errorMessage })
|
|
@@ -359,7 +376,8 @@ function ComboboxInput({
|
|
|
359
376
|
...htmlProps,
|
|
360
377
|
placeholder: context.selectedValues.length === 0 ? inputPlaceholder : void 0,
|
|
361
378
|
id: inputId,
|
|
362
|
-
className: classes
|
|
379
|
+
className: classes,
|
|
380
|
+
"aria-invalid": context.invalid || void 0
|
|
363
381
|
}
|
|
364
382
|
),
|
|
365
383
|
renderTrigger && /* @__PURE__ */ jsx(Combobox$1.Trigger, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
|
|
@@ -372,7 +390,8 @@ function ComboboxInput({
|
|
|
372
390
|
...htmlProps,
|
|
373
391
|
placeholder: inputPlaceholder,
|
|
374
392
|
id: inputId,
|
|
375
|
-
className: classes
|
|
393
|
+
className: classes,
|
|
394
|
+
"aria-invalid": context.invalid || void 0
|
|
376
395
|
}
|
|
377
396
|
),
|
|
378
397
|
renderTrigger && /* @__PURE__ */ jsx(Combobox$1.Trigger, { className: styles.trigger, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
|
|
@@ -404,6 +423,7 @@ function ComboboxContent({
|
|
|
404
423
|
() => filterStaticChildren(children, visibleValues),
|
|
405
424
|
[children, visibleValues]
|
|
406
425
|
);
|
|
426
|
+
const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
|
|
407
427
|
const popupStyle = maxVisibleItems != null ? {
|
|
408
428
|
"--fui-popup-viewport-rows": resolvePopupViewportRows(maxVisibleItems),
|
|
409
429
|
...htmlProps.style
|
|
@@ -415,7 +435,7 @@ function ComboboxContent({
|
|
|
415
435
|
sideOffset,
|
|
416
436
|
align,
|
|
417
437
|
className: styles.positioner,
|
|
418
|
-
children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children:
|
|
438
|
+
children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
|
|
419
439
|
}
|
|
420
440
|
) });
|
|
421
441
|
}
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const command = "
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
3
|
+
const command = "_command_96xe5_1";
|
|
4
|
+
const hosted = "_hosted_96xe5_40";
|
|
5
|
+
const inputWrapper = "_inputWrapper_96xe5_47";
|
|
6
|
+
const input = "_input_96xe5_47";
|
|
7
|
+
const list = "_list_96xe5_100";
|
|
8
|
+
const item = "_item_96xe5_106";
|
|
9
|
+
const itemActive = "_itemActive_96xe5_133";
|
|
10
|
+
const itemDisabled = "_itemDisabled_96xe5_137";
|
|
11
|
+
const group = "_group_96xe5_143";
|
|
12
|
+
const groupHeading = "_groupHeading_96xe5_151";
|
|
13
|
+
const empty = "_empty_96xe5_165";
|
|
14
|
+
const separator = "_separator_96xe5_178";
|
|
14
15
|
const styles = {
|
|
15
16
|
command,
|
|
17
|
+
hosted,
|
|
16
18
|
inputWrapper,
|
|
17
19
|
input,
|
|
18
20
|
list,
|
|
@@ -29,6 +31,7 @@ exports.default = styles;
|
|
|
29
31
|
exports.empty = empty;
|
|
30
32
|
exports.group = group;
|
|
31
33
|
exports.groupHeading = groupHeading;
|
|
34
|
+
exports.hosted = hosted;
|
|
32
35
|
exports.input = input;
|
|
33
36
|
exports.inputWrapper = inputWrapper;
|
|
34
37
|
exports.item = item;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
const command = "
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
1
|
+
const command = "_command_96xe5_1";
|
|
2
|
+
const hosted = "_hosted_96xe5_40";
|
|
3
|
+
const inputWrapper = "_inputWrapper_96xe5_47";
|
|
4
|
+
const input = "_input_96xe5_47";
|
|
5
|
+
const list = "_list_96xe5_100";
|
|
6
|
+
const item = "_item_96xe5_106";
|
|
7
|
+
const itemActive = "_itemActive_96xe5_133";
|
|
8
|
+
const itemDisabled = "_itemDisabled_96xe5_137";
|
|
9
|
+
const group = "_group_96xe5_143";
|
|
10
|
+
const groupHeading = "_groupHeading_96xe5_151";
|
|
11
|
+
const empty = "_empty_96xe5_165";
|
|
12
|
+
const separator = "_separator_96xe5_178";
|
|
12
13
|
const styles = {
|
|
13
14
|
command,
|
|
15
|
+
hosted,
|
|
14
16
|
inputWrapper,
|
|
15
17
|
input,
|
|
16
18
|
list,
|
|
@@ -28,6 +30,7 @@ export {
|
|
|
28
30
|
empty,
|
|
29
31
|
group,
|
|
30
32
|
groupHeading,
|
|
33
|
+
hosted,
|
|
31
34
|
input,
|
|
32
35
|
inputWrapper,
|
|
33
36
|
item,
|
|
@@ -76,6 +76,7 @@ function CommandRoot({
|
|
|
76
76
|
onSearchChange,
|
|
77
77
|
filter = defaultFilter,
|
|
78
78
|
loop = true,
|
|
79
|
+
hosted = false,
|
|
79
80
|
className,
|
|
80
81
|
...htmlProps
|
|
81
82
|
}) {
|
|
@@ -143,24 +144,30 @@ function CommandRoot({
|
|
|
143
144
|
visibleCount,
|
|
144
145
|
listId
|
|
145
146
|
}),
|
|
146
|
-
[
|
|
147
|
+
[
|
|
148
|
+
search,
|
|
149
|
+
setSearch,
|
|
150
|
+
filter,
|
|
151
|
+
scores,
|
|
152
|
+
registerItem,
|
|
153
|
+
unregisterItem,
|
|
154
|
+
activeId,
|
|
155
|
+
loop,
|
|
156
|
+
visibleCount,
|
|
157
|
+
listId
|
|
158
|
+
]
|
|
147
159
|
);
|
|
148
160
|
return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
149
161
|
"div",
|
|
150
162
|
{
|
|
151
163
|
...htmlProps,
|
|
152
|
-
className: [Command_module.default.command, className].filter(Boolean).join(" "),
|
|
164
|
+
className: [Command_module.default.command, hosted && Command_module.default.hosted, className].filter(Boolean).join(" "),
|
|
153
165
|
role: "search",
|
|
154
166
|
children
|
|
155
167
|
}
|
|
156
168
|
) });
|
|
157
169
|
}
|
|
158
|
-
function CommandInput({
|
|
159
|
-
className,
|
|
160
|
-
onChange,
|
|
161
|
-
onKeyDown,
|
|
162
|
-
...htmlProps
|
|
163
|
-
}) {
|
|
170
|
+
function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
|
|
164
171
|
const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
|
|
165
172
|
const inputRef = React__namespace.useRef(null);
|
|
166
173
|
const getEnabledItems = React__namespace.useCallback(() => {
|
|
@@ -175,38 +182,43 @@ function CommandInput({
|
|
|
175
182
|
if (event.defaultPrevented) return;
|
|
176
183
|
const items = getEnabledItems();
|
|
177
184
|
if (items.length === 0) return;
|
|
185
|
+
const firstItem = items[0];
|
|
186
|
+
const lastItem = items.at(-1);
|
|
187
|
+
if (!firstItem || !lastItem) return;
|
|
178
188
|
const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
|
|
179
189
|
switch (event.key) {
|
|
180
190
|
case "ArrowDown": {
|
|
181
191
|
event.preventDefault();
|
|
182
192
|
if (currentIndex < 0) {
|
|
183
|
-
setActiveId(
|
|
193
|
+
setActiveId(firstItem.id);
|
|
184
194
|
} else if (currentIndex < items.length - 1) {
|
|
185
|
-
|
|
195
|
+
const nextItem = items[currentIndex + 1];
|
|
196
|
+
if (nextItem) setActiveId(nextItem.id);
|
|
186
197
|
} else if (loop) {
|
|
187
|
-
setActiveId(
|
|
198
|
+
setActiveId(firstItem.id);
|
|
188
199
|
}
|
|
189
200
|
break;
|
|
190
201
|
}
|
|
191
202
|
case "ArrowUp": {
|
|
192
203
|
event.preventDefault();
|
|
193
204
|
if (currentIndex < 0) {
|
|
194
|
-
setActiveId(
|
|
205
|
+
setActiveId(lastItem.id);
|
|
195
206
|
} else if (currentIndex > 0) {
|
|
196
|
-
|
|
207
|
+
const previousItem = items[currentIndex - 1];
|
|
208
|
+
if (previousItem) setActiveId(previousItem.id);
|
|
197
209
|
} else if (loop) {
|
|
198
|
-
setActiveId(
|
|
210
|
+
setActiveId(lastItem.id);
|
|
199
211
|
}
|
|
200
212
|
break;
|
|
201
213
|
}
|
|
202
214
|
case "Home": {
|
|
203
215
|
event.preventDefault();
|
|
204
|
-
setActiveId(
|
|
216
|
+
setActiveId(firstItem.id);
|
|
205
217
|
break;
|
|
206
218
|
}
|
|
207
219
|
case "End": {
|
|
208
220
|
event.preventDefault();
|
|
209
|
-
setActiveId(
|
|
221
|
+
setActiveId(lastItem.id);
|
|
210
222
|
break;
|
|
211
223
|
}
|
|
212
224
|
case "Enter": {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
/** Controlled search value */
|
|
@@ -12,6 +12,11 @@ export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
13
13
|
/** Whether to loop keyboard navigation. Default: true */
|
|
14
14
|
loop?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* The Command sits inside another surface (a Popover, a Dialog) that draws
|
|
17
|
+
* the frame, so it draws none of its own.
|
|
18
|
+
*/
|
|
19
|
+
hosted?: boolean;
|
|
15
20
|
}
|
|
16
21
|
export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
17
22
|
className?: string;
|
|
@@ -19,7 +24,7 @@ export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputEl
|
|
|
19
24
|
export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
25
|
children: React.ReactNode;
|
|
21
26
|
}
|
|
22
|
-
export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
27
|
+
export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
23
28
|
children: React.ReactNode;
|
|
24
29
|
/** Value used for filtering (falls back to text content) */
|
|
25
30
|
value?: string;
|
|
@@ -39,7 +44,7 @@ export interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
39
44
|
children: React.ReactNode;
|
|
40
45
|
}
|
|
41
46
|
export type CommandSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
|
|
42
|
-
declare function CommandRoot({ children, search: controlledSearch, defaultSearch, onSearchChange, filter, loop, className, ...htmlProps }: CommandProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
declare function CommandRoot({ children, search: controlledSearch, defaultSearch, onSearchChange, filter, loop, hosted, className, ...htmlProps }: CommandProps): import("react/jsx-runtime").JSX.Element;
|
|
43
48
|
declare function CommandInput({ className, onChange, onKeyDown, ...htmlProps }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
|
|
44
49
|
declare function CommandList({ children, className, ...htmlProps }: CommandListProps): import("react/jsx-runtime").JSX.Element;
|
|
45
50
|
declare function CommandItem({ children, value: valueProp, keywords, disabled, onItemSelect, className, onClick, onKeyDown, onMouseEnter, style, ...htmlProps }: CommandItemProps): import("react/jsx-runtime").JSX.Element;
|