@usefragments/ui 1.5.3 → 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,22 +1,22 @@
|
|
|
1
|
-
const card = "
|
|
2
|
-
const outlined = "
|
|
3
|
-
const elevated = "
|
|
4
|
-
const stat = "
|
|
5
|
-
const panel = "
|
|
6
|
-
const paddingNone = "
|
|
7
|
-
const paddingSm = "
|
|
8
|
-
const paddingMd = "
|
|
9
|
-
const paddingLg = "
|
|
10
|
-
const interactive = "
|
|
11
|
-
const header = "
|
|
12
|
-
const headerDivided = "
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const body = "
|
|
16
|
-
const footer = "
|
|
1
|
+
const card = "_card_1etp1_2";
|
|
2
|
+
const outlined = "_outlined_1etp1_24";
|
|
3
|
+
const elevated = "_elevated_1etp1_29";
|
|
4
|
+
const stat = "_stat_1etp1_34";
|
|
5
|
+
const panel = "_panel_1etp1_39";
|
|
6
|
+
const paddingNone = "_paddingNone_1etp1_46";
|
|
7
|
+
const paddingSm = "_paddingSm_1etp1_49";
|
|
8
|
+
const paddingMd = "_paddingMd_1etp1_52";
|
|
9
|
+
const paddingLg = "_paddingLg_1etp1_55";
|
|
10
|
+
const interactive = "_interactive_1etp1_58";
|
|
11
|
+
const header = "_header_1etp1_86";
|
|
12
|
+
const headerDivided = "_headerDivided_1etp1_91";
|
|
13
|
+
const description = "_description_1etp1_101";
|
|
14
|
+
const title = "_title_1etp1_104";
|
|
15
|
+
const body = "_body_1etp1_122";
|
|
16
|
+
const footer = "_footer_1etp1_143";
|
|
17
17
|
const styles = {
|
|
18
18
|
card,
|
|
19
|
-
"default": "
|
|
19
|
+
"default": "_default_1etp1_19",
|
|
20
20
|
outlined,
|
|
21
21
|
elevated,
|
|
22
22
|
stat,
|
|
@@ -28,8 +28,8 @@ const styles = {
|
|
|
28
28
|
interactive,
|
|
29
29
|
header,
|
|
30
30
|
headerDivided,
|
|
31
|
-
title,
|
|
32
31
|
description,
|
|
32
|
+
title,
|
|
33
33
|
body,
|
|
34
34
|
footer
|
|
35
35
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const container = "
|
|
4
|
-
const srOnly = "
|
|
5
|
-
const tooltip = "
|
|
6
|
-
const tooltipLabel = "
|
|
7
|
-
const tooltipItems = "
|
|
8
|
-
const tooltipItem = "
|
|
9
|
-
const tooltipIndicator = "
|
|
10
|
-
const tooltipIndicatorLine = "
|
|
11
|
-
const tooltipIndicatorDashed = "
|
|
12
|
-
const tooltipItemLabel = "
|
|
13
|
-
const tooltipItemValue = "
|
|
14
|
-
const legend = "
|
|
15
|
-
const legendItem = "
|
|
16
|
-
const legendDot = "
|
|
17
|
-
const legendLabel = "
|
|
3
|
+
const container = "_container_uovyy_1";
|
|
4
|
+
const srOnly = "_srOnly_uovyy_24";
|
|
5
|
+
const tooltip = "_tooltip_uovyy_36";
|
|
6
|
+
const tooltipLabel = "_tooltipLabel_uovyy_52";
|
|
7
|
+
const tooltipItems = "_tooltipItems_uovyy_62";
|
|
8
|
+
const tooltipItem = "_tooltipItem_uovyy_62";
|
|
9
|
+
const tooltipIndicator = "_tooltipIndicator_uovyy_75";
|
|
10
|
+
const tooltipIndicatorLine = "_tooltipIndicatorLine_uovyy_81";
|
|
11
|
+
const tooltipIndicatorDashed = "_tooltipIndicatorDashed_uovyy_86";
|
|
12
|
+
const tooltipItemLabel = "_tooltipItemLabel_uovyy_94";
|
|
13
|
+
const tooltipItemValue = "_tooltipItemValue_uovyy_98";
|
|
14
|
+
const legend = "_legend_uovyy_105";
|
|
15
|
+
const legendItem = "_legendItem_uovyy_114";
|
|
16
|
+
const legendDot = "_legendDot_uovyy_120";
|
|
17
|
+
const legendLabel = "_legendLabel_uovyy_127";
|
|
18
18
|
const styles = {
|
|
19
19
|
container,
|
|
20
20
|
srOnly,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
const container = "
|
|
2
|
-
const srOnly = "
|
|
3
|
-
const tooltip = "
|
|
4
|
-
const tooltipLabel = "
|
|
5
|
-
const tooltipItems = "
|
|
6
|
-
const tooltipItem = "
|
|
7
|
-
const tooltipIndicator = "
|
|
8
|
-
const tooltipIndicatorLine = "
|
|
9
|
-
const tooltipIndicatorDashed = "
|
|
10
|
-
const tooltipItemLabel = "
|
|
11
|
-
const tooltipItemValue = "
|
|
12
|
-
const legend = "
|
|
13
|
-
const legendItem = "
|
|
14
|
-
const legendDot = "
|
|
15
|
-
const legendLabel = "
|
|
1
|
+
const container = "_container_uovyy_1";
|
|
2
|
+
const srOnly = "_srOnly_uovyy_24";
|
|
3
|
+
const tooltip = "_tooltip_uovyy_36";
|
|
4
|
+
const tooltipLabel = "_tooltipLabel_uovyy_52";
|
|
5
|
+
const tooltipItems = "_tooltipItems_uovyy_62";
|
|
6
|
+
const tooltipItem = "_tooltipItem_uovyy_62";
|
|
7
|
+
const tooltipIndicator = "_tooltipIndicator_uovyy_75";
|
|
8
|
+
const tooltipIndicatorLine = "_tooltipIndicatorLine_uovyy_81";
|
|
9
|
+
const tooltipIndicatorDashed = "_tooltipIndicatorDashed_uovyy_86";
|
|
10
|
+
const tooltipItemLabel = "_tooltipItemLabel_uovyy_94";
|
|
11
|
+
const tooltipItemValue = "_tooltipItemValue_uovyy_98";
|
|
12
|
+
const legend = "_legend_uovyy_105";
|
|
13
|
+
const legendItem = "_legendItem_uovyy_114";
|
|
14
|
+
const legendDot = "_legendDot_uovyy_120";
|
|
15
|
+
const legendLabel = "_legendLabel_uovyy_127";
|
|
16
16
|
const styles = {
|
|
17
17
|
container,
|
|
18
18
|
srOnly,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
export type ChartConfig = Record<string, {
|
|
3
3
|
label: string;
|
|
4
4
|
color: string;
|
|
@@ -22,10 +22,10 @@ export interface ChartTooltipContentProps {
|
|
|
22
22
|
payload?: Record<string, unknown>;
|
|
23
23
|
}[];
|
|
24
24
|
label?: string;
|
|
25
|
-
indicator?:
|
|
25
|
+
indicator?: "dot" | "line" | "dashed";
|
|
26
26
|
hideLabel?: boolean;
|
|
27
27
|
hideIndicator?: boolean;
|
|
28
|
-
labelFormatter?: (label: string, payload: ChartTooltipContentProps[
|
|
28
|
+
labelFormatter?: (label: string, payload: ChartTooltipContentProps["payload"]) => React.ReactNode;
|
|
29
29
|
valueFormatter?: (value: number | string) => string;
|
|
30
30
|
}
|
|
31
31
|
export interface ChartLegendContentProps {
|
|
@@ -38,14 +38,14 @@ export interface ChartLegendContentProps {
|
|
|
38
38
|
type RechartsLegendProps = Record<string, unknown>;
|
|
39
39
|
declare function loadChartDeps(): Promise<void>;
|
|
40
40
|
export declare function useChartConfig(): ChartConfig;
|
|
41
|
-
export declare function ChartContainer({ config, children, className, style, summary, dataTable,
|
|
41
|
+
export declare function ChartContainer({ config, children, className, style, summary, dataTable, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...htmlProps }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
42
42
|
export declare function ChartTooltipContent({ active, payload, label, indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
43
43
|
type ChartTooltipProps = {
|
|
44
|
-
indicator?:
|
|
44
|
+
indicator?: "dot" | "line" | "dashed";
|
|
45
45
|
hideLabel?: boolean;
|
|
46
46
|
hideIndicator?: boolean;
|
|
47
|
-
labelFormatter?: ChartTooltipContentProps[
|
|
48
|
-
valueFormatter?: ChartTooltipContentProps[
|
|
47
|
+
labelFormatter?: ChartTooltipContentProps["labelFormatter"];
|
|
48
|
+
valueFormatter?: ChartTooltipContentProps["valueFormatter"];
|
|
49
49
|
content?: React.ReactNode | ((tooltipProps: Record<string, unknown>) => React.ReactNode);
|
|
50
50
|
[key: string]: unknown;
|
|
51
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,WAAW,GAAG,MAAM,CAC9B,MAAM,EACN;IACE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACrD,CACF,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACnC,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAClG,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACrD;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,SAAS;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;CACL;AAGD,KAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAanD,iBAAS,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAmBtC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const checkbox = "
|
|
5
|
-
const sm = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const indicator = "
|
|
8
|
-
const content = "
|
|
9
|
-
const label = "
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const helper = "_helper_11gr0_138";
|
|
13
|
-
const wrapperCard = "_wrapperCard_11gr0_144";
|
|
3
|
+
const wrapper = "_wrapper_o2vm5_1";
|
|
4
|
+
const checkbox = "_checkbox_o2vm5_57";
|
|
5
|
+
const sm = "_sm_o2vm5_118";
|
|
6
|
+
const lg = "_lg_o2vm5_123";
|
|
7
|
+
const indicator = "_indicator_o2vm5_141";
|
|
8
|
+
const content = "_content_o2vm5_174";
|
|
9
|
+
const label = "_label_o2vm5_178";
|
|
10
|
+
const helper = "_helper_o2vm5_183";
|
|
11
|
+
const wrapperCard = "_wrapperCard_o2vm5_194";
|
|
14
12
|
const styles = {
|
|
15
13
|
wrapper,
|
|
16
14
|
checkbox,
|
|
@@ -19,8 +17,6 @@ const styles = {
|
|
|
19
17
|
indicator,
|
|
20
18
|
content,
|
|
21
19
|
label,
|
|
22
|
-
labelSm,
|
|
23
|
-
labelLg,
|
|
24
20
|
helper,
|
|
25
21
|
wrapperCard
|
|
26
22
|
};
|
|
@@ -30,8 +26,6 @@ exports.default = styles;
|
|
|
30
26
|
exports.helper = helper;
|
|
31
27
|
exports.indicator = indicator;
|
|
32
28
|
exports.label = label;
|
|
33
|
-
exports.labelLg = labelLg;
|
|
34
|
-
exports.labelSm = labelSm;
|
|
35
29
|
exports.lg = lg;
|
|
36
30
|
exports.sm = sm;
|
|
37
31
|
exports.wrapper = wrapper;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const checkbox = "
|
|
3
|
-
const sm = "
|
|
4
|
-
const lg = "
|
|
5
|
-
const indicator = "
|
|
6
|
-
const content = "
|
|
7
|
-
const label = "
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const helper = "_helper_11gr0_138";
|
|
11
|
-
const wrapperCard = "_wrapperCard_11gr0_144";
|
|
1
|
+
const wrapper = "_wrapper_o2vm5_1";
|
|
2
|
+
const checkbox = "_checkbox_o2vm5_57";
|
|
3
|
+
const sm = "_sm_o2vm5_118";
|
|
4
|
+
const lg = "_lg_o2vm5_123";
|
|
5
|
+
const indicator = "_indicator_o2vm5_141";
|
|
6
|
+
const content = "_content_o2vm5_174";
|
|
7
|
+
const label = "_label_o2vm5_178";
|
|
8
|
+
const helper = "_helper_o2vm5_183";
|
|
9
|
+
const wrapperCard = "_wrapperCard_o2vm5_194";
|
|
12
10
|
const styles = {
|
|
13
11
|
wrapper,
|
|
14
12
|
checkbox,
|
|
@@ -17,8 +15,6 @@ const styles = {
|
|
|
17
15
|
indicator,
|
|
18
16
|
content,
|
|
19
17
|
label,
|
|
20
|
-
labelSm,
|
|
21
|
-
labelLg,
|
|
22
18
|
helper,
|
|
23
19
|
wrapperCard
|
|
24
20
|
};
|
|
@@ -29,8 +25,6 @@ export {
|
|
|
29
25
|
helper,
|
|
30
26
|
indicator,
|
|
31
27
|
label,
|
|
32
|
-
labelLg,
|
|
33
|
-
labelSm,
|
|
34
28
|
lg,
|
|
35
29
|
sm,
|
|
36
30
|
wrapper,
|
|
@@ -97,11 +97,6 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
|
|
|
97
97
|
size === "lg" && Checkbox_module.default.lg,
|
|
98
98
|
controlClassName
|
|
99
99
|
].filter(Boolean).join(" ");
|
|
100
|
-
const labelClasses = [
|
|
101
|
-
Checkbox_module.default.label,
|
|
102
|
-
size === "sm" && Checkbox_module.default.labelSm,
|
|
103
|
-
size === "lg" && Checkbox_module.default.labelLg
|
|
104
|
-
].filter(Boolean).join(" ");
|
|
105
100
|
const wrapperClasses = [Checkbox_module.default.wrapper, variant === "card" && Checkbox_module.default.wrapperCard, className].filter(Boolean).join(" ");
|
|
106
101
|
const handleCheckedChange = onChange ?? onCheckedChange;
|
|
107
102
|
if (!label && !resolvedHelperText) {
|
|
@@ -128,6 +123,7 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
|
|
|
128
123
|
"aria-label": ariaLabel,
|
|
129
124
|
"aria-labelledby": ariaLabelledBy,
|
|
130
125
|
"aria-describedby": ariaDescribedBy,
|
|
126
|
+
"data-size": size,
|
|
131
127
|
className: [checkboxClasses, className].filter(Boolean).join(" "),
|
|
132
128
|
children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox.Indicator, { className: Checkbox_module.default.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
|
|
133
129
|
}
|
|
@@ -140,6 +136,7 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
|
|
|
140
136
|
className: wrapperClasses,
|
|
141
137
|
"data-disabled": disabled || void 0,
|
|
142
138
|
"data-has-description": resolvedHelperText ? true : void 0,
|
|
139
|
+
"data-size": size,
|
|
143
140
|
children: [
|
|
144
141
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
145
142
|
checkbox.Checkbox.Root,
|
|
@@ -162,12 +159,13 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
|
|
|
162
159
|
"aria-label": ariaLabel,
|
|
163
160
|
"aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId),
|
|
164
161
|
"aria-describedby": aria.mergeAriaIds(ariaDescribedBy, descriptionId),
|
|
162
|
+
"data-size": size,
|
|
165
163
|
className: checkboxClasses,
|
|
166
164
|
children: /* @__PURE__ */ jsxRuntime.jsx(checkbox.Checkbox.Indicator, { className: Checkbox_module.default.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
|
|
167
165
|
}
|
|
168
166
|
),
|
|
169
167
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: [Checkbox_module.default.content, contentClassName].filter(Boolean).join(" "), children: [
|
|
170
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className:
|
|
168
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: Checkbox_module.default.label, children: label }),
|
|
171
169
|
resolvedHelperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: Checkbox_module.default.helper, children: resolvedHelperText })
|
|
172
170
|
] })
|
|
173
171
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,UAAU,GAAG,gBAAgB,CAC9B;IACC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,UAAU,GAAG,gBAAgB,CAC9B;IACC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAmLD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
|
|
@@ -78,11 +78,6 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
78
78
|
size === "lg" && styles.lg,
|
|
79
79
|
controlClassName
|
|
80
80
|
].filter(Boolean).join(" ");
|
|
81
|
-
const labelClasses = [
|
|
82
|
-
styles.label,
|
|
83
|
-
size === "sm" && styles.labelSm,
|
|
84
|
-
size === "lg" && styles.labelLg
|
|
85
|
-
].filter(Boolean).join(" ");
|
|
86
81
|
const wrapperClasses = [styles.wrapper, variant === "card" && styles.wrapperCard, className].filter(Boolean).join(" ");
|
|
87
82
|
const handleCheckedChange = onChange ?? onCheckedChange;
|
|
88
83
|
if (!label && !resolvedHelperText) {
|
|
@@ -109,6 +104,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
109
104
|
"aria-label": ariaLabel,
|
|
110
105
|
"aria-labelledby": ariaLabelledBy,
|
|
111
106
|
"aria-describedby": ariaDescribedBy,
|
|
107
|
+
"data-size": size,
|
|
112
108
|
className: [checkboxClasses, className].filter(Boolean).join(" "),
|
|
113
109
|
children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, { className: styles.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
114
110
|
}
|
|
@@ -121,6 +117,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
121
117
|
className: wrapperClasses,
|
|
122
118
|
"data-disabled": disabled || void 0,
|
|
123
119
|
"data-has-description": resolvedHelperText ? true : void 0,
|
|
120
|
+
"data-size": size,
|
|
124
121
|
children: [
|
|
125
122
|
/* @__PURE__ */ jsx(
|
|
126
123
|
Checkbox$1.Root,
|
|
@@ -143,12 +140,13 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
143
140
|
"aria-label": ariaLabel,
|
|
144
141
|
"aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
|
|
145
142
|
"aria-describedby": mergeAriaIds(ariaDescribedBy, descriptionId),
|
|
143
|
+
"data-size": size,
|
|
146
144
|
className: checkboxClasses,
|
|
147
145
|
children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, { className: styles.indicator, keepMounted: true, children: indeterminate ? /* @__PURE__ */ jsx(MinusIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
148
146
|
}
|
|
149
147
|
),
|
|
150
148
|
/* @__PURE__ */ jsxs("div", { className: [styles.content, contentClassName].filter(Boolean).join(" "), children: [
|
|
151
|
-
/* @__PURE__ */ jsx("span", { id: labelId, className:
|
|
149
|
+
/* @__PURE__ */ jsx("span", { id: labelId, className: styles.label, children: label }),
|
|
152
150
|
resolvedHelperText && /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.helper, children: resolvedHelperText })
|
|
153
151
|
] })
|
|
154
152
|
]
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const chip = "
|
|
4
|
-
const withRemove = "
|
|
5
|
-
const xs = "
|
|
6
|
-
const sm = "
|
|
7
|
-
const md = "
|
|
8
|
-
const lg = "
|
|
9
|
-
const filled = "
|
|
10
|
-
const selected = "
|
|
11
|
-
const outlined = "
|
|
12
|
-
const soft = "
|
|
13
|
-
const avatar = "
|
|
14
|
-
const icon = "
|
|
15
|
-
const removableChip = "
|
|
16
|
-
const remove = "
|
|
17
|
-
const group = "
|
|
3
|
+
const chip = "_chip_lhx6w_1";
|
|
4
|
+
const withRemove = "_withRemove_lhx6w_43";
|
|
5
|
+
const xs = "_xs_lhx6w_48";
|
|
6
|
+
const sm = "_sm_lhx6w_60";
|
|
7
|
+
const md = "_md_lhx6w_72";
|
|
8
|
+
const lg = "_lg_lhx6w_84";
|
|
9
|
+
const filled = "_filled_lhx6w_96";
|
|
10
|
+
const selected = "_selected_lhx6w_106";
|
|
11
|
+
const outlined = "_outlined_lhx6w_118";
|
|
12
|
+
const soft = "_soft_lhx6w_145";
|
|
13
|
+
const avatar = "_avatar_lhx6w_167";
|
|
14
|
+
const icon = "_icon_lhx6w_186";
|
|
15
|
+
const removableChip = "_removableChip_lhx6w_191";
|
|
16
|
+
const remove = "_remove_lhx6w_196";
|
|
17
|
+
const group = "_group_lhx6w_352";
|
|
18
18
|
const styles = {
|
|
19
19
|
chip,
|
|
20
20
|
withRemove,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
const chip = "
|
|
2
|
-
const withRemove = "
|
|
3
|
-
const xs = "
|
|
4
|
-
const sm = "
|
|
5
|
-
const md = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const filled = "
|
|
8
|
-
const selected = "
|
|
9
|
-
const outlined = "
|
|
10
|
-
const soft = "
|
|
11
|
-
const avatar = "
|
|
12
|
-
const icon = "
|
|
13
|
-
const removableChip = "
|
|
14
|
-
const remove = "
|
|
15
|
-
const group = "
|
|
1
|
+
const chip = "_chip_lhx6w_1";
|
|
2
|
+
const withRemove = "_withRemove_lhx6w_43";
|
|
3
|
+
const xs = "_xs_lhx6w_48";
|
|
4
|
+
const sm = "_sm_lhx6w_60";
|
|
5
|
+
const md = "_md_lhx6w_72";
|
|
6
|
+
const lg = "_lg_lhx6w_84";
|
|
7
|
+
const filled = "_filled_lhx6w_96";
|
|
8
|
+
const selected = "_selected_lhx6w_106";
|
|
9
|
+
const outlined = "_outlined_lhx6w_118";
|
|
10
|
+
const soft = "_soft_lhx6w_145";
|
|
11
|
+
const avatar = "_avatar_lhx6w_167";
|
|
12
|
+
const icon = "_icon_lhx6w_186";
|
|
13
|
+
const removableChip = "_removableChip_lhx6w_191";
|
|
14
|
+
const remove = "_remove_lhx6w_196";
|
|
15
|
+
const group = "_group_lhx6w_352";
|
|
16
16
|
const styles = {
|
|
17
17
|
chip,
|
|
18
18
|
withRemove,
|
|
@@ -3,7 +3,6 @@
|
|
|
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");
|
|
7
6
|
const Chip_module = require("./Chip.module.scss.cjs");
|
|
8
7
|
function _interopNamespaceDefault(e) {
|
|
9
8
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -36,7 +35,7 @@ const ChipBase = React__namespace.forwardRef(function Chip2({
|
|
|
36
35
|
value: _value,
|
|
37
36
|
...htmlProps
|
|
38
37
|
}, ref) {
|
|
39
|
-
const size =
|
|
38
|
+
const size = sizeProp ?? "xs";
|
|
40
39
|
const variant = variantProp === "outline" ? "outlined" : variantProp;
|
|
41
40
|
const classes = [
|
|
42
41
|
Chip_module.default.chip,
|
|
@@ -71,7 +70,7 @@ const ChipBase = React__namespace.forwardRef(function Chip2({
|
|
|
71
70
|
if (!onRemove) {
|
|
72
71
|
return chipButton;
|
|
73
72
|
}
|
|
74
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Chip_module.default.removableChip, "data-disabled": disabled || void 0, children: [
|
|
73
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Chip_module.default.removableChip, "data-disabled": disabled || void 0, "data-size": size, children: [
|
|
75
74
|
chipButton,
|
|
76
75
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
77
76
|
"button",
|
|
@@ -109,7 +108,7 @@ function ChipGroupInner({
|
|
|
109
108
|
[currentValue, isControlled, onChange]
|
|
110
109
|
);
|
|
111
110
|
const classes = [Chip_module.default.group, className].filter(Boolean).join(" ");
|
|
112
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...htmlProps, className: classes, children: React__namespace.Children.map(children, (child,
|
|
111
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...htmlProps, className: classes, children: React__namespace.Children.map(children, (child, index) => {
|
|
113
112
|
if (!React__namespace.isValidElement(child)) return child;
|
|
114
113
|
const chipValue = (() => {
|
|
115
114
|
if (child.props.value != null) return child.props.value;
|
|
@@ -120,7 +119,7 @@ function ChipGroupInner({
|
|
|
120
119
|
"Chip.Group: Chips with non-string children should provide a `value` prop."
|
|
121
120
|
);
|
|
122
121
|
}
|
|
123
|
-
return `__chip-${
|
|
122
|
+
return `__chip-${index}`;
|
|
124
123
|
})();
|
|
125
124
|
return React__namespace.cloneElement(child, {
|
|
126
125
|
selected: currentValue.includes(chipValue),
|
|
@@ -10,7 +10,7 @@ export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
|
|
|
10
10
|
* @see https://usefragments.com/components/chip#variants */
|
|
11
11
|
variant?: "filled" | "outlined" | "outline" | "soft";
|
|
12
12
|
/** Chip size.
|
|
13
|
-
* @default "
|
|
13
|
+
* @default "xs" */
|
|
14
14
|
size?: "xs" | "sm" | "md" | "lg";
|
|
15
15
|
/** Whether the chip is selected */
|
|
16
16
|
selected?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACrD;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,UAAU,CACxB;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAuJD,eAAO,MAAM,IAAI;;CAAgD,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import { useResolvedControlSize } from "../ComponentDefaults/index.js";
|
|
5
4
|
import styles from "./Chip.module.scss.js";
|
|
6
5
|
const ChipBase = React.forwardRef(function Chip2({
|
|
7
6
|
children,
|
|
@@ -17,7 +16,7 @@ const ChipBase = React.forwardRef(function Chip2({
|
|
|
17
16
|
value: _value,
|
|
18
17
|
...htmlProps
|
|
19
18
|
}, ref) {
|
|
20
|
-
const size =
|
|
19
|
+
const size = sizeProp ?? "xs";
|
|
21
20
|
const variant = variantProp === "outline" ? "outlined" : variantProp;
|
|
22
21
|
const classes = [
|
|
23
22
|
styles.chip,
|
|
@@ -52,7 +51,7 @@ const ChipBase = React.forwardRef(function Chip2({
|
|
|
52
51
|
if (!onRemove) {
|
|
53
52
|
return chipButton;
|
|
54
53
|
}
|
|
55
|
-
return /* @__PURE__ */ jsxs("span", { className: styles.removableChip, "data-disabled": disabled || void 0, children: [
|
|
54
|
+
return /* @__PURE__ */ jsxs("span", { className: styles.removableChip, "data-disabled": disabled || void 0, "data-size": size, children: [
|
|
56
55
|
chipButton,
|
|
57
56
|
/* @__PURE__ */ jsx(
|
|
58
57
|
"button",
|
|
@@ -1,29 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const container = "
|
|
4
|
-
const title = "
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const collapseButton = "
|
|
23
|
-
const tabbedPanel = "
|
|
3
|
+
const container = "_container_13oe3_1";
|
|
4
|
+
const title = "_title_13oe3_6";
|
|
5
|
+
const caption = "_caption_13oe3_7";
|
|
6
|
+
const wrapper = "_wrapper_13oe3_21";
|
|
7
|
+
const header = "_header_13oe3_29";
|
|
8
|
+
const filename = "_filename_13oe3_38";
|
|
9
|
+
const copyButton = "_copyButton_13oe3_47";
|
|
10
|
+
const copied = "_copied_13oe3_116";
|
|
11
|
+
const copyOverlay = "_copyOverlay_13oe3_121";
|
|
12
|
+
const withCopyOverlay = "_withCopyOverlay_13oe3_130";
|
|
13
|
+
const codeContainer = "_codeContainer_13oe3_135";
|
|
14
|
+
const loading = "_loading_13oe3_136";
|
|
15
|
+
const icon = "_icon_13oe3_140";
|
|
16
|
+
const persistentCopy = "_persistentCopy_13oe3_146";
|
|
17
|
+
const persistentCopyWrapper = "_persistentCopyWrapper_13oe3_152";
|
|
18
|
+
const withLineNumbers = "_withLineNumbers_13oe3_222";
|
|
19
|
+
const withDiff = "_withDiff_13oe3_226";
|
|
20
|
+
const compact = "_compact_13oe3_251";
|
|
21
|
+
const wordWrap = "_wordWrap_13oe3_272";
|
|
22
|
+
const collapseButton = "_collapseButton_13oe3_282";
|
|
23
|
+
const tabbedPanel = "_tabbedPanel_13oe3_331";
|
|
24
24
|
const styles = {
|
|
25
25
|
container,
|
|
26
26
|
title,
|
|
27
|
+
caption,
|
|
27
28
|
wrapper,
|
|
28
29
|
header,
|
|
29
30
|
filename,
|
|
@@ -40,7 +41,6 @@ const styles = {
|
|
|
40
41
|
withDiff,
|
|
41
42
|
compact,
|
|
42
43
|
wordWrap,
|
|
43
|
-
caption,
|
|
44
44
|
collapseButton,
|
|
45
45
|
tabbedPanel
|
|
46
46
|
};
|