@usefragments/ui 1.6.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +54 -66
- package/dist/assets/fragments-wordmark.cjs +2 -2
- package/dist/assets/fragments-wordmark.d.ts.map +1 -1
- package/dist/assets/fragments-wordmark.js +2 -2
- package/dist/assets/nav-glyph.cjs +139 -0
- package/dist/assets/nav-glyph.d.ts +28 -0
- package/dist/assets/nav-glyph.d.ts.map +1 -0
- package/dist/assets/nav-glyph.js +139 -0
- package/dist/assets/nav-glyph.module.scss.cjs +71 -0
- package/dist/assets/nav-glyph.module.scss.js +71 -0
- package/dist/assets/ui.css +6885 -6308
- package/dist/blocks/components/StatsCard.d.ts +1 -1
- package/dist/blocks/components/StatsCard.d.ts.map +1 -1
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +76 -43
- package/dist/codeblock.js +71 -38
- package/dist/colorpicker.cjs +4 -1
- package/dist/colorpicker.js +4 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +23 -20
- package/dist/components/Alert/Alert.module.scss.js +23 -20
- package/dist/components/Alert/index.cjs +20 -8
- package/dist/components/Alert/index.d.ts +17 -11
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +20 -8
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- package/dist/components/AppShell/index.cjs +2 -2
- package/dist/components/AppShell/index.js +2 -2
- package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
- package/dist/components/Avatar/Avatar.module.scss.js +14 -14
- package/dist/components/Badge/Badge.module.scss.cjs +33 -31
- package/dist/components/Badge/Badge.module.scss.js +33 -31
- package/dist/components/Badge/index.cjs +13 -3
- package/dist/components/Badge/index.d.ts +18 -13
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +13 -3
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
- package/dist/components/Box/Box.module.scss.cjs +152 -152
- package/dist/components/Box/Box.module.scss.js +152 -152
- package/dist/components/Box/index.cjs +64 -75
- package/dist/components/Box/index.d.ts +16 -16
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/index.js +64 -75
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +11 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +11 -8
- package/dist/components/Breadcrumbs/index.cjs +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/Button.module.scss.cjs +36 -27
- package/dist/components/Button/Button.module.scss.js +36 -27
- package/dist/components/Button/index.cjs +20 -4
- package/dist/components/Button/index.d.ts +18 -10
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +20 -4
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
- package/dist/components/Card/Card.module.scss.cjs +31 -26
- package/dist/components/Card/Card.module.scss.js +32 -27
- package/dist/components/Card/index.cjs +16 -3
- package/dist/components/Card/index.d.ts +23 -15
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +16 -3
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
- package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
- package/dist/components/Checkbox/index.cjs +4 -4
- package/dist/components/Checkbox/index.d.ts +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -4
- package/dist/components/Chip/Chip.module.scss.cjs +19 -19
- package/dist/components/Chip/Chip.module.scss.js +19 -19
- package/dist/components/Chip/index.cjs +3 -3
- package/dist/components/Chip/index.d.ts +8 -3
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +3 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +20 -5
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
- package/dist/components/Combobox/Combobox.module.scss.js +21 -21
- package/dist/components/Combobox/index.cjs +26 -6
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +26 -6
- package/dist/components/Command/Command.module.scss.cjs +14 -11
- package/dist/components/Command/Command.module.scss.js +14 -11
- package/dist/components/Command/index.cjs +28 -16
- package/dist/components/Command/index.d.ts +8 -3
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +28 -16
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- package/dist/components/ConversationList/index.cjs +2 -2
- package/dist/components/ConversationList/index.js +2 -2
- package/dist/components/DataTable/DataTable.icons.cjs +6 -33
- package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.icons.js +6 -33
- package/dist/components/DataTable/DataTable.module.scss.cjs +31 -28
- package/dist/components/DataTable/DataTable.module.scss.js +31 -28
- package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
- package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Dialog/index.cjs +13 -16
- package/dist/components/Dialog/index.d.ts +11 -10
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +13 -16
- package/dist/components/Drawer/Drawer.module.scss.cjs +39 -39
- package/dist/components/Drawer/Drawer.module.scss.js +40 -40
- package/dist/components/Drawer/index.cjs +2 -2
- package/dist/components/Drawer/index.d.ts +5 -4
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
- package/dist/components/EmptyState/index.cjs +13 -6
- package/dist/components/EmptyState/index.d.ts +13 -5
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +13 -6
- package/dist/components/Field/Field.module.scss.cjs +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- package/dist/components/Field/index.cjs +9 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +9 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Grid/Grid.module.scss.cjs +54 -54
- package/dist/components/Grid/Grid.module.scss.js +54 -54
- package/dist/components/Grid/index.cjs +1 -1
- package/dist/components/Grid/index.js +1 -1
- package/dist/components/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- package/dist/components/Header/index.cjs +17 -38
- package/dist/components/Header/index.d.ts +15 -11
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +17 -38
- package/dist/components/Icon/Icon.module.scss.cjs +30 -33
- package/dist/components/Icon/Icon.module.scss.js +30 -33
- package/dist/components/Icon/index.cjs +15 -14
- package/dist/components/Icon/index.d.ts +23 -12
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +15 -14
- package/dist/components/IconButton/IconButton.module.scss.cjs +12 -12
- package/dist/components/IconButton/IconButton.module.scss.js +12 -12
- package/dist/components/IconButton/index.cjs +2 -1
- package/dist/components/IconButton/index.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.js +2 -1
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +15 -21
- package/dist/components/Input/Input.module.scss.js +15 -21
- package/dist/components/Input/index.cjs +2 -14
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +2 -14
- package/dist/components/Link/Link.module.scss.cjs +26 -14
- package/dist/components/Link/Link.module.scss.js +26 -14
- package/dist/components/Link/index.cjs +13 -2
- package/dist/components/Link/index.d.ts +11 -4
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +13 -2
- package/dist/components/List/List.module.scss.cjs +23 -19
- package/dist/components/List/List.module.scss.js +23 -19
- package/dist/components/List/index.cjs +7 -7
- package/dist/components/List/index.d.ts +10 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +7 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- package/dist/components/Loading/index.cjs +5 -5
- package/dist/components/Loading/index.d.ts +8 -7
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +5 -5
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +20 -20
- package/dist/components/Message/Message.module.scss.js +20 -20
- package/dist/components/Message/index.cjs +1 -1
- package/dist/components/Message/index.d.ts +1 -1
- package/dist/components/Message/index.js +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
- package/dist/components/NavigationMenu/index.cjs +32 -15
- package/dist/components/NavigationMenu/index.d.ts +12 -6
- package/dist/components/NavigationMenu/index.d.ts.map +1 -1
- package/dist/components/NavigationMenu/index.js +32 -15
- package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
- package/dist/components/Pagination/Pagination.module.scss.js +10 -10
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Progress/Progress.module.scss.cjs +28 -25
- package/dist/components/Progress/Progress.module.scss.js +28 -25
- package/dist/components/Progress/index.cjs +21 -12
- package/dist/components/Progress/index.d.ts +10 -6
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +21 -12
- package/dist/components/Prompt/Prompt.module.scss.cjs +30 -30
- package/dist/components/Prompt/Prompt.module.scss.js +30 -30
- package/dist/components/Prompt/index.cjs +7 -7
- package/dist/components/Prompt/index.d.ts +11 -9
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +7 -7
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +20 -17
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +20 -17
- package/dist/components/RadioGroup/index.cjs +10 -5
- package/dist/components/RadioGroup/index.d.ts +11 -7
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +10 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
- package/dist/components/ScrollArea/index.d.ts +4 -4
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
- package/dist/components/Select/Select.module.scss.cjs +21 -21
- package/dist/components/Select/Select.module.scss.js +21 -21
- package/dist/components/Select/index.cjs +26 -20
- package/dist/components/Select/index.d.ts +5 -5
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +26 -20
- package/dist/components/Separator/Separator.module.scss.cjs +25 -19
- package/dist/components/Separator/Separator.module.scss.js +25 -19
- package/dist/components/Separator/index.cjs +10 -8
- package/dist/components/Separator/index.d.ts +4 -2
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +10 -8
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
- package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
- package/dist/components/Sidebar/index.cjs +15 -38
- package/dist/components/Sidebar/index.d.ts +19 -19
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +15 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- package/dist/components/Skeleton/index.cjs +7 -7
- package/dist/components/Skeleton/index.d.ts +8 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +7 -7
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Stack/Stack.module.scss.cjs +25 -25
- package/dist/components/Stack/Stack.module.scss.js +25 -25
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switch/Switch.module.scss.cjs +9 -9
- package/dist/components/Switch/Switch.module.scss.js +9 -9
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +14 -10
- package/dist/components/TableOfContents/index.d.ts +5 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +14 -10
- package/dist/components/Tabs/Tabs.module.scss.cjs +18 -18
- package/dist/components/Tabs/Tabs.module.scss.js +18 -18
- package/dist/components/Tabs/index.cjs +30 -11
- package/dist/components/Tabs/index.d.ts +8 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +30 -11
- package/dist/components/Text/Text.module.scss.cjs +109 -97
- package/dist/components/Text/Text.module.scss.js +109 -97
- package/dist/components/Text/index.cjs +45 -41
- package/dist/components/Text/index.d.ts +24 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +45 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +22 -28
- package/dist/components/Textarea/Textarea.module.scss.js +22 -28
- package/dist/components/Textarea/index.cjs +3 -10
- package/dist/components/Textarea/index.d.ts +0 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +3 -10
- package/dist/components/Theme/index.cjs +22 -5
- package/dist/components/Theme/index.d.ts +6 -12
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +22 -5
- package/dist/components/ThemeToggle/ThemeButton.cjs +51 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts +16 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts.map +1 -0
- package/dist/components/ThemeToggle/ThemeButton.js +34 -0
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -6
- package/dist/components/ThemeToggle/icons.cjs +48 -0
- package/dist/components/ThemeToggle/icons.d.ts +10 -0
- package/dist/components/ThemeToggle/icons.d.ts.map +1 -0
- package/dist/components/ThemeToggle/icons.js +48 -0
- package/dist/components/ThemeToggle/index.cjs +6 -50
- package/dist/components/ThemeToggle/index.d.ts +5 -3
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +3 -47
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +18 -15
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +18 -15
- package/dist/components/ThinkingIndicator/index.cjs +7 -8
- package/dist/components/ThinkingIndicator/index.d.ts +6 -5
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +7 -8
- package/dist/components/Toast/Toast.module.scss.cjs +28 -29
- package/dist/components/Toast/Toast.module.scss.js +29 -30
- package/dist/components/Toast/index.cjs +28 -30
- package/dist/components/Toast/index.d.ts +9 -8
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +28 -30
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +21 -19
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +22 -20
- package/dist/components/ToggleGroup/index.cjs +4 -5
- package/dist/components/ToggleGroup/index.d.ts +7 -6
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +4 -5
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/Tooltip/index.cjs +24 -40
- package/dist/components/Tooltip/index.d.ts +4 -4
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +24 -40
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/components/VisuallyHidden/index.d.ts +2 -2
- package/dist/data-table-virtual.cjs +3 -2
- package/dist/data-table-virtual.js +3 -2
- package/dist/data-table.cjs +3 -2
- package/dist/data-table.js +3 -2
- package/dist/datepicker.cjs +26 -13
- package/dist/datepicker.js +26 -13
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +6 -2
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +46 -94
- package/dist/measurements/generated.d.ts +44 -92
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +46 -94
- package/dist/measurements/index.d.ts +1 -1
- package/dist/measurements/index.d.ts.map +1 -1
- package/dist/utils/a11y.cjs +5 -2
- package/dist/utils/a11y.d.ts +5 -5
- package/dist/utils/a11y.d.ts.map +1 -1
- package/dist/utils/a11y.js +5 -2
- package/dist/utils/canonical-stamp.cjs +2 -8
- package/dist/utils/canonical-stamp.d.ts.map +1 -1
- package/dist/utils/canonical-stamp.js +1 -7
- package/dist/utils/css-warning.cjs +1 -1
- package/dist/utils/css-warning.js +1 -1
- package/dist/utils/env.cjs +17 -0
- package/dist/utils/env.d.ts +3 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +3 -10
- package/dist/utils/keyboard-shortcuts.d.ts +4 -4
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
- package/dist/utils/keyboard-shortcuts.js +3 -10
- package/dist/utils/seed-derivation.cjs +10 -7
- package/dist/utils/seed-derivation.d.ts +1 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -7
- package/dist/utils/theme-presets.cjs +5 -10
- package/dist/utils/theme-presets.d.ts +1 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +5 -10
- package/fragments.json +1 -1
- package/package.json +9 -10
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/assets/nav-glyph.module.scss +166 -0
- package/src/assets/nav-glyph.tsx +188 -0
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +5 -3
- package/src/components/Alert/Alert.contract.json +49 -65
- package/src/components/Alert/Alert.module.scss +57 -47
- package/src/components/Alert/index.tsx +72 -39
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +99 -54
- package/src/components/AppShell/index.tsx +2 -2
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -2
- package/src/components/Badge/Badge.contract.json +86 -55
- package/src/components/Badge/Badge.module.scss +80 -48
- package/src/components/Badge/index.tsx +34 -17
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +7 -6
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +27 -12
- package/src/components/Breadcrumbs/index.tsx +5 -1
- package/src/components/Button/Button.module.scss +261 -185
- package/src/components/Button/index.tsx +41 -28
- package/src/components/ButtonGroup/ButtonGroup.contract.json +34 -49
- package/src/components/ButtonGroup/ButtonGroup.module.scss +8 -6
- package/src/components/Card/Card.consumer-fixture.module.scss +5 -2
- package/src/components/Card/Card.module.scss +97 -76
- package/src/components/Card/index.tsx +44 -20
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +6 -5
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +28 -27
- package/src/components/Checkbox/Checkbox.module.scss +47 -54
- package/src/components/Checkbox/index.tsx +10 -10
- package/src/components/Chip/Chip.contract.json +38 -45
- package/src/components/Chip/Chip.module.scss +24 -23
- package/src/components/Chip/index.tsx +12 -7
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +75 -73
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +114 -51
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +1 -7
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +34 -24
- package/src/components/ColorPicker/index.tsx +6 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +16 -19
- package/src/components/Combobox/index.tsx +41 -6
- package/src/components/Command/Command.contract.json +28 -44
- package/src/components/Command/Command.module.scss +19 -21
- package/src/components/Command/index.tsx +64 -47
- package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +2 -3
- package/src/components/ConversationList/index.tsx +2 -2
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +24 -17
- package/src/components/DataTable/DataTable.virtual.tsx +3 -2
- package/src/components/DataTable/index.tsx +9 -8
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +41 -44
- package/src/components/DatePicker/index.tsx +23 -9
- package/src/components/Dialog/Dialog.module.scss +26 -32
- package/src/components/Dialog/index.tsx +51 -39
- package/src/components/Drawer/Drawer.contract.json +28 -42
- package/src/components/Drawer/Drawer.module.scss +123 -64
- package/src/components/Drawer/index.tsx +7 -5
- package/src/components/Editor/Editor.contract.json +32 -49
- package/src/components/Editor/Editor.module.scss +60 -25
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +33 -45
- package/src/components/EmptyState/EmptyState.module.scss +37 -21
- package/src/components/EmptyState/index.tsx +56 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/Field.module.scss +2 -1
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +15 -7
- package/src/components/Form/Form.contract.json +23 -23
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +2 -2
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +57 -54
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +37 -81
- package/src/components/Icon/Icon.module.scss +13 -12
- package/src/components/Icon/index.tsx +31 -31
- package/src/components/IconButton/IconButton.contract.json +37 -21
- package/src/components/IconButton/IconButton.module.scss +19 -11
- package/src/components/IconButton/index.tsx +6 -5
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +25 -44
- package/src/components/Input/Input.module.scss +6 -55
- package/src/components/Input/index.tsx +2 -18
- package/src/components/Link/Link.contract.json +46 -58
- package/src/components/Link/Link.module.scss +41 -10
- package/src/components/Link/index.tsx +27 -6
- package/src/components/List/List.contract.json +33 -62
- package/src/components/List/List.module.scss +10 -5
- package/src/components/List/index.tsx +17 -13
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +14 -20
- package/src/components/Loading/Loading.contract.json +41 -65
- package/src/components/Loading/Loading.module.scss +37 -31
- package/src/components/Loading/index.tsx +15 -14
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +45 -6
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +30 -46
- package/src/components/Menu/Menu.module.scss +32 -16
- package/src/components/Message/Message.contract.json +31 -54
- package/src/components/Message/Message.module.scss +18 -9
- package/src/components/Message/index.tsx +2 -2
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +66 -66
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +9 -16
- package/src/components/Popover/Popover.contract.json +28 -50
- package/src/components/Popover/Popover.module.scss +30 -28
- package/src/components/Progress/Progress.contract.json +39 -35
- package/src/components/Progress/Progress.module.scss +16 -10
- package/src/components/Progress/index.tsx +34 -16
- package/src/components/Prompt/Prompt.contract.json +40 -56
- package/src/components/Prompt/Prompt.module.scss +49 -48
- package/src/components/Prompt/index.tsx +17 -15
- package/src/components/RadioGroup/RadioGroup.contract.json +29 -28
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -45
- package/src/components/RadioGroup/index.tsx +23 -10
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +45 -48
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +20 -19
- package/src/components/Select/index.tsx +26 -24
- package/src/components/Separator/Separator.contract.json +29 -53
- package/src/components/Separator/Separator.module.scss +24 -40
- package/src/components/Separator/index.tsx +16 -11
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +94 -88
- package/src/components/Sidebar/index.tsx +167 -167
- package/src/components/Skeleton/Skeleton.contract.json +34 -60
- package/src/components/Skeleton/Skeleton.module.scss +50 -26
- package/src/components/Skeleton/index.tsx +16 -15
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +9 -22
- package/src/components/Stack/Stack.contract.json +30 -57
- package/src/components/Stack/Stack.module.scss +26 -24
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +106 -59
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +24 -16
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +17 -13
- package/src/components/TableOfContents/index.tsx +27 -10
- package/src/components/Tabs/Tabs.contract.json +35 -56
- package/src/components/Tabs/Tabs.module.scss +27 -31
- package/src/components/Tabs/index.tsx +30 -15
- package/src/components/Text/Text.contract.json +52 -72
- package/src/components/Text/Text.module.scss +34 -18
- package/src/components/Text/index.tsx +123 -83
- package/src/components/Textarea/Textarea.contract.json +24 -55
- package/src/components/Textarea/Textarea.module.scss +22 -52
- package/src/components/Textarea/index.tsx +3 -14
- package/src/components/Theme/Theme.contract.json +35 -53
- package/src/components/Theme/index.tsx +41 -13
- package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
- package/src/components/ThemeToggle/ThemeToggle.module.scss +20 -27
- package/src/components/ThemeToggle/icons.tsx +46 -0
- package/src/components/ThemeToggle/index.tsx +9 -55
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +34 -50
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
- package/src/components/ThinkingIndicator/index.tsx +12 -14
- package/src/components/Toast/Toast.contract.json +55 -49
- package/src/components/Toast/Toast.module.scss +50 -105
- package/src/components/Toast/index.tsx +39 -34
- package/src/components/ToggleGroup/ToggleGroup.contract.json +39 -40
- package/src/components/ToggleGroup/ToggleGroup.module.scss +30 -27
- package/src/components/ToggleGroup/index.tsx +11 -11
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +16 -10
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +16 -12
- package/src/measurements/MeasurementTargets.module.scss +6 -7
- package/src/measurements/generated.ts +46 -97
- package/src/measurements/index.ts +0 -1
- package/src/measurements/measurements.json +44 -116
- package/src/recipes/_action.scss +4 -4
- package/src/recipes/_boolean-range.scss +12 -16
- package/src/recipes/_feedback.scss +17 -16
- package/src/recipes/_field.scss +28 -16
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_navigation.scss +84 -29
- package/src/recipes/_overlay.scss +143 -43
- package/src/recipes/_popup.scss +54 -34
- package/src/recipes/_prose.scss +48 -28
- package/src/recipes/_representation.scss +10 -9
- package/src/recipes/_segmented.scss +1 -1
- package/src/recipes/_table-chrome.scss +42 -17
- package/src/recipes/_target.scss +2 -4
- package/src/recipes/_typography.scss +10 -0
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +31 -25
- package/src/tokens/_component-properties.scss +19 -1
- package/src/tokens/_computed.scss +32 -49
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +62 -44
- package/src/tokens/_measurements.generated.scss +119 -249
- package/src/tokens/_mixins.scss +49 -48
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +9 -0
- package/src/tokens/_seeds.scss +20 -31
- package/src/tokens/_variables.scss +251 -94
- package/src/utils/a11y.tsx +69 -69
- package/src/utils/aria.ts +3 -3
- package/src/utils/canonical-stamp.ts +2 -12
- package/src/utils/css-warning.ts +7 -7
- package/src/utils/env.ts +25 -0
- package/src/utils/keyboard-shortcuts.ts +131 -126
- package/src/utils/seed-derivation.ts +11 -14
- package/src/utils/theme-presets.ts +5 -12
- package/dist/blocks/AccountSettings.block.d.ts +0 -3
- package/dist/blocks/AccountSettings.block.d.ts.map +0 -1
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts +0 -3
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/BlogEditor.block.d.ts +0 -3
- package/dist/blocks/BlogEditor.block.d.ts.map +0 -1
- package/dist/blocks/ChatInterface.block.d.ts +0 -3
- package/dist/blocks/ChatInterface.block.d.ts.map +0 -1
- package/dist/blocks/ChatMessages.block.d.ts +0 -3
- package/dist/blocks/ChatMessages.block.d.ts.map +0 -1
- package/dist/blocks/CheckoutForm.block.d.ts +0 -3
- package/dist/blocks/CheckoutForm.block.d.ts.map +0 -1
- package/dist/blocks/CommandPalette.block.d.ts +0 -3
- package/dist/blocks/CommandPalette.block.d.ts.map +0 -1
- package/dist/blocks/ContactForm.block.d.ts +0 -3
- package/dist/blocks/ContactForm.block.d.ts.map +0 -1
- package/dist/blocks/DashboardPage.block.d.ts +0 -3
- package/dist/blocks/DashboardPage.block.d.ts.map +0 -1
- package/dist/blocks/DashboardSkeleton.block.d.ts +0 -3
- package/dist/blocks/DashboardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/DataTable.block.d.ts +0 -3
- package/dist/blocks/DataTable.block.d.ts.map +0 -1
- package/dist/blocks/EmptyState.block.d.ts +0 -3
- package/dist/blocks/EmptyState.block.d.ts.map +0 -1
- package/dist/blocks/FAQSection.block.d.ts +0 -3
- package/dist/blocks/FAQSection.block.d.ts.map +0 -1
- package/dist/blocks/FeatureGrid.block.d.ts +0 -3
- package/dist/blocks/FeatureGrid.block.d.ts.map +0 -1
- package/dist/blocks/HeroSection.block.d.ts +0 -3
- package/dist/blocks/HeroSection.block.d.ts.map +0 -1
- package/dist/blocks/NavigationHeader.block.d.ts +0 -3
- package/dist/blocks/NavigationHeader.block.d.ts.map +0 -1
- package/dist/blocks/PaginatedTable.block.d.ts +0 -3
- package/dist/blocks/PaginatedTable.block.d.ts.map +0 -1
- package/dist/blocks/PricingComparison.block.d.ts +0 -3
- package/dist/blocks/PricingComparison.block.d.ts.map +0 -1
- package/dist/blocks/ProductCard.block.d.ts +0 -3
- package/dist/blocks/ProductCard.block.d.ts.map +0 -1
- package/dist/blocks/RegistrationForm.block.d.ts +0 -3
- package/dist/blocks/RegistrationForm.block.d.ts.map +0 -1
- package/dist/blocks/SettingsDrawer.block.d.ts +0 -3
- package/dist/blocks/SettingsDrawer.block.d.ts.map +0 -1
- package/dist/blocks/SettingsPanel.block.d.ts +0 -3
- package/dist/blocks/SettingsPanel.block.d.ts.map +0 -1
- package/dist/blocks/ShoppingCart.block.d.ts +0 -3
- package/dist/blocks/ShoppingCart.block.d.ts.map +0 -1
- package/dist/blocks/StatsCardSkeleton.block.d.ts +0 -3
- package/dist/blocks/StatsCardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/TableSkeleton.block.d.ts +0 -3
- package/dist/blocks/TableSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/ThinkingStates.block.d.ts +0 -3
- package/dist/blocks/ThinkingStates.block.d.ts.map +0 -1
- package/dist/components/Toggle/index.d.ts +0 -3
- package/dist/components/Toggle/index.d.ts.map +0 -1
- package/src/components/Button/Button.contract.json +0 -218
- package/src/components/Card/Card.contract.json +0 -175
- package/src/components/DataTable/DataTable.contract.json +0 -302
- package/src/components/Dialog/Dialog.contract.json +0 -159
- package/src/components/Select/Select.contract.json +0 -259
- package/src/components/Toggle/index.ts +0 -7
- package/src/tokens/_density.scss +0 -85
|
@@ -1,35 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const card = "
|
|
4
|
-
const
|
|
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
|
|
3
|
+
const card = "_card_v8u9x_10";
|
|
4
|
+
const headerDivided = "_headerDivided_v8u9x_36";
|
|
5
|
+
const solid = "_solid_v8u9x_39";
|
|
6
|
+
const soft = "_soft_v8u9x_44";
|
|
7
|
+
const outline = "_outline_v8u9x_49";
|
|
8
|
+
const toneAccent = "_toneAccent_v8u9x_54";
|
|
9
|
+
const toneDanger = "_toneDanger_v8u9x_68";
|
|
10
|
+
const toneWarning = "_toneWarning_v8u9x_82";
|
|
11
|
+
const paddingNone = "_paddingNone_v8u9x_96";
|
|
12
|
+
const paddingSm = "_paddingSm_v8u9x_99";
|
|
13
|
+
const paddingMd = "_paddingMd_v8u9x_102";
|
|
14
|
+
const paddingLg = "_paddingLg_v8u9x_105";
|
|
15
|
+
const interactive = "_interactive_v8u9x_108";
|
|
16
|
+
const header = "_header_v8u9x_36";
|
|
17
|
+
const description = "_description_v8u9x_153";
|
|
18
|
+
const title = "_title_v8u9x_156";
|
|
19
|
+
const body = "_body_v8u9x_176";
|
|
20
|
+
const footer = "_footer_v8u9x_198";
|
|
19
21
|
const styles = {
|
|
20
22
|
card,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
headerDivided,
|
|
24
|
+
solid,
|
|
25
|
+
soft,
|
|
26
|
+
outline,
|
|
27
|
+
toneAccent,
|
|
28
|
+
toneDanger,
|
|
29
|
+
toneWarning,
|
|
26
30
|
paddingNone,
|
|
27
31
|
paddingSm,
|
|
28
32
|
paddingMd,
|
|
29
33
|
paddingLg,
|
|
30
34
|
interactive,
|
|
31
35
|
header,
|
|
32
|
-
headerDivided,
|
|
33
36
|
description,
|
|
34
37
|
title,
|
|
35
38
|
body,
|
|
@@ -39,16 +42,18 @@ exports.body = body;
|
|
|
39
42
|
exports.card = card;
|
|
40
43
|
exports.default = styles;
|
|
41
44
|
exports.description = description;
|
|
42
|
-
exports.elevated = elevated;
|
|
43
45
|
exports.footer = footer;
|
|
44
46
|
exports.header = header;
|
|
45
47
|
exports.headerDivided = headerDivided;
|
|
46
48
|
exports.interactive = interactive;
|
|
47
|
-
exports.
|
|
49
|
+
exports.outline = outline;
|
|
48
50
|
exports.paddingLg = paddingLg;
|
|
49
51
|
exports.paddingMd = paddingMd;
|
|
50
52
|
exports.paddingNone = paddingNone;
|
|
51
53
|
exports.paddingSm = paddingSm;
|
|
52
|
-
exports.
|
|
53
|
-
exports.
|
|
54
|
+
exports.soft = soft;
|
|
55
|
+
exports.solid = solid;
|
|
54
56
|
exports.title = title;
|
|
57
|
+
exports.toneAccent = toneAccent;
|
|
58
|
+
exports.toneDanger = toneDanger;
|
|
59
|
+
exports.toneWarning = toneWarning;
|
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
const card = "
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
1
|
+
const card = "_card_v8u9x_10";
|
|
2
|
+
const headerDivided = "_headerDivided_v8u9x_36";
|
|
3
|
+
const solid = "_solid_v8u9x_39";
|
|
4
|
+
const soft = "_soft_v8u9x_44";
|
|
5
|
+
const outline = "_outline_v8u9x_49";
|
|
6
|
+
const toneAccent = "_toneAccent_v8u9x_54";
|
|
7
|
+
const toneDanger = "_toneDanger_v8u9x_68";
|
|
8
|
+
const toneWarning = "_toneWarning_v8u9x_82";
|
|
9
|
+
const paddingNone = "_paddingNone_v8u9x_96";
|
|
10
|
+
const paddingSm = "_paddingSm_v8u9x_99";
|
|
11
|
+
const paddingMd = "_paddingMd_v8u9x_102";
|
|
12
|
+
const paddingLg = "_paddingLg_v8u9x_105";
|
|
13
|
+
const interactive = "_interactive_v8u9x_108";
|
|
14
|
+
const header = "_header_v8u9x_36";
|
|
15
|
+
const description = "_description_v8u9x_153";
|
|
16
|
+
const title = "_title_v8u9x_156";
|
|
17
|
+
const body = "_body_v8u9x_176";
|
|
18
|
+
const footer = "_footer_v8u9x_198";
|
|
17
19
|
const styles = {
|
|
18
20
|
card,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
headerDivided,
|
|
22
|
+
solid,
|
|
23
|
+
soft,
|
|
24
|
+
outline,
|
|
25
|
+
toneAccent,
|
|
26
|
+
toneDanger,
|
|
27
|
+
toneWarning,
|
|
24
28
|
paddingNone,
|
|
25
29
|
paddingSm,
|
|
26
30
|
paddingMd,
|
|
27
31
|
paddingLg,
|
|
28
32
|
interactive,
|
|
29
33
|
header,
|
|
30
|
-
headerDivided,
|
|
31
34
|
description,
|
|
32
35
|
title,
|
|
33
36
|
body,
|
|
@@ -38,17 +41,19 @@ export {
|
|
|
38
41
|
card,
|
|
39
42
|
styles as default,
|
|
40
43
|
description,
|
|
41
|
-
elevated,
|
|
42
44
|
footer,
|
|
43
45
|
header,
|
|
44
46
|
headerDivided,
|
|
45
47
|
interactive,
|
|
46
|
-
|
|
48
|
+
outline,
|
|
47
49
|
paddingLg,
|
|
48
50
|
paddingMd,
|
|
49
51
|
paddingNone,
|
|
50
52
|
paddingSm,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
title
|
|
53
|
+
soft,
|
|
54
|
+
solid,
|
|
55
|
+
title,
|
|
56
|
+
toneAccent,
|
|
57
|
+
toneDanger,
|
|
58
|
+
toneWarning
|
|
54
59
|
};
|
|
@@ -35,29 +35,42 @@ function composeEventHandlers(userHandler, internalHandler) {
|
|
|
35
35
|
internalHandler(event);
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
|
+
const variantMap = {
|
|
39
|
+
solid: Card_module.default.solid,
|
|
40
|
+
soft: Card_module.default.soft,
|
|
41
|
+
outline: Card_module.default.outline
|
|
42
|
+
};
|
|
43
|
+
const toneMap = {
|
|
44
|
+
neutral: void 0,
|
|
45
|
+
accent: Card_module.default.toneAccent,
|
|
46
|
+
danger: Card_module.default.toneDanger,
|
|
47
|
+
warning: Card_module.default.toneWarning
|
|
48
|
+
};
|
|
38
49
|
function CardRoot({
|
|
39
50
|
children,
|
|
40
|
-
variant
|
|
51
|
+
variant = "solid",
|
|
52
|
+
tone = "neutral",
|
|
41
53
|
padding = "md",
|
|
42
54
|
as: Component = "article",
|
|
43
55
|
className,
|
|
44
56
|
style,
|
|
45
57
|
...htmlProps
|
|
46
58
|
}) {
|
|
47
|
-
const variant = variantProp === "outline" ? "outlined" : variantProp;
|
|
48
59
|
const { onKeyDown, onKeyUp, role, tabIndex, ...elementProps } = htmlProps;
|
|
49
60
|
const isInteractive = typeof elementProps.onClick === "function";
|
|
50
61
|
const resolvedRole = isInteractive ? role ?? "button" : role;
|
|
51
62
|
const resolvedTabIndex = isInteractive ? tabIndex ?? 0 : tabIndex;
|
|
52
63
|
const classes = [
|
|
53
64
|
Card_module.default.card,
|
|
54
|
-
|
|
65
|
+
variantMap[variant],
|
|
66
|
+
toneMap[tone],
|
|
55
67
|
paddingMap[padding],
|
|
56
68
|
isInteractive && Card_module.default.interactive,
|
|
57
69
|
className
|
|
58
70
|
].filter(Boolean).join(" ");
|
|
59
71
|
const contextValue = {
|
|
60
72
|
variant,
|
|
73
|
+
tone,
|
|
61
74
|
padding,
|
|
62
75
|
isInteractive
|
|
63
76
|
};
|
|
@@ -1,24 +1,32 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
export type CardVariant = "solid" | "soft" | "outline";
|
|
3
|
+
export type CardTone = "neutral" | "accent" | "warning" | "danger";
|
|
4
|
+
export type CardPadding = "none" | "sm" | "md" | "lg";
|
|
2
5
|
/**
|
|
3
6
|
* Card container for grouping related content.
|
|
4
7
|
* @see https://usefragments.com/components/card
|
|
5
8
|
*/
|
|
6
9
|
export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
|
|
7
10
|
children: React.ReactNode;
|
|
8
|
-
/**
|
|
11
|
+
/** Surface chrome.
|
|
9
12
|
*
|
|
10
|
-
* - `
|
|
11
|
-
* - `
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
* @default "default"
|
|
13
|
+
* - `solid`: the filled, elevated surface for general-purpose cards.
|
|
14
|
+
* - `soft`: quiet tint fill for metric tiles and dashboard panels. Add
|
|
15
|
+
* `padding="none"` and let `Card.Header divided` + `Card.Body padding`
|
|
16
|
+
* own their inset for a panel.
|
|
17
|
+
* - `outline`: transparent with a hairline border, for dense layouts.
|
|
18
|
+
* @default "solid"
|
|
17
19
|
* @see https://usefragments.com/components/card#variants */
|
|
18
|
-
variant?:
|
|
20
|
+
variant?: CardVariant;
|
|
21
|
+
/** Earned-moment capsule. Any tone other than `neutral` paints a
|
|
22
|
+
* tone-tinted hairline, a radial wash and the capsule radius on top of the
|
|
23
|
+
* variant: `accent` (the moment), `danger` (a merge is held), `warning`
|
|
24
|
+
* (enforcement lapsed). Reserve it for the few surfaces that earn emphasis.
|
|
25
|
+
* @default "neutral" */
|
|
26
|
+
tone?: CardTone;
|
|
19
27
|
/** Inner padding.
|
|
20
28
|
* @default "md" */
|
|
21
|
-
padding?:
|
|
29
|
+
padding?: CardPadding;
|
|
22
30
|
/** Root element tag.
|
|
23
31
|
* @default "article" */
|
|
24
32
|
as?: "article" | "div" | "section";
|
|
@@ -27,7 +35,7 @@ export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
27
35
|
children: React.ReactNode;
|
|
28
36
|
/** Renders the header as a divided region with a minimum height, canonical
|
|
29
37
|
* inset, hairline bottom border, and no trailing margin. Used with
|
|
30
|
-
* `
|
|
38
|
+
* `padding="none"` for dashboard-style panel headers. */
|
|
31
39
|
divided?: boolean;
|
|
32
40
|
}
|
|
33
41
|
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
@@ -41,14 +49,14 @@ export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraph
|
|
|
41
49
|
}
|
|
42
50
|
export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
43
51
|
children: React.ReactNode;
|
|
44
|
-
/** Inner padding for body-only spacing, useful with `
|
|
45
|
-
* Omit when the card root already owns padding. */
|
|
46
|
-
padding?:
|
|
52
|
+
/** Inner padding for body-only spacing, useful with `padding="none"` on the
|
|
53
|
+
* root. Omit when the card root already owns padding. */
|
|
54
|
+
padding?: CardPadding;
|
|
47
55
|
}
|
|
48
56
|
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
49
57
|
children: React.ReactNode;
|
|
50
58
|
}
|
|
51
|
-
declare function CardRoot({ children, variant
|
|
59
|
+
declare function CardRoot({ children, variant, tone, padding, as: Component, className, style, ...htmlProps }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
52
60
|
declare function CardHeader({ children, divided, className, ...htmlProps }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
53
61
|
declare function CardTitle({ children, as: Component, className, ...htmlProps }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
54
62
|
declare function CardDescription({ children, className, ...htmlProps }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;gEAQ4D;IAC5D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;4BAIwB;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;uBACmB;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;6DAEyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;uBACmB;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsDD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAiB,EACjB,IAAgB,EAChB,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CA6DX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CASlF;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAgB,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAO7F;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAOnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAS9E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAOzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -16,29 +16,42 @@ function composeEventHandlers(userHandler, internalHandler) {
|
|
|
16
16
|
internalHandler(event);
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
|
+
const variantMap = {
|
|
20
|
+
solid: styles.solid,
|
|
21
|
+
soft: styles.soft,
|
|
22
|
+
outline: styles.outline
|
|
23
|
+
};
|
|
24
|
+
const toneMap = {
|
|
25
|
+
neutral: void 0,
|
|
26
|
+
accent: styles.toneAccent,
|
|
27
|
+
danger: styles.toneDanger,
|
|
28
|
+
warning: styles.toneWarning
|
|
29
|
+
};
|
|
19
30
|
function CardRoot({
|
|
20
31
|
children,
|
|
21
|
-
variant
|
|
32
|
+
variant = "solid",
|
|
33
|
+
tone = "neutral",
|
|
22
34
|
padding = "md",
|
|
23
35
|
as: Component = "article",
|
|
24
36
|
className,
|
|
25
37
|
style,
|
|
26
38
|
...htmlProps
|
|
27
39
|
}) {
|
|
28
|
-
const variant = variantProp === "outline" ? "outlined" : variantProp;
|
|
29
40
|
const { onKeyDown, onKeyUp, role, tabIndex, ...elementProps } = htmlProps;
|
|
30
41
|
const isInteractive = typeof elementProps.onClick === "function";
|
|
31
42
|
const resolvedRole = isInteractive ? role ?? "button" : role;
|
|
32
43
|
const resolvedTabIndex = isInteractive ? tabIndex ?? 0 : tabIndex;
|
|
33
44
|
const classes = [
|
|
34
45
|
styles.card,
|
|
35
|
-
|
|
46
|
+
variantMap[variant],
|
|
47
|
+
toneMap[tone],
|
|
36
48
|
paddingMap[padding],
|
|
37
49
|
isInteractive && styles.interactive,
|
|
38
50
|
className
|
|
39
51
|
].filter(Boolean).join(" ");
|
|
40
52
|
const contextValue = {
|
|
41
53
|
variant,
|
|
54
|
+
tone,
|
|
42
55
|
padding,
|
|
43
56
|
isInteractive
|
|
44
57
|
};
|
|
@@ -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_1q43w_1";
|
|
4
|
+
const srOnly = "_srOnly_1q43w_24";
|
|
5
|
+
const tooltip = "_tooltip_1q43w_36";
|
|
6
|
+
const tooltipLabel = "_tooltipLabel_1q43w_53";
|
|
7
|
+
const tooltipItems = "_tooltipItems_1q43w_63";
|
|
8
|
+
const tooltipItem = "_tooltipItem_1q43w_63";
|
|
9
|
+
const tooltipIndicator = "_tooltipIndicator_1q43w_76";
|
|
10
|
+
const tooltipIndicatorLine = "_tooltipIndicatorLine_1q43w_82";
|
|
11
|
+
const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1q43w_87";
|
|
12
|
+
const tooltipItemLabel = "_tooltipItemLabel_1q43w_95";
|
|
13
|
+
const tooltipItemValue = "_tooltipItemValue_1q43w_99";
|
|
14
|
+
const legend = "_legend_1q43w_106";
|
|
15
|
+
const legendItem = "_legendItem_1q43w_115";
|
|
16
|
+
const legendDot = "_legendDot_1q43w_121";
|
|
17
|
+
const legendLabel = "_legendLabel_1q43w_128";
|
|
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_1q43w_1";
|
|
2
|
+
const srOnly = "_srOnly_1q43w_24";
|
|
3
|
+
const tooltip = "_tooltip_1q43w_36";
|
|
4
|
+
const tooltipLabel = "_tooltipLabel_1q43w_53";
|
|
5
|
+
const tooltipItems = "_tooltipItems_1q43w_63";
|
|
6
|
+
const tooltipItem = "_tooltipItem_1q43w_63";
|
|
7
|
+
const tooltipIndicator = "_tooltipIndicator_1q43w_76";
|
|
8
|
+
const tooltipIndicatorLine = "_tooltipIndicatorLine_1q43w_82";
|
|
9
|
+
const tooltipIndicatorDashed = "_tooltipIndicatorDashed_1q43w_87";
|
|
10
|
+
const tooltipItemLabel = "_tooltipItemLabel_1q43w_95";
|
|
11
|
+
const tooltipItemValue = "_tooltipItemValue_1q43w_99";
|
|
12
|
+
const legend = "_legend_1q43w_106";
|
|
13
|
+
const legendItem = "_legendItem_1q43w_115";
|
|
14
|
+
const legendDot = "_legendDot_1q43w_121";
|
|
15
|
+
const legendLabel = "_legendLabel_1q43w_128";
|
|
16
16
|
const styles = {
|
|
17
17
|
container,
|
|
18
18
|
srOnly,
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/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;AAwBD,wBAAgB,cAAc,gBAM7B;AAMD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,SAAS,EACb,EAAE,mBAAmB,2CAsFrB;AAMD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,cAAc,EACd,cAAc,GACf,EAAE,wBAAwB,kDA+C1B;AAMD,KAAK,iBAAiB,GAAG;IACvB,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,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACzF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,kDA+BnB;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,uBAAuB,kDAsBtE;AAMD,KAAK,gBAAgB,GAAG,mBAAmB,GAAG;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACzF,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,kDAclE;AAED,eAAO,MAAM,KAAK;;;;;;IAMhB,+DAA+D;;CAE/D,CAAC"}
|
|
@@ -1,14 +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 helper = "
|
|
11
|
-
const
|
|
3
|
+
const wrapper = "_wrapper_c666y_1";
|
|
4
|
+
const checkbox = "_checkbox_c666y_57";
|
|
5
|
+
const sm = "_sm_c666y_129";
|
|
6
|
+
const lg = "_lg_c666y_134";
|
|
7
|
+
const indicator = "_indicator_c666y_151";
|
|
8
|
+
const content = "_content_c666y_198";
|
|
9
|
+
const label = "_label_c666y_202";
|
|
10
|
+
const helper = "_helper_c666y_207";
|
|
11
|
+
const wrapperOutline = "_wrapperOutline_c666y_218";
|
|
12
12
|
const styles = {
|
|
13
13
|
wrapper,
|
|
14
14
|
checkbox,
|
|
@@ -18,7 +18,7 @@ const styles = {
|
|
|
18
18
|
content,
|
|
19
19
|
label,
|
|
20
20
|
helper,
|
|
21
|
-
|
|
21
|
+
wrapperOutline
|
|
22
22
|
};
|
|
23
23
|
exports.checkbox = checkbox;
|
|
24
24
|
exports.content = content;
|
|
@@ -29,4 +29,4 @@ exports.label = label;
|
|
|
29
29
|
exports.lg = lg;
|
|
30
30
|
exports.sm = sm;
|
|
31
31
|
exports.wrapper = wrapper;
|
|
32
|
-
exports.
|
|
32
|
+
exports.wrapperOutline = wrapperOutline;
|
|
@@ -1,12 +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 helper = "
|
|
9
|
-
const
|
|
1
|
+
const wrapper = "_wrapper_c666y_1";
|
|
2
|
+
const checkbox = "_checkbox_c666y_57";
|
|
3
|
+
const sm = "_sm_c666y_129";
|
|
4
|
+
const lg = "_lg_c666y_134";
|
|
5
|
+
const indicator = "_indicator_c666y_151";
|
|
6
|
+
const content = "_content_c666y_198";
|
|
7
|
+
const label = "_label_c666y_202";
|
|
8
|
+
const helper = "_helper_c666y_207";
|
|
9
|
+
const wrapperOutline = "_wrapperOutline_c666y_218";
|
|
10
10
|
const styles = {
|
|
11
11
|
wrapper,
|
|
12
12
|
checkbox,
|
|
@@ -16,7 +16,7 @@ const styles = {
|
|
|
16
16
|
content,
|
|
17
17
|
label,
|
|
18
18
|
helper,
|
|
19
|
-
|
|
19
|
+
wrapperOutline
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
22
|
checkbox,
|
|
@@ -28,5 +28,5 @@ export {
|
|
|
28
28
|
lg,
|
|
29
29
|
sm,
|
|
30
30
|
wrapper,
|
|
31
|
-
|
|
31
|
+
wrapperOutline
|
|
32
32
|
};
|
|
@@ -36,7 +36,7 @@ function CheckIcon() {
|
|
|
36
36
|
strokeLinecap: "round",
|
|
37
37
|
strokeLinejoin: "round",
|
|
38
38
|
"aria-hidden": "true",
|
|
39
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "
|
|
39
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "4 12 9 17 20 6", pathLength: 24 })
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
}
|
|
@@ -52,7 +52,7 @@ function MinusIcon() {
|
|
|
52
52
|
strokeLinecap: "round",
|
|
53
53
|
strokeLinejoin: "round",
|
|
54
54
|
"aria-hidden": "true",
|
|
55
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
|
|
55
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12", pathLength: 24 })
|
|
56
56
|
}
|
|
57
57
|
);
|
|
58
58
|
}
|
|
@@ -66,7 +66,7 @@ const CheckboxRoot = React__namespace.forwardRef(function Checkbox2({
|
|
|
66
66
|
readOnly = false,
|
|
67
67
|
required = false,
|
|
68
68
|
size: sizeProp,
|
|
69
|
-
variant
|
|
69
|
+
variant,
|
|
70
70
|
label,
|
|
71
71
|
helperText,
|
|
72
72
|
description,
|
|
@@ -97,7 +97,7 @@ 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 wrapperClasses = [Checkbox_module.default.wrapper, variant === "
|
|
100
|
+
const wrapperClasses = [Checkbox_module.default.wrapper, variant === "outline" && Checkbox_module.default.wrapperOutline, className].filter(Boolean).join(" ");
|
|
101
101
|
const handleCheckedChange = onChange ?? onCheckedChange;
|
|
102
102
|
if (!label && !resolvedHelperText) {
|
|
103
103
|
const iconOnlyHtmlProps = htmlProps;
|
|
@@ -24,13 +24,11 @@ export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLLabelElemen
|
|
|
24
24
|
* @default "md" */
|
|
25
25
|
size?: "sm" | "md" | "lg";
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* Useful for multi-select question lists, settings toggles, etc.
|
|
31
|
-
* @default "default"
|
|
27
|
+
* Chrome. Omit it for the inline checkbox next to a label (form-control
|
|
28
|
+
* style); `outline` renders a full-width bordered surface with the checkbox
|
|
29
|
+
* tucked inside — multi-select question lists, settings toggles, plan pickers.
|
|
32
30
|
*/
|
|
33
|
-
variant?: "
|
|
31
|
+
variant?: "outline";
|
|
34
32
|
/** Label text */
|
|
35
33
|
label?: string;
|
|
36
34
|
/** Helper text shown below the label */
|
|
@@ -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
|
|
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;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,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;AAqLD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
|
|
@@ -17,7 +17,7 @@ function CheckIcon() {
|
|
|
17
17
|
strokeLinecap: "round",
|
|
18
18
|
strokeLinejoin: "round",
|
|
19
19
|
"aria-hidden": "true",
|
|
20
|
-
children: /* @__PURE__ */ jsx("polyline", { points: "
|
|
20
|
+
children: /* @__PURE__ */ jsx("polyline", { points: "4 12 9 17 20 6", pathLength: 24 })
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
}
|
|
@@ -33,7 +33,7 @@ function MinusIcon() {
|
|
|
33
33
|
strokeLinecap: "round",
|
|
34
34
|
strokeLinejoin: "round",
|
|
35
35
|
"aria-hidden": "true",
|
|
36
|
-
children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
|
|
36
|
+
children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12", pathLength: 24 })
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
}
|
|
@@ -47,7 +47,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
47
47
|
readOnly = false,
|
|
48
48
|
required = false,
|
|
49
49
|
size: sizeProp,
|
|
50
|
-
variant
|
|
50
|
+
variant,
|
|
51
51
|
label,
|
|
52
52
|
helperText,
|
|
53
53
|
description,
|
|
@@ -78,7 +78,7 @@ const CheckboxRoot = React.forwardRef(function Checkbox2({
|
|
|
78
78
|
size === "lg" && styles.lg,
|
|
79
79
|
controlClassName
|
|
80
80
|
].filter(Boolean).join(" ");
|
|
81
|
-
const wrapperClasses = [styles.wrapper, variant === "
|
|
81
|
+
const wrapperClasses = [styles.wrapper, variant === "outline" && styles.wrapperOutline, className].filter(Boolean).join(" ");
|
|
82
82
|
const handleCheckedChange = onChange ?? onCheckedChange;
|
|
83
83
|
if (!label && !resolvedHelperText) {
|
|
84
84
|
const iconOnlyHtmlProps = htmlProps;
|