@usefragments/ui 1.6.0 → 1.7.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 +4 -4
- 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/ui.css +4720 -4159
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +55 -29
- package/dist/codeblock.js +55 -29
- package/dist/colorpicker.cjs +3 -1
- package/dist/colorpicker.js +3 -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 +15 -12
- package/dist/components/Alert/Alert.module.scss.js +15 -12
- package/dist/components/Alert/index.cjs +7 -1
- package/dist/components/Alert/index.d.ts +12 -6
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +7 -1
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- 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 +19 -19
- package/dist/components/Badge/Badge.module.scss.js +19 -19
- 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 +8 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
- package/dist/components/Button/Button.module.scss.cjs +14 -14
- package/dist/components/Button/Button.module.scss.js +14 -14
- package/dist/components/Card/Card.module.scss.cjs +29 -17
- package/dist/components/Card/Card.module.scss.js +30 -18
- package/dist/components/Card/index.cjs +8 -0
- package/dist/components/Card/index.d.ts +12 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +8 -0
- 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 +9 -9
- package/dist/components/Checkbox/Checkbox.module.scss.js +9 -9
- package/dist/components/Checkbox/index.cjs +2 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- package/dist/components/Chip/Chip.module.scss.cjs +15 -15
- package/dist/components/Chip/Chip.module.scss.js +15 -15
- package/dist/components/Chip/index.cjs +2 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +2 -1
- 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 +17 -3
- 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 +17 -1
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +17 -1
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/Command/index.cjs +26 -15
- package/dist/components/Command/index.d.ts +2 -2
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +26 -15
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- 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 +27 -27
- package/dist/components/DataTable/DataTable.module.scss.js +27 -27
- 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 +11 -14
- package/dist/components/Dialog/index.d.ts +7 -7
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +11 -14
- package/dist/components/Drawer/Drawer.module.scss.cjs +29 -29
- package/dist/components/Drawer/Drawer.module.scss.js +29 -29
- 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 +8 -6
- package/dist/components/EmptyState/index.d.ts +9 -4
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +8 -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/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 +15 -15
- package/dist/components/Icon/Icon.module.scss.js +15 -15
- package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
- package/dist/components/IconButton/IconButton.module.scss.js +8 -8
- package/dist/components/IconButton/index.cjs +2 -1
- 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 +17 -17
- package/dist/components/Input/Input.module.scss.js +17 -17
- package/dist/components/Link/Link.module.scss.cjs +14 -10
- package/dist/components/Link/Link.module.scss.js +14 -10
- package/dist/components/Link/index.d.ts +1 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/List/List.module.scss.cjs +19 -19
- package/dist/components/List/List.module.scss.js +19 -19
- 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 +1 -1
- package/dist/components/Loading/index.js +1 -1
- 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 +18 -18
- package/dist/components/Message/Message.module.scss.js +18 -18
- 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 +25 -25
- package/dist/components/Progress/Progress.module.scss.js +25 -25
- package/dist/components/Prompt/Prompt.module.scss.cjs +28 -28
- package/dist/components/Prompt/Prompt.module.scss.js +28 -28
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -15
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -15
- 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/Separator/Separator.module.scss.cjs +11 -11
- package/dist/components/Separator/Separator.module.scss.js +11 -11
- 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 +12 -35
- 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 +12 -35
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- 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 +13 -9
- 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 +13 -9
- package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
- package/dist/components/Tabs/Tabs.module.scss.js +12 -12
- package/dist/components/Tabs/index.cjs +26 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +26 -6
- package/dist/components/Text/Text.module.scss.cjs +87 -75
- package/dist/components/Text/Text.module.scss.js +87 -75
- package/dist/components/Text/index.cjs +49 -41
- package/dist/components/Text/index.d.ts +12 -11
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +49 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +24 -24
- package/dist/components/Textarea/Textarea.module.scss.js +24 -24
- package/dist/components/Theme/index.cjs +2 -1
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +2 -1
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +9 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +9 -6
- package/dist/components/ThemeToggle/index.cjs +31 -6
- package/dist/components/ThemeToggle/index.d.ts +7 -2
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +32 -7
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
- package/dist/components/Toast/Toast.module.scss.cjs +20 -20
- package/dist/components/Toast/Toast.module.scss.js +20 -20
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
- 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/index.d.ts +2 -2
- package/dist/data-table.cjs +2 -1
- package/dist/data-table.js +2 -1
- package/dist/datepicker.cjs +3 -2
- package/dist/datepicker.js +3 -2
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +9 -1
- package/dist/measurements/generated.d.ts +7 -0
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +9 -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 -6
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -6
- package/fragments.json +1 -1
- package/package.json +6 -4
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Alert/Alert.contract.json +37 -53
- package/src/components/Alert/Alert.module.scss +24 -0
- package/src/components/Alert/index.tsx +55 -29
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +53 -40
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -1
- package/src/components/Badge/Badge.contract.json +37 -42
- package/src/components/Badge/Badge.module.scss +9 -2
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +12 -7
- package/src/components/Button/Button.module.scss +8 -7
- package/src/components/ButtonGroup/ButtonGroup.contract.json +32 -47
- package/src/components/Card/Card.module.scss +82 -1
- package/src/components/Card/index.tsx +21 -2
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +24 -24
- package/src/components/Checkbox/Checkbox.module.scss +32 -23
- package/src/components/Checkbox/index.tsx +4 -2
- package/src/components/Chip/Chip.contract.json +33 -40
- package/src/components/Chip/Chip.module.scss +2 -2
- package/src/components/Chip/index.tsx +2 -1
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +40 -15
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +91 -35
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +15 -12
- package/src/components/ColorPicker/index.tsx +5 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +1 -1
- package/src/components/Combobox/index.tsx +31 -5
- package/src/components/Command/Command.contract.json +21 -43
- package/src/components/Command/index.tsx +58 -47
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +12 -8
- package/src/components/DataTable/index.tsx +8 -7
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +12 -5
- package/src/components/DatePicker/index.tsx +5 -2
- package/src/components/Dialog/Dialog.module.scss +3 -3
- package/src/components/Dialog/index.tsx +47 -37
- package/src/components/Drawer/Drawer.contract.json +22 -36
- package/src/components/Editor/Editor.contract.json +31 -48
- package/src/components/Editor/Editor.module.scss +36 -14
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +31 -43
- package/src/components/EmptyState/EmptyState.module.scss +8 -0
- package/src/components/EmptyState/index.tsx +48 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +10 -3
- package/src/components/Form/Form.contract.json +20 -20
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +36 -21
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +22 -62
- package/src/components/IconButton/IconButton.contract.json +34 -18
- package/src/components/IconButton/IconButton.module.scss +6 -7
- package/src/components/IconButton/index.tsx +2 -1
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +26 -32
- package/src/components/Input/Input.module.scss +3 -2
- package/src/components/Link/Link.contract.json +32 -52
- package/src/components/Link/Link.module.scss +23 -6
- package/src/components/Link/index.tsx +1 -1
- package/src/components/List/List.contract.json +23 -52
- package/src/components/List/List.module.scss +1 -1
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Loading/Loading.contract.json +37 -61
- package/src/components/Loading/Loading.module.scss +10 -7
- package/src/components/Loading/index.tsx +2 -2
- 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 +43 -5
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +25 -41
- package/src/components/Menu/Menu.module.scss +23 -8
- package/src/components/Message/Message.contract.json +29 -52
- package/src/components/Message/Message.module.scss +12 -5
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +64 -19
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +2 -2
- package/src/components/Popover/Popover.contract.json +24 -46
- package/src/components/Popover/Popover.module.scss +6 -5
- package/src/components/Progress/Progress.contract.json +32 -28
- package/src/components/Progress/Progress.module.scss +3 -2
- package/src/components/Prompt/Prompt.contract.json +31 -47
- package/src/components/Prompt/Prompt.module.scss +13 -5
- package/src/components/RadioGroup/RadioGroup.contract.json +23 -24
- package/src/components/RadioGroup/RadioGroup.module.scss +13 -14
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +15 -15
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +2 -2
- package/src/components/Separator/Separator.contract.json +24 -48
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +22 -13
- package/src/components/Sidebar/index.tsx +164 -164
- package/src/components/Skeleton/Skeleton.contract.json +28 -54
- package/src/components/Skeleton/Skeleton.module.scss +27 -10
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +3 -3
- package/src/components/Stack/Stack.contract.json +29 -56
- package/src/components/Stack/Stack.module.scss +13 -12
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +64 -26
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +15 -3
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +15 -5
- package/src/components/TableOfContents/index.tsx +26 -9
- package/src/components/Tabs/Tabs.contract.json +24 -45
- package/src/components/Tabs/Tabs.module.scss +1 -1
- package/src/components/Tabs/index.tsx +15 -3
- package/src/components/Text/Text.contract.json +30 -72
- package/src/components/Text/Text.module.scss +21 -4
- package/src/components/Text/index.tsx +113 -75
- package/src/components/Textarea/Textarea.contract.json +25 -43
- package/src/components/Textarea/Textarea.module.scss +2 -4
- package/src/components/Theme/Theme.contract.json +32 -51
- package/src/components/Theme/index.tsx +2 -1
- package/src/components/ThemeToggle/ThemeToggle.module.scss +23 -7
- package/src/components/ThemeToggle/index.tsx +43 -7
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +23 -40
- package/src/components/Toast/Toast.contract.json +30 -40
- package/src/components/Toast/Toast.module.scss +1 -1
- package/src/components/ToggleGroup/ToggleGroup.contract.json +29 -30
- package/src/components/ToggleGroup/ToggleGroup.module.scss +38 -5
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +2 -2
- package/src/measurements/generated.ts +9 -2
- package/src/measurements/measurements.json +7 -0
- package/src/recipes/_boolean-range.scss +3 -11
- package/src/recipes/_field.scss +5 -1
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_popup.scss +12 -2
- package/src/recipes/_prose.scss +13 -5
- package/src/recipes/_table-chrome.scss +16 -2
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +20 -19
- package/src/tokens/_computed.scss +5 -16
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +6 -1
- package/src/tokens/_measurements.generated.scss +14 -1
- package/src/tokens/_mixins.scss +7 -8
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_seeds.scss +20 -20
- package/src/tokens/_variables.scss +183 -38
- 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 +10 -6
- 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
|
@@ -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_noq2t_1";
|
|
2
|
+
const trigger = "_trigger_noq2t_5";
|
|
3
|
+
const triggerContent = "_triggerContent_noq2t_63";
|
|
4
|
+
const chevron = "_chevron_noq2t_68";
|
|
5
|
+
const chevronOpen = "_chevronOpen_noq2t_76";
|
|
6
|
+
const content = "_content_noq2t_80";
|
|
7
|
+
const contentOpen = "_contentOpen_noq2t_88";
|
|
8
|
+
const contentInner = "_contentInner_noq2t_93";
|
|
9
|
+
const disabled = "_disabled_noq2t_106";
|
|
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_1mq8v_1";
|
|
4
|
+
const label = "_label_1mq8v_8";
|
|
5
|
+
const helper = "_helper_1mq8v_17";
|
|
6
|
+
const helperError = "_helperError_1mq8v_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1mq8v_28";
|
|
8
|
+
const sizeSm = "_sizeSm_1mq8v_38";
|
|
9
|
+
const inputWrapper = "_inputWrapper_1mq8v_38";
|
|
10
|
+
const swatch = "_swatch_1mq8v_41";
|
|
11
|
+
const hexInput = "_hexInput_1mq8v_53";
|
|
12
|
+
const sizeMd = "_sizeMd_1mq8v_58";
|
|
13
|
+
const sizeLg = "_sizeLg_1mq8v_74";
|
|
14
|
+
const hexInputField = "_hexInputField_1mq8v_140";
|
|
15
|
+
const positioner = "_positioner_1mq8v_145";
|
|
16
|
+
const popup = "_popup_1mq8v_150";
|
|
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_1mq8v_1";
|
|
2
|
+
const label = "_label_1mq8v_8";
|
|
3
|
+
const helper = "_helper_1mq8v_17";
|
|
4
|
+
const helperError = "_helperError_1mq8v_27";
|
|
5
|
+
const errorMessage = "_errorMessage_1mq8v_28";
|
|
6
|
+
const sizeSm = "_sizeSm_1mq8v_38";
|
|
7
|
+
const inputWrapper = "_inputWrapper_1mq8v_38";
|
|
8
|
+
const swatch = "_swatch_1mq8v_41";
|
|
9
|
+
const hexInput = "_hexInput_1mq8v_53";
|
|
10
|
+
const sizeMd = "_sizeMd_1mq8v_58";
|
|
11
|
+
const sizeLg = "_sizeLg_1mq8v_74";
|
|
12
|
+
const hexInputField = "_hexInputField_1mq8v_140";
|
|
13
|
+
const positioner = "_positioner_1mq8v_145";
|
|
14
|
+
const popup = "_popup_1mq8v_150";
|
|
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;AA+HD,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_1esuk_1";
|
|
4
|
+
const label = "_label_1esuk_8";
|
|
5
|
+
const helper = "_helper_1esuk_17";
|
|
6
|
+
const helperError = "_helperError_1esuk_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1esuk_28";
|
|
8
|
+
const inputWrapper = "_inputWrapper_1esuk_38";
|
|
9
|
+
const inputWrapperSm = "_inputWrapperSm_1esuk_72";
|
|
10
|
+
const inputWrapperLg = "_inputWrapperLg_1esuk_94";
|
|
11
|
+
const input = "_input_1esuk_38";
|
|
12
|
+
const chips = "_chips_1esuk_128";
|
|
13
|
+
const chip = "_chip_1esuk_128";
|
|
14
|
+
const chipLabel = "_chipLabel_1esuk_162";
|
|
15
|
+
const chipRemove = "_chipRemove_1esuk_168";
|
|
16
|
+
const trigger = "_trigger_1esuk_215";
|
|
17
|
+
const positioner = "_positioner_1esuk_264";
|
|
18
|
+
const popup = "_popup_1esuk_269";
|
|
19
|
+
const item = "_item_1esuk_320";
|
|
20
|
+
const itemIndicator = "_itemIndicator_1esuk_351";
|
|
21
|
+
const empty = "_empty_1esuk_365";
|
|
22
|
+
const group = "_group_1esuk_384";
|
|
23
|
+
const groupLabel = "_groupLabel_1esuk_392";
|
|
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_1esuk_1";
|
|
2
|
+
const label = "_label_1esuk_8";
|
|
3
|
+
const helper = "_helper_1esuk_17";
|
|
4
|
+
const helperError = "_helperError_1esuk_27";
|
|
5
|
+
const errorMessage = "_errorMessage_1esuk_28";
|
|
6
|
+
const inputWrapper = "_inputWrapper_1esuk_38";
|
|
7
|
+
const inputWrapperSm = "_inputWrapperSm_1esuk_72";
|
|
8
|
+
const inputWrapperLg = "_inputWrapperLg_1esuk_94";
|
|
9
|
+
const input = "_input_1esuk_38";
|
|
10
|
+
const chips = "_chips_1esuk_128";
|
|
11
|
+
const chip = "_chip_1esuk_128";
|
|
12
|
+
const chipLabel = "_chipLabel_1esuk_162";
|
|
13
|
+
const chipRemove = "_chipRemove_1esuk_168";
|
|
14
|
+
const trigger = "_trigger_1esuk_215";
|
|
15
|
+
const positioner = "_positioner_1esuk_264";
|
|
16
|
+
const popup = "_popup_1esuk_269";
|
|
17
|
+
const item = "_item_1esuk_320";
|
|
18
|
+
const itemIndicator = "_itemIndicator_1esuk_351";
|
|
19
|
+
const empty = "_empty_1esuk_365";
|
|
20
|
+
const group = "_group_1esuk_384";
|
|
21
|
+
const groupLabel = "_groupLabel_1esuk_392";
|
|
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,
|
|
@@ -423,6 +438,7 @@ function ComboboxContent({
|
|
|
423
438
|
() => filterStaticChildren(children, visibleValues),
|
|
424
439
|
[children, visibleValues]
|
|
425
440
|
);
|
|
441
|
+
const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
|
|
426
442
|
const popupStyle = maxVisibleItems != null ? {
|
|
427
443
|
"--fui-popup-viewport-rows": popup.resolvePopupViewportRows(maxVisibleItems),
|
|
428
444
|
...htmlProps.style
|
|
@@ -434,7 +450,7 @@ function ComboboxContent({
|
|
|
434
450
|
sideOffset,
|
|
435
451
|
align,
|
|
436
452
|
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:
|
|
453
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
|
|
438
454
|
}
|
|
439
455
|
) });
|
|
440
456
|
}
|
|
@@ -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,
|
|
@@ -404,6 +419,7 @@ function ComboboxContent({
|
|
|
404
419
|
() => filterStaticChildren(children, visibleValues),
|
|
405
420
|
[children, visibleValues]
|
|
406
421
|
);
|
|
422
|
+
const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
|
|
407
423
|
const popupStyle = maxVisibleItems != null ? {
|
|
408
424
|
"--fui-popup-viewport-rows": resolvePopupViewportRows(maxVisibleItems),
|
|
409
425
|
...htmlProps.style
|
|
@@ -415,7 +431,7 @@ function ComboboxContent({
|
|
|
415
431
|
sideOffset,
|
|
416
432
|
align,
|
|
417
433
|
className: styles.positioner,
|
|
418
|
-
children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children:
|
|
434
|
+
children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
|
|
419
435
|
}
|
|
420
436
|
) });
|
|
421
437
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const command = "
|
|
4
|
-
const inputWrapper = "
|
|
5
|
-
const input = "
|
|
6
|
-
const list = "
|
|
7
|
-
const item = "
|
|
8
|
-
const itemActive = "
|
|
9
|
-
const itemDisabled = "
|
|
10
|
-
const group = "
|
|
11
|
-
const groupHeading = "
|
|
12
|
-
const empty = "
|
|
13
|
-
const separator = "
|
|
3
|
+
const command = "_command_1km00_1";
|
|
4
|
+
const inputWrapper = "_inputWrapper_1km00_39";
|
|
5
|
+
const input = "_input_1km00_39";
|
|
6
|
+
const list = "_list_1km00_91";
|
|
7
|
+
const item = "_item_1km00_97";
|
|
8
|
+
const itemActive = "_itemActive_1km00_123";
|
|
9
|
+
const itemDisabled = "_itemDisabled_1km00_127";
|
|
10
|
+
const group = "_group_1km00_132";
|
|
11
|
+
const groupHeading = "_groupHeading_1km00_140";
|
|
12
|
+
const empty = "_empty_1km00_154";
|
|
13
|
+
const separator = "_separator_1km00_166";
|
|
14
14
|
const styles = {
|
|
15
15
|
command,
|
|
16
16
|
inputWrapper,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
const command = "
|
|
2
|
-
const inputWrapper = "
|
|
3
|
-
const input = "
|
|
4
|
-
const list = "
|
|
5
|
-
const item = "
|
|
6
|
-
const itemActive = "
|
|
7
|
-
const itemDisabled = "
|
|
8
|
-
const group = "
|
|
9
|
-
const groupHeading = "
|
|
10
|
-
const empty = "
|
|
11
|
-
const separator = "
|
|
1
|
+
const command = "_command_1km00_1";
|
|
2
|
+
const inputWrapper = "_inputWrapper_1km00_39";
|
|
3
|
+
const input = "_input_1km00_39";
|
|
4
|
+
const list = "_list_1km00_91";
|
|
5
|
+
const item = "_item_1km00_97";
|
|
6
|
+
const itemActive = "_itemActive_1km00_123";
|
|
7
|
+
const itemDisabled = "_itemDisabled_1km00_127";
|
|
8
|
+
const group = "_group_1km00_132";
|
|
9
|
+
const groupHeading = "_groupHeading_1km00_140";
|
|
10
|
+
const empty = "_empty_1km00_154";
|
|
11
|
+
const separator = "_separator_1km00_166";
|
|
12
12
|
const styles = {
|
|
13
13
|
command,
|
|
14
14
|
inputWrapper,
|
|
@@ -143,7 +143,18 @@ function CommandRoot({
|
|
|
143
143
|
visibleCount,
|
|
144
144
|
listId
|
|
145
145
|
}),
|
|
146
|
-
[
|
|
146
|
+
[
|
|
147
|
+
search,
|
|
148
|
+
setSearch,
|
|
149
|
+
filter,
|
|
150
|
+
scores,
|
|
151
|
+
registerItem,
|
|
152
|
+
unregisterItem,
|
|
153
|
+
activeId,
|
|
154
|
+
loop,
|
|
155
|
+
visibleCount,
|
|
156
|
+
listId
|
|
157
|
+
]
|
|
147
158
|
);
|
|
148
159
|
return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
149
160
|
"div",
|
|
@@ -155,12 +166,7 @@ function CommandRoot({
|
|
|
155
166
|
}
|
|
156
167
|
) });
|
|
157
168
|
}
|
|
158
|
-
function CommandInput({
|
|
159
|
-
className,
|
|
160
|
-
onChange,
|
|
161
|
-
onKeyDown,
|
|
162
|
-
...htmlProps
|
|
163
|
-
}) {
|
|
169
|
+
function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
|
|
164
170
|
const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
|
|
165
171
|
const inputRef = React__namespace.useRef(null);
|
|
166
172
|
const getEnabledItems = React__namespace.useCallback(() => {
|
|
@@ -175,38 +181,43 @@ function CommandInput({
|
|
|
175
181
|
if (event.defaultPrevented) return;
|
|
176
182
|
const items = getEnabledItems();
|
|
177
183
|
if (items.length === 0) return;
|
|
184
|
+
const firstItem = items[0];
|
|
185
|
+
const lastItem = items.at(-1);
|
|
186
|
+
if (!firstItem || !lastItem) return;
|
|
178
187
|
const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
|
|
179
188
|
switch (event.key) {
|
|
180
189
|
case "ArrowDown": {
|
|
181
190
|
event.preventDefault();
|
|
182
191
|
if (currentIndex < 0) {
|
|
183
|
-
setActiveId(
|
|
192
|
+
setActiveId(firstItem.id);
|
|
184
193
|
} else if (currentIndex < items.length - 1) {
|
|
185
|
-
|
|
194
|
+
const nextItem = items[currentIndex + 1];
|
|
195
|
+
if (nextItem) setActiveId(nextItem.id);
|
|
186
196
|
} else if (loop) {
|
|
187
|
-
setActiveId(
|
|
197
|
+
setActiveId(firstItem.id);
|
|
188
198
|
}
|
|
189
199
|
break;
|
|
190
200
|
}
|
|
191
201
|
case "ArrowUp": {
|
|
192
202
|
event.preventDefault();
|
|
193
203
|
if (currentIndex < 0) {
|
|
194
|
-
setActiveId(
|
|
204
|
+
setActiveId(lastItem.id);
|
|
195
205
|
} else if (currentIndex > 0) {
|
|
196
|
-
|
|
206
|
+
const previousItem = items[currentIndex - 1];
|
|
207
|
+
if (previousItem) setActiveId(previousItem.id);
|
|
197
208
|
} else if (loop) {
|
|
198
|
-
setActiveId(
|
|
209
|
+
setActiveId(lastItem.id);
|
|
199
210
|
}
|
|
200
211
|
break;
|
|
201
212
|
}
|
|
202
213
|
case "Home": {
|
|
203
214
|
event.preventDefault();
|
|
204
|
-
setActiveId(
|
|
215
|
+
setActiveId(firstItem.id);
|
|
205
216
|
break;
|
|
206
217
|
}
|
|
207
218
|
case "End": {
|
|
208
219
|
event.preventDefault();
|
|
209
|
-
setActiveId(
|
|
220
|
+
setActiveId(lastItem.id);
|
|
210
221
|
break;
|
|
211
222
|
}
|
|
212
223
|
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 */
|
|
@@ -19,7 +19,7 @@ export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputEl
|
|
|
19
19
|
export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
20
|
children: React.ReactNode;
|
|
21
21
|
}
|
|
22
|
-
export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
22
|
+
export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
23
23
|
children: React.ReactNode;
|
|
24
24
|
/** Value used for filtering (falls back to text content) */
|
|
25
25
|
value?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;wEACoE;IACpE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;IACxE,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAC1E,IAAI,CAAC;CACX;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AA4FzE,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,MAAM,EAAE,gBAAgB,EACxB,aAAkB,EAClB,cAAc,EACd,MAAsB,EACtB,IAAW,EACX,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -124,7 +124,18 @@ function CommandRoot({
|
|
|
124
124
|
visibleCount,
|
|
125
125
|
listId
|
|
126
126
|
}),
|
|
127
|
-
[
|
|
127
|
+
[
|
|
128
|
+
search,
|
|
129
|
+
setSearch,
|
|
130
|
+
filter,
|
|
131
|
+
scores,
|
|
132
|
+
registerItem,
|
|
133
|
+
unregisterItem,
|
|
134
|
+
activeId,
|
|
135
|
+
loop,
|
|
136
|
+
visibleCount,
|
|
137
|
+
listId
|
|
138
|
+
]
|
|
128
139
|
);
|
|
129
140
|
return /* @__PURE__ */ jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
|
|
130
141
|
"div",
|
|
@@ -136,12 +147,7 @@ function CommandRoot({
|
|
|
136
147
|
}
|
|
137
148
|
) });
|
|
138
149
|
}
|
|
139
|
-
function CommandInput({
|
|
140
|
-
className,
|
|
141
|
-
onChange,
|
|
142
|
-
onKeyDown,
|
|
143
|
-
...htmlProps
|
|
144
|
-
}) {
|
|
150
|
+
function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
|
|
145
151
|
const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
|
|
146
152
|
const inputRef = React.useRef(null);
|
|
147
153
|
const getEnabledItems = React.useCallback(() => {
|
|
@@ -156,38 +162,43 @@ function CommandInput({
|
|
|
156
162
|
if (event.defaultPrevented) return;
|
|
157
163
|
const items = getEnabledItems();
|
|
158
164
|
if (items.length === 0) return;
|
|
165
|
+
const firstItem = items[0];
|
|
166
|
+
const lastItem = items.at(-1);
|
|
167
|
+
if (!firstItem || !lastItem) return;
|
|
159
168
|
const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
|
|
160
169
|
switch (event.key) {
|
|
161
170
|
case "ArrowDown": {
|
|
162
171
|
event.preventDefault();
|
|
163
172
|
if (currentIndex < 0) {
|
|
164
|
-
setActiveId(
|
|
173
|
+
setActiveId(firstItem.id);
|
|
165
174
|
} else if (currentIndex < items.length - 1) {
|
|
166
|
-
|
|
175
|
+
const nextItem = items[currentIndex + 1];
|
|
176
|
+
if (nextItem) setActiveId(nextItem.id);
|
|
167
177
|
} else if (loop) {
|
|
168
|
-
setActiveId(
|
|
178
|
+
setActiveId(firstItem.id);
|
|
169
179
|
}
|
|
170
180
|
break;
|
|
171
181
|
}
|
|
172
182
|
case "ArrowUp": {
|
|
173
183
|
event.preventDefault();
|
|
174
184
|
if (currentIndex < 0) {
|
|
175
|
-
setActiveId(
|
|
185
|
+
setActiveId(lastItem.id);
|
|
176
186
|
} else if (currentIndex > 0) {
|
|
177
|
-
|
|
187
|
+
const previousItem = items[currentIndex - 1];
|
|
188
|
+
if (previousItem) setActiveId(previousItem.id);
|
|
178
189
|
} else if (loop) {
|
|
179
|
-
setActiveId(
|
|
190
|
+
setActiveId(lastItem.id);
|
|
180
191
|
}
|
|
181
192
|
break;
|
|
182
193
|
}
|
|
183
194
|
case "Home": {
|
|
184
195
|
event.preventDefault();
|
|
185
|
-
setActiveId(
|
|
196
|
+
setActiveId(firstItem.id);
|
|
186
197
|
break;
|
|
187
198
|
}
|
|
188
199
|
case "End": {
|
|
189
200
|
event.preventDefault();
|
|
190
|
-
setActiveId(
|
|
201
|
+
setActiveId(lastItem.id);
|
|
191
202
|
break;
|
|
192
203
|
}
|
|
193
204
|
case "Enter": {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const conversationList = "
|
|
4
|
-
const content = "
|
|
5
|
-
const loadingHistory = "
|
|
6
|
-
const dateSeparator = "
|
|
7
|
-
const dateSeparatorLine = "
|
|
8
|
-
const dateSeparatorText = "
|
|
9
|
-
const typingIndicator = "
|
|
10
|
-
const withoutAvatar = "
|
|
11
|
-
const typingAvatar = "
|
|
12
|
-
const typingContent = "
|
|
3
|
+
const conversationList = "_conversationList_1tjh4_1";
|
|
4
|
+
const content = "_content_1tjh4_16";
|
|
5
|
+
const loadingHistory = "_loadingHistory_1tjh4_25";
|
|
6
|
+
const dateSeparator = "_dateSeparator_1tjh4_39";
|
|
7
|
+
const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
|
|
8
|
+
const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
|
|
9
|
+
const typingIndicator = "_typingIndicator_1tjh4_64";
|
|
10
|
+
const withoutAvatar = "_withoutAvatar_1tjh4_71";
|
|
11
|
+
const typingAvatar = "_typingAvatar_1tjh4_75";
|
|
12
|
+
const typingContent = "_typingContent_1tjh4_87";
|
|
13
13
|
const styles = {
|
|
14
14
|
conversationList,
|
|
15
15
|
content,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
const conversationList = "
|
|
2
|
-
const content = "
|
|
3
|
-
const loadingHistory = "
|
|
4
|
-
const dateSeparator = "
|
|
5
|
-
const dateSeparatorLine = "
|
|
6
|
-
const dateSeparatorText = "
|
|
7
|
-
const typingIndicator = "
|
|
8
|
-
const withoutAvatar = "
|
|
9
|
-
const typingAvatar = "
|
|
10
|
-
const typingContent = "
|
|
1
|
+
const conversationList = "_conversationList_1tjh4_1";
|
|
2
|
+
const content = "_content_1tjh4_16";
|
|
3
|
+
const loadingHistory = "_loadingHistory_1tjh4_25";
|
|
4
|
+
const dateSeparator = "_dateSeparator_1tjh4_39";
|
|
5
|
+
const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
|
|
6
|
+
const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
|
|
7
|
+
const typingIndicator = "_typingIndicator_1tjh4_64";
|
|
8
|
+
const withoutAvatar = "_withoutAvatar_1tjh4_71";
|
|
9
|
+
const typingAvatar = "_typingAvatar_1tjh4_75";
|
|
10
|
+
const typingContent = "_typingContent_1tjh4_87";
|
|
11
11
|
const styles = {
|
|
12
12
|
conversationList,
|
|
13
13
|
content,
|