@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
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const editor = "
|
|
4
|
-
const contentTextarea = "
|
|
5
|
-
const content = "
|
|
6
|
-
const toolbar = "
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const statusBarItemWarning = "
|
|
19
|
-
const
|
|
3
|
+
const editor = "_editor_11xw9_2";
|
|
4
|
+
const contentTextarea = "_contentTextarea_11xw9_23";
|
|
5
|
+
const content = "_content_11xw9_23";
|
|
6
|
+
const toolbar = "_toolbar_11xw9_42";
|
|
7
|
+
const statusBar = "_statusBar_11xw9_43";
|
|
8
|
+
const toolbarGroup = "_toolbarGroup_11xw9_58";
|
|
9
|
+
const statusBarLeft = "_statusBarLeft_11xw9_59";
|
|
10
|
+
const statusBarRight = "_statusBarRight_11xw9_60";
|
|
11
|
+
const toolbarButton = "_toolbarButton_11xw9_66";
|
|
12
|
+
const toolbarButtonActive = "_toolbarButtonActive_11xw9_150";
|
|
13
|
+
const separator = "_separator_11xw9_157";
|
|
14
|
+
const statusIndicator = "_statusIndicator_11xw9_165";
|
|
15
|
+
const statusBarItem = "_statusBarItem_11xw9_166";
|
|
16
|
+
const statusError = "_statusError_11xw9_180";
|
|
17
|
+
const statusBarItemError = "_statusBarItemError_11xw9_181";
|
|
18
|
+
const statusBarItemWarning = "_statusBarItemWarning_11xw9_185";
|
|
19
|
+
const contentRich = "_contentRich_11xw9_195";
|
|
20
20
|
const styles = {
|
|
21
21
|
editor,
|
|
22
22
|
contentTextarea,
|
|
23
23
|
content,
|
|
24
24
|
toolbar,
|
|
25
|
+
statusBar,
|
|
25
26
|
toolbarGroup,
|
|
27
|
+
statusBarLeft,
|
|
28
|
+
statusBarRight,
|
|
26
29
|
toolbarButton,
|
|
27
30
|
toolbarButtonActive,
|
|
28
31
|
separator,
|
|
29
32
|
statusIndicator,
|
|
30
|
-
statusError,
|
|
31
|
-
contentRich,
|
|
32
|
-
statusBar,
|
|
33
|
-
statusBarLeft,
|
|
34
|
-
statusBarRight,
|
|
35
33
|
statusBarItem,
|
|
34
|
+
statusError,
|
|
35
|
+
statusBarItemError,
|
|
36
36
|
statusBarItemWarning,
|
|
37
|
-
|
|
37
|
+
contentRich
|
|
38
38
|
};
|
|
39
39
|
exports.content = content;
|
|
40
40
|
exports.contentRich = contentRich;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
const editor = "
|
|
2
|
-
const contentTextarea = "
|
|
3
|
-
const content = "
|
|
4
|
-
const toolbar = "
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const statusBarItemWarning = "
|
|
17
|
-
const
|
|
1
|
+
const editor = "_editor_11xw9_2";
|
|
2
|
+
const contentTextarea = "_contentTextarea_11xw9_23";
|
|
3
|
+
const content = "_content_11xw9_23";
|
|
4
|
+
const toolbar = "_toolbar_11xw9_42";
|
|
5
|
+
const statusBar = "_statusBar_11xw9_43";
|
|
6
|
+
const toolbarGroup = "_toolbarGroup_11xw9_58";
|
|
7
|
+
const statusBarLeft = "_statusBarLeft_11xw9_59";
|
|
8
|
+
const statusBarRight = "_statusBarRight_11xw9_60";
|
|
9
|
+
const toolbarButton = "_toolbarButton_11xw9_66";
|
|
10
|
+
const toolbarButtonActive = "_toolbarButtonActive_11xw9_150";
|
|
11
|
+
const separator = "_separator_11xw9_157";
|
|
12
|
+
const statusIndicator = "_statusIndicator_11xw9_165";
|
|
13
|
+
const statusBarItem = "_statusBarItem_11xw9_166";
|
|
14
|
+
const statusError = "_statusError_11xw9_180";
|
|
15
|
+
const statusBarItemError = "_statusBarItemError_11xw9_181";
|
|
16
|
+
const statusBarItemWarning = "_statusBarItemWarning_11xw9_185";
|
|
17
|
+
const contentRich = "_contentRich_11xw9_195";
|
|
18
18
|
const styles = {
|
|
19
19
|
editor,
|
|
20
20
|
contentTextarea,
|
|
21
21
|
content,
|
|
22
22
|
toolbar,
|
|
23
|
+
statusBar,
|
|
23
24
|
toolbarGroup,
|
|
25
|
+
statusBarLeft,
|
|
26
|
+
statusBarRight,
|
|
24
27
|
toolbarButton,
|
|
25
28
|
toolbarButtonActive,
|
|
26
29
|
separator,
|
|
27
30
|
statusIndicator,
|
|
28
|
-
statusError,
|
|
29
|
-
contentRich,
|
|
30
|
-
statusBar,
|
|
31
|
-
statusBarLeft,
|
|
32
|
-
statusBarRight,
|
|
33
31
|
statusBarItem,
|
|
32
|
+
statusError,
|
|
33
|
+
statusBarItemError,
|
|
34
34
|
statusBarItemWarning,
|
|
35
|
-
|
|
35
|
+
contentRich
|
|
36
36
|
};
|
|
37
37
|
export {
|
|
38
38
|
content,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
declare function loadTipTapDeps(): Promise<void>;
|
|
3
|
-
export type EditorFormat =
|
|
4
|
-
export type EditorSaveStatus =
|
|
5
|
-
export type EditorMode =
|
|
6
|
-
export type EditorSize =
|
|
3
|
+
export type EditorFormat = "bold" | "italic" | "strikethrough" | "link" | "code" | "bulletList" | "orderedList" | "heading1" | "heading2" | "heading3" | "blockquote" | "undo" | "redo";
|
|
4
|
+
export type EditorSaveStatus = "idle" | "saving" | "saved" | "error";
|
|
5
|
+
export type EditorMode = "rich" | "markdown";
|
|
6
|
+
export type EditorSize = "sm" | "md" | "lg";
|
|
7
7
|
export interface EditorToolbarIconRenderState {
|
|
8
8
|
format: EditorFormat;
|
|
9
9
|
active: boolean;
|
|
@@ -14,7 +14,7 @@ export interface EditorToolbarIconRenderState {
|
|
|
14
14
|
}
|
|
15
15
|
export type EditorToolbarIconSlot = React.ReactNode | ((state: EditorToolbarIconRenderState) => React.ReactNode);
|
|
16
16
|
export type EditorToolbarIcons = Partial<Record<EditorFormat, EditorToolbarIconSlot>>;
|
|
17
|
-
export interface EditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
17
|
+
export interface EditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
|
|
18
18
|
children?: React.ReactNode;
|
|
19
19
|
/** Controlled value */
|
|
20
20
|
value?: string;
|
|
@@ -51,7 +51,7 @@ export interface EditorToolbarProps {
|
|
|
51
51
|
}
|
|
52
52
|
export interface EditorToolbarGroupProps {
|
|
53
53
|
children: React.ReactNode;
|
|
54
|
-
|
|
54
|
+
"aria-label"?: string;
|
|
55
55
|
className?: string;
|
|
56
56
|
}
|
|
57
57
|
export interface EditorToolbarButtonProps {
|
|
@@ -101,12 +101,12 @@ interface EditorContextValue {
|
|
|
101
101
|
declare function useEditorContext(): EditorContextValue;
|
|
102
102
|
declare function EditorRoot(props: EditorProps): import("react/jsx-runtime").JSX.Element;
|
|
103
103
|
declare function EditorToolbar({ children, className }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
|
|
104
|
-
declare function EditorToolbarGroup({ children,
|
|
104
|
+
declare function EditorToolbarGroup({ children, "aria-label": ariaLabel, className, }: EditorToolbarGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
105
105
|
declare function EditorToolbarButton({ format, className }: EditorToolbarButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
106
106
|
declare function EditorSeparator({ className }: EditorSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
107
|
-
declare function EditorStatusIndicator({ status: statusOverride, labels, className }: EditorStatusIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
107
|
+
declare function EditorStatusIndicator({ status: statusOverride, labels, className, }: EditorStatusIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
108
108
|
declare function EditorContentArea({ className }: EditorContentProps): import("react/jsx-runtime").JSX.Element;
|
|
109
|
-
declare function EditorStatusBar({ showWordCount, showCharCount, className }: EditorStatusBarProps): import("react/jsx-runtime").JSX.Element;
|
|
109
|
+
declare function EditorStatusBar({ showWordCount, showCharCount, className, }: EditorStatusBarProps): import("react/jsx-runtime").JSX.Element;
|
|
110
110
|
export declare const Editor: typeof EditorRoot & {
|
|
111
111
|
/** Start resolving TipTap before first render (optional). */
|
|
112
112
|
preload: typeof loadTipTapDeps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const emptyState = "
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
3
|
+
const emptyState = "_emptyState_1y4f5_1";
|
|
4
|
+
const icon = "_icon_1y4f5_11";
|
|
5
|
+
const actions = "_actions_1y4f5_14";
|
|
6
|
+
const sm = "_sm_1y4f5_18";
|
|
7
|
+
const md = "_md_1y4f5_33";
|
|
8
|
+
const lg = "_lg_1y4f5_48";
|
|
9
|
+
const outlined = "_outlined_1y4f5_63";
|
|
10
|
+
const title = "_title_1y4f5_80";
|
|
11
|
+
const description = "_description_1y4f5_90";
|
|
11
12
|
const styles = {
|
|
12
13
|
emptyState,
|
|
13
|
-
sm,
|
|
14
|
-
title,
|
|
15
|
-
description,
|
|
16
14
|
icon,
|
|
17
15
|
actions,
|
|
16
|
+
sm,
|
|
18
17
|
md,
|
|
19
|
-
lg
|
|
18
|
+
lg,
|
|
19
|
+
outlined,
|
|
20
|
+
title,
|
|
21
|
+
description
|
|
20
22
|
};
|
|
21
23
|
exports.actions = actions;
|
|
22
24
|
exports.default = styles;
|
|
@@ -25,5 +27,6 @@ exports.emptyState = emptyState;
|
|
|
25
27
|
exports.icon = icon;
|
|
26
28
|
exports.lg = lg;
|
|
27
29
|
exports.md = md;
|
|
30
|
+
exports.outlined = outlined;
|
|
28
31
|
exports.sm = sm;
|
|
29
32
|
exports.title = title;
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
const emptyState = "
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
1
|
+
const emptyState = "_emptyState_1y4f5_1";
|
|
2
|
+
const icon = "_icon_1y4f5_11";
|
|
3
|
+
const actions = "_actions_1y4f5_14";
|
|
4
|
+
const sm = "_sm_1y4f5_18";
|
|
5
|
+
const md = "_md_1y4f5_33";
|
|
6
|
+
const lg = "_lg_1y4f5_48";
|
|
7
|
+
const outlined = "_outlined_1y4f5_63";
|
|
8
|
+
const title = "_title_1y4f5_80";
|
|
9
|
+
const description = "_description_1y4f5_90";
|
|
9
10
|
const styles = {
|
|
10
11
|
emptyState,
|
|
11
|
-
sm,
|
|
12
|
-
title,
|
|
13
|
-
description,
|
|
14
12
|
icon,
|
|
15
13
|
actions,
|
|
14
|
+
sm,
|
|
16
15
|
md,
|
|
17
|
-
lg
|
|
16
|
+
lg,
|
|
17
|
+
outlined,
|
|
18
|
+
title,
|
|
19
|
+
description
|
|
18
20
|
};
|
|
19
21
|
export {
|
|
20
22
|
actions,
|
|
@@ -24,6 +26,7 @@ export {
|
|
|
24
26
|
icon,
|
|
25
27
|
lg,
|
|
26
28
|
md,
|
|
29
|
+
outlined,
|
|
27
30
|
sm,
|
|
28
31
|
title
|
|
29
32
|
};
|
|
@@ -25,10 +25,16 @@ const EmptyStateContext = React__namespace.createContext(null);
|
|
|
25
25
|
function EmptyStateRoot({
|
|
26
26
|
children,
|
|
27
27
|
size = "md",
|
|
28
|
+
variant = "plain",
|
|
28
29
|
className,
|
|
29
30
|
...htmlProps
|
|
30
31
|
}) {
|
|
31
|
-
const classes = [
|
|
32
|
+
const classes = [
|
|
33
|
+
EmptyState_module.default.emptyState,
|
|
34
|
+
EmptyState_module.default[size],
|
|
35
|
+
variant === "outlined" ? EmptyState_module.default.outlined : null,
|
|
36
|
+
className
|
|
37
|
+
].filter(Boolean).join(" ");
|
|
32
38
|
const contextValue = { size };
|
|
33
39
|
return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children }) });
|
|
34
40
|
}
|
|
@@ -40,11 +46,7 @@ function EmptyStateTitle({ children, className, ...htmlProps }) {
|
|
|
40
46
|
const classes = [EmptyState_module.default.title, className].filter(Boolean).join(" ");
|
|
41
47
|
return /* @__PURE__ */ jsxRuntime.jsx("h3", { ...htmlProps, className: classes, children });
|
|
42
48
|
}
|
|
43
|
-
function EmptyStateDescription({
|
|
44
|
-
children,
|
|
45
|
-
className,
|
|
46
|
-
...htmlProps
|
|
47
|
-
}) {
|
|
49
|
+
function EmptyStateDescription({ children, className, ...htmlProps }) {
|
|
48
50
|
const classes = [EmptyState_module.default.description, className].filter(Boolean).join(" ");
|
|
49
51
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { ...htmlProps, className: classes, children });
|
|
50
52
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
-
size?:
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
5
|
+
/** `outlined` draws the dashed hairline that marks a reserved-but-empty
|
|
6
|
+
* region. Default `plain` keeps the state inside whatever already frames it
|
|
7
|
+
* (a Card, a table body) so the frame is never doubled.
|
|
8
|
+
* @default "plain" */
|
|
9
|
+
variant?: "plain" | "outlined";
|
|
5
10
|
}
|
|
6
11
|
export interface EmptyStateIconProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
12
|
children: React.ReactNode;
|
|
@@ -16,10 +21,10 @@ export interface EmptyStateActionsProps extends React.HTMLAttributes<HTMLDivElem
|
|
|
16
21
|
children: React.ReactNode;
|
|
17
22
|
}
|
|
18
23
|
interface EmptyStateContextValue {
|
|
19
|
-
size:
|
|
24
|
+
size: "sm" | "md" | "lg";
|
|
20
25
|
}
|
|
21
26
|
declare function useEmptyStateContext(): EmptyStateContextValue;
|
|
22
|
-
declare function EmptyStateRoot({ children, size, className, ...htmlProps }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function EmptyStateRoot({ children, size, variant, className, ...htmlProps }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
23
28
|
declare function EmptyStateIcon({ children, className, ...htmlProps }: EmptyStateIconProps): import("react/jsx-runtime").JSX.Element;
|
|
24
29
|
declare function EmptyStateTitle({ children, className, ...htmlProps }: EmptyStateTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
25
30
|
declare function EmptyStateDescription({ children, className, ...htmlProps }: EmptyStateDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;0BAGsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAID,iBAAS,oBAAoB,2BAM5B;AAMD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,IAAW,EACX,OAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,2CAmBjB;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAOjF;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAOnF;AAED,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,0BAA0B,2CAO/F;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,sBAAsB,2CAOvF;AAMD,eAAO,MAAM,UAAU;;;;;CAKrB,CAAC;AAGH,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}
|
|
@@ -6,10 +6,16 @@ const EmptyStateContext = React.createContext(null);
|
|
|
6
6
|
function EmptyStateRoot({
|
|
7
7
|
children,
|
|
8
8
|
size = "md",
|
|
9
|
+
variant = "plain",
|
|
9
10
|
className,
|
|
10
11
|
...htmlProps
|
|
11
12
|
}) {
|
|
12
|
-
const classes = [
|
|
13
|
+
const classes = [
|
|
14
|
+
styles.emptyState,
|
|
15
|
+
styles[size],
|
|
16
|
+
variant === "outlined" ? styles.outlined : null,
|
|
17
|
+
className
|
|
18
|
+
].filter(Boolean).join(" ");
|
|
13
19
|
const contextValue = { size };
|
|
14
20
|
return /* @__PURE__ */ jsx(EmptyStateContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children }) });
|
|
15
21
|
}
|
|
@@ -21,11 +27,7 @@ function EmptyStateTitle({ children, className, ...htmlProps }) {
|
|
|
21
27
|
const classes = [styles.title, className].filter(Boolean).join(" ");
|
|
22
28
|
return /* @__PURE__ */ jsx("h3", { ...htmlProps, className: classes, children });
|
|
23
29
|
}
|
|
24
|
-
function EmptyStateDescription({
|
|
25
|
-
children,
|
|
26
|
-
className,
|
|
27
|
-
...htmlProps
|
|
28
|
-
}) {
|
|
30
|
+
function EmptyStateDescription({ children, className, ...htmlProps }) {
|
|
29
31
|
const classes = [styles.description, className].filter(Boolean).join(" ");
|
|
30
32
|
return /* @__PURE__ */ jsx("p", { ...htmlProps, className: classes, children });
|
|
31
33
|
}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const label = "
|
|
5
|
-
const description = "
|
|
6
|
-
const error = "
|
|
3
|
+
const root = "_root_fzjcf_1";
|
|
4
|
+
const label = "_label_fzjcf_8";
|
|
5
|
+
const description = "_description_fzjcf_20";
|
|
6
|
+
const error = "_error_fzjcf_30";
|
|
7
|
+
const required = "_required_fzjcf_40";
|
|
7
8
|
const styles = {
|
|
8
9
|
root,
|
|
9
10
|
label,
|
|
10
11
|
description,
|
|
11
|
-
error
|
|
12
|
+
error,
|
|
13
|
+
required
|
|
12
14
|
};
|
|
13
15
|
exports.default = styles;
|
|
14
16
|
exports.description = description;
|
|
15
17
|
exports.error = error;
|
|
16
18
|
exports.label = label;
|
|
19
|
+
exports.required = required;
|
|
17
20
|
exports.root = root;
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const label = "
|
|
3
|
-
const description = "
|
|
4
|
-
const error = "
|
|
1
|
+
const root = "_root_fzjcf_1";
|
|
2
|
+
const label = "_label_fzjcf_8";
|
|
3
|
+
const description = "_description_fzjcf_20";
|
|
4
|
+
const error = "_error_fzjcf_30";
|
|
5
|
+
const required = "_required_fzjcf_40";
|
|
5
6
|
const styles = {
|
|
6
7
|
root,
|
|
7
8
|
label,
|
|
8
9
|
description,
|
|
9
|
-
error
|
|
10
|
+
error,
|
|
11
|
+
required
|
|
10
12
|
};
|
|
11
13
|
export {
|
|
12
14
|
styles as default,
|
|
13
15
|
description,
|
|
14
16
|
error,
|
|
15
17
|
label,
|
|
18
|
+
required,
|
|
16
19
|
root
|
|
17
20
|
};
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
const jsxRuntime = require("react/jsx-runtime");
|
|
5
5
|
const field = require("@base-ui/react/field");
|
|
6
|
+
const index = require("../ComponentDefaults/index.cjs");
|
|
6
7
|
const Field_module = require("./Field.module.scss.cjs");
|
|
7
8
|
function FieldRoot({
|
|
8
9
|
children,
|
|
@@ -12,9 +13,11 @@ function FieldRoot({
|
|
|
12
13
|
validate,
|
|
13
14
|
validationMode,
|
|
14
15
|
validationDebounceTime,
|
|
16
|
+
size: sizeProp,
|
|
15
17
|
className,
|
|
16
18
|
...htmlProps
|
|
17
19
|
}) {
|
|
20
|
+
const size = index.useResolvedControlSize(sizeProp);
|
|
18
21
|
const classes = [Field_module.default.root, className].filter(Boolean).join(" ");
|
|
19
22
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
20
23
|
field.Field.Root,
|
|
@@ -26,6 +29,7 @@ function FieldRoot({
|
|
|
26
29
|
validate,
|
|
27
30
|
validationMode,
|
|
28
31
|
validationDebounceTime,
|
|
32
|
+
"data-size": size,
|
|
29
33
|
className: classes,
|
|
30
34
|
children
|
|
31
35
|
}
|
|
@@ -57,17 +61,30 @@ function FieldError({ children, match, className }) {
|
|
|
57
61
|
function FieldValidity({ children }) {
|
|
58
62
|
return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Validity, { children });
|
|
59
63
|
}
|
|
64
|
+
function FieldRequired({ children = "*", className, ...htmlProps }) {
|
|
65
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
66
|
+
"span",
|
|
67
|
+
{
|
|
68
|
+
...htmlProps,
|
|
69
|
+
className: [Field_module.default.required, className].filter(Boolean).join(" "),
|
|
70
|
+
"aria-hidden": true,
|
|
71
|
+
children
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
}
|
|
60
75
|
const Field = Object.assign(FieldRoot, {
|
|
61
76
|
Label: FieldLabel,
|
|
62
77
|
Control: FieldControl,
|
|
63
78
|
Description: FieldDescription,
|
|
64
79
|
Error: FieldError,
|
|
65
|
-
Validity: FieldValidity
|
|
80
|
+
Validity: FieldValidity,
|
|
81
|
+
Required: FieldRequired
|
|
66
82
|
});
|
|
67
83
|
exports.Field = Field;
|
|
68
84
|
exports.FieldControl = FieldControl;
|
|
69
85
|
exports.FieldDescription = FieldDescription;
|
|
70
86
|
exports.FieldError = FieldError;
|
|
71
87
|
exports.FieldLabel = FieldLabel;
|
|
88
|
+
exports.FieldRequired = FieldRequired;
|
|
72
89
|
exports.FieldRoot = FieldRoot;
|
|
73
90
|
exports.FieldValidity = FieldValidity;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type FieldControlProps as BaseFieldControlProps, type FieldValidityState } from "@base-ui/react/field";
|
|
3
|
+
import { type ControlSize } from "../ComponentDefaults";
|
|
3
4
|
export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
children: React.ReactNode;
|
|
5
6
|
name?: string;
|
|
@@ -8,6 +9,7 @@ export interface FieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
8
9
|
validate?: (value: unknown) => string | string[] | null | Promise<string | string[] | null>;
|
|
9
10
|
validationMode?: "onSubmit" | "onBlur" | "onChange";
|
|
10
11
|
validationDebounceTime?: number;
|
|
12
|
+
size?: ControlSize;
|
|
11
13
|
}
|
|
12
14
|
export interface FieldLabelProps {
|
|
13
15
|
children: React.ReactNode;
|
|
@@ -29,8 +31,11 @@ export interface FieldErrorProps {
|
|
|
29
31
|
export interface FieldValidityProps {
|
|
30
32
|
children: (state: FieldValidityState) => React.ReactNode;
|
|
31
33
|
}
|
|
34
|
+
export interface FieldRequiredProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
35
|
+
children?: React.ReactNode;
|
|
36
|
+
}
|
|
32
37
|
export type { FieldValidityState };
|
|
33
|
-
declare function FieldRoot({ children, name, disabled, invalid, validate, validationMode, validationDebounceTime, className, ...htmlProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare function FieldRoot({ children, name, disabled, invalid, validate, validationMode, validationDebounceTime, size: sizeProp, className, ...htmlProps }: FieldProps): import("react/jsx-runtime").JSX.Element;
|
|
34
39
|
declare function FieldLabel({ children, className }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
35
40
|
/**
|
|
36
41
|
* Connects any child component to the Field context.
|
|
@@ -43,12 +48,14 @@ declare function FieldControl({ children, className, ...controlProps }: FieldCon
|
|
|
43
48
|
declare function FieldDescription({ children, className }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
44
49
|
declare function FieldError({ children, match, className }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
45
50
|
declare function FieldValidity({ children }: FieldValidityProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
declare function FieldRequired({ children, className, ...htmlProps }: FieldRequiredProps): import("react/jsx-runtime").JSX.Element;
|
|
46
52
|
export declare const Field: typeof FieldRoot & {
|
|
47
53
|
Label: typeof FieldLabel;
|
|
48
54
|
Control: typeof FieldControl;
|
|
49
55
|
Description: typeof FieldDescription;
|
|
50
56
|
Error: typeof FieldError;
|
|
51
57
|
Validity: typeof FieldValidity;
|
|
58
|
+
Required: typeof FieldRequired;
|
|
52
59
|
};
|
|
53
|
-
export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
|
|
60
|
+
export { FieldRoot, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, FieldRequired, };
|
|
54
61
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAC/C,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Field as Field$1 } from "@base-ui/react/field";
|
|
4
|
+
import { useResolvedControlSize } from "../ComponentDefaults/index.js";
|
|
4
5
|
import styles from "./Field.module.scss.js";
|
|
5
6
|
function FieldRoot({
|
|
6
7
|
children,
|
|
@@ -10,9 +11,11 @@ function FieldRoot({
|
|
|
10
11
|
validate,
|
|
11
12
|
validationMode,
|
|
12
13
|
validationDebounceTime,
|
|
14
|
+
size: sizeProp,
|
|
13
15
|
className,
|
|
14
16
|
...htmlProps
|
|
15
17
|
}) {
|
|
18
|
+
const size = useResolvedControlSize(sizeProp);
|
|
16
19
|
const classes = [styles.root, className].filter(Boolean).join(" ");
|
|
17
20
|
return /* @__PURE__ */ jsx(
|
|
18
21
|
Field$1.Root,
|
|
@@ -24,6 +27,7 @@ function FieldRoot({
|
|
|
24
27
|
validate,
|
|
25
28
|
validationMode,
|
|
26
29
|
validationDebounceTime,
|
|
30
|
+
"data-size": size,
|
|
27
31
|
className: classes,
|
|
28
32
|
children
|
|
29
33
|
}
|
|
@@ -55,12 +59,24 @@ function FieldError({ children, match, className }) {
|
|
|
55
59
|
function FieldValidity({ children }) {
|
|
56
60
|
return /* @__PURE__ */ jsx(Field$1.Validity, { children });
|
|
57
61
|
}
|
|
62
|
+
function FieldRequired({ children = "*", className, ...htmlProps }) {
|
|
63
|
+
return /* @__PURE__ */ jsx(
|
|
64
|
+
"span",
|
|
65
|
+
{
|
|
66
|
+
...htmlProps,
|
|
67
|
+
className: [styles.required, className].filter(Boolean).join(" "),
|
|
68
|
+
"aria-hidden": true,
|
|
69
|
+
children
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
}
|
|
58
73
|
const Field = Object.assign(FieldRoot, {
|
|
59
74
|
Label: FieldLabel,
|
|
60
75
|
Control: FieldControl,
|
|
61
76
|
Description: FieldDescription,
|
|
62
77
|
Error: FieldError,
|
|
63
|
-
Validity: FieldValidity
|
|
78
|
+
Validity: FieldValidity,
|
|
79
|
+
Required: FieldRequired
|
|
64
80
|
});
|
|
65
81
|
export {
|
|
66
82
|
Field,
|
|
@@ -68,6 +84,7 @@ export {
|
|
|
68
84
|
FieldDescription,
|
|
69
85
|
FieldError,
|
|
70
86
|
FieldLabel,
|
|
87
|
+
FieldRequired,
|
|
71
88
|
FieldRoot,
|
|
72
89
|
FieldValidity
|
|
73
90
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const legend = "
|
|
5
|
-
const description = "
|
|
3
|
+
const root = "_root_1phtd_1";
|
|
4
|
+
const legend = "_legend_1phtd_14";
|
|
5
|
+
const description = "_description_1phtd_14";
|
|
6
6
|
const styles = {
|
|
7
7
|
root,
|
|
8
8
|
legend,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const legend = "
|
|
3
|
-
const description = "
|
|
1
|
+
const root = "_root_1phtd_1";
|
|
2
|
+
const legend = "_legend_1phtd_14";
|
|
3
|
+
const description = "_description_1phtd_14";
|
|
4
4
|
const styles = {
|
|
5
5
|
root,
|
|
6
6
|
legend,
|