@usefragments/ui 1.6.0 → 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 +4720 -4159
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +55 -29
- package/dist/codeblock.js +55 -29
- package/dist/colorpicker.cjs +3 -1
- package/dist/colorpicker.js +3 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +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/Avatar/Avatar.module.scss.cjs +14 -14
- package/dist/components/Avatar/Avatar.module.scss.js +14 -14
- package/dist/components/Badge/Badge.module.scss.cjs +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/Card/Card.module.scss.cjs +29 -17
- package/dist/components/Card/Card.module.scss.js +30 -18
- 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.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +9 -9
- package/dist/components/Checkbox/Checkbox.module.scss.js +9 -9
- package/dist/components/Checkbox/index.cjs +2 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- 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 +2 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +2 -1
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +17 -3
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
- package/dist/components/Combobox/Combobox.module.scss.js +21 -21
- package/dist/components/Combobox/index.cjs +17 -1
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +17 -1
- 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 +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- 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 +27 -27
- package/dist/components/DataTable/DataTable.module.scss.js +27 -27
- 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 +29 -29
- package/dist/components/Drawer/Drawer.module.scss.js +29 -29
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
- package/dist/components/EmptyState/index.cjs +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 +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- package/dist/components/Field/index.cjs +9 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +9 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Grid/index.cjs +1 -1
- package/dist/components/Grid/index.js +1 -1
- package/dist/components/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- package/dist/components/Header/index.cjs +17 -38
- package/dist/components/Header/index.d.ts +15 -11
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +17 -38
- package/dist/components/Icon/Icon.module.scss.cjs +15 -15
- package/dist/components/Icon/Icon.module.scss.js +15 -15
- 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 +17 -17
- package/dist/components/Input/Input.module.scss.js +17 -17
- 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/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- package/dist/components/Loading/index.cjs +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +18 -18
- package/dist/components/Message/Message.module.scss.js +18 -18
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
- package/dist/components/NavigationMenu/index.cjs +32 -15
- package/dist/components/NavigationMenu/index.d.ts +12 -6
- package/dist/components/NavigationMenu/index.d.ts.map +1 -1
- package/dist/components/NavigationMenu/index.js +32 -15
- package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
- package/dist/components/Pagination/Pagination.module.scss.js +10 -10
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Progress/Progress.module.scss.cjs +25 -25
- package/dist/components/Progress/Progress.module.scss.js +25 -25
- package/dist/components/Prompt/Prompt.module.scss.cjs +28 -28
- package/dist/components/Prompt/Prompt.module.scss.js +28 -28
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -15
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -15
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
- package/dist/components/ScrollArea/index.d.ts +4 -4
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
- package/dist/components/Select/Select.module.scss.cjs +21 -21
- package/dist/components/Select/Select.module.scss.js +21 -21
- package/dist/components/Separator/Separator.module.scss.cjs +11 -11
- package/dist/components/Separator/Separator.module.scss.js +11 -11
- 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 +12 -35
- package/dist/components/Sidebar/index.d.ts +19 -19
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +12 -35
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Stack/Stack.module.scss.cjs +25 -25
- package/dist/components/Stack/Stack.module.scss.js +25 -25
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switch/Switch.module.scss.cjs +9 -9
- package/dist/components/Switch/Switch.module.scss.js +9 -9
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +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 +26 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +26 -6
- package/dist/components/Text/Text.module.scss.cjs +87 -75
- package/dist/components/Text/Text.module.scss.js +87 -75
- package/dist/components/Text/index.cjs +49 -41
- package/dist/components/Text/index.d.ts +12 -11
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +49 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +24 -24
- package/dist/components/Textarea/Textarea.module.scss.js +24 -24
- package/dist/components/Theme/index.cjs +2 -1
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +2 -1
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +9 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +9 -6
- package/dist/components/ThemeToggle/index.cjs +31 -6
- package/dist/components/ThemeToggle/index.d.ts +7 -2
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +32 -7
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
- package/dist/components/Toast/Toast.module.scss.cjs +20 -20
- package/dist/components/Toast/Toast.module.scss.js +20 -20
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
- 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/index.d.ts +2 -2
- package/dist/data-table.cjs +2 -1
- package/dist/data-table.js +2 -1
- package/dist/datepicker.cjs +3 -2
- package/dist/datepicker.js +3 -2
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +9 -1
- package/dist/measurements/generated.d.ts +7 -0
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +9 -1
- package/dist/utils/a11y.cjs +5 -2
- package/dist/utils/a11y.d.ts +5 -5
- package/dist/utils/a11y.d.ts.map +1 -1
- package/dist/utils/a11y.js +5 -2
- package/dist/utils/canonical-stamp.cjs +2 -8
- package/dist/utils/canonical-stamp.d.ts.map +1 -1
- package/dist/utils/canonical-stamp.js +1 -7
- package/dist/utils/css-warning.cjs +1 -1
- package/dist/utils/css-warning.js +1 -1
- package/dist/utils/env.cjs +17 -0
- package/dist/utils/env.d.ts +3 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +3 -10
- package/dist/utils/keyboard-shortcuts.d.ts +4 -4
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
- package/dist/utils/keyboard-shortcuts.js +3 -10
- package/dist/utils/seed-derivation.cjs +10 -6
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -6
- package/fragments.json +1 -1
- package/package.json +6 -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/Alert/Alert.contract.json +37 -53
- package/src/components/Alert/Alert.module.scss +24 -0
- package/src/components/Alert/index.tsx +55 -29
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +53 -40
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -1
- package/src/components/Badge/Badge.contract.json +37 -42
- package/src/components/Badge/Badge.module.scss +9 -2
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +12 -7
- package/src/components/Button/Button.module.scss +8 -7
- package/src/components/ButtonGroup/ButtonGroup.contract.json +32 -47
- package/src/components/Card/Card.module.scss +82 -1
- package/src/components/Card/index.tsx +21 -2
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +24 -24
- package/src/components/Checkbox/Checkbox.module.scss +32 -23
- package/src/components/Checkbox/index.tsx +4 -2
- package/src/components/Chip/Chip.contract.json +33 -40
- package/src/components/Chip/Chip.module.scss +2 -2
- package/src/components/Chip/index.tsx +2 -1
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +40 -15
- 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/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +15 -12
- package/src/components/ColorPicker/index.tsx +5 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +1 -1
- package/src/components/Combobox/index.tsx +31 -5
- package/src/components/Command/Command.contract.json +21 -43
- package/src/components/Command/index.tsx +58 -47
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +12 -8
- package/src/components/DataTable/index.tsx +8 -7
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +12 -5
- package/src/components/DatePicker/index.tsx +5 -2
- package/src/components/Dialog/Dialog.module.scss +3 -3
- package/src/components/Dialog/index.tsx +47 -37
- package/src/components/Drawer/Drawer.contract.json +22 -36
- package/src/components/Editor/Editor.contract.json +31 -48
- package/src/components/Editor/Editor.module.scss +36 -14
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +31 -43
- package/src/components/EmptyState/EmptyState.module.scss +8 -0
- package/src/components/EmptyState/index.tsx +48 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +10 -3
- package/src/components/Form/Form.contract.json +20 -20
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +36 -21
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +22 -62
- package/src/components/IconButton/IconButton.contract.json +34 -18
- package/src/components/IconButton/IconButton.module.scss +6 -7
- 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 +3 -2
- package/src/components/Link/Link.contract.json +32 -52
- package/src/components/Link/Link.module.scss +23 -6
- package/src/components/Link/index.tsx +1 -1
- package/src/components/List/List.contract.json +23 -52
- package/src/components/List/List.module.scss +1 -1
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Loading/Loading.contract.json +37 -61
- package/src/components/Loading/Loading.module.scss +10 -7
- package/src/components/Loading/index.tsx +2 -2
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +43 -5
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +25 -41
- package/src/components/Menu/Menu.module.scss +23 -8
- package/src/components/Message/Message.contract.json +29 -52
- package/src/components/Message/Message.module.scss +12 -5
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +64 -19
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +2 -2
- package/src/components/Popover/Popover.contract.json +24 -46
- package/src/components/Popover/Popover.module.scss +6 -5
- package/src/components/Progress/Progress.contract.json +32 -28
- package/src/components/Progress/Progress.module.scss +3 -2
- package/src/components/Prompt/Prompt.contract.json +31 -47
- package/src/components/Prompt/Prompt.module.scss +13 -5
- package/src/components/RadioGroup/RadioGroup.contract.json +23 -24
- package/src/components/RadioGroup/RadioGroup.module.scss +13 -14
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +15 -15
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +2 -2
- package/src/components/Separator/Separator.contract.json +24 -48
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +22 -13
- package/src/components/Sidebar/index.tsx +164 -164
- package/src/components/Skeleton/Skeleton.contract.json +28 -54
- package/src/components/Skeleton/Skeleton.module.scss +27 -10
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +3 -3
- package/src/components/Stack/Stack.contract.json +29 -56
- package/src/components/Stack/Stack.module.scss +13 -12
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +64 -26
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +15 -3
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +15 -5
- package/src/components/TableOfContents/index.tsx +26 -9
- package/src/components/Tabs/Tabs.contract.json +24 -45
- package/src/components/Tabs/Tabs.module.scss +1 -1
- package/src/components/Tabs/index.tsx +15 -3
- package/src/components/Text/Text.contract.json +30 -72
- package/src/components/Text/Text.module.scss +21 -4
- package/src/components/Text/index.tsx +113 -75
- package/src/components/Textarea/Textarea.contract.json +25 -43
- package/src/components/Textarea/Textarea.module.scss +2 -4
- package/src/components/Theme/Theme.contract.json +32 -51
- package/src/components/Theme/index.tsx +2 -1
- package/src/components/ThemeToggle/ThemeToggle.module.scss +23 -7
- package/src/components/ThemeToggle/index.tsx +43 -7
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +23 -40
- package/src/components/Toast/Toast.contract.json +30 -40
- package/src/components/Toast/Toast.module.scss +1 -1
- package/src/components/ToggleGroup/ToggleGroup.contract.json +29 -30
- package/src/components/ToggleGroup/ToggleGroup.module.scss +38 -5
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +2 -2
- package/src/measurements/generated.ts +9 -2
- package/src/measurements/measurements.json +7 -0
- package/src/recipes/_boolean-range.scss +3 -11
- package/src/recipes/_field.scss +5 -1
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_popup.scss +12 -2
- package/src/recipes/_prose.scss +13 -5
- package/src/recipes/_table-chrome.scss +16 -2
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +20 -19
- package/src/tokens/_computed.scss +5 -16
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +6 -1
- package/src/tokens/_measurements.generated.scss +14 -1
- package/src/tokens/_mixins.scss +7 -8
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_seeds.scss +20 -20
- package/src/tokens/_variables.scss +183 -38
- package/src/utils/a11y.tsx +69 -69
- package/src/utils/aria.ts +3 -3
- package/src/utils/canonical-stamp.ts +2 -12
- package/src/utils/css-warning.ts +7 -7
- package/src/utils/env.ts +25 -0
- package/src/utils/keyboard-shortcuts.ts +131 -126
- package/src/utils/seed-derivation.ts +10 -6
- 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
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const backdrop = "
|
|
4
|
-
const viewport = "
|
|
5
|
-
const popup = "
|
|
6
|
-
const content = "
|
|
7
|
-
const sideRight = "_side-
|
|
8
|
-
const sideLeft = "_side-
|
|
9
|
-
const sideTop = "_side-
|
|
10
|
-
const sideBottom = "_side-
|
|
11
|
-
const sizeSm = "_size-
|
|
12
|
-
const sizeMd = "_size-
|
|
13
|
-
const sizeLg = "_size-
|
|
14
|
-
const sizeXl = "_size-
|
|
15
|
-
const sizeFull = "_size-
|
|
16
|
-
const header = "
|
|
17
|
-
const title = "
|
|
18
|
-
const description = "
|
|
19
|
-
const body = "
|
|
20
|
-
const footer = "
|
|
21
|
-
const close = "
|
|
22
|
-
const swipeArea = "
|
|
3
|
+
const backdrop = "_backdrop_197ld_1";
|
|
4
|
+
const viewport = "_viewport_197ld_16";
|
|
5
|
+
const popup = "_popup_197ld_48";
|
|
6
|
+
const content = "_content_197ld_75";
|
|
7
|
+
const sideRight = "_side-right_197ld_82";
|
|
8
|
+
const sideLeft = "_side-left_197ld_94";
|
|
9
|
+
const sideTop = "_side-top_197ld_106";
|
|
10
|
+
const sideBottom = "_side-bottom_197ld_118";
|
|
11
|
+
const sizeSm = "_size-sm_197ld_134";
|
|
12
|
+
const sizeMd = "_size-md_197ld_138";
|
|
13
|
+
const sizeLg = "_size-lg_197ld_142";
|
|
14
|
+
const sizeXl = "_size-xl_197ld_146";
|
|
15
|
+
const sizeFull = "_size-full_197ld_150";
|
|
16
|
+
const header = "_header_197ld_176";
|
|
17
|
+
const title = "_title_197ld_190";
|
|
18
|
+
const description = "_description_197ld_200";
|
|
19
|
+
const body = "_body_197ld_210";
|
|
20
|
+
const footer = "_footer_197ld_230";
|
|
21
|
+
const close = "_close_197ld_248";
|
|
22
|
+
const swipeArea = "_swipeArea_197ld_335";
|
|
23
23
|
const styles = {
|
|
24
24
|
backdrop,
|
|
25
25
|
viewport,
|
|
26
26
|
popup,
|
|
27
27
|
content,
|
|
28
|
-
"side-right": "_side-
|
|
28
|
+
"side-right": "_side-right_197ld_82",
|
|
29
29
|
sideRight,
|
|
30
|
-
"side-left": "_side-
|
|
30
|
+
"side-left": "_side-left_197ld_94",
|
|
31
31
|
sideLeft,
|
|
32
|
-
"side-top": "_side-
|
|
32
|
+
"side-top": "_side-top_197ld_106",
|
|
33
33
|
sideTop,
|
|
34
|
-
"side-bottom": "_side-
|
|
34
|
+
"side-bottom": "_side-bottom_197ld_118",
|
|
35
35
|
sideBottom,
|
|
36
|
-
"size-sm": "_size-
|
|
36
|
+
"size-sm": "_size-sm_197ld_134",
|
|
37
37
|
sizeSm,
|
|
38
|
-
"size-md": "_size-
|
|
38
|
+
"size-md": "_size-md_197ld_138",
|
|
39
39
|
sizeMd,
|
|
40
|
-
"size-lg": "_size-
|
|
40
|
+
"size-lg": "_size-lg_197ld_142",
|
|
41
41
|
sizeLg,
|
|
42
|
-
"size-xl": "_size-
|
|
42
|
+
"size-xl": "_size-xl_197ld_146",
|
|
43
43
|
sizeXl,
|
|
44
|
-
"size-full": "_size-
|
|
44
|
+
"size-full": "_size-full_197ld_150",
|
|
45
45
|
sizeFull,
|
|
46
46
|
header,
|
|
47
47
|
title,
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
const backdrop = "
|
|
2
|
-
const viewport = "
|
|
3
|
-
const popup = "
|
|
4
|
-
const content = "
|
|
5
|
-
const sideRight = "_side-
|
|
6
|
-
const sideLeft = "_side-
|
|
7
|
-
const sideTop = "_side-
|
|
8
|
-
const sideBottom = "_side-
|
|
9
|
-
const sizeSm = "_size-
|
|
10
|
-
const sizeMd = "_size-
|
|
11
|
-
const sizeLg = "_size-
|
|
12
|
-
const sizeXl = "_size-
|
|
13
|
-
const sizeFull = "_size-
|
|
14
|
-
const header = "
|
|
15
|
-
const title = "
|
|
16
|
-
const description = "
|
|
17
|
-
const body = "
|
|
18
|
-
const footer = "
|
|
19
|
-
const close = "
|
|
20
|
-
const swipeArea = "
|
|
1
|
+
const backdrop = "_backdrop_197ld_1";
|
|
2
|
+
const viewport = "_viewport_197ld_16";
|
|
3
|
+
const popup = "_popup_197ld_48";
|
|
4
|
+
const content = "_content_197ld_75";
|
|
5
|
+
const sideRight = "_side-right_197ld_82";
|
|
6
|
+
const sideLeft = "_side-left_197ld_94";
|
|
7
|
+
const sideTop = "_side-top_197ld_106";
|
|
8
|
+
const sideBottom = "_side-bottom_197ld_118";
|
|
9
|
+
const sizeSm = "_size-sm_197ld_134";
|
|
10
|
+
const sizeMd = "_size-md_197ld_138";
|
|
11
|
+
const sizeLg = "_size-lg_197ld_142";
|
|
12
|
+
const sizeXl = "_size-xl_197ld_146";
|
|
13
|
+
const sizeFull = "_size-full_197ld_150";
|
|
14
|
+
const header = "_header_197ld_176";
|
|
15
|
+
const title = "_title_197ld_190";
|
|
16
|
+
const description = "_description_197ld_200";
|
|
17
|
+
const body = "_body_197ld_210";
|
|
18
|
+
const footer = "_footer_197ld_230";
|
|
19
|
+
const close = "_close_197ld_248";
|
|
20
|
+
const swipeArea = "_swipeArea_197ld_335";
|
|
21
21
|
const styles = {
|
|
22
22
|
backdrop,
|
|
23
23
|
viewport,
|
|
24
24
|
popup,
|
|
25
25
|
content,
|
|
26
|
-
"side-right": "_side-
|
|
26
|
+
"side-right": "_side-right_197ld_82",
|
|
27
27
|
sideRight,
|
|
28
|
-
"side-left": "_side-
|
|
28
|
+
"side-left": "_side-left_197ld_94",
|
|
29
29
|
sideLeft,
|
|
30
|
-
"side-top": "_side-
|
|
30
|
+
"side-top": "_side-top_197ld_106",
|
|
31
31
|
sideTop,
|
|
32
|
-
"side-bottom": "_side-
|
|
32
|
+
"side-bottom": "_side-bottom_197ld_118",
|
|
33
33
|
sideBottom,
|
|
34
|
-
"size-sm": "_size-
|
|
34
|
+
"size-sm": "_size-sm_197ld_134",
|
|
35
35
|
sizeSm,
|
|
36
|
-
"size-md": "_size-
|
|
36
|
+
"size-md": "_size-md_197ld_138",
|
|
37
37
|
sizeMd,
|
|
38
|
-
"size-lg": "_size-
|
|
38
|
+
"size-lg": "_size-lg_197ld_142",
|
|
39
39
|
sizeLg,
|
|
40
|
-
"size-xl": "_size-
|
|
40
|
+
"size-xl": "_size-xl_197ld_146",
|
|
41
41
|
sizeXl,
|
|
42
|
-
"size-full": "_size-
|
|
42
|
+
"size-full": "_size-full_197ld_150",
|
|
43
43
|
sizeFull,
|
|
44
44
|
header,
|
|
45
45
|
title,
|
|
@@ -1,22 +1,22 @@
|
|
|
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 statusBar = "
|
|
8
|
-
const toolbarGroup = "
|
|
9
|
-
const statusBarLeft = "
|
|
10
|
-
const statusBarRight = "
|
|
11
|
-
const toolbarButton = "
|
|
12
|
-
const toolbarButtonActive = "
|
|
13
|
-
const separator = "
|
|
14
|
-
const statusIndicator = "
|
|
15
|
-
const statusBarItem = "
|
|
16
|
-
const statusError = "
|
|
17
|
-
const statusBarItemError = "
|
|
18
|
-
const statusBarItemWarning = "
|
|
19
|
-
const contentRich = "
|
|
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,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
const editor = "
|
|
2
|
-
const contentTextarea = "
|
|
3
|
-
const content = "
|
|
4
|
-
const toolbar = "
|
|
5
|
-
const statusBar = "
|
|
6
|
-
const toolbarGroup = "
|
|
7
|
-
const statusBarLeft = "
|
|
8
|
-
const statusBarRight = "
|
|
9
|
-
const toolbarButton = "
|
|
10
|
-
const toolbarButtonActive = "
|
|
11
|
-
const separator = "
|
|
12
|
-
const statusIndicator = "
|
|
13
|
-
const statusBarItem = "
|
|
14
|
-
const statusError = "
|
|
15
|
-
const statusBarItemError = "
|
|
16
|
-
const statusBarItemWarning = "
|
|
17
|
-
const contentRich = "
|
|
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,
|
|
@@ -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,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const emptyState = "
|
|
4
|
-
const icon = "
|
|
5
|
-
const actions = "
|
|
6
|
-
const sm = "
|
|
7
|
-
const md = "
|
|
8
|
-
const lg = "
|
|
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
14
|
icon,
|
|
@@ -15,6 +16,7 @@ const styles = {
|
|
|
15
16
|
sm,
|
|
16
17
|
md,
|
|
17
18
|
lg,
|
|
19
|
+
outlined,
|
|
18
20
|
title,
|
|
19
21
|
description
|
|
20
22
|
};
|
|
@@ -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,11 +1,12 @@
|
|
|
1
|
-
const emptyState = "
|
|
2
|
-
const icon = "
|
|
3
|
-
const actions = "
|
|
4
|
-
const sm = "
|
|
5
|
-
const md = "
|
|
6
|
-
const lg = "
|
|
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
12
|
icon,
|
|
@@ -13,6 +14,7 @@ const styles = {
|
|
|
13
14
|
sm,
|
|
14
15
|
md,
|
|
15
16
|
lg,
|
|
17
|
+
outlined,
|
|
16
18
|
title,
|
|
17
19
|
description
|
|
18
20
|
};
|
|
@@ -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,10 +1,10 @@
|
|
|
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 = "
|
|
7
|
-
const required = "
|
|
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";
|
|
8
8
|
const styles = {
|
|
9
9
|
root,
|
|
10
10
|
label,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const label = "
|
|
3
|
-
const description = "
|
|
4
|
-
const error = "
|
|
5
|
-
const required = "
|
|
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";
|
|
6
6
|
const styles = {
|
|
7
7
|
root,
|
|
8
8
|
label,
|
|
@@ -62,7 +62,15 @@ function FieldValidity({ children }) {
|
|
|
62
62
|
return /* @__PURE__ */ jsxRuntime.jsx(field.Field.Validity, { children });
|
|
63
63
|
}
|
|
64
64
|
function FieldRequired({ children = "*", className, ...htmlProps }) {
|
|
65
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
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
|
+
);
|
|
66
74
|
}
|
|
67
75
|
const Field = Object.assign(FieldRoot, {
|
|
68
76
|
Label: FieldLabel,
|
|
@@ -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;AAC9B,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOhF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAC5F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,qBAAqB,EACrB,UAAU,GAAG,WAAW,GAAG,KAAK,GAAG,QAAQ,CAC5C;IACC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EACF,cAAc,GACd,cAAc,GACd,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,aAAa,GACb,OAAO,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1D;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAMnC,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,GAAG,SAAS,EACb,EAAE,UAAU,2CAmBZ;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAG3D;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,iBAAiB,2CAGhF;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAGvE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CASlE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,QAAc,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,15 @@ function FieldValidity({ children }) {
|
|
|
60
60
|
return /* @__PURE__ */ jsx(Field$1.Validity, { children });
|
|
61
61
|
}
|
|
62
62
|
function FieldRequired({ children = "*", className, ...htmlProps }) {
|
|
63
|
-
return /* @__PURE__ */ jsx(
|
|
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
|
+
);
|
|
64
72
|
}
|
|
65
73
|
const Field = Object.assign(FieldRoot, {
|
|
66
74
|
Label: FieldLabel,
|
|
@@ -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,
|
|
@@ -59,7 +59,7 @@ const Grid = React__namespace.forwardRef(function Grid2({
|
|
|
59
59
|
if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
|
|
60
60
|
inlineStyle = vars;
|
|
61
61
|
} else {
|
|
62
|
-
columnsClass = Grid_module.default[`columns${columns}`];
|
|
62
|
+
columnsClass = Grid_module.default[`columns${columns}`] ?? "";
|
|
63
63
|
}
|
|
64
64
|
inlineStyle = {
|
|
65
65
|
...inlineStyle,
|
|
@@ -40,7 +40,7 @@ const Grid = React.forwardRef(function Grid2({
|
|
|
40
40
|
if (columns.xl) vars["--fui-grid-cols-xl"] = String(columns.xl);
|
|
41
41
|
inlineStyle = vars;
|
|
42
42
|
} else {
|
|
43
|
-
columnsClass = styles[`columns${columns}`];
|
|
43
|
+
columnsClass = styles[`columns${columns}`] ?? "";
|
|
44
44
|
}
|
|
45
45
|
inlineStyle = {
|
|
46
46
|
...inlineStyle,
|