@usefragments/ui 1.5.4 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/assets/ui.css +8808 -5810
- package/dist/chart.cjs +7 -20
- package/dist/chart.js +7 -20
- package/dist/colorpicker.cjs +2 -1
- package/dist/colorpicker.js +2 -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 +12 -12
- package/dist/components/Alert/Alert.module.scss.js +12 -12
- 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 +5 -3
- package/dist/components/AppShell/index.d.ts +4 -2
- package/dist/components/AppShell/index.d.ts.map +1 -1
- package/dist/components/AppShell/index.js +5 -3
- package/dist/components/Avatar/Avatar.module.scss.cjs +17 -14
- package/dist/components/Avatar/Avatar.module.scss.js +17 -14
- package/dist/components/Avatar/index.cjs +100 -118
- package/dist/components/Avatar/index.d.ts +7 -5
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.js +100 -118
- 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/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/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 +18 -18
- package/dist/components/Card/Card.module.scss.js +18 -18
- 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 +7 -7
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +9 -15
- package/dist/components/Checkbox/Checkbox.module.scss.js +9 -15
- package/dist/components/Checkbox/index.cjs +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -6
- 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 +4 -5
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +2 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +22 -22
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +22 -22
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -12
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -12
- package/dist/components/Collapsible/index.cjs +3 -2
- package/dist/components/Collapsible/index.d.ts +3 -3
- package/dist/components/Collapsible/index.d.ts.map +1 -1
- package/dist/components/Collapsible/index.js +3 -2
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +16 -16
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +16 -16
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -27
- package/dist/components/Combobox/Combobox.module.scss.js +21 -27
- package/dist/components/Combobox/index.cjs +4 -4
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +4 -4
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +11 -14
- package/dist/components/ConversationList/ConversationList.module.scss.js +11 -14
- package/dist/components/ConversationList/index.cjs +40 -44
- package/dist/components/ConversationList/index.d.ts +3 -3
- package/dist/components/ConversationList/index.d.ts.map +1 -1
- package/dist/components/ConversationList/index.js +40 -44
- package/dist/components/DataTable/DataTable.module.scss.cjs +32 -56
- package/dist/components/DataTable/DataTable.module.scss.js +32 -56
- package/dist/components/DataTable/index.d.ts +5 -4
- 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/Drawer/Drawer.module.scss.cjs +31 -28
- package/dist/components/Drawer/Drawer.module.scss.js +31 -28
- package/dist/components/Drawer/index.cjs +1 -1
- package/dist/components/Drawer/index.js +1 -1
- package/dist/components/Editor/Editor.module.scss.cjs +23 -23
- package/dist/components/Editor/Editor.module.scss.js +23 -23
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +12 -12
- package/dist/components/EmptyState/EmptyState.module.scss.js +12 -12
- package/dist/components/Field/Field.module.scss.cjs +8 -5
- package/dist/components/Field/Field.module.scss.js +8 -5
- package/dist/components/Field/index.cjs +10 -1
- package/dist/components/Field/index.d.ts +9 -2
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +10 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Form/Form.module.scss.cjs +5 -2
- package/dist/components/Form/Form.module.scss.js +5 -2
- package/dist/components/Form/index.cjs +6 -1
- package/dist/components/Form/index.d.ts +8 -3
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +6 -1
- package/dist/components/Grid/Grid.module.scss.cjs +54 -72
- package/dist/components/Grid/Grid.module.scss.js +54 -72
- package/dist/components/Grid/index.cjs +57 -77
- package/dist/components/Grid/index.d.ts +11 -11
- package/dist/components/Grid/index.d.ts.map +1 -1
- package/dist/components/Grid/index.js +57 -77
- 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 +2 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +2 -1
- package/dist/components/Icon/Icon.module.scss.cjs +29 -8
- package/dist/components/Icon/Icon.module.scss.js +30 -9
- package/dist/components/Icon/index.cjs +30 -48
- package/dist/components/Icon/index.d.ts +6 -6
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +30 -48
- package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
- package/dist/components/IconButton/IconButton.module.scss.js +8 -8
- package/dist/components/Input/Input.module.scss.cjs +19 -25
- package/dist/components/Input/Input.module.scss.js +19 -25
- package/dist/components/Input/index.cjs +1 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +1 -2
- package/dist/components/Link/Link.module.scss.cjs +10 -10
- package/dist/components/Link/Link.module.scss.js +10 -10
- package/dist/components/List/List.module.scss.cjs +19 -19
- package/dist/components/List/List.module.scss.js +19 -19
- package/dist/components/List/index.cjs +4 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +4 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +9 -9
- package/dist/components/Listbox/Listbox.module.scss.js +9 -9
- package/dist/components/Loading/Loading.module.scss.cjs +30 -30
- package/dist/components/Loading/Loading.module.scss.js +30 -30
- package/dist/components/Loading/index.cjs +39 -67
- package/dist/components/Loading/index.d.ts +6 -6
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +39 -67
- package/dist/components/Main/Main.module.scss.cjs +7 -7
- package/dist/components/Main/Main.module.scss.js +7 -7
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +16 -16
- package/dist/components/Menu/Menu.module.scss.js +16 -16
- package/dist/components/Menu/index.cjs +19 -61
- package/dist/components/Menu/index.d.ts +10 -10
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +19 -61
- package/dist/components/Message/Message.module.scss.cjs +18 -21
- package/dist/components/Message/Message.module.scss.js +18 -21
- package/dist/components/Message/index.cjs +15 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +15 -2
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +18 -9
- package/dist/components/Pagination/Pagination.module.scss.js +19 -10
- package/dist/components/Pagination/index.cjs +5 -2
- package/dist/components/Pagination/index.d.ts +3 -1
- package/dist/components/Pagination/index.d.ts.map +1 -1
- package/dist/components/Pagination/index.js +5 -2
- 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 +29 -32
- package/dist/components/Progress/Progress.module.scss.js +29 -32
- package/dist/components/Progress/geometry.cjs +30 -0
- package/dist/components/Progress/geometry.d.ts +8 -0
- package/dist/components/Progress/geometry.d.ts.map +1 -0
- package/dist/components/Progress/geometry.js +30 -0
- package/dist/components/Progress/index.cjs +40 -29
- package/dist/components/Progress/index.d.ts +4 -3
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +40 -29
- package/dist/components/Prompt/Prompt.module.scss.cjs +29 -29
- package/dist/components/Prompt/Prompt.module.scss.js +29 -29
- package/dist/components/Prompt/index.cjs +5 -4
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +5 -4
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -21
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -21
- package/dist/components/RadioGroup/index.cjs +7 -6
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +7 -6
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +7 -22
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +7 -22
- package/dist/components/ScrollArea/index.cjs +66 -42
- package/dist/components/ScrollArea/index.d.ts +3 -2
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/index.js +66 -42
- package/dist/components/ScrollArea/scroll-state.cjs +58 -0
- package/dist/components/ScrollArea/scroll-state.d.ts +16 -0
- package/dist/components/ScrollArea/scroll-state.d.ts.map +1 -0
- package/dist/components/ScrollArea/scroll-state.js +58 -0
- 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 +3 -2
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +3 -2
- package/dist/components/Separator/Separator.module.scss.cjs +13 -10
- package/dist/components/Separator/Separator.module.scss.js +13 -10
- package/dist/components/Separator/index.cjs +37 -38
- package/dist/components/Separator/index.d.ts +4 -4
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +37 -38
- 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 +5 -3
- package/dist/components/Sidebar/index.d.ts +6 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +5 -3
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -38
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -38
- package/dist/components/Skeleton/index.cjs +41 -55
- package/dist/components/Skeleton/index.d.ts +7 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +41 -55
- 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 -45
- package/dist/components/Stack/Stack.module.scss.js +25 -45
- package/dist/components/Stack/index.cjs +106 -101
- package/dist/components/Stack/index.d.ts +7 -7
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.js +106 -101
- package/dist/components/Switch/Switch.module.scss.cjs +32 -0
- package/dist/components/Switch/Switch.module.scss.js +32 -0
- package/dist/components/{Toggle → Switch}/index.cjs +9 -14
- package/dist/components/Switch/index.d.ts +37 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/{Toggle → Switch}/index.js +5 -10
- package/dist/components/Table/Table.module.scss.cjs +18 -27
- package/dist/components/Table/Table.module.scss.js +18 -27
- package/dist/components/Table/index.d.ts +6 -5
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- 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 +2 -2
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Text/Text.module.scss.cjs +93 -57
- package/dist/components/Text/Text.module.scss.js +93 -57
- package/dist/components/Text/index.cjs +14 -6
- package/dist/components/Text/index.d.ts +25 -15
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +14 -6
- package/dist/components/Textarea/Textarea.module.scss.cjs +26 -23
- package/dist/components/Textarea/Textarea.module.scss.js +26 -23
- package/dist/components/Textarea/index.cjs +5 -10
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +5 -10
- package/dist/components/Theme/context.cjs +39 -0
- package/dist/components/Theme/context.d.ts +21 -0
- package/dist/components/Theme/context.d.ts.map +1 -0
- package/dist/components/Theme/context.js +22 -0
- package/dist/components/Theme/index.cjs +14 -209
- package/dist/components/Theme/index.d.ts +4 -37
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +9 -204
- package/dist/components/{Theme → ThemeToggle}/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +23 -0
- package/dist/components/ThemeToggle/index.cjs +115 -0
- package/dist/components/ThemeToggle/index.d.ts +21 -0
- package/dist/components/ThemeToggle/index.d.ts.map +1 -0
- package/dist/components/ThemeToggle/index.js +115 -0
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
- package/dist/components/ThinkingIndicator/index.cjs +34 -41
- package/dist/components/ThinkingIndicator/index.d.ts +4 -4
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +34 -41
- package/dist/components/Toast/Toast.module.scss.cjs +20 -20
- package/dist/components/Toast/Toast.module.scss.js +20 -20
- package/dist/components/Toggle/index.d.ts +2 -42
- package/dist/components/Toggle/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +20 -20
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +20 -20
- package/dist/components/ToggleGroup/index.cjs +3 -2
- package/dist/components/ToggleGroup/index.d.ts +2 -1
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +3 -2
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/data-table.cjs +12 -9
- package/dist/data-table.js +12 -9
- package/dist/datepicker.cjs +2 -1
- package/dist/datepicker.js +2 -1
- package/dist/index.cjs +100 -98
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/markdown.cjs +1 -1
- package/dist/markdown.js +2 -2
- package/dist/measurements/generated.cjs +296 -0
- package/dist/measurements/generated.d.ts +261 -0
- package/dist/measurements/generated.d.ts.map +1 -0
- package/dist/measurements/generated.js +296 -0
- package/dist/measurements/index.d.ts +2 -0
- package/dist/measurements/index.d.ts.map +1 -0
- package/dist/measurements.cjs +6 -0
- package/dist/measurements.js +6 -0
- package/dist/recipes/popup.cjs +14 -0
- package/dist/recipes/popup.d.ts +4 -0
- package/dist/recipes/popup.d.ts.map +1 -0
- package/dist/recipes/popup.js +14 -0
- package/dist/recipes/table-chrome.cjs +18 -0
- package/dist/recipes/table-chrome.d.ts +10 -0
- package/dist/recipes/table-chrome.d.ts.map +1 -0
- package/dist/recipes/table-chrome.js +18 -0
- package/dist/table.cjs +5 -2
- package/dist/table.js +5 -2
- package/dist/utils/layout-spacing.cjs +27 -0
- package/dist/utils/layout-spacing.d.ts +5 -0
- package/dist/utils/layout-spacing.d.ts.map +1 -0
- package/dist/utils/layout-spacing.js +27 -0
- package/dist/utils/seed-derivation.cjs +4 -42
- package/dist/utils/seed-derivation.d.ts +4 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +4 -42
- package/dist/utils/theme-presets.cjs +1 -0
- package/dist/utils/theme-presets.d.ts +3 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +1 -0
- package/fragments.json +1 -1
- package/package.json +23 -4
- package/src/components/Accordion/Accordion.module.scss +31 -52
- package/src/components/Alert/Alert.module.scss +28 -44
- package/src/components/AppShell/AppShell.module.scss +6 -3
- package/src/components/AppShell/index.tsx +8 -4
- package/src/components/Avatar/Avatar.module.scss +22 -60
- package/src/components/Avatar/index.tsx +152 -146
- package/src/components/Badge/Badge.module.scss +51 -46
- package/src/components/BentoGrid/BentoGrid.module.scss +11 -32
- package/src/components/Box/Box.module.scss +253 -81
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +10 -11
- package/src/components/Button/Button.module.scss +52 -57
- package/src/components/ButtonGroup/ButtonGroup.module.scss +5 -5
- package/src/components/Card/Card.consumer-fixture.module.scss +8 -0
- package/src/components/Card/Card.module.scss +211 -175
- package/src/components/Chart/Chart.module.scss +28 -29
- package/src/components/Chart/index.tsx +40 -53
- package/src/components/Checkbox/Checkbox.module.scss +43 -64
- package/src/components/Checkbox/index.tsx +4 -9
- package/src/components/Chip/Chip.contract.json +4 -3
- package/src/components/Chip/Chip.module.scss +23 -34
- package/src/components/Chip/index.tsx +3 -4
- package/src/components/CodeBlock/CodeBlock.module.scss +102 -215
- package/src/components/Collapsible/Collapsible.module.scss +29 -63
- package/src/components/Collapsible/index.tsx +22 -26
- package/src/components/ColorPicker/ColorPicker.module.scss +42 -24
- package/src/components/ColorPicker/index.tsx +2 -1
- package/src/components/Combobox/Combobox.module.scss +60 -73
- package/src/components/Combobox/index.tsx +7 -5
- package/src/components/Command/Command.module.scss +47 -77
- package/src/components/ConversationList/ConversationList.module.scss +20 -78
- package/src/components/ConversationList/index.tsx +55 -59
- package/src/components/DataTable/DataTable.module.scss +76 -216
- package/src/components/DataTable/index.tsx +20 -25
- package/src/components/DatePicker/DatePicker.module.scss +54 -33
- package/src/components/DatePicker/index.tsx +2 -1
- package/src/components/Dialog/Dialog.module.scss +42 -66
- package/src/components/Drawer/Drawer.module.scss +93 -99
- package/src/components/Drawer/index.tsx +1 -1
- package/src/components/Editor/Editor.module.scss +115 -220
- package/src/components/EmptyState/EmptyState.module.scss +38 -85
- package/src/components/Field/Field.contract.json +2 -1
- package/src/components/Field/Field.module.scss +9 -11
- package/src/components/Field/index.tsx +27 -1
- package/src/components/Fieldset/Fieldset.module.scss +14 -6
- package/src/components/Form/Form.contract.json +10 -23
- package/src/components/Form/Form.module.scss +9 -4
- package/src/components/Form/index.tsx +22 -7
- package/src/components/Grid/Grid.module.scss +159 -63
- package/src/components/Grid/index.tsx +107 -126
- package/src/components/Header/Header.module.scss +25 -32
- package/src/components/Header/index.tsx +2 -1
- package/src/components/Icon/Icon.module.scss +16 -0
- package/src/components/Icon/index.tsx +74 -86
- package/src/components/IconButton/IconButton.module.scss +11 -21
- package/src/components/Input/Input.module.scss +67 -55
- package/src/components/Input/index.tsx +1 -2
- package/src/components/Link/Link.module.scss +8 -9
- package/src/components/List/List.module.scss +16 -21
- package/src/components/List/index.tsx +4 -10
- package/src/components/Listbox/Listbox.module.scss +26 -54
- package/src/components/Loading/Loading.module.scss +23 -33
- package/src/components/Loading/index.tsx +68 -97
- package/src/components/Main/Main.module.scss +3 -5
- package/src/components/Markdown/Markdown.module.scss +36 -184
- package/src/components/Markdown/index.tsx +2 -2
- package/src/components/Menu/Menu.module.scss +48 -133
- package/src/components/Menu/index.tsx +57 -89
- package/src/components/Message/Message.module.scss +52 -142
- package/src/components/Message/index.tsx +16 -6
- package/src/components/NavigationMenu/NavigationMenu.module.scss +59 -52
- package/src/components/Pagination/Pagination.module.scss +32 -25
- package/src/components/Pagination/index.tsx +7 -2
- package/src/components/Popover/Popover.module.scss +37 -73
- package/src/components/Progress/Progress.module.scss +61 -41
- package/src/components/Progress/geometry.ts +41 -0
- package/src/components/Progress/index.tsx +44 -30
- package/src/components/Prompt/Prompt.module.scss +45 -82
- package/src/components/Prompt/index.tsx +6 -5
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -69
- package/src/components/RadioGroup/index.tsx +7 -9
- package/src/components/ScrollArea/ScrollArea.contract.json +8 -24
- package/src/components/ScrollArea/ScrollArea.module.scss +122 -96
- package/src/components/ScrollArea/index.tsx +78 -60
- package/src/components/ScrollArea/scroll-state.ts +87 -0
- package/src/components/Select/Select.module.scss +53 -41
- package/src/components/Select/index.tsx +6 -2
- package/src/components/Separator/Separator.module.scss +29 -19
- package/src/components/Separator/index.tsx +55 -51
- package/src/components/Sidebar/Sidebar.contract.json +12 -0
- package/src/components/Sidebar/Sidebar.module.scss +101 -99
- package/src/components/Sidebar/index.tsx +10 -3
- package/src/components/Skeleton/Skeleton.module.scss +26 -26
- package/src/components/Skeleton/index.tsx +65 -72
- package/src/components/Slider/Slider.module.scss +31 -25
- package/src/components/Stack/Stack.module.scss +101 -30
- package/src/components/Stack/index.tsx +157 -127
- package/src/components/{Toggle/Toggle.contract.json → Switch/Switch.contract.json} +1 -1
- package/src/components/{Toggle/Toggle.module.scss → Switch/Switch.module.scss} +55 -82
- package/src/components/{Toggle → Switch}/index.tsx +5 -21
- package/src/components/Table/Table.module.scss +38 -129
- package/src/components/Table/index.tsx +13 -6
- package/src/components/TableOfContents/TableOfContents.module.scss +20 -177
- package/src/components/Tabs/Tabs.module.scss +27 -22
- package/src/components/Tabs/index.tsx +2 -2
- package/src/components/Text/Text.module.scss +22 -3
- package/src/components/Text/index.tsx +56 -21
- package/src/components/Textarea/Textarea.module.scss +59 -39
- package/src/components/Textarea/index.tsx +5 -12
- package/src/components/Theme/context.ts +42 -0
- package/src/components/Theme/index.tsx +14 -309
- package/src/components/ThemeToggle/ThemeToggle.module.scss +73 -0
- package/src/components/ThemeToggle/index.tsx +144 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +24 -19
- package/src/components/ThinkingIndicator/index.tsx +44 -54
- package/src/components/Toast/Toast.contract.json +5 -21
- package/src/components/Toast/Toast.module.scss +61 -138
- package/src/components/Toggle/index.ts +7 -0
- package/src/components/ToggleGroup/ToggleGroup.contract.json +12 -39
- package/src/components/ToggleGroup/ToggleGroup.module.scss +132 -88
- package/src/components/ToggleGroup/index.tsx +5 -3
- package/src/components/Tooltip/Tooltip.module.scss +23 -39
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +3 -0
- package/src/index.ts +2 -1
- package/src/measurements/MeasurementTargets.module.scss +229 -0
- package/src/measurements/generated.ts +317 -0
- package/src/measurements/index.ts +8 -0
- package/src/measurements/measurements.json +361 -0
- package/src/recipes/_action.scss +138 -0
- package/src/recipes/_boolean-range.scss +124 -0
- package/src/recipes/_feedback.scss +171 -0
- package/src/recipes/_field.scss +98 -0
- package/src/recipes/_layout.scss +67 -0
- package/src/recipes/_navigation.scss +110 -0
- package/src/recipes/_overlay.scss +191 -0
- package/src/recipes/_popup.scss +92 -0
- package/src/recipes/_prose.scss +174 -0
- package/src/recipes/_representation.scss +193 -0
- package/src/recipes/_segmented.scss +26 -0
- package/src/recipes/_surface.scss +13 -0
- package/src/recipes/_table-chrome.scss +105 -0
- package/src/recipes/_target.scss +31 -0
- package/src/recipes/_typography.scss +38 -0
- package/src/recipes/popup.ts +12 -0
- package/src/recipes/table-chrome.ts +30 -0
- package/src/styles/globals.scss +2 -2
- package/src/tokens/_component-properties.scss +2 -2
- package/src/tokens/_computed.scss +9 -9
- package/src/tokens/_density.scss +41 -132
- package/src/tokens/_measurements.catalog.generated.css +91 -0
- package/src/tokens/_measurements.generated.scss +604 -0
- package/src/tokens/_mixins.scss +0 -276
- package/src/tokens/_property-registrations.scss +96 -92
- package/src/tokens/_radius.scss +16 -70
- package/src/tokens/_seeds.scss +8 -7
- package/src/tokens/_variables.scss +163 -148
- package/src/utils/layout-spacing.ts +31 -0
- package/src/utils/seed-derivation.ts +134 -172
- package/src/utils/theme-presets.ts +58 -30
- package/dist/components/Theme/ThemeToggle.module.scss.js +0 -23
- package/dist/components/Toggle/Toggle.module.scss.cjs +0 -44
- package/dist/components/Toggle/Toggle.module.scss.js +0 -44
- package/src/components/Switch/index.ts +0 -3
- package/src/components/Theme/ThemeToggle.module.scss +0 -91
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const message = "
|
|
4
|
-
const actions = "
|
|
5
|
-
const withoutAvatar = "
|
|
6
|
-
const assistant = "
|
|
7
|
-
const content = "
|
|
8
|
-
const user = "
|
|
9
|
-
const body = "
|
|
10
|
-
const system = "
|
|
11
|
-
const avatar = "
|
|
12
|
-
const error = "
|
|
13
|
-
const sending = "
|
|
14
|
-
const avatarUser = "
|
|
15
|
-
const avatarAssistant = "
|
|
16
|
-
const avatarSystem = "
|
|
17
|
-
const avatarImage = "
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const timestamp = "_timestamp_1x3cg_186";
|
|
3
|
+
const message = "_message_1rzq8_2";
|
|
4
|
+
const actions = "_actions_1rzq8_9";
|
|
5
|
+
const withoutAvatar = "_withoutAvatar_1rzq8_13";
|
|
6
|
+
const assistant = "_assistant_1rzq8_13";
|
|
7
|
+
const content = "_content_1rzq8_13";
|
|
8
|
+
const user = "_user_1rzq8_17";
|
|
9
|
+
const body = "_body_1rzq8_21";
|
|
10
|
+
const system = "_system_1rzq8_35";
|
|
11
|
+
const avatar = "_avatar_1rzq8_44";
|
|
12
|
+
const error = "_error_1rzq8_48";
|
|
13
|
+
const sending = "_sending_1rzq8_54";
|
|
14
|
+
const avatarUser = "_avatarUser_1rzq8_62";
|
|
15
|
+
const avatarAssistant = "_avatarAssistant_1rzq8_63";
|
|
16
|
+
const avatarSystem = "_avatarSystem_1rzq8_68";
|
|
17
|
+
const avatarImage = "_avatarImage_1rzq8_73";
|
|
18
|
+
const streaming = "_streaming_1rzq8_231";
|
|
19
|
+
const blink = "_blink_1rzq8_1";
|
|
20
|
+
const timestamp = "_timestamp_1rzq8_257";
|
|
22
21
|
const styles = {
|
|
23
22
|
message,
|
|
24
23
|
actions,
|
|
@@ -35,7 +34,6 @@ const styles = {
|
|
|
35
34
|
avatarAssistant,
|
|
36
35
|
avatarSystem,
|
|
37
36
|
avatarImage,
|
|
38
|
-
avatarImg,
|
|
39
37
|
streaming,
|
|
40
38
|
blink,
|
|
41
39
|
timestamp
|
|
@@ -45,7 +43,6 @@ exports.assistant = assistant;
|
|
|
45
43
|
exports.avatar = avatar;
|
|
46
44
|
exports.avatarAssistant = avatarAssistant;
|
|
47
45
|
exports.avatarImage = avatarImage;
|
|
48
|
-
exports.avatarImg = avatarImg;
|
|
49
46
|
exports.avatarSystem = avatarSystem;
|
|
50
47
|
exports.avatarUser = avatarUser;
|
|
51
48
|
exports.blink = blink;
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
const message = "
|
|
2
|
-
const actions = "
|
|
3
|
-
const withoutAvatar = "
|
|
4
|
-
const assistant = "
|
|
5
|
-
const content = "
|
|
6
|
-
const user = "
|
|
7
|
-
const body = "
|
|
8
|
-
const system = "
|
|
9
|
-
const avatar = "
|
|
10
|
-
const error = "
|
|
11
|
-
const sending = "
|
|
12
|
-
const avatarUser = "
|
|
13
|
-
const avatarAssistant = "
|
|
14
|
-
const avatarSystem = "
|
|
15
|
-
const avatarImage = "
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const timestamp = "_timestamp_1x3cg_186";
|
|
1
|
+
const message = "_message_1rzq8_2";
|
|
2
|
+
const actions = "_actions_1rzq8_9";
|
|
3
|
+
const withoutAvatar = "_withoutAvatar_1rzq8_13";
|
|
4
|
+
const assistant = "_assistant_1rzq8_13";
|
|
5
|
+
const content = "_content_1rzq8_13";
|
|
6
|
+
const user = "_user_1rzq8_17";
|
|
7
|
+
const body = "_body_1rzq8_21";
|
|
8
|
+
const system = "_system_1rzq8_35";
|
|
9
|
+
const avatar = "_avatar_1rzq8_44";
|
|
10
|
+
const error = "_error_1rzq8_48";
|
|
11
|
+
const sending = "_sending_1rzq8_54";
|
|
12
|
+
const avatarUser = "_avatarUser_1rzq8_62";
|
|
13
|
+
const avatarAssistant = "_avatarAssistant_1rzq8_63";
|
|
14
|
+
const avatarSystem = "_avatarSystem_1rzq8_68";
|
|
15
|
+
const avatarImage = "_avatarImage_1rzq8_73";
|
|
16
|
+
const streaming = "_streaming_1rzq8_231";
|
|
17
|
+
const blink = "_blink_1rzq8_1";
|
|
18
|
+
const timestamp = "_timestamp_1rzq8_257";
|
|
20
19
|
const styles = {
|
|
21
20
|
message,
|
|
22
21
|
actions,
|
|
@@ -33,7 +32,6 @@ const styles = {
|
|
|
33
32
|
avatarAssistant,
|
|
34
33
|
avatarSystem,
|
|
35
34
|
avatarImage,
|
|
36
|
-
avatarImg,
|
|
37
35
|
streaming,
|
|
38
36
|
blink,
|
|
39
37
|
timestamp
|
|
@@ -44,7 +42,6 @@ export {
|
|
|
44
42
|
avatar,
|
|
45
43
|
avatarAssistant,
|
|
46
44
|
avatarImage,
|
|
47
|
-
avatarImg,
|
|
48
45
|
avatarSystem,
|
|
49
46
|
avatarUser,
|
|
50
47
|
blink,
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
4
4
|
const jsxRuntime = require("react/jsx-runtime");
|
|
5
5
|
const React = require("react");
|
|
6
6
|
const Message_module = require("./Message.module.scss.cjs");
|
|
7
|
+
const index$1 = require("../Avatar/index.cjs");
|
|
7
8
|
const index = require("../ConversationList/index.cjs");
|
|
8
9
|
const markdown = require("../../markdown.cjs");
|
|
9
10
|
function _interopNamespaceDefault(e) {
|
|
@@ -124,8 +125,20 @@ function MessageAvatar({ children, src, alt, className, ...htmlProps }) {
|
|
|
124
125
|
className
|
|
125
126
|
].filter(Boolean).join(" ");
|
|
126
127
|
const defaultIcon = role === "user" ? /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {}) : role === "assistant" ? /* @__PURE__ */ jsxRuntime.jsx(AssistantIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(SystemIcon, {});
|
|
127
|
-
|
|
128
|
-
|
|
128
|
+
if (children !== void 0) {
|
|
129
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
|
|
130
|
+
}
|
|
131
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
132
|
+
index$1.Avatar,
|
|
133
|
+
{
|
|
134
|
+
...htmlProps,
|
|
135
|
+
src,
|
|
136
|
+
alt: alt ?? role,
|
|
137
|
+
size: "sm",
|
|
138
|
+
fallback: defaultIcon,
|
|
139
|
+
className: classes
|
|
140
|
+
}
|
|
141
|
+
);
|
|
129
142
|
}
|
|
130
143
|
function MessageRoot({
|
|
131
144
|
role,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,IAAI,EAAE,WAAW,CAAC;IAClB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAClF,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,UAAU,mBAAmB;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAID,iBAAS,iBAAiB,wBAMzB;AA6ED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAkB3F;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAQjF;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,kDAevB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAkCzF;AAMD,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,MAAmB,EACnB,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,YAAY,2CAoCd;AAMD,eAAO,MAAM,OAAO;;;;;CAKlB,CAAC;AAEH,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GACd,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import styles from "./Message.module.scss.js";
|
|
5
|
+
import { Avatar } from "../Avatar/index.js";
|
|
5
6
|
import { useOptionalConversationList } from "../ConversationList/index.js";
|
|
6
7
|
import { Markdown } from "../../markdown.js";
|
|
7
8
|
const MessageContext = React.createContext(null);
|
|
@@ -105,8 +106,20 @@ function MessageAvatar({ children, src, alt, className, ...htmlProps }) {
|
|
|
105
106
|
className
|
|
106
107
|
].filter(Boolean).join(" ");
|
|
107
108
|
const defaultIcon = role === "user" ? /* @__PURE__ */ jsx(UserIcon, {}) : role === "assistant" ? /* @__PURE__ */ jsx(AssistantIcon, {}) : /* @__PURE__ */ jsx(SystemIcon, {});
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
if (children !== void 0) {
|
|
110
|
+
return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
|
|
111
|
+
}
|
|
112
|
+
return /* @__PURE__ */ jsx(
|
|
113
|
+
Avatar,
|
|
114
|
+
{
|
|
115
|
+
...htmlProps,
|
|
116
|
+
src,
|
|
117
|
+
alt: alt ?? role,
|
|
118
|
+
size: "sm",
|
|
119
|
+
fallback: defaultIcon,
|
|
120
|
+
className: classes
|
|
121
|
+
}
|
|
122
|
+
);
|
|
110
123
|
}
|
|
111
124
|
function MessageRoot({
|
|
112
125
|
role,
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const rootVertical = "
|
|
5
|
-
const list = "
|
|
6
|
-
const listVertical = "
|
|
7
|
-
const trigger = "
|
|
8
|
-
const triggerChevron = "
|
|
9
|
-
const content = "
|
|
10
|
-
const link = "
|
|
11
|
-
const linkActive = "
|
|
12
|
-
const linkStructured = "
|
|
13
|
-
const linkIcon = "
|
|
14
|
-
const linkBody = "
|
|
15
|
-
const linkTitle = "
|
|
16
|
-
const linkDescription = "
|
|
17
|
-
const linkFeatured = "
|
|
18
|
-
const indicator = "
|
|
19
|
-
const viewport = "
|
|
20
|
-
const hamburger = "
|
|
21
|
-
const drawerBackdrop = "
|
|
22
|
-
const drawer = "
|
|
23
|
-
const drawerHeader = "
|
|
24
|
-
const drawerClose = "
|
|
25
|
-
const drawerBody = "
|
|
26
|
-
const drawerNav = "
|
|
27
|
-
const drawerLink = "
|
|
28
|
-
const drawerSectionLabel = "
|
|
29
|
-
const drawerCollapsibleTrigger = "
|
|
30
|
-
const drawerCollapsibleContent = "
|
|
3
|
+
const root = "_root_1tkec_1";
|
|
4
|
+
const rootVertical = "_rootVertical_1tkec_24";
|
|
5
|
+
const list = "_list_1tkec_29";
|
|
6
|
+
const listVertical = "_listVertical_1tkec_43";
|
|
7
|
+
const trigger = "_trigger_1tkec_48";
|
|
8
|
+
const triggerChevron = "_triggerChevron_1tkec_112";
|
|
9
|
+
const content = "_content_1tkec_120";
|
|
10
|
+
const link = "_link_1tkec_183";
|
|
11
|
+
const linkActive = "_linkActive_1tkec_207";
|
|
12
|
+
const linkStructured = "_linkStructured_1tkec_213";
|
|
13
|
+
const linkIcon = "_linkIcon_1tkec_225";
|
|
14
|
+
const linkBody = "_linkBody_1tkec_236";
|
|
15
|
+
const linkTitle = "_linkTitle_1tkec_243";
|
|
16
|
+
const linkDescription = "_linkDescription_1tkec_252";
|
|
17
|
+
const linkFeatured = "_linkFeatured_1tkec_261";
|
|
18
|
+
const indicator = "_indicator_1tkec_270";
|
|
19
|
+
const viewport = "_viewport_1tkec_280";
|
|
20
|
+
const hamburger = "_hamburger_1tkec_337";
|
|
21
|
+
const drawerBackdrop = "_drawerBackdrop_1tkec_408";
|
|
22
|
+
const drawer = "_drawer_1tkec_408";
|
|
23
|
+
const drawerHeader = "_drawerHeader_1tkec_442";
|
|
24
|
+
const drawerClose = "_drawerClose_1tkec_451";
|
|
25
|
+
const drawerBody = "_drawerBody_1tkec_512";
|
|
26
|
+
const drawerNav = "_drawerNav_1tkec_518";
|
|
27
|
+
const drawerLink = "_drawerLink_1tkec_523";
|
|
28
|
+
const drawerSectionLabel = "_drawerSectionLabel_1tkec_572";
|
|
29
|
+
const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1tkec_600";
|
|
30
|
+
const drawerCollapsibleContent = "_drawerCollapsibleContent_1tkec_659";
|
|
31
31
|
const styles = {
|
|
32
32
|
root,
|
|
33
33
|
rootVertical,
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const rootVertical = "
|
|
3
|
-
const list = "
|
|
4
|
-
const listVertical = "
|
|
5
|
-
const trigger = "
|
|
6
|
-
const triggerChevron = "
|
|
7
|
-
const content = "
|
|
8
|
-
const link = "
|
|
9
|
-
const linkActive = "
|
|
10
|
-
const linkStructured = "
|
|
11
|
-
const linkIcon = "
|
|
12
|
-
const linkBody = "
|
|
13
|
-
const linkTitle = "
|
|
14
|
-
const linkDescription = "
|
|
15
|
-
const linkFeatured = "
|
|
16
|
-
const indicator = "
|
|
17
|
-
const viewport = "
|
|
18
|
-
const hamburger = "
|
|
19
|
-
const drawerBackdrop = "
|
|
20
|
-
const drawer = "
|
|
21
|
-
const drawerHeader = "
|
|
22
|
-
const drawerClose = "
|
|
23
|
-
const drawerBody = "
|
|
24
|
-
const drawerNav = "
|
|
25
|
-
const drawerLink = "
|
|
26
|
-
const drawerSectionLabel = "
|
|
27
|
-
const drawerCollapsibleTrigger = "
|
|
28
|
-
const drawerCollapsibleContent = "
|
|
1
|
+
const root = "_root_1tkec_1";
|
|
2
|
+
const rootVertical = "_rootVertical_1tkec_24";
|
|
3
|
+
const list = "_list_1tkec_29";
|
|
4
|
+
const listVertical = "_listVertical_1tkec_43";
|
|
5
|
+
const trigger = "_trigger_1tkec_48";
|
|
6
|
+
const triggerChevron = "_triggerChevron_1tkec_112";
|
|
7
|
+
const content = "_content_1tkec_120";
|
|
8
|
+
const link = "_link_1tkec_183";
|
|
9
|
+
const linkActive = "_linkActive_1tkec_207";
|
|
10
|
+
const linkStructured = "_linkStructured_1tkec_213";
|
|
11
|
+
const linkIcon = "_linkIcon_1tkec_225";
|
|
12
|
+
const linkBody = "_linkBody_1tkec_236";
|
|
13
|
+
const linkTitle = "_linkTitle_1tkec_243";
|
|
14
|
+
const linkDescription = "_linkDescription_1tkec_252";
|
|
15
|
+
const linkFeatured = "_linkFeatured_1tkec_261";
|
|
16
|
+
const indicator = "_indicator_1tkec_270";
|
|
17
|
+
const viewport = "_viewport_1tkec_280";
|
|
18
|
+
const hamburger = "_hamburger_1tkec_337";
|
|
19
|
+
const drawerBackdrop = "_drawerBackdrop_1tkec_408";
|
|
20
|
+
const drawer = "_drawer_1tkec_408";
|
|
21
|
+
const drawerHeader = "_drawerHeader_1tkec_442";
|
|
22
|
+
const drawerClose = "_drawerClose_1tkec_451";
|
|
23
|
+
const drawerBody = "_drawerBody_1tkec_512";
|
|
24
|
+
const drawerNav = "_drawerNav_1tkec_518";
|
|
25
|
+
const drawerLink = "_drawerLink_1tkec_523";
|
|
26
|
+
const drawerSectionLabel = "_drawerSectionLabel_1tkec_572";
|
|
27
|
+
const drawerCollapsibleTrigger = "_drawerCollapsibleTrigger_1tkec_600";
|
|
28
|
+
const drawerCollapsibleContent = "_drawerCollapsibleContent_1tkec_659";
|
|
29
29
|
const styles = {
|
|
30
30
|
root,
|
|
31
31
|
rootVertical,
|
|
@@ -1,26 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const pagination = "
|
|
4
|
-
const list = "
|
|
5
|
-
const item = "
|
|
6
|
-
const itemActive = "
|
|
7
|
-
const itemDisabled = "
|
|
8
|
-
const
|
|
9
|
-
const
|
|
3
|
+
const pagination = "_pagination_fmuok_1";
|
|
4
|
+
const list = "_list_fmuok_7";
|
|
5
|
+
const item = "_item_fmuok_16";
|
|
6
|
+
const itemActive = "_itemActive_fmuok_55";
|
|
7
|
+
const itemDisabled = "_itemDisabled_fmuok_64";
|
|
8
|
+
const ellipsis = "_ellipsis_fmuok_70";
|
|
9
|
+
const sm = "_sm_fmuok_87";
|
|
10
|
+
const md = "_md_fmuok_103";
|
|
11
|
+
const lg = "_lg_fmuok_119";
|
|
12
|
+
const navButton = "_navButton_fmuok_135";
|
|
10
13
|
const styles = {
|
|
11
14
|
pagination,
|
|
12
15
|
list,
|
|
13
16
|
item,
|
|
14
17
|
itemActive,
|
|
15
18
|
itemDisabled,
|
|
16
|
-
|
|
17
|
-
|
|
19
|
+
ellipsis,
|
|
20
|
+
sm,
|
|
21
|
+
md,
|
|
22
|
+
lg,
|
|
23
|
+
navButton
|
|
18
24
|
};
|
|
19
25
|
exports.default = styles;
|
|
20
26
|
exports.ellipsis = ellipsis;
|
|
21
27
|
exports.item = item;
|
|
22
28
|
exports.itemActive = itemActive;
|
|
23
29
|
exports.itemDisabled = itemDisabled;
|
|
30
|
+
exports.lg = lg;
|
|
24
31
|
exports.list = list;
|
|
32
|
+
exports.md = md;
|
|
25
33
|
exports.navButton = navButton;
|
|
26
34
|
exports.pagination = pagination;
|
|
35
|
+
exports.sm = sm;
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
const pagination = "
|
|
2
|
-
const list = "
|
|
3
|
-
const item = "
|
|
4
|
-
const itemActive = "
|
|
5
|
-
const itemDisabled = "
|
|
6
|
-
const
|
|
7
|
-
const
|
|
1
|
+
const pagination = "_pagination_fmuok_1";
|
|
2
|
+
const list = "_list_fmuok_7";
|
|
3
|
+
const item = "_item_fmuok_16";
|
|
4
|
+
const itemActive = "_itemActive_fmuok_55";
|
|
5
|
+
const itemDisabled = "_itemDisabled_fmuok_64";
|
|
6
|
+
const ellipsis = "_ellipsis_fmuok_70";
|
|
7
|
+
const sm = "_sm_fmuok_87";
|
|
8
|
+
const md = "_md_fmuok_103";
|
|
9
|
+
const lg = "_lg_fmuok_119";
|
|
10
|
+
const navButton = "_navButton_fmuok_135";
|
|
8
11
|
const styles = {
|
|
9
12
|
pagination,
|
|
10
13
|
list,
|
|
11
14
|
item,
|
|
12
15
|
itemActive,
|
|
13
16
|
itemDisabled,
|
|
14
|
-
|
|
15
|
-
|
|
17
|
+
ellipsis,
|
|
18
|
+
sm,
|
|
19
|
+
md,
|
|
20
|
+
lg,
|
|
21
|
+
navButton
|
|
16
22
|
};
|
|
17
23
|
export {
|
|
18
24
|
styles as default,
|
|
@@ -20,7 +26,10 @@ export {
|
|
|
20
26
|
item,
|
|
21
27
|
itemActive,
|
|
22
28
|
itemDisabled,
|
|
29
|
+
lg,
|
|
23
30
|
list,
|
|
31
|
+
md,
|
|
24
32
|
navButton,
|
|
25
|
-
pagination
|
|
33
|
+
pagination,
|
|
34
|
+
sm
|
|
26
35
|
};
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const jsxRuntime = require("react/jsx-runtime");
|
|
5
5
|
const React = require("react");
|
|
6
|
+
const index = require("../ComponentDefaults/index.cjs");
|
|
6
7
|
const Pagination_module = require("./Pagination.module.scss.cjs");
|
|
7
8
|
function _interopNamespaceDefault(e) {
|
|
8
9
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -124,10 +125,12 @@ function PaginationRoot({
|
|
|
124
125
|
onPageChange,
|
|
125
126
|
edgeCount = 1,
|
|
126
127
|
siblingCount = 1,
|
|
128
|
+
size: sizeProp,
|
|
127
129
|
className,
|
|
128
130
|
"aria-label": ariaLabel,
|
|
129
131
|
...htmlProps
|
|
130
132
|
}) {
|
|
133
|
+
const size = index.useResolvedControlSize(sizeProp);
|
|
131
134
|
const totalPages = Math.max(0, Math.floor(rawTotalPages));
|
|
132
135
|
const [uncontrolledPage, setUncontrolledPage] = React__namespace.useState(
|
|
133
136
|
() => totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1
|
|
@@ -156,7 +159,7 @@ function PaginationRoot({
|
|
|
156
159
|
{
|
|
157
160
|
...htmlProps,
|
|
158
161
|
"aria-label": ariaLabel ?? "Pagination",
|
|
159
|
-
className: [Pagination_module.default.pagination, className].filter(Boolean).join(" ")
|
|
162
|
+
className: [Pagination_module.default.pagination, Pagination_module.default[size], className].filter(Boolean).join(" ")
|
|
160
163
|
}
|
|
161
164
|
);
|
|
162
165
|
}
|
|
@@ -165,7 +168,7 @@ function PaginationRoot({
|
|
|
165
168
|
{
|
|
166
169
|
...htmlProps,
|
|
167
170
|
"aria-label": ariaLabel ?? "Pagination",
|
|
168
|
-
className: [Pagination_module.default.pagination, className].filter(Boolean).join(" "),
|
|
171
|
+
className: [Pagination_module.default.pagination, Pagination_module.default[size], className].filter(Boolean).join(" "),
|
|
169
172
|
children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Pagination_module.default.list, children })
|
|
170
173
|
}
|
|
171
174
|
) });
|
|
@@ -13,6 +13,8 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>,
|
|
|
13
13
|
edgeCount?: number;
|
|
14
14
|
/** Number of pages shown around current: default 1 */
|
|
15
15
|
siblingCount?: number;
|
|
16
|
+
/** Visible action size. Resolves through ComponentDefaults when omitted. */
|
|
17
|
+
size?: 'sm' | 'md' | 'lg';
|
|
16
18
|
}
|
|
17
19
|
export interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
18
20
|
children?: React.ReactNode;
|
|
@@ -20,7 +22,7 @@ export interface PaginationItemProps extends React.ButtonHTMLAttributes<HTMLButt
|
|
|
20
22
|
page?: number;
|
|
21
23
|
className?: string;
|
|
22
24
|
}
|
|
23
|
-
declare function PaginationRoot({ children, totalPages: rawTotalPages, page: controlledPage, defaultPage, onPageChange, edgeCount, siblingCount, className, 'aria-label': ariaLabel, ...htmlProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function PaginationRoot({ children, totalPages: rawTotalPages, page: controlledPage, defaultPage, onPageChange, edgeCount, siblingCount, size: sizeProp, className, 'aria-label': ariaLabel, ...htmlProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
24
26
|
declare function PaginationPrevious({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
27
|
declare function PaginationNext({ className, ...htmlProps }: React.ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
|
|
26
28
|
declare function PaginationItems(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2JD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,cAAc,EACpB,WAAe,EACf,YAAY,EACZ,SAAa,EACb,YAAgB,EAChB,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,SAAS,EACb,EAAE,eAAe,2CAqDjB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAmBrG;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAmBjG;AAED,iBAAS,eAAe,4CAoCvB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAoBrB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAQ7F;AAMD,eAAO,MAAM,UAAU;;;;;;CAMrB,CAAC;AAEH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
|
+
import { useResolvedControlSize } from "../ComponentDefaults/index.js";
|
|
4
5
|
import styles from "./Pagination.module.scss.js";
|
|
5
6
|
const PaginationContext = React.createContext(null);
|
|
6
7
|
function usePaginationContext() {
|
|
@@ -105,10 +106,12 @@ function PaginationRoot({
|
|
|
105
106
|
onPageChange,
|
|
106
107
|
edgeCount = 1,
|
|
107
108
|
siblingCount = 1,
|
|
109
|
+
size: sizeProp,
|
|
108
110
|
className,
|
|
109
111
|
"aria-label": ariaLabel,
|
|
110
112
|
...htmlProps
|
|
111
113
|
}) {
|
|
114
|
+
const size = useResolvedControlSize(sizeProp);
|
|
112
115
|
const totalPages = Math.max(0, Math.floor(rawTotalPages));
|
|
113
116
|
const [uncontrolledPage, setUncontrolledPage] = React.useState(
|
|
114
117
|
() => totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1
|
|
@@ -137,7 +140,7 @@ function PaginationRoot({
|
|
|
137
140
|
{
|
|
138
141
|
...htmlProps,
|
|
139
142
|
"aria-label": ariaLabel ?? "Pagination",
|
|
140
|
-
className: [styles.pagination, className].filter(Boolean).join(" ")
|
|
143
|
+
className: [styles.pagination, styles[size], className].filter(Boolean).join(" ")
|
|
141
144
|
}
|
|
142
145
|
);
|
|
143
146
|
}
|
|
@@ -146,7 +149,7 @@ function PaginationRoot({
|
|
|
146
149
|
{
|
|
147
150
|
...htmlProps,
|
|
148
151
|
"aria-label": ariaLabel ?? "Pagination",
|
|
149
|
-
className: [styles.pagination, className].filter(Boolean).join(" "),
|
|
152
|
+
className: [styles.pagination, styles[size], className].filter(Boolean).join(" "),
|
|
150
153
|
children: /* @__PURE__ */ jsx("ul", { className: styles.list, children })
|
|
151
154
|
}
|
|
152
155
|
) });
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const positioner = "
|
|
4
|
-
const popup = "
|
|
5
|
-
const sm = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const title = "
|
|
8
|
-
const description = "
|
|
9
|
-
const close = "
|
|
10
|
-
const arrow = "
|
|
11
|
-
const body = "
|
|
12
|
-
const footer = "
|
|
3
|
+
const positioner = "_positioner_9o5yr_1";
|
|
4
|
+
const popup = "_popup_9o5yr_6";
|
|
5
|
+
const sm = "_sm_9o5yr_49";
|
|
6
|
+
const lg = "_lg_9o5yr_54";
|
|
7
|
+
const title = "_title_9o5yr_59";
|
|
8
|
+
const description = "_description_9o5yr_69";
|
|
9
|
+
const close = "_close_9o5yr_79";
|
|
10
|
+
const arrow = "_arrow_9o5yr_163";
|
|
11
|
+
const body = "_body_9o5yr_187";
|
|
12
|
+
const footer = "_footer_9o5yr_191";
|
|
13
13
|
const styles = {
|
|
14
14
|
positioner,
|
|
15
15
|
popup,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
const positioner = "
|
|
2
|
-
const popup = "
|
|
3
|
-
const sm = "
|
|
4
|
-
const lg = "
|
|
5
|
-
const title = "
|
|
6
|
-
const description = "
|
|
7
|
-
const close = "
|
|
8
|
-
const arrow = "
|
|
9
|
-
const body = "
|
|
10
|
-
const footer = "
|
|
1
|
+
const positioner = "_positioner_9o5yr_1";
|
|
2
|
+
const popup = "_popup_9o5yr_6";
|
|
3
|
+
const sm = "_sm_9o5yr_49";
|
|
4
|
+
const lg = "_lg_9o5yr_54";
|
|
5
|
+
const title = "_title_9o5yr_59";
|
|
6
|
+
const description = "_description_9o5yr_69";
|
|
7
|
+
const close = "_close_9o5yr_79";
|
|
8
|
+
const arrow = "_arrow_9o5yr_163";
|
|
9
|
+
const body = "_body_9o5yr_187";
|
|
10
|
+
const footer = "_footer_9o5yr_191";
|
|
11
11
|
const styles = {
|
|
12
12
|
positioner,
|
|
13
13
|
popup,
|