@usefragments/ui 1.5.4 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/assets/fragments-wordmark.cjs +2 -2
- package/dist/assets/fragments-wordmark.d.ts.map +1 -1
- package/dist/assets/fragments-wordmark.js +2 -2
- package/dist/assets/ui.css +10468 -6909
- package/dist/chart.cjs +31 -26
- package/dist/chart.js +31 -26
- package/dist/codeblock.cjs +55 -29
- package/dist/codeblock.js +55 -29
- package/dist/colorpicker.cjs +5 -2
- package/dist/colorpicker.js +5 -2
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +15 -12
- package/dist/components/Alert/Alert.module.scss.js +15 -12
- package/dist/components/Alert/index.cjs +7 -1
- package/dist/components/Alert/index.d.ts +12 -6
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +7 -1
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- package/dist/components/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/Box/index.cjs +64 -75
- package/dist/components/Box/index.d.ts +16 -16
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/index.js +64 -75
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
- package/dist/components/Button/Button.module.scss.cjs +14 -14
- package/dist/components/Button/Button.module.scss.js +14 -14
- package/dist/components/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 +30 -18
- package/dist/components/Card/Card.module.scss.js +31 -19
- package/dist/components/Card/index.cjs +8 -0
- package/dist/components/Card/index.d.ts +12 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +8 -0
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Chart/index.d.ts +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 +6 -8
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +6 -8
- 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 +6 -6
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.js +4 -4
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +27 -24
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +27 -24
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +17 -3
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -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 +21 -5
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +21 -5
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/Command/index.cjs +26 -15
- package/dist/components/Command/index.d.ts +2 -2
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +26 -15
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +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.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 +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/Dialog/index.cjs +11 -14
- package/dist/components/Dialog/index.d.ts +7 -7
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +11 -14
- package/dist/components/Drawer/Drawer.module.scss.cjs +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/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +15 -12
- package/dist/components/EmptyState/EmptyState.module.scss.js +15 -12
- package/dist/components/EmptyState/index.cjs +8 -6
- package/dist/components/EmptyState/index.d.ts +9 -4
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +8 -6
- package/dist/components/Field/Field.module.scss.cjs +8 -5
- package/dist/components/Field/Field.module.scss.js +8 -5
- package/dist/components/Field/index.cjs +18 -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 +18 -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 +18 -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 +18 -38
- 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/IconButton/index.cjs +2 -1
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.js +2 -1
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +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 +14 -10
- package/dist/components/Link/Link.module.scss.js +14 -10
- package/dist/components/Link/index.d.ts +1 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/List/List.module.scss.cjs +19 -19
- package/dist/components/List/List.module.scss.js +19 -19
- package/dist/components/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 +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- 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/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +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 +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 +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 +6 -5
- 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 +17 -38
- package/dist/components/Sidebar/index.d.ts +23 -18
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +17 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +56 -40
- package/dist/components/Skeleton/Skeleton.module.scss.js +56 -40
- 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 +21 -30
- package/dist/components/Table/Table.module.scss.js +21 -30
- 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/TableOfContents/index.cjs +13 -9
- package/dist/components/TableOfContents/index.d.ts +5 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +13 -9
- package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
- package/dist/components/Tabs/Tabs.module.scss.js +12 -12
- package/dist/components/Tabs/index.cjs +28 -8
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +28 -8
- package/dist/components/Text/Text.module.scss.cjs +105 -57
- package/dist/components/Text/Text.module.scss.js +105 -57
- package/dist/components/Text/index.cjs +49 -33
- package/dist/components/Text/index.d.ts +30 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +49 -33
- 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 +16 -210
- 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 +11 -205
- package/dist/components/{Theme → ThemeToggle}/ThemeToggle.module.scss.cjs +9 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +26 -0
- package/dist/components/ThemeToggle/index.cjs +140 -0
- package/dist/components/ThemeToggle/index.d.ts +26 -0
- package/dist/components/ThemeToggle/index.d.ts.map +1 -0
- package/dist/components/ThemeToggle/index.js +140 -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/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.cjs +14 -10
- package/dist/data-table.js +14 -10
- package/dist/datepicker.cjs +5 -3
- package/dist/datepicker.js +5 -3
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +101 -99
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +22 -30
- package/dist/measurements/generated.cjs +304 -0
- package/dist/measurements/generated.d.ts +268 -0
- package/dist/measurements/generated.d.ts.map +1 -0
- package/dist/measurements/generated.js +304 -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/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/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 +14 -48
- 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 +14 -48
- 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 +25 -4
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +31 -52
- package/src/components/Alert/Alert.contract.json +37 -53
- package/src/components/Alert/Alert.module.scss +52 -44
- package/src/components/Alert/index.tsx +55 -29
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +59 -43
- package/src/components/AppShell/index.tsx +8 -4
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +25 -60
- package/src/components/Avatar/index.tsx +152 -146
- package/src/components/Badge/Badge.contract.json +37 -42
- package/src/components/Badge/Badge.module.scss +59 -47
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +11 -32
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +253 -81
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +19 -15
- package/src/components/Button/Button.module.scss +60 -64
- package/src/components/ButtonGroup/ButtonGroup.contract.json +32 -47
- 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 +284 -167
- package/src/components/Card/index.tsx +21 -2
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +28 -29
- package/src/components/Chart/index.tsx +72 -55
- package/src/components/Checkbox/Checkbox.contract.json +24 -24
- package/src/components/Checkbox/Checkbox.module.scss +75 -87
- package/src/components/Checkbox/index.tsx +8 -11
- package/src/components/Chip/Chip.contract.json +36 -42
- package/src/components/Chip/Chip.module.scss +25 -36
- package/src/components/Chip/index.tsx +5 -5
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +129 -217
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +91 -35
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +29 -63
- package/src/components/Collapsible/index.tsx +22 -26
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +54 -33
- package/src/components/ColorPicker/index.tsx +7 -2
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +61 -74
- package/src/components/Combobox/index.tsx +34 -6
- package/src/components/Command/Command.contract.json +21 -43
- package/src/components/Command/Command.module.scss +47 -77
- package/src/components/Command/index.tsx +58 -47
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +20 -78
- package/src/components/ConversationList/index.tsx +55 -59
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +81 -217
- package/src/components/DataTable/index.tsx +28 -32
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +66 -38
- package/src/components/DatePicker/index.tsx +7 -3
- package/src/components/Dialog/Dialog.module.scss +45 -69
- package/src/components/Dialog/index.tsx +47 -37
- package/src/components/Drawer/Drawer.contract.json +22 -36
- package/src/components/Drawer/Drawer.module.scss +93 -99
- package/src/components/Drawer/index.tsx +1 -1
- package/src/components/Editor/Editor.contract.json +31 -48
- package/src/components/Editor/Editor.module.scss +137 -220
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +31 -43
- package/src/components/EmptyState/EmptyState.module.scss +45 -84
- package/src/components/EmptyState/index.tsx +48 -23
- package/src/components/Field/Field.contract.json +28 -45
- package/src/components/Field/Field.module.scss +9 -11
- package/src/components/Field/index.tsx +31 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +23 -8
- package/src/components/Form/Form.contract.json +27 -40
- package/src/components/Form/Form.module.scss +9 -4
- package/src/components/Form/index.tsx +22 -7
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +159 -63
- package/src/components/Grid/index.tsx +114 -133
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +56 -48
- package/src/components/Header/index.tsx +134 -121
- package/src/components/Icon/Icon.contract.json +22 -62
- package/src/components/Icon/Icon.module.scss +16 -0
- package/src/components/Icon/index.tsx +74 -86
- package/src/components/IconButton/IconButton.contract.json +34 -18
- package/src/components/IconButton/IconButton.module.scss +15 -26
- package/src/components/IconButton/index.tsx +2 -1
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +26 -32
- package/src/components/Input/Input.module.scss +69 -56
- package/src/components/Input/index.tsx +1 -2
- package/src/components/Link/Link.contract.json +32 -52
- package/src/components/Link/Link.module.scss +29 -13
- package/src/components/Link/index.tsx +1 -1
- package/src/components/List/List.contract.json +23 -52
- package/src/components/List/List.module.scss +16 -21
- package/src/components/List/index.tsx +4 -10
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +26 -54
- package/src/components/Loading/Loading.contract.json +37 -61
- package/src/components/Loading/Loading.module.scss +33 -40
- package/src/components/Loading/index.tsx +68 -97
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Main/Main.module.scss +3 -5
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +72 -182
- package/src/components/Markdown/index.tsx +50 -51
- package/src/components/Menu/Menu.contract.json +25 -41
- package/src/components/Menu/Menu.module.scss +63 -133
- package/src/components/Menu/index.tsx +57 -89
- package/src/components/Message/Message.contract.json +29 -52
- package/src/components/Message/Message.module.scss +60 -143
- package/src/components/Message/index.tsx +16 -6
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +123 -71
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +34 -27
- package/src/components/Pagination/index.tsx +7 -2
- package/src/components/Popover/Popover.contract.json +24 -46
- package/src/components/Popover/Popover.module.scss +43 -78
- package/src/components/Progress/Progress.contract.json +32 -28
- package/src/components/Progress/Progress.module.scss +64 -43
- package/src/components/Progress/geometry.ts +41 -0
- package/src/components/Progress/index.tsx +44 -30
- package/src/components/Prompt/Prompt.contract.json +31 -47
- package/src/components/Prompt/Prompt.module.scss +58 -87
- package/src/components/Prompt/index.tsx +6 -5
- package/src/components/RadioGroup/RadioGroup.contract.json +23 -24
- package/src/components/RadioGroup/RadioGroup.module.scss +63 -83
- package/src/components/RadioGroup/index.tsx +7 -9
- package/src/components/ScrollArea/ScrollArea.contract.json +23 -40
- package/src/components/ScrollArea/ScrollArea.module.scss +123 -97
- package/src/components/ScrollArea/index.tsx +85 -67
- package/src/components/ScrollArea/scroll-state.ts +87 -0
- package/src/components/Select/Select.module.scss +55 -43
- package/src/components/Select/index.tsx +6 -2
- package/src/components/Separator/Separator.contract.json +24 -48
- package/src/components/Separator/Separator.module.scss +29 -19
- package/src/components/Separator/index.tsx +55 -51
- package/src/components/Sidebar/Sidebar.contract.json +42 -62
- package/src/components/Sidebar/Sidebar.module.scss +117 -106
- package/src/components/Sidebar/index.tsx +169 -162
- package/src/components/Skeleton/Skeleton.contract.json +28 -54
- package/src/components/Skeleton/Skeleton.module.scss +51 -34
- package/src/components/Skeleton/index.tsx +65 -72
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +33 -27
- package/src/components/Stack/Stack.contract.json +29 -56
- package/src/components/Stack/Stack.module.scss +110 -38
- package/src/components/Stack/index.tsx +157 -127
- package/src/components/{Toggle/Toggle.contract.json → Switch/Switch.contract.json} +34 -47
- package/src/components/Switch/Switch.module.scss +255 -0
- package/src/components/{Toggle → Switch}/index.tsx +5 -21
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +50 -129
- package/src/components/Table/index.tsx +13 -6
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +35 -182
- package/src/components/TableOfContents/index.tsx +26 -9
- package/src/components/Tabs/Tabs.contract.json +24 -45
- package/src/components/Tabs/Tabs.module.scss +28 -23
- package/src/components/Tabs/index.tsx +17 -5
- package/src/components/Text/Text.contract.json +30 -72
- package/src/components/Text/Text.module.scss +43 -7
- package/src/components/Text/index.tsx +136 -63
- package/src/components/Textarea/Textarea.contract.json +25 -43
- package/src/components/Textarea/Textarea.module.scss +58 -40
- package/src/components/Textarea/index.tsx +5 -12
- package/src/components/Theme/Theme.contract.json +32 -51
- package/src/components/Theme/context.ts +42 -0
- package/src/components/Theme/index.tsx +16 -310
- package/src/components/ThemeToggle/ThemeToggle.module.scss +89 -0
- package/src/components/ThemeToggle/index.tsx +180 -0
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +23 -40
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +24 -19
- package/src/components/ThinkingIndicator/index.tsx +44 -54
- package/src/components/Toast/Toast.contract.json +35 -61
- package/src/components/Toast/Toast.module.scss +62 -139
- package/src/components/Toggle/index.ts +7 -0
- package/src/components/ToggleGroup/ToggleGroup.contract.json +40 -68
- package/src/components/ToggleGroup/ToggleGroup.module.scss +166 -89
- package/src/components/ToggleGroup/index.tsx +5 -3
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +23 -39
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +3 -0
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +4 -3
- package/src/measurements/MeasurementTargets.module.scss +229 -0
- package/src/measurements/generated.ts +324 -0
- package/src/measurements/index.ts +8 -0
- package/src/measurements/measurements.json +368 -0
- package/src/recipes/_action.scss +138 -0
- package/src/recipes/_boolean-range.scss +116 -0
- package/src/recipes/_feedback.scss +171 -0
- package/src/recipes/_field.scss +102 -0
- package/src/recipes/_layout.scss +74 -0
- package/src/recipes/_navigation.scss +110 -0
- package/src/recipes/_overlay.scss +191 -0
- package/src/recipes/_popup.scss +102 -0
- package/src/recipes/_prose.scss +182 -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 +119 -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/scss.d.ts +1 -1
- package/src/styles/globals.scss +21 -20
- package/src/tokens/_component-properties.scss +2 -2
- package/src/tokens/_computed.scss +14 -25
- package/src/tokens/_density.scss +41 -132
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +96 -0
- package/src/tokens/_measurements.generated.scss +617 -0
- package/src/tokens/_mixins.scss +7 -284
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +96 -92
- package/src/tokens/_radius.scss +16 -70
- package/src/tokens/_seeds.scss +24 -23
- package/src/tokens/_variables.scss +338 -178
- 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/layout-spacing.ts +31 -0
- package/src/utils/seed-derivation.ts +144 -178
- 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/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/Switch/index.ts +0 -3
- package/src/components/Theme/ThemeToggle.module.scss +0 -91
- package/src/components/Toggle/Toggle.module.scss +0 -244
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const FUI_CSS_VARIABLES_THEME = {
|
|
4
|
+
name: "css-variables",
|
|
5
|
+
type: "dark",
|
|
6
|
+
colors: {
|
|
7
|
+
"editor.foreground": "var(--fui-code-text)",
|
|
8
|
+
"editor.background": "var(--fui-code-bg)"
|
|
9
|
+
},
|
|
10
|
+
tokenColors: [
|
|
11
|
+
{ settings: { foreground: "var(--fui-code-text)" } },
|
|
12
|
+
{
|
|
13
|
+
scope: [
|
|
14
|
+
"comment",
|
|
15
|
+
"punctuation.definition.comment",
|
|
16
|
+
"string.comment",
|
|
17
|
+
"string.quoted.docstring.multi"
|
|
18
|
+
],
|
|
19
|
+
settings: { foreground: "var(--fui-code-token-comment)" }
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
scope: [
|
|
23
|
+
"keyword",
|
|
24
|
+
"keyword.control",
|
|
25
|
+
"keyword.other",
|
|
26
|
+
"storage",
|
|
27
|
+
"storage.type",
|
|
28
|
+
"storage.modifier",
|
|
29
|
+
"storage.control.clojure"
|
|
30
|
+
],
|
|
31
|
+
settings: { foreground: "var(--fui-code-token-keyword)" }
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
scope: [
|
|
35
|
+
"string",
|
|
36
|
+
"string.quoted",
|
|
37
|
+
"string.template",
|
|
38
|
+
"string.interpolated",
|
|
39
|
+
"string.regexp",
|
|
40
|
+
"string.unquoted.plain.out.yaml",
|
|
41
|
+
"markup.inline"
|
|
42
|
+
],
|
|
43
|
+
settings: { foreground: "var(--fui-code-token-string)" }
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
scope: [
|
|
47
|
+
"constant.numeric",
|
|
48
|
+
"constant.language",
|
|
49
|
+
"constant.other",
|
|
50
|
+
"constant.character.format.placeholder",
|
|
51
|
+
"constant.other.placeholder"
|
|
52
|
+
],
|
|
53
|
+
settings: { foreground: "var(--fui-code-token-number)" }
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
scope: [
|
|
57
|
+
"entity.name.function",
|
|
58
|
+
"support.function",
|
|
59
|
+
"meta.function-call",
|
|
60
|
+
"meta.instance.constructor",
|
|
61
|
+
"entity.other.attribute-name",
|
|
62
|
+
"entity.name.tag",
|
|
63
|
+
"support.class.component",
|
|
64
|
+
"meta.tag"
|
|
65
|
+
],
|
|
66
|
+
settings: { foreground: "var(--fui-code-token-function)" }
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
scope: [
|
|
70
|
+
"punctuation",
|
|
71
|
+
"punctuation.separator",
|
|
72
|
+
"punctuation.definition.arguments",
|
|
73
|
+
"punctuation.definition.dict",
|
|
74
|
+
"punctuation.definition.string",
|
|
75
|
+
"punctuation.definition.template-expression",
|
|
76
|
+
"meta.brace",
|
|
77
|
+
"keyword.operator",
|
|
78
|
+
"keyword.operator.accessor"
|
|
79
|
+
],
|
|
80
|
+
settings: { foreground: "var(--fui-code-token-punctuation)" }
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
scope: [
|
|
84
|
+
"variable",
|
|
85
|
+
"variable.other",
|
|
86
|
+
"variable.parameter",
|
|
87
|
+
"variable.language",
|
|
88
|
+
"entity.name",
|
|
89
|
+
"support.variable",
|
|
90
|
+
"support.type",
|
|
91
|
+
"meta.property-name",
|
|
92
|
+
"meta.property-value"
|
|
93
|
+
],
|
|
94
|
+
settings: { foreground: "var(--fui-code-token-variable)" }
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
};
|
|
98
|
+
exports.FUI_CSS_VARIABLES_THEME = FUI_CSS_VARIABLES_THEME;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shiki theme whose token colors are CSS variables from the kit palette.
|
|
3
|
+
*
|
|
4
|
+
* Bundled shiki themes (including the old `css-variables` theme) were removed
|
|
5
|
+
* from shiki 3; this object is the replacement. `codeToHtml` accepts it as the
|
|
6
|
+
* `theme` option and writes `color: var(--fui-code-token-*)` onto spans.
|
|
7
|
+
*/
|
|
8
|
+
export declare const FUI_CSS_VARIABLES_THEME: {
|
|
9
|
+
name: string;
|
|
10
|
+
type: "dark";
|
|
11
|
+
colors: {
|
|
12
|
+
"editor.foreground": string;
|
|
13
|
+
"editor.background": string;
|
|
14
|
+
};
|
|
15
|
+
tokenColors: ({
|
|
16
|
+
settings: {
|
|
17
|
+
foreground: string;
|
|
18
|
+
};
|
|
19
|
+
scope?: undefined;
|
|
20
|
+
} | {
|
|
21
|
+
scope: string[];
|
|
22
|
+
settings: {
|
|
23
|
+
foreground: string;
|
|
24
|
+
};
|
|
25
|
+
})[];
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=css-variables-theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css-variables-theme.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/css-variables-theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;CA8FnC,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
const FUI_CSS_VARIABLES_THEME = {
|
|
2
|
+
name: "css-variables",
|
|
3
|
+
type: "dark",
|
|
4
|
+
colors: {
|
|
5
|
+
"editor.foreground": "var(--fui-code-text)",
|
|
6
|
+
"editor.background": "var(--fui-code-bg)"
|
|
7
|
+
},
|
|
8
|
+
tokenColors: [
|
|
9
|
+
{ settings: { foreground: "var(--fui-code-text)" } },
|
|
10
|
+
{
|
|
11
|
+
scope: [
|
|
12
|
+
"comment",
|
|
13
|
+
"punctuation.definition.comment",
|
|
14
|
+
"string.comment",
|
|
15
|
+
"string.quoted.docstring.multi"
|
|
16
|
+
],
|
|
17
|
+
settings: { foreground: "var(--fui-code-token-comment)" }
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
scope: [
|
|
21
|
+
"keyword",
|
|
22
|
+
"keyword.control",
|
|
23
|
+
"keyword.other",
|
|
24
|
+
"storage",
|
|
25
|
+
"storage.type",
|
|
26
|
+
"storage.modifier",
|
|
27
|
+
"storage.control.clojure"
|
|
28
|
+
],
|
|
29
|
+
settings: { foreground: "var(--fui-code-token-keyword)" }
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
scope: [
|
|
33
|
+
"string",
|
|
34
|
+
"string.quoted",
|
|
35
|
+
"string.template",
|
|
36
|
+
"string.interpolated",
|
|
37
|
+
"string.regexp",
|
|
38
|
+
"string.unquoted.plain.out.yaml",
|
|
39
|
+
"markup.inline"
|
|
40
|
+
],
|
|
41
|
+
settings: { foreground: "var(--fui-code-token-string)" }
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
scope: [
|
|
45
|
+
"constant.numeric",
|
|
46
|
+
"constant.language",
|
|
47
|
+
"constant.other",
|
|
48
|
+
"constant.character.format.placeholder",
|
|
49
|
+
"constant.other.placeholder"
|
|
50
|
+
],
|
|
51
|
+
settings: { foreground: "var(--fui-code-token-number)" }
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
scope: [
|
|
55
|
+
"entity.name.function",
|
|
56
|
+
"support.function",
|
|
57
|
+
"meta.function-call",
|
|
58
|
+
"meta.instance.constructor",
|
|
59
|
+
"entity.other.attribute-name",
|
|
60
|
+
"entity.name.tag",
|
|
61
|
+
"support.class.component",
|
|
62
|
+
"meta.tag"
|
|
63
|
+
],
|
|
64
|
+
settings: { foreground: "var(--fui-code-token-function)" }
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
scope: [
|
|
68
|
+
"punctuation",
|
|
69
|
+
"punctuation.separator",
|
|
70
|
+
"punctuation.definition.arguments",
|
|
71
|
+
"punctuation.definition.dict",
|
|
72
|
+
"punctuation.definition.string",
|
|
73
|
+
"punctuation.definition.template-expression",
|
|
74
|
+
"meta.brace",
|
|
75
|
+
"keyword.operator",
|
|
76
|
+
"keyword.operator.accessor"
|
|
77
|
+
],
|
|
78
|
+
settings: { foreground: "var(--fui-code-token-punctuation)" }
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
scope: [
|
|
82
|
+
"variable",
|
|
83
|
+
"variable.other",
|
|
84
|
+
"variable.parameter",
|
|
85
|
+
"variable.language",
|
|
86
|
+
"entity.name",
|
|
87
|
+
"support.variable",
|
|
88
|
+
"support.type",
|
|
89
|
+
"meta.property-name",
|
|
90
|
+
"meta.property-value"
|
|
91
|
+
],
|
|
92
|
+
settings: { foreground: "var(--fui-code-token-variable)" }
|
|
93
|
+
}
|
|
94
|
+
]
|
|
95
|
+
};
|
|
96
|
+
export {
|
|
97
|
+
FUI_CSS_VARIABLES_THEME
|
|
98
|
+
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export type CodeBlockLanguage = "tsx" | "typescript" | "ts" | "javascript" | "js" | "jsx" | "bash" | "shell" | "css" | "scss" | "sass" | "json" | "html" | "xml" | "markdown" | "md" | "yaml" | "yml" | "python" | "py" | "ruby" | "go" | "rust" | "java" | "kotlin" | "swift" | "c" | "cpp" | "csharp" | "php" | "sql" | "graphql" | "diff" | "plaintext" | "text";
|
|
3
3
|
/** Available syntax highlighting themes */
|
|
4
|
-
export type CodeBlockTheme = "synthwave-84" | "github-dark" | "github-light" | "one-dark-pro" | "dracula" | "nord" | "monokai" | "vitesse-dark" | "vitesse-light" | "min-dark" | "min-light";
|
|
4
|
+
export type CodeBlockTheme = "css-variables" | "synthwave-84" | "github-dark" | "github-light" | "one-dark-pro" | "dracula" | "nord" | "monokai" | "vitesse-dark" | "vitesse-light" | "min-dark" | "min-light";
|
|
5
5
|
export type CodeBlockCopyPlacement = "auto" | "header" | "overlay";
|
|
6
6
|
export interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
7
|
/** Code string to display */
|
|
8
8
|
code: string;
|
|
9
9
|
/** Programming language for syntax highlighting */
|
|
10
10
|
language?: CodeBlockLanguage;
|
|
11
|
-
/** Syntax highlighting theme */
|
|
11
|
+
/** Syntax highlighting theme. Default follows `--fui-code-token-*` via shiki css-variables. */
|
|
12
12
|
theme?: CodeBlockTheme;
|
|
13
13
|
/** Show copy button */
|
|
14
14
|
showCopy?: boolean;
|
|
@@ -38,6 +38,12 @@ export interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
38
38
|
defaultCollapsed?: boolean;
|
|
39
39
|
/** Number of lines to show when collapsed */
|
|
40
40
|
collapsedLines?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Collapse control copy. `lines` keeps “Show N more lines” / “Show less”
|
|
43
|
+
* (docs prose). `expand` is one right-aligned Expand / Collapse control
|
|
44
|
+
* for preview+code capsules.
|
|
45
|
+
*/
|
|
46
|
+
collapseAction?: "lines" | "expand";
|
|
41
47
|
/** Compact mode with reduced padding */
|
|
42
48
|
compact?: boolean;
|
|
43
49
|
/** Show a persistent copy button (always visible, uses Button component) */
|
|
@@ -82,12 +88,20 @@ export interface TabbedCodeBlockProps {
|
|
|
82
88
|
wordWrap?: boolean;
|
|
83
89
|
/** Maximum height in pixels (enables scrolling) */
|
|
84
90
|
maxHeight?: number;
|
|
91
|
+
/** Allow collapsing/expanding each tab's code (forwarded to every panel) */
|
|
92
|
+
collapsible?: boolean;
|
|
93
|
+
/** Initial collapsed state (only applies when collapsible is true) */
|
|
94
|
+
defaultCollapsed?: boolean;
|
|
95
|
+
/** Number of lines to show when collapsed */
|
|
96
|
+
collapsedLines?: number;
|
|
97
|
+
/** Forwarded to every panel (see CodeBlock `collapseAction`) */
|
|
98
|
+
collapseAction?: "lines" | "expand";
|
|
85
99
|
/** Additional class name */
|
|
86
100
|
className?: string;
|
|
87
101
|
/** Callback fired when a tab's copy button is clicked. Receives the tab label. */
|
|
88
102
|
onCopy?: (tabLabel: string) => void;
|
|
89
103
|
}
|
|
90
|
-
declare function TabbedCodeBlock({ tabs, defaultTab, value, onValueChange, showCopy, copyPlacement, showLineNumbers, theme, tabsVariant, wordWrap, maxHeight, className, onCopy, }: TabbedCodeBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
104
|
+
declare function TabbedCodeBlock({ tabs, defaultTab, value, onValueChange, showCopy, copyPlacement, showLineNumbers, theme, tabsVariant, wordWrap, maxHeight, collapsible, defaultCollapsed, collapsedLines, collapseAction, className, onCopy, }: TabbedCodeBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
91
105
|
export declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>> & {
|
|
92
106
|
Tabbed: typeof TabbedCodeBlock;
|
|
93
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const trigger = "
|
|
5
|
-
const triggerContent = "
|
|
6
|
-
const chevron = "
|
|
7
|
-
const chevronOpen = "
|
|
8
|
-
const content = "
|
|
9
|
-
const contentOpen = "
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const disabled = "_disabled_1wt3m_69";
|
|
3
|
+
const root = "_root_noq2t_1";
|
|
4
|
+
const trigger = "_trigger_noq2t_5";
|
|
5
|
+
const triggerContent = "_triggerContent_noq2t_63";
|
|
6
|
+
const chevron = "_chevron_noq2t_68";
|
|
7
|
+
const chevronOpen = "_chevronOpen_noq2t_76";
|
|
8
|
+
const content = "_content_noq2t_80";
|
|
9
|
+
const contentOpen = "_contentOpen_noq2t_88";
|
|
10
|
+
const contentInner = "_contentInner_noq2t_93";
|
|
11
|
+
const disabled = "_disabled_noq2t_106";
|
|
13
12
|
const styles = {
|
|
14
13
|
root,
|
|
15
14
|
trigger,
|
|
@@ -18,14 +17,12 @@ const styles = {
|
|
|
18
17
|
chevronOpen,
|
|
19
18
|
content,
|
|
20
19
|
contentOpen,
|
|
21
|
-
contentClosed,
|
|
22
20
|
contentInner,
|
|
23
21
|
disabled
|
|
24
22
|
};
|
|
25
23
|
exports.chevron = chevron;
|
|
26
24
|
exports.chevronOpen = chevronOpen;
|
|
27
25
|
exports.content = content;
|
|
28
|
-
exports.contentClosed = contentClosed;
|
|
29
26
|
exports.contentInner = contentInner;
|
|
30
27
|
exports.contentOpen = contentOpen;
|
|
31
28
|
exports.default = styles;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const trigger = "
|
|
3
|
-
const triggerContent = "
|
|
4
|
-
const chevron = "
|
|
5
|
-
const chevronOpen = "
|
|
6
|
-
const content = "
|
|
7
|
-
const contentOpen = "
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const disabled = "_disabled_1wt3m_69";
|
|
1
|
+
const root = "_root_noq2t_1";
|
|
2
|
+
const trigger = "_trigger_noq2t_5";
|
|
3
|
+
const triggerContent = "_triggerContent_noq2t_63";
|
|
4
|
+
const chevron = "_chevron_noq2t_68";
|
|
5
|
+
const chevronOpen = "_chevronOpen_noq2t_76";
|
|
6
|
+
const content = "_content_noq2t_80";
|
|
7
|
+
const contentOpen = "_contentOpen_noq2t_88";
|
|
8
|
+
const contentInner = "_contentInner_noq2t_93";
|
|
9
|
+
const disabled = "_disabled_noq2t_106";
|
|
11
10
|
const styles = {
|
|
12
11
|
root,
|
|
13
12
|
trigger,
|
|
@@ -16,7 +15,6 @@ const styles = {
|
|
|
16
15
|
chevronOpen,
|
|
17
16
|
content,
|
|
18
17
|
contentOpen,
|
|
19
|
-
contentClosed,
|
|
20
18
|
contentInner,
|
|
21
19
|
disabled
|
|
22
20
|
};
|
|
@@ -24,7 +22,6 @@ export {
|
|
|
24
22
|
chevron,
|
|
25
23
|
chevronOpen,
|
|
26
24
|
content,
|
|
27
|
-
contentClosed,
|
|
28
25
|
contentInner,
|
|
29
26
|
contentOpen,
|
|
30
27
|
styles as default,
|
|
@@ -127,7 +127,7 @@ function CollapsibleTrigger({
|
|
|
127
127
|
},
|
|
128
128
|
(event) => handleKeyDown(event)
|
|
129
129
|
),
|
|
130
|
-
className: [className, childProps.className].filter(Boolean).join(" ")
|
|
130
|
+
className: [Collapsible_module.default.trigger, className, childProps.className].filter(Boolean).join(" ")
|
|
131
131
|
});
|
|
132
132
|
}
|
|
133
133
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -168,9 +168,10 @@ function CollapsibleContent({
|
|
|
168
168
|
id: htmlProps.id ?? contentId,
|
|
169
169
|
role: "region",
|
|
170
170
|
"aria-labelledby": triggerId,
|
|
171
|
+
"aria-hidden": !isOpen || void 0,
|
|
172
|
+
inert: !isOpen || void 0,
|
|
171
173
|
className: `${Collapsible_module.default.content} ${isOpen ? Collapsible_module.default.contentOpen : Collapsible_module.default.contentClosed} ${className || ""}`,
|
|
172
174
|
"data-state": isOpen ? "open" : "closed",
|
|
173
|
-
hidden: !isOpen && !forceMount,
|
|
174
175
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Collapsible_module.default.contentInner, children })
|
|
175
176
|
}
|
|
176
177
|
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface CollapsibleContextValue {
|
|
3
3
|
isOpen: boolean;
|
|
4
4
|
toggle: () => void;
|
|
@@ -24,7 +24,7 @@ export interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTML
|
|
|
24
24
|
/** Show chevron indicator */
|
|
25
25
|
showChevron?: boolean;
|
|
26
26
|
/** Chevron position */
|
|
27
|
-
chevronPosition?:
|
|
27
|
+
chevronPosition?: "start" | "end";
|
|
28
28
|
/** Render as child element (for custom triggers) */
|
|
29
29
|
asChild?: boolean;
|
|
30
30
|
}
|
|
@@ -40,6 +40,6 @@ export declare const Collapsible: typeof CollapsibleRoot & {
|
|
|
40
40
|
Trigger: typeof CollapsibleTrigger;
|
|
41
41
|
Content: typeof CollapsibleContent;
|
|
42
42
|
};
|
|
43
|
-
export { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useCollapsibleContext
|
|
43
|
+
export { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useCollapsibleContext };
|
|
44
44
|
export type CollapsibleProps = CollapsibleRootProps;
|
|
45
45
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,iBAAS,qBAAqB,4BAM7B;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CA2CtB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,WAAkB,EAClB,eAAuB,EACvB,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,2CAgFzB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,GAAG,SAAS,EACb,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,iBAAS,qBAAqB,4BAM7B;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CA2CtB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,WAAkB,EAClB,eAAuB,EACvB,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,2CAgFzB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,GAAG,SAAS,EACb,EAAE,uBAAuB,kDAsBzB;AAGD,eAAO,MAAM,WAAW;;;;CAItB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;AAE1F,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC"}
|
|
@@ -125,7 +125,7 @@ function CollapsibleTrigger({
|
|
|
125
125
|
},
|
|
126
126
|
(event) => handleKeyDown(event)
|
|
127
127
|
),
|
|
128
|
-
className: [className, childProps.className].filter(Boolean).join(" ")
|
|
128
|
+
className: [styles.trigger, className, childProps.className].filter(Boolean).join(" ")
|
|
129
129
|
});
|
|
130
130
|
}
|
|
131
131
|
return /* @__PURE__ */ jsxs(
|
|
@@ -166,9 +166,10 @@ function CollapsibleContent({
|
|
|
166
166
|
id: htmlProps.id ?? contentId,
|
|
167
167
|
role: "region",
|
|
168
168
|
"aria-labelledby": triggerId,
|
|
169
|
+
"aria-hidden": !isOpen || void 0,
|
|
170
|
+
inert: !isOpen || void 0,
|
|
169
171
|
className: `${styles.content} ${isOpen ? styles.contentOpen : styles.contentClosed} ${className || ""}`,
|
|
170
172
|
"data-state": isOpen ? "open" : "closed",
|
|
171
|
-
hidden: !isOpen && !forceMount,
|
|
172
173
|
children: /* @__PURE__ */ jsx("div", { className: styles.contentInner, children })
|
|
173
174
|
}
|
|
174
175
|
);
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const label = "
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const sizeLg = "
|
|
14
|
-
const hexInputField = "
|
|
15
|
-
const positioner = "
|
|
16
|
-
const popup = "
|
|
3
|
+
const wrapper = "_wrapper_1mq8v_1";
|
|
4
|
+
const label = "_label_1mq8v_8";
|
|
5
|
+
const helper = "_helper_1mq8v_17";
|
|
6
|
+
const helperError = "_helperError_1mq8v_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1mq8v_28";
|
|
8
|
+
const sizeSm = "_sizeSm_1mq8v_38";
|
|
9
|
+
const inputWrapper = "_inputWrapper_1mq8v_38";
|
|
10
|
+
const swatch = "_swatch_1mq8v_41";
|
|
11
|
+
const hexInput = "_hexInput_1mq8v_53";
|
|
12
|
+
const sizeMd = "_sizeMd_1mq8v_58";
|
|
13
|
+
const sizeLg = "_sizeLg_1mq8v_74";
|
|
14
|
+
const hexInputField = "_hexInputField_1mq8v_140";
|
|
15
|
+
const positioner = "_positioner_1mq8v_145";
|
|
16
|
+
const popup = "_popup_1mq8v_150";
|
|
17
17
|
const styles = {
|
|
18
18
|
wrapper,
|
|
19
19
|
label,
|
|
20
|
-
required,
|
|
21
20
|
helper,
|
|
22
21
|
helperError,
|
|
23
22
|
errorMessage,
|
|
@@ -25,6 +24,7 @@ const styles = {
|
|
|
25
24
|
inputWrapper,
|
|
26
25
|
swatch,
|
|
27
26
|
hexInput,
|
|
27
|
+
sizeMd,
|
|
28
28
|
sizeLg,
|
|
29
29
|
hexInputField,
|
|
30
30
|
positioner,
|
|
@@ -40,8 +40,8 @@ exports.inputWrapper = inputWrapper;
|
|
|
40
40
|
exports.label = label;
|
|
41
41
|
exports.popup = popup;
|
|
42
42
|
exports.positioner = positioner;
|
|
43
|
-
exports.required = required;
|
|
44
43
|
exports.sizeLg = sizeLg;
|
|
44
|
+
exports.sizeMd = sizeMd;
|
|
45
45
|
exports.sizeSm = sizeSm;
|
|
46
46
|
exports.swatch = swatch;
|
|
47
47
|
exports.wrapper = wrapper;
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const label = "
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const sizeLg = "
|
|
12
|
-
const hexInputField = "
|
|
13
|
-
const positioner = "
|
|
14
|
-
const popup = "
|
|
1
|
+
const wrapper = "_wrapper_1mq8v_1";
|
|
2
|
+
const label = "_label_1mq8v_8";
|
|
3
|
+
const helper = "_helper_1mq8v_17";
|
|
4
|
+
const helperError = "_helperError_1mq8v_27";
|
|
5
|
+
const errorMessage = "_errorMessage_1mq8v_28";
|
|
6
|
+
const sizeSm = "_sizeSm_1mq8v_38";
|
|
7
|
+
const inputWrapper = "_inputWrapper_1mq8v_38";
|
|
8
|
+
const swatch = "_swatch_1mq8v_41";
|
|
9
|
+
const hexInput = "_hexInput_1mq8v_53";
|
|
10
|
+
const sizeMd = "_sizeMd_1mq8v_58";
|
|
11
|
+
const sizeLg = "_sizeLg_1mq8v_74";
|
|
12
|
+
const hexInputField = "_hexInputField_1mq8v_140";
|
|
13
|
+
const positioner = "_positioner_1mq8v_145";
|
|
14
|
+
const popup = "_popup_1mq8v_150";
|
|
15
15
|
const styles = {
|
|
16
16
|
wrapper,
|
|
17
17
|
label,
|
|
18
|
-
required,
|
|
19
18
|
helper,
|
|
20
19
|
helperError,
|
|
21
20
|
errorMessage,
|
|
@@ -23,6 +22,7 @@ const styles = {
|
|
|
23
22
|
inputWrapper,
|
|
24
23
|
swatch,
|
|
25
24
|
hexInput,
|
|
25
|
+
sizeMd,
|
|
26
26
|
sizeLg,
|
|
27
27
|
hexInputField,
|
|
28
28
|
positioner,
|
|
@@ -39,8 +39,8 @@ export {
|
|
|
39
39
|
label,
|
|
40
40
|
popup,
|
|
41
41
|
positioner,
|
|
42
|
-
required,
|
|
43
42
|
sizeLg,
|
|
43
|
+
sizeMd,
|
|
44
44
|
sizeSm,
|
|
45
45
|
swatch,
|
|
46
46
|
wrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAsBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const label = "
|
|
5
|
-
const helper = "
|
|
6
|
-
const helperError = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const inputWrapper = "
|
|
9
|
-
const inputWrapperSm = "
|
|
10
|
-
const inputWrapperLg = "
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const group = "_group_1hwb3_347";
|
|
25
|
-
const groupLabel = "_groupLabel_1hwb3_353";
|
|
3
|
+
const wrapper = "_wrapper_1esuk_1";
|
|
4
|
+
const label = "_label_1esuk_8";
|
|
5
|
+
const helper = "_helper_1esuk_17";
|
|
6
|
+
const helperError = "_helperError_1esuk_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1esuk_28";
|
|
8
|
+
const inputWrapper = "_inputWrapper_1esuk_38";
|
|
9
|
+
const inputWrapperSm = "_inputWrapperSm_1esuk_72";
|
|
10
|
+
const inputWrapperLg = "_inputWrapperLg_1esuk_94";
|
|
11
|
+
const input = "_input_1esuk_38";
|
|
12
|
+
const chips = "_chips_1esuk_128";
|
|
13
|
+
const chip = "_chip_1esuk_128";
|
|
14
|
+
const chipLabel = "_chipLabel_1esuk_162";
|
|
15
|
+
const chipRemove = "_chipRemove_1esuk_168";
|
|
16
|
+
const trigger = "_trigger_1esuk_215";
|
|
17
|
+
const positioner = "_positioner_1esuk_264";
|
|
18
|
+
const popup = "_popup_1esuk_269";
|
|
19
|
+
const item = "_item_1esuk_320";
|
|
20
|
+
const itemIndicator = "_itemIndicator_1esuk_351";
|
|
21
|
+
const empty = "_empty_1esuk_365";
|
|
22
|
+
const group = "_group_1esuk_384";
|
|
23
|
+
const groupLabel = "_groupLabel_1esuk_392";
|
|
26
24
|
const styles = {
|
|
27
25
|
wrapper,
|
|
28
26
|
label,
|
|
@@ -32,8 +30,6 @@ const styles = {
|
|
|
32
30
|
inputWrapper,
|
|
33
31
|
inputWrapperSm,
|
|
34
32
|
inputWrapperLg,
|
|
35
|
-
inputSm,
|
|
36
|
-
inputLg,
|
|
37
33
|
input,
|
|
38
34
|
chips,
|
|
39
35
|
chip,
|
|
@@ -60,8 +56,6 @@ exports.groupLabel = groupLabel;
|
|
|
60
56
|
exports.helper = helper;
|
|
61
57
|
exports.helperError = helperError;
|
|
62
58
|
exports.input = input;
|
|
63
|
-
exports.inputLg = inputLg;
|
|
64
|
-
exports.inputSm = inputSm;
|
|
65
59
|
exports.inputWrapper = inputWrapper;
|
|
66
60
|
exports.inputWrapperLg = inputWrapperLg;
|
|
67
61
|
exports.inputWrapperSm = inputWrapperSm;
|