@usefragments/ui 1.6.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +54 -66
- package/dist/assets/fragments-wordmark.cjs +2 -2
- package/dist/assets/fragments-wordmark.d.ts.map +1 -1
- package/dist/assets/fragments-wordmark.js +2 -2
- package/dist/assets/nav-glyph.cjs +139 -0
- package/dist/assets/nav-glyph.d.ts +28 -0
- package/dist/assets/nav-glyph.d.ts.map +1 -0
- package/dist/assets/nav-glyph.js +139 -0
- package/dist/assets/nav-glyph.module.scss.cjs +71 -0
- package/dist/assets/nav-glyph.module.scss.js +71 -0
- package/dist/assets/ui.css +6885 -6308
- package/dist/blocks/components/StatsCard.d.ts +1 -1
- package/dist/blocks/components/StatsCard.d.ts.map +1 -1
- package/dist/chart.cjs +24 -6
- package/dist/chart.js +24 -6
- package/dist/codeblock.cjs +76 -43
- package/dist/codeblock.js +71 -38
- package/dist/colorpicker.cjs +4 -1
- package/dist/colorpicker.js +4 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
- package/dist/components/Accordion/Accordion.module.scss.js +8 -8
- package/dist/components/Alert/Alert.module.scss.cjs +23 -20
- package/dist/components/Alert/Alert.module.scss.js +23 -20
- package/dist/components/Alert/index.cjs +20 -8
- package/dist/components/Alert/index.d.ts +17 -11
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +20 -8
- package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
- package/dist/components/AppShell/AppShell.module.scss.js +14 -14
- package/dist/components/AppShell/index.cjs +2 -2
- package/dist/components/AppShell/index.js +2 -2
- package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
- package/dist/components/Avatar/Avatar.module.scss.js +14 -14
- package/dist/components/Badge/Badge.module.scss.cjs +33 -31
- package/dist/components/Badge/Badge.module.scss.js +33 -31
- package/dist/components/Badge/index.cjs +13 -3
- package/dist/components/Badge/index.d.ts +18 -13
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +13 -3
- package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
- package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
- package/dist/components/Box/Box.module.scss.cjs +152 -152
- package/dist/components/Box/Box.module.scss.js +152 -152
- package/dist/components/Box/index.cjs +64 -75
- package/dist/components/Box/index.d.ts +16 -16
- package/dist/components/Box/index.d.ts.map +1 -1
- package/dist/components/Box/index.js +64 -75
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +11 -8
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +11 -8
- package/dist/components/Breadcrumbs/index.cjs +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/Button.module.scss.cjs +36 -27
- package/dist/components/Button/Button.module.scss.js +36 -27
- package/dist/components/Button/index.cjs +20 -4
- package/dist/components/Button/index.d.ts +18 -10
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +20 -4
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
- package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
- package/dist/components/Card/Card.module.scss.cjs +31 -26
- package/dist/components/Card/Card.module.scss.js +32 -27
- package/dist/components/Card/index.cjs +16 -3
- package/dist/components/Card/index.d.ts +23 -15
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +16 -3
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
- package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
- package/dist/components/Checkbox/index.cjs +4 -4
- package/dist/components/Checkbox/index.d.ts +4 -6
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -4
- package/dist/components/Chip/Chip.module.scss.cjs +19 -19
- package/dist/components/Chip/Chip.module.scss.js +19 -19
- package/dist/components/Chip/index.cjs +3 -3
- package/dist/components/Chip/index.d.ts +8 -3
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Chip/index.js +3 -3
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
- package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
- package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
- package/dist/components/CodeBlock/css-variables-theme.js +98 -0
- package/dist/components/CodeBlock/index.d.ts +20 -5
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
- package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
- package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
- package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
- package/dist/components/Combobox/Combobox.module.scss.js +21 -21
- package/dist/components/Combobox/index.cjs +26 -6
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +26 -6
- package/dist/components/Command/Command.module.scss.cjs +14 -11
- package/dist/components/Command/Command.module.scss.js +14 -11
- package/dist/components/Command/index.cjs +28 -16
- package/dist/components/Command/index.d.ts +8 -3
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +28 -16
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
- package/dist/components/ConversationList/index.cjs +2 -2
- package/dist/components/ConversationList/index.js +2 -2
- package/dist/components/DataTable/DataTable.icons.cjs +6 -33
- package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.icons.js +6 -33
- package/dist/components/DataTable/DataTable.module.scss.cjs +31 -28
- package/dist/components/DataTable/DataTable.module.scss.js +31 -28
- package/dist/components/DataTable/DataTable.virtual.d.ts.map +1 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
- package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
- package/dist/components/Dialog/Dialog.module.scss.js +14 -14
- package/dist/components/Dialog/index.cjs +13 -16
- package/dist/components/Dialog/index.d.ts +11 -10
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +13 -16
- package/dist/components/Drawer/Drawer.module.scss.cjs +39 -39
- package/dist/components/Drawer/Drawer.module.scss.js +40 -40
- package/dist/components/Drawer/index.cjs +2 -2
- package/dist/components/Drawer/index.d.ts +5 -4
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +2 -2
- package/dist/components/Editor/Editor.module.scss.cjs +17 -17
- package/dist/components/Editor/Editor.module.scss.js +17 -17
- package/dist/components/Editor/index.d.ts +10 -10
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
- package/dist/components/EmptyState/index.cjs +13 -6
- package/dist/components/EmptyState/index.d.ts +13 -5
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +13 -6
- package/dist/components/Field/Field.module.scss.cjs +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- package/dist/components/Field/index.cjs +9 -1
- package/dist/components/Field/index.d.ts.map +1 -1
- package/dist/components/Field/index.js +9 -1
- package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
- package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
- package/dist/components/Grid/Grid.module.scss.cjs +54 -54
- package/dist/components/Grid/Grid.module.scss.js +54 -54
- package/dist/components/Grid/index.cjs +1 -1
- package/dist/components/Grid/index.js +1 -1
- package/dist/components/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- package/dist/components/Header/index.cjs +17 -38
- package/dist/components/Header/index.d.ts +15 -11
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +17 -38
- package/dist/components/Icon/Icon.module.scss.cjs +30 -33
- package/dist/components/Icon/Icon.module.scss.js +30 -33
- package/dist/components/Icon/index.cjs +15 -14
- package/dist/components/Icon/index.d.ts +23 -12
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +15 -14
- package/dist/components/IconButton/IconButton.module.scss.cjs +12 -12
- package/dist/components/IconButton/IconButton.module.scss.js +12 -12
- package/dist/components/IconButton/index.cjs +2 -1
- package/dist/components/IconButton/index.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.js +2 -1
- package/dist/components/Image/Image.module.scss.cjs +27 -27
- package/dist/components/Image/Image.module.scss.js +27 -27
- package/dist/components/Input/Input.module.scss.cjs +15 -21
- package/dist/components/Input/Input.module.scss.js +15 -21
- package/dist/components/Input/index.cjs +2 -14
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +2 -14
- package/dist/components/Link/Link.module.scss.cjs +26 -14
- package/dist/components/Link/Link.module.scss.js +26 -14
- package/dist/components/Link/index.cjs +13 -2
- package/dist/components/Link/index.d.ts +11 -4
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +13 -2
- package/dist/components/List/List.module.scss.cjs +23 -19
- package/dist/components/List/List.module.scss.js +23 -19
- package/dist/components/List/index.cjs +7 -7
- package/dist/components/List/index.d.ts +10 -7
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +7 -7
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Loading/Loading.module.scss.cjs +34 -34
- package/dist/components/Loading/Loading.module.scss.js +34 -34
- package/dist/components/Loading/index.cjs +5 -5
- package/dist/components/Loading/index.d.ts +8 -7
- package/dist/components/Loading/index.d.ts.map +1 -1
- package/dist/components/Loading/index.js +5 -5
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +20 -20
- package/dist/components/Message/Message.module.scss.js +20 -20
- package/dist/components/Message/index.cjs +1 -1
- package/dist/components/Message/index.d.ts +1 -1
- package/dist/components/Message/index.js +1 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
- package/dist/components/NavigationMenu/index.cjs +32 -15
- package/dist/components/NavigationMenu/index.d.ts +12 -6
- package/dist/components/NavigationMenu/index.d.ts.map +1 -1
- package/dist/components/NavigationMenu/index.js +32 -15
- package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
- package/dist/components/Pagination/Pagination.module.scss.js +10 -10
- package/dist/components/Popover/Popover.module.scss.cjs +10 -10
- package/dist/components/Popover/Popover.module.scss.js +10 -10
- package/dist/components/Progress/Progress.module.scss.cjs +28 -25
- package/dist/components/Progress/Progress.module.scss.js +28 -25
- package/dist/components/Progress/index.cjs +21 -12
- package/dist/components/Progress/index.d.ts +10 -6
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +21 -12
- package/dist/components/Prompt/Prompt.module.scss.cjs +30 -30
- package/dist/components/Prompt/Prompt.module.scss.js +30 -30
- package/dist/components/Prompt/index.cjs +7 -7
- package/dist/components/Prompt/index.d.ts +11 -9
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +7 -7
- package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +20 -17
- package/dist/components/RadioGroup/RadioGroup.module.scss.js +20 -17
- package/dist/components/RadioGroup/index.cjs +10 -5
- package/dist/components/RadioGroup/index.d.ts +11 -7
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +10 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
- package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
- package/dist/components/ScrollArea/index.d.ts +4 -4
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
- package/dist/components/Select/Select.module.scss.cjs +21 -21
- package/dist/components/Select/Select.module.scss.js +21 -21
- package/dist/components/Select/index.cjs +26 -20
- package/dist/components/Select/index.d.ts +5 -5
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +26 -20
- package/dist/components/Separator/Separator.module.scss.cjs +25 -19
- package/dist/components/Separator/Separator.module.scss.js +25 -19
- package/dist/components/Separator/index.cjs +10 -8
- package/dist/components/Separator/index.d.ts +4 -2
- package/dist/components/Separator/index.d.ts.map +1 -1
- package/dist/components/Separator/index.js +10 -8
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
- package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
- package/dist/components/Sidebar/index.cjs +15 -38
- package/dist/components/Sidebar/index.d.ts +19 -19
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +15 -38
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
- package/dist/components/Skeleton/index.cjs +7 -7
- package/dist/components/Skeleton/index.d.ts +8 -7
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +7 -7
- package/dist/components/Slider/Slider.module.scss.cjs +12 -12
- package/dist/components/Slider/Slider.module.scss.js +12 -12
- package/dist/components/Stack/Stack.module.scss.cjs +25 -25
- package/dist/components/Stack/Stack.module.scss.js +25 -25
- package/dist/components/Stack/index.cjs +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Switch/Switch.module.scss.cjs +9 -9
- package/dist/components/Switch/Switch.module.scss.js +9 -9
- package/dist/components/Table/Table.module.scss.cjs +19 -19
- package/dist/components/Table/Table.module.scss.js +19 -19
- package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
- package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
- package/dist/components/TableOfContents/index.cjs +14 -10
- package/dist/components/TableOfContents/index.d.ts +5 -3
- package/dist/components/TableOfContents/index.d.ts.map +1 -1
- package/dist/components/TableOfContents/index.js +14 -10
- package/dist/components/Tabs/Tabs.module.scss.cjs +18 -18
- package/dist/components/Tabs/Tabs.module.scss.js +18 -18
- package/dist/components/Tabs/index.cjs +30 -11
- package/dist/components/Tabs/index.d.ts +8 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +30 -11
- package/dist/components/Text/Text.module.scss.cjs +109 -97
- package/dist/components/Text/Text.module.scss.js +109 -97
- package/dist/components/Text/index.cjs +45 -41
- package/dist/components/Text/index.d.ts +24 -19
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +45 -41
- package/dist/components/Textarea/Textarea.module.scss.cjs +22 -28
- package/dist/components/Textarea/Textarea.module.scss.js +22 -28
- package/dist/components/Textarea/index.cjs +3 -10
- package/dist/components/Textarea/index.d.ts +0 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +3 -10
- package/dist/components/Theme/index.cjs +22 -5
- package/dist/components/Theme/index.d.ts +6 -12
- package/dist/components/Theme/index.d.ts.map +1 -1
- package/dist/components/Theme/index.js +22 -5
- package/dist/components/ThemeToggle/ThemeButton.cjs +51 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts +16 -0
- package/dist/components/ThemeToggle/ThemeButton.d.ts.map +1 -0
- package/dist/components/ThemeToggle/ThemeButton.js +34 -0
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +6 -6
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -6
- package/dist/components/ThemeToggle/icons.cjs +48 -0
- package/dist/components/ThemeToggle/icons.d.ts +10 -0
- package/dist/components/ThemeToggle/icons.d.ts.map +1 -0
- package/dist/components/ThemeToggle/icons.js +48 -0
- package/dist/components/ThemeToggle/index.cjs +6 -50
- package/dist/components/ThemeToggle/index.d.ts +5 -3
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +3 -47
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +18 -15
- package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +18 -15
- package/dist/components/ThinkingIndicator/index.cjs +7 -8
- package/dist/components/ThinkingIndicator/index.d.ts +6 -5
- package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
- package/dist/components/ThinkingIndicator/index.js +7 -8
- package/dist/components/Toast/Toast.module.scss.cjs +28 -29
- package/dist/components/Toast/Toast.module.scss.js +29 -30
- package/dist/components/Toast/index.cjs +28 -30
- package/dist/components/Toast/index.d.ts +9 -8
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +28 -30
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +21 -19
- package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +22 -20
- package/dist/components/ToggleGroup/index.cjs +4 -5
- package/dist/components/ToggleGroup/index.d.ts +7 -6
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +4 -5
- package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
- package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
- package/dist/components/Tooltip/index.cjs +24 -40
- package/dist/components/Tooltip/index.d.ts +4 -4
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +24 -40
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/components/VisuallyHidden/index.d.ts +2 -2
- package/dist/data-table-virtual.cjs +3 -2
- package/dist/data-table-virtual.js +3 -2
- package/dist/data-table.cjs +3 -2
- package/dist/data-table.js +3 -2
- package/dist/datepicker.cjs +26 -13
- package/dist/datepicker.js +26 -13
- package/dist/editor.cjs +68 -28
- package/dist/editor.js +68 -28
- package/dist/index.cjs +6 -2
- package/dist/index.d.ts +9 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -4
- package/dist/markdown.cjs +21 -29
- package/dist/markdown.js +21 -29
- package/dist/measurements/generated.cjs +46 -94
- package/dist/measurements/generated.d.ts +44 -92
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +46 -94
- package/dist/measurements/index.d.ts +1 -1
- package/dist/measurements/index.d.ts.map +1 -1
- package/dist/utils/a11y.cjs +5 -2
- package/dist/utils/a11y.d.ts +5 -5
- package/dist/utils/a11y.d.ts.map +1 -1
- package/dist/utils/a11y.js +5 -2
- package/dist/utils/canonical-stamp.cjs +2 -8
- package/dist/utils/canonical-stamp.d.ts.map +1 -1
- package/dist/utils/canonical-stamp.js +1 -7
- package/dist/utils/css-warning.cjs +1 -1
- package/dist/utils/css-warning.js +1 -1
- package/dist/utils/env.cjs +17 -0
- package/dist/utils/env.d.ts +3 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +17 -0
- package/dist/utils/keyboard-shortcuts.cjs +3 -10
- package/dist/utils/keyboard-shortcuts.d.ts +4 -4
- package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
- package/dist/utils/keyboard-shortcuts.js +3 -10
- package/dist/utils/seed-derivation.cjs +10 -7
- package/dist/utils/seed-derivation.d.ts +1 -3
- package/dist/utils/seed-derivation.d.ts.map +1 -1
- package/dist/utils/seed-derivation.js +10 -7
- package/dist/utils/theme-presets.cjs +5 -10
- package/dist/utils/theme-presets.d.ts +1 -2
- package/dist/utils/theme-presets.d.ts.map +1 -1
- package/dist/utils/theme-presets.js +5 -10
- package/fragments.json +1 -1
- package/package.json +9 -10
- package/src/assets/fragments-logo.tsx +2 -2
- package/src/assets/fragments-wordmark.tsx +4 -2
- package/src/assets/nav-glyph.module.scss +166 -0
- package/src/assets/nav-glyph.tsx +188 -0
- package/src/components/Accordion/Accordion.contract.json +24 -48
- package/src/components/Accordion/Accordion.module.scss +5 -3
- package/src/components/Alert/Alert.contract.json +49 -65
- package/src/components/Alert/Alert.module.scss +57 -47
- package/src/components/Alert/index.tsx +72 -39
- package/src/components/AppShell/AppShell.contract.json +34 -51
- package/src/components/AppShell/AppShell.module.scss +99 -54
- package/src/components/AppShell/index.tsx +2 -2
- package/src/components/Avatar/Avatar.contract.json +31 -48
- package/src/components/Avatar/Avatar.module.scss +4 -2
- package/src/components/Badge/Badge.contract.json +86 -55
- package/src/components/Badge/Badge.module.scss +80 -48
- package/src/components/Badge/index.tsx +34 -17
- package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
- package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
- package/src/components/Box/Box.contract.json +40 -148
- package/src/components/Box/Box.module.scss +7 -6
- package/src/components/Box/index.tsx +92 -99
- package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +27 -12
- package/src/components/Breadcrumbs/index.tsx +5 -1
- package/src/components/Button/Button.module.scss +261 -185
- package/src/components/Button/index.tsx +41 -28
- package/src/components/ButtonGroup/ButtonGroup.contract.json +34 -49
- package/src/components/ButtonGroup/ButtonGroup.module.scss +8 -6
- package/src/components/Card/Card.consumer-fixture.module.scss +5 -2
- package/src/components/Card/Card.module.scss +97 -76
- package/src/components/Card/index.tsx +44 -20
- package/src/components/Chart/Chart.contract.json +21 -29
- package/src/components/Chart/Chart.module.scss +6 -5
- package/src/components/Chart/index.tsx +36 -6
- package/src/components/Checkbox/Checkbox.contract.json +28 -27
- package/src/components/Checkbox/Checkbox.module.scss +47 -54
- package/src/components/Checkbox/index.tsx +10 -10
- package/src/components/Chip/Chip.contract.json +38 -45
- package/src/components/Chip/Chip.module.scss +24 -23
- package/src/components/Chip/index.tsx +12 -7
- package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
- package/src/components/CodeBlock/CodeBlock.module.scss +75 -73
- package/src/components/CodeBlock/css-variables-theme.ts +102 -0
- package/src/components/CodeBlock/index.tsx +114 -51
- package/src/components/Collapsible/Collapsible.contract.json +21 -36
- package/src/components/Collapsible/Collapsible.module.scss +1 -7
- package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
- package/src/components/ColorPicker/ColorPicker.module.scss +34 -24
- package/src/components/ColorPicker/index.tsx +6 -1
- package/src/components/Combobox/Combobox.contract.json +36 -37
- package/src/components/Combobox/Combobox.module.scss +16 -19
- package/src/components/Combobox/index.tsx +41 -6
- package/src/components/Command/Command.contract.json +28 -44
- package/src/components/Command/Command.module.scss +19 -21
- package/src/components/Command/index.tsx +64 -47
- package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
- package/src/components/ConversationList/ConversationList.contract.json +27 -32
- package/src/components/ConversationList/ConversationList.module.scss +2 -3
- package/src/components/ConversationList/index.tsx +2 -2
- package/src/components/DataTable/DataTable.icons.tsx +4 -21
- package/src/components/DataTable/DataTable.module.scss +24 -17
- package/src/components/DataTable/DataTable.virtual.tsx +3 -2
- package/src/components/DataTable/index.tsx +9 -8
- package/src/components/DatePicker/DatePicker.contract.json +27 -28
- package/src/components/DatePicker/DatePicker.module.scss +41 -44
- package/src/components/DatePicker/index.tsx +23 -9
- package/src/components/Dialog/Dialog.module.scss +26 -32
- package/src/components/Dialog/index.tsx +51 -39
- package/src/components/Drawer/Drawer.contract.json +28 -42
- package/src/components/Drawer/Drawer.module.scss +123 -64
- package/src/components/Drawer/index.tsx +7 -5
- package/src/components/Editor/Editor.contract.json +32 -49
- package/src/components/Editor/Editor.module.scss +60 -25
- package/src/components/Editor/index.tsx +240 -179
- package/src/components/EmptyState/EmptyState.contract.json +33 -45
- package/src/components/EmptyState/EmptyState.module.scss +37 -21
- package/src/components/EmptyState/index.tsx +56 -23
- package/src/components/Field/Field.contract.json +28 -46
- package/src/components/Field/Field.module.scss +2 -1
- package/src/components/Field/index.tsx +5 -1
- package/src/components/Fieldset/Fieldset.contract.json +21 -38
- package/src/components/Fieldset/Fieldset.module.scss +15 -7
- package/src/components/Form/Form.contract.json +23 -23
- package/src/components/Grid/Grid.contract.json +28 -64
- package/src/components/Grid/Grid.module.scss +2 -2
- package/src/components/Grid/index.tsx +10 -10
- package/src/components/Header/Header.contract.json +31 -67
- package/src/components/Header/Header.module.scss +57 -54
- package/src/components/Header/index.tsx +134 -122
- package/src/components/Icon/Icon.contract.json +37 -81
- package/src/components/Icon/Icon.module.scss +13 -12
- package/src/components/Icon/index.tsx +31 -31
- package/src/components/IconButton/IconButton.contract.json +37 -21
- package/src/components/IconButton/IconButton.module.scss +19 -11
- package/src/components/IconButton/index.tsx +6 -5
- package/src/components/Image/Image.contract.json +23 -56
- package/src/components/Input/Input.contract.json +25 -44
- package/src/components/Input/Input.module.scss +6 -55
- package/src/components/Input/index.tsx +2 -18
- package/src/components/Link/Link.contract.json +46 -58
- package/src/components/Link/Link.module.scss +41 -10
- package/src/components/Link/index.tsx +27 -6
- package/src/components/List/List.contract.json +33 -62
- package/src/components/List/List.module.scss +10 -5
- package/src/components/List/index.tsx +17 -13
- package/src/components/Listbox/Listbox.contract.json +21 -37
- package/src/components/Listbox/Listbox.module.scss +14 -20
- package/src/components/Loading/Loading.contract.json +41 -65
- package/src/components/Loading/Loading.module.scss +37 -31
- package/src/components/Loading/index.tsx +15 -14
- package/src/components/Main/Main.contract.json +17 -9
- package/src/components/Markdown/Markdown.contract.json +22 -43
- package/src/components/Markdown/Markdown.module.scss +45 -6
- package/src/components/Markdown/index.tsx +48 -49
- package/src/components/Menu/Menu.contract.json +30 -46
- package/src/components/Menu/Menu.module.scss +32 -16
- package/src/components/Message/Message.contract.json +31 -54
- package/src/components/Message/Message.module.scss +18 -9
- package/src/components/Message/index.tsx +2 -2
- package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
- package/src/components/NavigationMenu/NavigationMenu.module.scss +66 -66
- package/src/components/NavigationMenu/index.tsx +105 -81
- package/src/components/Pagination/Pagination.contract.json +22 -40
- package/src/components/Pagination/Pagination.module.scss +9 -16
- package/src/components/Popover/Popover.contract.json +28 -50
- package/src/components/Popover/Popover.module.scss +30 -28
- package/src/components/Progress/Progress.contract.json +39 -35
- package/src/components/Progress/Progress.module.scss +16 -10
- package/src/components/Progress/index.tsx +34 -16
- package/src/components/Prompt/Prompt.contract.json +40 -56
- package/src/components/Prompt/Prompt.module.scss +49 -48
- package/src/components/Prompt/index.tsx +17 -15
- package/src/components/RadioGroup/RadioGroup.contract.json +29 -28
- package/src/components/RadioGroup/RadioGroup.module.scss +50 -45
- package/src/components/RadioGroup/index.tsx +23 -10
- package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
- package/src/components/ScrollArea/ScrollArea.module.scss +45 -48
- package/src/components/ScrollArea/index.tsx +16 -16
- package/src/components/ScrollArea/scroll-state.ts +24 -24
- package/src/components/Select/Select.module.scss +20 -19
- package/src/components/Select/index.tsx +26 -24
- package/src/components/Separator/Separator.contract.json +29 -53
- package/src/components/Separator/Separator.module.scss +24 -40
- package/src/components/Separator/index.tsx +16 -11
- package/src/components/Sidebar/Sidebar.contract.json +35 -67
- package/src/components/Sidebar/Sidebar.module.scss +94 -88
- package/src/components/Sidebar/index.tsx +167 -167
- package/src/components/Skeleton/Skeleton.contract.json +34 -60
- package/src/components/Skeleton/Skeleton.module.scss +50 -26
- package/src/components/Skeleton/index.tsx +16 -15
- package/src/components/Slider/Slider.contract.json +27 -39
- package/src/components/Slider/Slider.module.scss +9 -22
- package/src/components/Stack/Stack.contract.json +30 -57
- package/src/components/Stack/Stack.module.scss +26 -24
- package/src/components/Stack/index.tsx +3 -3
- package/src/components/Switch/Switch.contract.json +33 -46
- package/src/components/Switch/Switch.module.scss +106 -59
- package/src/components/Table/Table.contract.json +28 -46
- package/src/components/Table/Table.module.scss +24 -16
- package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
- package/src/components/TableOfContents/TableOfContents.module.scss +17 -13
- package/src/components/TableOfContents/index.tsx +27 -10
- package/src/components/Tabs/Tabs.contract.json +35 -56
- package/src/components/Tabs/Tabs.module.scss +27 -31
- package/src/components/Tabs/index.tsx +30 -15
- package/src/components/Text/Text.contract.json +52 -72
- package/src/components/Text/Text.module.scss +34 -18
- package/src/components/Text/index.tsx +123 -83
- package/src/components/Textarea/Textarea.contract.json +24 -55
- package/src/components/Textarea/Textarea.module.scss +22 -52
- package/src/components/Textarea/index.tsx +3 -14
- package/src/components/Theme/Theme.contract.json +35 -53
- package/src/components/Theme/index.tsx +41 -13
- package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
- package/src/components/ThemeToggle/ThemeToggle.module.scss +20 -27
- package/src/components/ThemeToggle/icons.tsx +46 -0
- package/src/components/ThemeToggle/index.tsx +9 -55
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +34 -50
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
- package/src/components/ThinkingIndicator/index.tsx +12 -14
- package/src/components/Toast/Toast.contract.json +55 -49
- package/src/components/Toast/Toast.module.scss +50 -105
- package/src/components/Toast/index.tsx +39 -34
- package/src/components/ToggleGroup/ToggleGroup.contract.json +39 -40
- package/src/components/ToggleGroup/ToggleGroup.module.scss +30 -27
- package/src/components/ToggleGroup/index.tsx +11 -11
- package/src/components/Tooltip/Tooltip.contract.json +31 -52
- package/src/components/Tooltip/Tooltip.module.scss +16 -10
- package/src/components/Tooltip/index.tsx +19 -24
- package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
- package/src/components/VisuallyHidden/index.tsx +5 -5
- package/src/index.ts +16 -12
- package/src/measurements/MeasurementTargets.module.scss +6 -7
- package/src/measurements/generated.ts +46 -97
- package/src/measurements/index.ts +0 -1
- package/src/measurements/measurements.json +44 -116
- package/src/recipes/_action.scss +4 -4
- package/src/recipes/_boolean-range.scss +12 -16
- package/src/recipes/_feedback.scss +17 -16
- package/src/recipes/_field.scss +28 -16
- package/src/recipes/_layout.scss +14 -7
- package/src/recipes/_navigation.scss +84 -29
- package/src/recipes/_overlay.scss +143 -43
- package/src/recipes/_popup.scss +54 -34
- package/src/recipes/_prose.scss +48 -28
- package/src/recipes/_representation.scss +10 -9
- package/src/recipes/_segmented.scss +1 -1
- package/src/recipes/_table-chrome.scss +42 -17
- package/src/recipes/_target.scss +2 -4
- package/src/recipes/_typography.scss +10 -0
- package/src/scss.d.ts +1 -1
- package/src/styles/globals.scss +31 -25
- package/src/tokens/_component-properties.scss +19 -1
- package/src/tokens/_computed.scss +32 -49
- package/src/tokens/_derive.scss +112 -210
- package/src/tokens/_measurements.catalog.generated.css +62 -44
- package/src/tokens/_measurements.generated.scss +119 -249
- package/src/tokens/_mixins.scss +49 -48
- package/src/tokens/_palettes.scss +39 -167
- package/src/tokens/_property-registrations.scss +9 -0
- package/src/tokens/_seeds.scss +20 -31
- package/src/tokens/_variables.scss +251 -94
- package/src/utils/a11y.tsx +69 -69
- package/src/utils/aria.ts +3 -3
- package/src/utils/canonical-stamp.ts +2 -12
- package/src/utils/css-warning.ts +7 -7
- package/src/utils/env.ts +25 -0
- package/src/utils/keyboard-shortcuts.ts +131 -126
- package/src/utils/seed-derivation.ts +11 -14
- package/src/utils/theme-presets.ts +5 -12
- package/dist/blocks/AccountSettings.block.d.ts +0 -3
- package/dist/blocks/AccountSettings.block.d.ts.map +0 -1
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts +0 -3
- package/dist/blocks/ActivityFeedSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/BlogEditor.block.d.ts +0 -3
- package/dist/blocks/BlogEditor.block.d.ts.map +0 -1
- package/dist/blocks/ChatInterface.block.d.ts +0 -3
- package/dist/blocks/ChatInterface.block.d.ts.map +0 -1
- package/dist/blocks/ChatMessages.block.d.ts +0 -3
- package/dist/blocks/ChatMessages.block.d.ts.map +0 -1
- package/dist/blocks/CheckoutForm.block.d.ts +0 -3
- package/dist/blocks/CheckoutForm.block.d.ts.map +0 -1
- package/dist/blocks/CommandPalette.block.d.ts +0 -3
- package/dist/blocks/CommandPalette.block.d.ts.map +0 -1
- package/dist/blocks/ContactForm.block.d.ts +0 -3
- package/dist/blocks/ContactForm.block.d.ts.map +0 -1
- package/dist/blocks/DashboardPage.block.d.ts +0 -3
- package/dist/blocks/DashboardPage.block.d.ts.map +0 -1
- package/dist/blocks/DashboardSkeleton.block.d.ts +0 -3
- package/dist/blocks/DashboardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/DataTable.block.d.ts +0 -3
- package/dist/blocks/DataTable.block.d.ts.map +0 -1
- package/dist/blocks/EmptyState.block.d.ts +0 -3
- package/dist/blocks/EmptyState.block.d.ts.map +0 -1
- package/dist/blocks/FAQSection.block.d.ts +0 -3
- package/dist/blocks/FAQSection.block.d.ts.map +0 -1
- package/dist/blocks/FeatureGrid.block.d.ts +0 -3
- package/dist/blocks/FeatureGrid.block.d.ts.map +0 -1
- package/dist/blocks/HeroSection.block.d.ts +0 -3
- package/dist/blocks/HeroSection.block.d.ts.map +0 -1
- package/dist/blocks/NavigationHeader.block.d.ts +0 -3
- package/dist/blocks/NavigationHeader.block.d.ts.map +0 -1
- package/dist/blocks/PaginatedTable.block.d.ts +0 -3
- package/dist/blocks/PaginatedTable.block.d.ts.map +0 -1
- package/dist/blocks/PricingComparison.block.d.ts +0 -3
- package/dist/blocks/PricingComparison.block.d.ts.map +0 -1
- package/dist/blocks/ProductCard.block.d.ts +0 -3
- package/dist/blocks/ProductCard.block.d.ts.map +0 -1
- package/dist/blocks/RegistrationForm.block.d.ts +0 -3
- package/dist/blocks/RegistrationForm.block.d.ts.map +0 -1
- package/dist/blocks/SettingsDrawer.block.d.ts +0 -3
- package/dist/blocks/SettingsDrawer.block.d.ts.map +0 -1
- package/dist/blocks/SettingsPanel.block.d.ts +0 -3
- package/dist/blocks/SettingsPanel.block.d.ts.map +0 -1
- package/dist/blocks/ShoppingCart.block.d.ts +0 -3
- package/dist/blocks/ShoppingCart.block.d.ts.map +0 -1
- package/dist/blocks/StatsCardSkeleton.block.d.ts +0 -3
- package/dist/blocks/StatsCardSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/TableSkeleton.block.d.ts +0 -3
- package/dist/blocks/TableSkeleton.block.d.ts.map +0 -1
- package/dist/blocks/ThinkingStates.block.d.ts +0 -3
- package/dist/blocks/ThinkingStates.block.d.ts.map +0 -1
- package/dist/components/Toggle/index.d.ts +0 -3
- package/dist/components/Toggle/index.d.ts.map +0 -1
- package/src/components/Button/Button.contract.json +0 -218
- package/src/components/Card/Card.contract.json +0 -175
- package/src/components/DataTable/DataTable.contract.json +0 -302
- package/src/components/Dialog/Dialog.contract.json +0 -159
- package/src/components/Select/Select.contract.json +0 -259
- package/src/components/Toggle/index.ts +0 -7
- package/src/tokens/_density.scss +0 -85
|
@@ -1,95 +1,27 @@
|
|
|
1
1
|
const MEASUREMENT_PROFILES = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
md: "32px",
|
|
24
|
-
lg: "36px"
|
|
25
|
-
},
|
|
26
|
-
touch: {
|
|
27
|
-
sm: "32px",
|
|
28
|
-
md: "32px",
|
|
29
|
-
lg: "40px"
|
|
30
|
-
},
|
|
31
|
-
sidebarItemHeight: "32px"
|
|
32
|
-
},
|
|
33
|
-
default: {
|
|
34
|
-
baseUnit: "7px",
|
|
35
|
-
baseFontSize: "14px",
|
|
36
|
-
spacingMultipliers: {
|
|
37
|
-
"1": 1,
|
|
38
|
-
"2": 2,
|
|
39
|
-
"3": 3,
|
|
40
|
-
"4": 4,
|
|
41
|
-
"5": 5,
|
|
42
|
-
"6": 6,
|
|
43
|
-
"8": 8,
|
|
44
|
-
"10": 10,
|
|
45
|
-
"12": 12,
|
|
46
|
-
px: "1px",
|
|
47
|
-
"0-5": 0.3,
|
|
48
|
-
"0-75": 0.43
|
|
49
|
-
},
|
|
50
|
-
controlHeight: {
|
|
51
|
-
xs: "32px",
|
|
52
|
-
sm: "32px",
|
|
53
|
-
md: "40px",
|
|
54
|
-
lg: "44px"
|
|
55
|
-
},
|
|
56
|
-
touch: {
|
|
57
|
-
sm: "32px",
|
|
58
|
-
md: "32px",
|
|
59
|
-
lg: "44px"
|
|
60
|
-
},
|
|
61
|
-
sidebarItemHeight: "32px"
|
|
2
|
+
spacing: {
|
|
3
|
+
baseUnit: "7px",
|
|
4
|
+
baseFontSize: "14px",
|
|
5
|
+
multipliers: {
|
|
6
|
+
"1": 1,
|
|
7
|
+
"2": 2,
|
|
8
|
+
"3": 3,
|
|
9
|
+
"4": 4,
|
|
10
|
+
"5": 5,
|
|
11
|
+
"6": 6,
|
|
12
|
+
"8": 8,
|
|
13
|
+
"10": 10,
|
|
14
|
+
"12": 12,
|
|
15
|
+
px: "1px",
|
|
16
|
+
"0-5": 0.3,
|
|
17
|
+
"0-75": 0.43
|
|
18
|
+
},
|
|
19
|
+
touch: {
|
|
20
|
+
sm: "32px",
|
|
21
|
+
md: "32px",
|
|
22
|
+
lg: "44px"
|
|
62
23
|
},
|
|
63
|
-
|
|
64
|
-
baseUnit: "8px",
|
|
65
|
-
baseFontSize: "14px",
|
|
66
|
-
spacingMultipliers: {
|
|
67
|
-
"1": 1,
|
|
68
|
-
"2": 2,
|
|
69
|
-
"3": 3,
|
|
70
|
-
"4": 4,
|
|
71
|
-
"5": 5,
|
|
72
|
-
"6": 6,
|
|
73
|
-
"8": 8,
|
|
74
|
-
"10": 10,
|
|
75
|
-
"12": 12,
|
|
76
|
-
px: "1px",
|
|
77
|
-
"0-5": 0.3,
|
|
78
|
-
"0-75": 0.43
|
|
79
|
-
},
|
|
80
|
-
controlHeight: {
|
|
81
|
-
xs: "32px",
|
|
82
|
-
sm: "32px",
|
|
83
|
-
md: "44px",
|
|
84
|
-
lg: "48px"
|
|
85
|
-
},
|
|
86
|
-
touch: {
|
|
87
|
-
sm: "32px",
|
|
88
|
-
md: "40px",
|
|
89
|
-
lg: "48px"
|
|
90
|
-
},
|
|
91
|
-
sidebarItemHeight: "36px"
|
|
92
|
-
}
|
|
24
|
+
sidebarItemHeight: "32px"
|
|
93
25
|
},
|
|
94
26
|
radius: {
|
|
95
27
|
sharp: {
|
|
@@ -179,9 +111,25 @@ const MEASUREMENT_PROFILES = {
|
|
|
179
111
|
"field-minimum": "140px",
|
|
180
112
|
"inline-floor": "56px",
|
|
181
113
|
"compact-content": "168px",
|
|
114
|
+
"menu-min": "192px",
|
|
182
115
|
"grid-cell": "224px",
|
|
183
116
|
"composer-item": "210px",
|
|
184
117
|
"page-narrow": "800px"
|
|
118
|
+
},
|
|
119
|
+
overlay: {
|
|
120
|
+
"popover-min": "192px",
|
|
121
|
+
"popover-sm": "256px",
|
|
122
|
+
"popover-md": "384px",
|
|
123
|
+
"popover-lg": "512px",
|
|
124
|
+
"tooltip-max": "320px",
|
|
125
|
+
"dialog-sm": "384px",
|
|
126
|
+
"dialog-md": "448px",
|
|
127
|
+
"dialog-lg": "576px",
|
|
128
|
+
"dialog-xl": "768px",
|
|
129
|
+
"drawer-sm": "320px",
|
|
130
|
+
"drawer-md": "384px",
|
|
131
|
+
"drawer-lg": "512px",
|
|
132
|
+
"drawer-xl": "768px"
|
|
185
133
|
}
|
|
186
134
|
},
|
|
187
135
|
typography: {
|
|
@@ -215,6 +163,12 @@ const MEASUREMENT_PROFILES = {
|
|
|
215
163
|
weight: 400,
|
|
216
164
|
tracking: "0"
|
|
217
165
|
},
|
|
166
|
+
display: {
|
|
167
|
+
size: "32px",
|
|
168
|
+
line: "40px",
|
|
169
|
+
weight: 600,
|
|
170
|
+
tracking: "-0.02em"
|
|
171
|
+
},
|
|
218
172
|
"title-sm": {
|
|
219
173
|
size: "16px",
|
|
220
174
|
line: "24px",
|
|
@@ -274,18 +228,16 @@ function setRestorableAttribute(element, attribute, value) {
|
|
|
274
228
|
}
|
|
275
229
|
function applyMeasurementSelection(element, selection) {
|
|
276
230
|
const restore = [];
|
|
277
|
-
if (selection.density !== void 0) {
|
|
278
|
-
restore.push(setRestorableAttribute(element, "data-fui-density", selection.density));
|
|
279
|
-
}
|
|
280
231
|
if (selection.radiusStyle !== void 0) {
|
|
281
232
|
restore.push(setRestorableAttribute(element, "data-fui-radius-style", selection.radiusStyle));
|
|
282
233
|
}
|
|
283
234
|
let cleaned = false;
|
|
284
235
|
return () => {
|
|
236
|
+
var _a;
|
|
285
237
|
if (cleaned) return;
|
|
286
238
|
cleaned = true;
|
|
287
239
|
for (let index = restore.length - 1; index >= 0; index -= 1) {
|
|
288
|
-
restore[index]();
|
|
240
|
+
(_a = restore[index]) == null ? void 0 : _a.call(restore);
|
|
289
241
|
}
|
|
290
242
|
};
|
|
291
243
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { MEASUREMENT_PROFILES, applyMeasurementSelection, measurementPx, type
|
|
1
|
+
export { MEASUREMENT_PROFILES, applyMeasurementSelection, measurementPx, type MeasurementRadiusStyle, type MeasurementSelection, } from "./generated";
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/measurements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/measurements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAC"}
|
package/dist/utils/a11y.cjs
CHANGED
|
@@ -210,7 +210,10 @@ function handleArrowNavigation(event, items, currentIndex, options = {}) {
|
|
|
210
210
|
}
|
|
211
211
|
return newIndex;
|
|
212
212
|
}
|
|
213
|
-
function
|
|
213
|
+
function A11yVisuallyHidden({
|
|
214
|
+
children,
|
|
215
|
+
focusable = false
|
|
216
|
+
}) {
|
|
214
217
|
const style = focusable ? {} : {
|
|
215
218
|
position: "absolute",
|
|
216
219
|
width: "1px",
|
|
@@ -224,7 +227,7 @@ function VisuallyHidden({ children, focusable = false }) {
|
|
|
224
227
|
};
|
|
225
228
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { style, "data-visually-hidden": !focusable || void 0, children });
|
|
226
229
|
}
|
|
227
|
-
exports.
|
|
230
|
+
exports.A11yVisuallyHidden = A11yVisuallyHidden;
|
|
228
231
|
exports.handleArrowNavigation = handleArrowNavigation;
|
|
229
232
|
exports.useAnnounce = useAnnounce;
|
|
230
233
|
exports.useFocusTrap = useFocusTrap;
|
package/dist/utils/a11y.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Generates a unique ID for ARIA relationships (labelledby, describedby, etc.)
|
|
4
4
|
* Falls back to React.useId if available (React 18+), otherwise uses a counter.
|
|
@@ -31,7 +31,7 @@ export declare function useId(prefix?: string): string;
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export declare function useAnnounce(): {
|
|
34
|
-
announce: (message: string, priority?:
|
|
34
|
+
announce: (message: string, priority?: "polite" | "assertive") => void;
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
37
|
* Hook to detect if the user prefers reduced motion.
|
|
@@ -103,10 +103,10 @@ export declare function useFocusTrap(ref: React.RefObject<HTMLElement | null>, a
|
|
|
103
103
|
* ```
|
|
104
104
|
*/
|
|
105
105
|
export declare function handleArrowNavigation(event: React.KeyboardEvent | KeyboardEvent, items: readonly unknown[], currentIndex: number, options?: {
|
|
106
|
-
orientation?:
|
|
106
|
+
orientation?: "horizontal" | "vertical" | "both";
|
|
107
107
|
loop?: boolean;
|
|
108
108
|
}): number | undefined;
|
|
109
|
-
export interface
|
|
109
|
+
export interface A11yVisuallyHiddenProps {
|
|
110
110
|
children: React.ReactNode;
|
|
111
111
|
/** If true, becomes visible when focused (useful for skip links) */
|
|
112
112
|
focusable?: boolean;
|
|
@@ -129,5 +129,5 @@ export interface VisuallyHiddenProps {
|
|
|
129
129
|
* </VisuallyHidden>
|
|
130
130
|
* ```
|
|
131
131
|
*/
|
|
132
|
-
export declare function
|
|
132
|
+
export declare function A11yVisuallyHidden({ children, focusable, }: A11yVisuallyHiddenProps): React.ReactElement;
|
|
133
133
|
//# sourceMappingURL=a11y.d.ts.map
|
package/dist/utils/a11y.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAU7C;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;CACxE,CAiEA;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAsBjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAmB5C;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,
|
|
1
|
+
{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/utils/a11y.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAU7C;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,KAAK,IAAI,CAAC;CACxE,CAiEA;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAsBjD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAmB5C;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAkD5F;AAeD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,aAAa,EAC1C,KAAK,EAAE,SAAS,OAAO,EAAE,EACzB,YAAY,EAAE,MAAM,EACpB,OAAO,GAAE;IACP,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;CACX,GACL,MAAM,GAAG,SAAS,CA4DpB;AAMD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAiB,GAClB,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAoB9C"}
|
package/dist/utils/a11y.js
CHANGED
|
@@ -191,7 +191,10 @@ function handleArrowNavigation(event, items, currentIndex, options = {}) {
|
|
|
191
191
|
}
|
|
192
192
|
return newIndex;
|
|
193
193
|
}
|
|
194
|
-
function
|
|
194
|
+
function A11yVisuallyHidden({
|
|
195
|
+
children,
|
|
196
|
+
focusable = false
|
|
197
|
+
}) {
|
|
195
198
|
const style = focusable ? {} : {
|
|
196
199
|
position: "absolute",
|
|
197
200
|
width: "1px",
|
|
@@ -206,7 +209,7 @@ function VisuallyHidden({ children, focusable = false }) {
|
|
|
206
209
|
return /* @__PURE__ */ jsx("span", { style, "data-visually-hidden": !focusable || void 0, children });
|
|
207
210
|
}
|
|
208
211
|
export {
|
|
209
|
-
|
|
212
|
+
A11yVisuallyHidden,
|
|
210
213
|
handleArrowNavigation,
|
|
211
214
|
useAnnounce,
|
|
212
215
|
useFocusTrap,
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const env = require("./env.cjs");
|
|
3
4
|
function fragmentsCanonicalStampProps(component, slot = "root") {
|
|
4
|
-
if (isProductionBuild()) return {};
|
|
5
|
+
if (env.isProductionBuild()) return {};
|
|
5
6
|
return {
|
|
6
7
|
"data-fc-canonical": component,
|
|
7
8
|
"data-fc-slot": slot,
|
|
8
9
|
"data-fc-contract": `source:@usefragments/ui#${component}`
|
|
9
10
|
};
|
|
10
11
|
}
|
|
11
|
-
function isProductionBuild() {
|
|
12
|
-
try {
|
|
13
|
-
return process.env.NODE_ENV === "production";
|
|
14
|
-
} catch {
|
|
15
|
-
return false;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
12
|
exports.fragmentsCanonicalStampProps = fragmentsCanonicalStampProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canonical-stamp.d.ts","sourceRoot":"","sources":["../../src/utils/canonical-stamp.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"canonical-stamp.d.ts","sourceRoot":"","sources":["../../src/utils/canonical-stamp.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,MAAM,EACjB,IAAI,SAAS,GACZ,4BAA4B,CAO9B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { isProductionBuild } from "./env.js";
|
|
1
2
|
function fragmentsCanonicalStampProps(component, slot = "root") {
|
|
2
3
|
if (isProductionBuild()) return {};
|
|
3
4
|
return {
|
|
@@ -6,13 +7,6 @@ function fragmentsCanonicalStampProps(component, slot = "root") {
|
|
|
6
7
|
"data-fc-contract": `source:@usefragments/ui#${component}`
|
|
7
8
|
};
|
|
8
9
|
}
|
|
9
|
-
function isProductionBuild() {
|
|
10
|
-
try {
|
|
11
|
-
return process.env.NODE_ENV === "production";
|
|
12
|
-
} catch {
|
|
13
|
-
return false;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
10
|
export {
|
|
17
11
|
fragmentsCanonicalStampProps
|
|
18
12
|
};
|
|
@@ -9,7 +9,7 @@ function checkCssLoaded() {
|
|
|
9
9
|
const value = getComputedStyle(root).getPropertyValue("--fui-text-primary").trim();
|
|
10
10
|
if (!value) {
|
|
11
11
|
console.warn(
|
|
12
|
-
"[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n // next.config.ts\n transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/
|
|
12
|
+
"[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n // next.config.ts\n transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/components/install"
|
|
13
13
|
);
|
|
14
14
|
}
|
|
15
15
|
});
|
|
@@ -7,7 +7,7 @@ function checkCssLoaded() {
|
|
|
7
7
|
const value = getComputedStyle(root).getPropertyValue("--fui-text-primary").trim();
|
|
8
8
|
if (!value) {
|
|
9
9
|
console.warn(
|
|
10
|
-
"[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n // next.config.ts\n transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/
|
|
10
|
+
"[Fragments UI] Component styles not loaded. Components will render unstyled.\n\nAdd this import to your app entry point (e.g., main.tsx, layout.tsx):\n\n import '@usefragments/ui/styles';\n\nNext.js users also need:\n\n // next.config.ts\n transpilePackages: ['@usefragments/ui']\n\nOr run: npx @usefragments/cli setup\n\nDocs: https://usefragments.com/components/install"
|
|
11
11
|
);
|
|
12
12
|
}
|
|
13
13
|
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
function nodeEnv() {
|
|
4
|
+
try {
|
|
5
|
+
return process.env.NODE_ENV;
|
|
6
|
+
} catch {
|
|
7
|
+
return void 0;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
function isProductionBuild() {
|
|
11
|
+
return nodeEnv() === "production";
|
|
12
|
+
}
|
|
13
|
+
function isDevelopmentBuild() {
|
|
14
|
+
return nodeEnv() === "development";
|
|
15
|
+
}
|
|
16
|
+
exports.isDevelopmentBuild = isDevelopmentBuild;
|
|
17
|
+
exports.isProductionBuild = isProductionBuild;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/utils/env.ts"],"names":[],"mappings":"AAkBA,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function nodeEnv() {
|
|
2
|
+
try {
|
|
3
|
+
return process.env.NODE_ENV;
|
|
4
|
+
} catch {
|
|
5
|
+
return void 0;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
function isProductionBuild() {
|
|
9
|
+
return nodeEnv() === "production";
|
|
10
|
+
}
|
|
11
|
+
function isDevelopmentBuild() {
|
|
12
|
+
return nodeEnv() === "development";
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
isDevelopmentBuild,
|
|
16
|
+
isProductionBuild
|
|
17
|
+
};
|
|
@@ -207,15 +207,7 @@ function getShortcuts(filter) {
|
|
|
207
207
|
return true;
|
|
208
208
|
});
|
|
209
209
|
}
|
|
210
|
-
const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
|
|
211
|
-
"text",
|
|
212
|
-
"search",
|
|
213
|
-
"url",
|
|
214
|
-
"tel",
|
|
215
|
-
"email",
|
|
216
|
-
"password",
|
|
217
|
-
"number"
|
|
218
|
-
]);
|
|
210
|
+
const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "email", "password", "number"]);
|
|
219
211
|
function isEditableElement(element) {
|
|
220
212
|
var _a;
|
|
221
213
|
if (!element || !("tagName" in element)) return false;
|
|
@@ -229,7 +221,8 @@ function isEditableElement(element) {
|
|
|
229
221
|
if (htmlEl.isContentEditable) return true;
|
|
230
222
|
const ceAttr = htmlEl.contentEditable;
|
|
231
223
|
if (ceAttr === "true" || ceAttr === "") return true;
|
|
232
|
-
if (typeof element.getAttribute === "function" && element.getAttribute("role") === "textbox")
|
|
224
|
+
if (typeof element.getAttribute === "function" && element.getAttribute("role") === "textbox")
|
|
225
|
+
return true;
|
|
233
226
|
let ancestor = element.parentElement;
|
|
234
227
|
while (ancestor) {
|
|
235
228
|
if (ancestor.isContentEditable) return true;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type RefObject } from
|
|
1
|
+
import { type RefObject } from "react";
|
|
2
2
|
export interface KeyboardShortcut {
|
|
3
3
|
/** The key to match (e.g., 'b', 'k', 'Escape'). Case-insensitive. */
|
|
4
4
|
key: string;
|
|
@@ -19,7 +19,7 @@ export interface KeyboardShortcut {
|
|
|
19
19
|
* - 'global': Listens on document (e.g., sidebar toggle)
|
|
20
20
|
* - 'component': Only active when component is focused/mounted
|
|
21
21
|
*/
|
|
22
|
-
scope:
|
|
22
|
+
scope: "global" | "component";
|
|
23
23
|
}
|
|
24
24
|
export declare const KEYBOARD_SHORTCUTS: {
|
|
25
25
|
readonly SIDEBAR_TOGGLE: {
|
|
@@ -217,7 +217,7 @@ export declare function findConflicts(name: ShortcutName): KeyboardShortcut[];
|
|
|
217
217
|
*/
|
|
218
218
|
export declare function getShortcuts(filter?: {
|
|
219
219
|
component?: string;
|
|
220
|
-
scope?:
|
|
220
|
+
scope?: "global" | "component";
|
|
221
221
|
}): KeyboardShortcut[];
|
|
222
222
|
/**
|
|
223
223
|
* Check if an element is an editable area (input, textarea, contenteditable, role="textbox").
|
|
@@ -266,7 +266,7 @@ export interface UseKeyboardShortcutOptions {
|
|
|
266
266
|
* - 'component': listens on `ref` element only
|
|
267
267
|
* If omitted, uses the scope from the shortcut definition.
|
|
268
268
|
*/
|
|
269
|
-
scope?:
|
|
269
|
+
scope?: "global" | "component";
|
|
270
270
|
/** Required when scope is 'component' — the element to attach the listener to */
|
|
271
271
|
ref?: RefObject<Element | null>;
|
|
272
272
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboard-shortcuts.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard-shortcuts.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAMD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KsB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAM3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,GAAG,OAAO,CAWzF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAYnE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,gBAAgB,EAAE,CAapE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"keyboard-shortcuts.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard-shortcuts.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAMD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KsB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAM3D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,GAAG,OAAO,CAWzF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAYnE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,gBAAgB,EAAE,CAapE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAChC,GAAG,gBAAgB,EAAE,CAMrB;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAoClE;AASD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,GACzE,IAAI,CASN;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,gBAAgB,GAAG,IAAI,CAa/E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAMD,MAAM,WAAW,0BAA0B;IACzC,4CAA4C;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC/B,iFAAiF;IACjF,GAAG,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAc,EACd,KAAK,EAAE,aAAa,EACpB,GAAG,GACJ,EAAE,0BAA0B,GAAG,IAAI,CA6BnC"}
|
|
@@ -205,15 +205,7 @@ function getShortcuts(filter) {
|
|
|
205
205
|
return true;
|
|
206
206
|
});
|
|
207
207
|
}
|
|
208
|
-
const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
|
|
209
|
-
"text",
|
|
210
|
-
"search",
|
|
211
|
-
"url",
|
|
212
|
-
"tel",
|
|
213
|
-
"email",
|
|
214
|
-
"password",
|
|
215
|
-
"number"
|
|
216
|
-
]);
|
|
208
|
+
const TEXT_INPUT_TYPES = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "email", "password", "number"]);
|
|
217
209
|
function isEditableElement(element) {
|
|
218
210
|
var _a;
|
|
219
211
|
if (!element || !("tagName" in element)) return false;
|
|
@@ -227,7 +219,8 @@ function isEditableElement(element) {
|
|
|
227
219
|
if (htmlEl.isContentEditable) return true;
|
|
228
220
|
const ceAttr = htmlEl.contentEditable;
|
|
229
221
|
if (ceAttr === "true" || ceAttr === "") return true;
|
|
230
|
-
if (typeof element.getAttribute === "function" && element.getAttribute("role") === "textbox")
|
|
222
|
+
if (typeof element.getAttribute === "function" && element.getAttribute("role") === "textbox")
|
|
223
|
+
return true;
|
|
231
224
|
let ancestor = element.parentElement;
|
|
232
225
|
while (ancestor) {
|
|
233
226
|
if (ancestor.isContentEditable) return true;
|
|
@@ -190,10 +190,14 @@ function hexToRgb(hex) {
|
|
|
190
190
|
if (!result) {
|
|
191
191
|
throw new Error(`Invalid hex color: ${hex}`);
|
|
192
192
|
}
|
|
193
|
+
const [, red, green, blue] = result;
|
|
194
|
+
if (!red || !green || !blue) {
|
|
195
|
+
throw new Error(`Invalid hex color: ${hex}`);
|
|
196
|
+
}
|
|
193
197
|
return {
|
|
194
|
-
r: parseInt(
|
|
195
|
-
g: parseInt(
|
|
196
|
-
b: parseInt(
|
|
198
|
+
r: parseInt(red, 16),
|
|
199
|
+
g: parseInt(green, 16),
|
|
200
|
+
b: parseInt(blue, 16)
|
|
197
201
|
};
|
|
198
202
|
}
|
|
199
203
|
function rgbToHex(r, g, b) {
|
|
@@ -280,11 +284,11 @@ function interpolateShade(palette, level) {
|
|
|
280
284
|
if (level in palette) {
|
|
281
285
|
return palette[level];
|
|
282
286
|
}
|
|
283
|
-
let lower =
|
|
284
|
-
let upper =
|
|
287
|
+
let lower = 50;
|
|
288
|
+
let upper = 950;
|
|
285
289
|
for (const l of levels) {
|
|
286
290
|
if (l < level) lower = l;
|
|
287
|
-
if (l > level && upper ===
|
|
291
|
+
if (l > level && upper === 950) upper = l;
|
|
288
292
|
}
|
|
289
293
|
const lowerColor = palette[lower];
|
|
290
294
|
const upperColor = palette[upper];
|
|
@@ -419,7 +423,6 @@ function deriveSemanticHover(color) {
|
|
|
419
423
|
const DEFAULT_SEEDS = {
|
|
420
424
|
brand: "#18181b",
|
|
421
425
|
neutral: "stone",
|
|
422
|
-
density: "default",
|
|
423
426
|
radiusStyle: "default"
|
|
424
427
|
// Semantic colors omitted - will use palette defaults from PALETTE_SEMANTIC_COLORS
|
|
425
428
|
};
|
|
@@ -8,14 +8,12 @@
|
|
|
8
8
|
* Consumers (the docs app and configureTheme) should import from here or via
|
|
9
9
|
* the @usefragments/ui barrel export.
|
|
10
10
|
*/
|
|
11
|
-
import { type
|
|
11
|
+
import { type MeasurementRadiusStyle } from "../measurements";
|
|
12
12
|
export type NeutralPalette = "stone" | "ice" | "sand" | "earth" | "fire" | "fragments";
|
|
13
|
-
export type DensityPreset = MeasurementDensity;
|
|
14
13
|
export type RadiusStyle = MeasurementRadiusStyle;
|
|
15
14
|
export interface SeedConfig {
|
|
16
15
|
brand: string;
|
|
17
16
|
neutral: NeutralPalette;
|
|
18
|
-
density: DensityPreset;
|
|
19
17
|
radiusStyle: RadiusStyle;
|
|
20
18
|
danger?: string;
|
|
21
19
|
success?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seed-derivation.d.ts","sourceRoot":"","sources":["../../src/utils/seed-derivation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"seed-derivation.d.ts","sourceRoot":"","sources":["../../src/utils/seed-derivation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAwB,KAAK,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAMpF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AACvF,MAAM,MAAM,WAAW,GAAG,sBAAsB,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAMD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CA0F1D,CAAC;AAMF,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,cAAc,EAAE,cAAc,CA2C1E,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,EACvB,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAClC,cAAc,CAQhB;AAMD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,CAA+B,CAAC;AAkF5F;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,CAkBvE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,CAkBxE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA+BtD;AA6BD;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,OAAO,EACf,WAAW,GAAE,cAAwB,GACpC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAuCA;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,OAAO,EACf,WAAW,GAAE,cAAwB,GACpC;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAsBA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,OAAO,GACd;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAYA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAcA;AA+CD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,CAezE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,CAIvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD;AAMD,eAAO,MAAM,aAAa,EAAE,UAK3B,CAAC"}
|
|
@@ -188,10 +188,14 @@ function hexToRgb(hex) {
|
|
|
188
188
|
if (!result) {
|
|
189
189
|
throw new Error(`Invalid hex color: ${hex}`);
|
|
190
190
|
}
|
|
191
|
+
const [, red, green, blue] = result;
|
|
192
|
+
if (!red || !green || !blue) {
|
|
193
|
+
throw new Error(`Invalid hex color: ${hex}`);
|
|
194
|
+
}
|
|
191
195
|
return {
|
|
192
|
-
r: parseInt(
|
|
193
|
-
g: parseInt(
|
|
194
|
-
b: parseInt(
|
|
196
|
+
r: parseInt(red, 16),
|
|
197
|
+
g: parseInt(green, 16),
|
|
198
|
+
b: parseInt(blue, 16)
|
|
195
199
|
};
|
|
196
200
|
}
|
|
197
201
|
function rgbToHex(r, g, b) {
|
|
@@ -278,11 +282,11 @@ function interpolateShade(palette, level) {
|
|
|
278
282
|
if (level in palette) {
|
|
279
283
|
return palette[level];
|
|
280
284
|
}
|
|
281
|
-
let lower =
|
|
282
|
-
let upper =
|
|
285
|
+
let lower = 50;
|
|
286
|
+
let upper = 950;
|
|
283
287
|
for (const l of levels) {
|
|
284
288
|
if (l < level) lower = l;
|
|
285
|
-
if (l > level && upper ===
|
|
289
|
+
if (l > level && upper === 950) upper = l;
|
|
286
290
|
}
|
|
287
291
|
const lowerColor = palette[lower];
|
|
288
292
|
const upperColor = palette[upper];
|
|
@@ -417,7 +421,6 @@ function deriveSemanticHover(color) {
|
|
|
417
421
|
const DEFAULT_SEEDS = {
|
|
418
422
|
brand: "#18181b",
|
|
419
423
|
neutral: "stone",
|
|
420
|
-
density: "default",
|
|
421
424
|
radiusStyle: "default"
|
|
422
425
|
// Semantic colors omitted - will use palette defaults from PALETTE_SEMANTIC_COLORS
|
|
423
426
|
};
|