@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,122 +1,132 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const text = "
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const
|
|
3
|
+
const text = "_text_13ds4_1";
|
|
4
|
+
const roleSectionLabel = "_role-section-label_13ds4_7";
|
|
5
|
+
const roleEyebrow = "_role-eyebrow_13ds4_15";
|
|
6
|
+
const roleCaption = "_role-caption_13ds4_25";
|
|
7
|
+
const roleUiCompact = "_role-ui-compact_13ds4_33";
|
|
8
|
+
const roleUiStandard = "_role-ui-standard_13ds4_41";
|
|
9
|
+
const roleBodyCompact = "_role-body-compact_13ds4_49";
|
|
10
|
+
const roleBodyRelaxed = "_role-body-relaxed_13ds4_58";
|
|
11
|
+
const roleTitleSm = "_role-title-sm_13ds4_67";
|
|
12
|
+
const roleTitleMd = "_role-title-md_13ds4_76";
|
|
13
|
+
const roleTitleLg = "_role-title-lg_13ds4_85";
|
|
14
|
+
const roleDisplay = "_role-display_13ds4_94";
|
|
15
|
+
const roleCode = "_role-code_13ds4_102";
|
|
16
|
+
const scale2Xs = "_scale-2xs_13ds4_110";
|
|
17
|
+
const scaleXs = "_scale-xs_13ds4_114";
|
|
18
|
+
const scaleSm = "_scale-sm_13ds4_118";
|
|
19
|
+
const scaleBase = "_scale-base_13ds4_122";
|
|
20
|
+
const scaleMd = "_scale-md_13ds4_126";
|
|
21
|
+
const scaleLg = "_scale-lg_13ds4_130";
|
|
22
|
+
const scaleXl = "_scale-xl_13ds4_134";
|
|
23
|
+
const scale2Xl = "_scale-2xl_13ds4_138";
|
|
24
|
+
const scale3Xl = "_scale-3xl_13ds4_142";
|
|
25
|
+
const scale4Xl = "_scale-4xl_13ds4_148";
|
|
26
|
+
const weightNormal = "_weight-normal_13ds4_154";
|
|
27
|
+
const weightMedium = "_weight-medium_13ds4_158";
|
|
28
|
+
const weightSemibold = "_weight-semibold_13ds4_162";
|
|
29
|
+
const weightBold = "_weight-bold_13ds4_166";
|
|
30
|
+
const colorPrimary = "_color-primary_13ds4_170";
|
|
31
|
+
const colorSecondary = "_color-secondary_13ds4_174";
|
|
32
|
+
const colorTertiary = "_color-tertiary_13ds4_178";
|
|
33
|
+
const colorMuted = "_color-muted_13ds4_179";
|
|
34
|
+
const colorAccent = "_color-accent_13ds4_183";
|
|
35
|
+
const colorSuccess = "_color-success_13ds4_187";
|
|
36
|
+
const colorWarning = "_color-warning_13ds4_191";
|
|
37
|
+
const colorDanger = "_color-danger_13ds4_195";
|
|
38
|
+
const mono = "_mono_13ds4_199";
|
|
39
|
+
const truncate = "_truncate_13ds4_203";
|
|
40
|
+
const lineClamp = "_lineClamp_13ds4_209";
|
|
41
|
+
const trackingNormal = "_tracking-normal_13ds4_217";
|
|
42
|
+
const trackingTight = "_tracking-tight_13ds4_221";
|
|
43
|
+
const trackingTighter = "_tracking-tighter_13ds4_225";
|
|
44
|
+
const trackingTightest = "_tracking-tightest_13ds4_229";
|
|
45
|
+
const tabularNums = "_tabularNums_13ds4_233";
|
|
43
46
|
const styles = {
|
|
44
47
|
text,
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
"role-
|
|
48
|
+
"role-section-label": "_role-section-label_13ds4_7",
|
|
49
|
+
roleSectionLabel,
|
|
50
|
+
"role-eyebrow": "_role-eyebrow_13ds4_15",
|
|
51
|
+
roleEyebrow,
|
|
52
|
+
"role-caption": "_role-caption_13ds4_25",
|
|
48
53
|
roleCaption,
|
|
49
|
-
"role-ui-compact": "_role-ui-
|
|
54
|
+
"role-ui-compact": "_role-ui-compact_13ds4_33",
|
|
50
55
|
roleUiCompact,
|
|
51
|
-
"role-ui-standard": "_role-ui-
|
|
56
|
+
"role-ui-standard": "_role-ui-standard_13ds4_41",
|
|
52
57
|
roleUiStandard,
|
|
53
|
-
"role-body-compact": "_role-body-
|
|
58
|
+
"role-body-compact": "_role-body-compact_13ds4_49",
|
|
54
59
|
roleBodyCompact,
|
|
55
|
-
"role-body-relaxed": "_role-body-
|
|
60
|
+
"role-body-relaxed": "_role-body-relaxed_13ds4_58",
|
|
56
61
|
roleBodyRelaxed,
|
|
57
|
-
"role-title-sm": "_role-title-
|
|
62
|
+
"role-title-sm": "_role-title-sm_13ds4_67",
|
|
58
63
|
roleTitleSm,
|
|
59
|
-
"role-title-md": "_role-title-
|
|
64
|
+
"role-title-md": "_role-title-md_13ds4_76",
|
|
60
65
|
roleTitleMd,
|
|
61
|
-
"role-title-lg": "_role-title-
|
|
66
|
+
"role-title-lg": "_role-title-lg_13ds4_85",
|
|
62
67
|
roleTitleLg,
|
|
63
|
-
"role-
|
|
68
|
+
"role-display": "_role-display_13ds4_94",
|
|
69
|
+
roleDisplay,
|
|
70
|
+
"role-code": "_role-code_13ds4_102",
|
|
64
71
|
roleCode,
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
"
|
|
68
|
-
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
"
|
|
72
|
-
|
|
73
|
-
"
|
|
74
|
-
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
"
|
|
80
|
-
|
|
81
|
-
"
|
|
82
|
-
|
|
83
|
-
"
|
|
84
|
-
|
|
85
|
-
"weight-normal": "_weight-
|
|
72
|
+
"scale-2xs": "_scale-2xs_13ds4_110",
|
|
73
|
+
scale2Xs,
|
|
74
|
+
"scale-xs": "_scale-xs_13ds4_114",
|
|
75
|
+
scaleXs,
|
|
76
|
+
"scale-sm": "_scale-sm_13ds4_118",
|
|
77
|
+
scaleSm,
|
|
78
|
+
"scale-base": "_scale-base_13ds4_122",
|
|
79
|
+
scaleBase,
|
|
80
|
+
"scale-md": "_scale-md_13ds4_126",
|
|
81
|
+
scaleMd,
|
|
82
|
+
"scale-lg": "_scale-lg_13ds4_130",
|
|
83
|
+
scaleLg,
|
|
84
|
+
"scale-xl": "_scale-xl_13ds4_134",
|
|
85
|
+
scaleXl,
|
|
86
|
+
"scale-2xl": "_scale-2xl_13ds4_138",
|
|
87
|
+
scale2Xl,
|
|
88
|
+
"scale-3xl": "_scale-3xl_13ds4_142",
|
|
89
|
+
scale3Xl,
|
|
90
|
+
"scale-4xl": "_scale-4xl_13ds4_148",
|
|
91
|
+
scale4Xl,
|
|
92
|
+
"weight-normal": "_weight-normal_13ds4_154",
|
|
86
93
|
weightNormal,
|
|
87
|
-
"weight-medium": "_weight-
|
|
94
|
+
"weight-medium": "_weight-medium_13ds4_158",
|
|
88
95
|
weightMedium,
|
|
89
|
-
"weight-semibold": "_weight-
|
|
96
|
+
"weight-semibold": "_weight-semibold_13ds4_162",
|
|
90
97
|
weightSemibold,
|
|
91
|
-
"weight-bold": "_weight-
|
|
98
|
+
"weight-bold": "_weight-bold_13ds4_166",
|
|
92
99
|
weightBold,
|
|
93
|
-
"color-primary": "_color-
|
|
100
|
+
"color-primary": "_color-primary_13ds4_170",
|
|
94
101
|
colorPrimary,
|
|
95
|
-
"color-secondary": "_color-
|
|
102
|
+
"color-secondary": "_color-secondary_13ds4_174",
|
|
96
103
|
colorSecondary,
|
|
97
|
-
"color-tertiary": "_color-
|
|
104
|
+
"color-tertiary": "_color-tertiary_13ds4_178",
|
|
98
105
|
colorTertiary,
|
|
99
|
-
"color-muted": "_color-
|
|
106
|
+
"color-muted": "_color-muted_13ds4_179",
|
|
100
107
|
colorMuted,
|
|
101
|
-
"color-
|
|
108
|
+
"color-accent": "_color-accent_13ds4_183",
|
|
109
|
+
colorAccent,
|
|
110
|
+
"color-success": "_color-success_13ds4_187",
|
|
102
111
|
colorSuccess,
|
|
103
|
-
"color-warning": "_color-
|
|
112
|
+
"color-warning": "_color-warning_13ds4_191",
|
|
104
113
|
colorWarning,
|
|
105
|
-
"color-danger": "_color-
|
|
114
|
+
"color-danger": "_color-danger_13ds4_195",
|
|
106
115
|
colorDanger,
|
|
107
116
|
mono,
|
|
108
117
|
truncate,
|
|
109
118
|
lineClamp,
|
|
110
|
-
"tracking-normal": "_tracking-
|
|
119
|
+
"tracking-normal": "_tracking-normal_13ds4_217",
|
|
111
120
|
trackingNormal,
|
|
112
|
-
"tracking-tight": "_tracking-
|
|
121
|
+
"tracking-tight": "_tracking-tight_13ds4_221",
|
|
113
122
|
trackingTight,
|
|
114
|
-
"tracking-tighter": "_tracking-
|
|
123
|
+
"tracking-tighter": "_tracking-tighter_13ds4_225",
|
|
115
124
|
trackingTighter,
|
|
116
|
-
"tracking-tightest": "_tracking-
|
|
125
|
+
"tracking-tightest": "_tracking-tightest_13ds4_229",
|
|
117
126
|
trackingTightest,
|
|
118
127
|
tabularNums
|
|
119
128
|
};
|
|
129
|
+
exports.colorAccent = colorAccent;
|
|
120
130
|
exports.colorDanger = colorDanger;
|
|
121
131
|
exports.colorMuted = colorMuted;
|
|
122
132
|
exports.colorPrimary = colorPrimary;
|
|
@@ -131,21 +141,24 @@ exports.roleBodyCompact = roleBodyCompact;
|
|
|
131
141
|
exports.roleBodyRelaxed = roleBodyRelaxed;
|
|
132
142
|
exports.roleCaption = roleCaption;
|
|
133
143
|
exports.roleCode = roleCode;
|
|
144
|
+
exports.roleDisplay = roleDisplay;
|
|
145
|
+
exports.roleEyebrow = roleEyebrow;
|
|
146
|
+
exports.roleSectionLabel = roleSectionLabel;
|
|
134
147
|
exports.roleTitleLg = roleTitleLg;
|
|
135
148
|
exports.roleTitleMd = roleTitleMd;
|
|
136
149
|
exports.roleTitleSm = roleTitleSm;
|
|
137
150
|
exports.roleUiCompact = roleUiCompact;
|
|
138
151
|
exports.roleUiStandard = roleUiStandard;
|
|
139
|
-
exports.
|
|
140
|
-
exports.
|
|
141
|
-
exports.
|
|
142
|
-
exports.
|
|
143
|
-
exports.
|
|
144
|
-
exports.
|
|
145
|
-
exports.
|
|
146
|
-
exports.
|
|
147
|
-
exports.
|
|
148
|
-
exports.
|
|
152
|
+
exports.scale2Xl = scale2Xl;
|
|
153
|
+
exports.scale2Xs = scale2Xs;
|
|
154
|
+
exports.scale3Xl = scale3Xl;
|
|
155
|
+
exports.scale4Xl = scale4Xl;
|
|
156
|
+
exports.scaleBase = scaleBase;
|
|
157
|
+
exports.scaleLg = scaleLg;
|
|
158
|
+
exports.scaleMd = scaleMd;
|
|
159
|
+
exports.scaleSm = scaleSm;
|
|
160
|
+
exports.scaleXl = scaleXl;
|
|
161
|
+
exports.scaleXs = scaleXs;
|
|
149
162
|
exports.tabularNums = tabularNums;
|
|
150
163
|
exports.text = text;
|
|
151
164
|
exports.trackingNormal = trackingNormal;
|
|
@@ -153,7 +166,6 @@ exports.trackingTight = trackingTight;
|
|
|
153
166
|
exports.trackingTighter = trackingTighter;
|
|
154
167
|
exports.trackingTightest = trackingTightest;
|
|
155
168
|
exports.truncate = truncate;
|
|
156
|
-
exports.variantSectionLabel = variantSectionLabel;
|
|
157
169
|
exports.weightBold = weightBold;
|
|
158
170
|
exports.weightMedium = weightMedium;
|
|
159
171
|
exports.weightNormal = weightNormal;
|
|
@@ -1,121 +1,131 @@
|
|
|
1
|
-
const text = "
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
1
|
+
const text = "_text_13ds4_1";
|
|
2
|
+
const roleSectionLabel = "_role-section-label_13ds4_7";
|
|
3
|
+
const roleEyebrow = "_role-eyebrow_13ds4_15";
|
|
4
|
+
const roleCaption = "_role-caption_13ds4_25";
|
|
5
|
+
const roleUiCompact = "_role-ui-compact_13ds4_33";
|
|
6
|
+
const roleUiStandard = "_role-ui-standard_13ds4_41";
|
|
7
|
+
const roleBodyCompact = "_role-body-compact_13ds4_49";
|
|
8
|
+
const roleBodyRelaxed = "_role-body-relaxed_13ds4_58";
|
|
9
|
+
const roleTitleSm = "_role-title-sm_13ds4_67";
|
|
10
|
+
const roleTitleMd = "_role-title-md_13ds4_76";
|
|
11
|
+
const roleTitleLg = "_role-title-lg_13ds4_85";
|
|
12
|
+
const roleDisplay = "_role-display_13ds4_94";
|
|
13
|
+
const roleCode = "_role-code_13ds4_102";
|
|
14
|
+
const scale2Xs = "_scale-2xs_13ds4_110";
|
|
15
|
+
const scaleXs = "_scale-xs_13ds4_114";
|
|
16
|
+
const scaleSm = "_scale-sm_13ds4_118";
|
|
17
|
+
const scaleBase = "_scale-base_13ds4_122";
|
|
18
|
+
const scaleMd = "_scale-md_13ds4_126";
|
|
19
|
+
const scaleLg = "_scale-lg_13ds4_130";
|
|
20
|
+
const scaleXl = "_scale-xl_13ds4_134";
|
|
21
|
+
const scale2Xl = "_scale-2xl_13ds4_138";
|
|
22
|
+
const scale3Xl = "_scale-3xl_13ds4_142";
|
|
23
|
+
const scale4Xl = "_scale-4xl_13ds4_148";
|
|
24
|
+
const weightNormal = "_weight-normal_13ds4_154";
|
|
25
|
+
const weightMedium = "_weight-medium_13ds4_158";
|
|
26
|
+
const weightSemibold = "_weight-semibold_13ds4_162";
|
|
27
|
+
const weightBold = "_weight-bold_13ds4_166";
|
|
28
|
+
const colorPrimary = "_color-primary_13ds4_170";
|
|
29
|
+
const colorSecondary = "_color-secondary_13ds4_174";
|
|
30
|
+
const colorTertiary = "_color-tertiary_13ds4_178";
|
|
31
|
+
const colorMuted = "_color-muted_13ds4_179";
|
|
32
|
+
const colorAccent = "_color-accent_13ds4_183";
|
|
33
|
+
const colorSuccess = "_color-success_13ds4_187";
|
|
34
|
+
const colorWarning = "_color-warning_13ds4_191";
|
|
35
|
+
const colorDanger = "_color-danger_13ds4_195";
|
|
36
|
+
const mono = "_mono_13ds4_199";
|
|
37
|
+
const truncate = "_truncate_13ds4_203";
|
|
38
|
+
const lineClamp = "_lineClamp_13ds4_209";
|
|
39
|
+
const trackingNormal = "_tracking-normal_13ds4_217";
|
|
40
|
+
const trackingTight = "_tracking-tight_13ds4_221";
|
|
41
|
+
const trackingTighter = "_tracking-tighter_13ds4_225";
|
|
42
|
+
const trackingTightest = "_tracking-tightest_13ds4_229";
|
|
43
|
+
const tabularNums = "_tabularNums_13ds4_233";
|
|
41
44
|
const styles = {
|
|
42
45
|
text,
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
"role-
|
|
46
|
+
"role-section-label": "_role-section-label_13ds4_7",
|
|
47
|
+
roleSectionLabel,
|
|
48
|
+
"role-eyebrow": "_role-eyebrow_13ds4_15",
|
|
49
|
+
roleEyebrow,
|
|
50
|
+
"role-caption": "_role-caption_13ds4_25",
|
|
46
51
|
roleCaption,
|
|
47
|
-
"role-ui-compact": "_role-ui-
|
|
52
|
+
"role-ui-compact": "_role-ui-compact_13ds4_33",
|
|
48
53
|
roleUiCompact,
|
|
49
|
-
"role-ui-standard": "_role-ui-
|
|
54
|
+
"role-ui-standard": "_role-ui-standard_13ds4_41",
|
|
50
55
|
roleUiStandard,
|
|
51
|
-
"role-body-compact": "_role-body-
|
|
56
|
+
"role-body-compact": "_role-body-compact_13ds4_49",
|
|
52
57
|
roleBodyCompact,
|
|
53
|
-
"role-body-relaxed": "_role-body-
|
|
58
|
+
"role-body-relaxed": "_role-body-relaxed_13ds4_58",
|
|
54
59
|
roleBodyRelaxed,
|
|
55
|
-
"role-title-sm": "_role-title-
|
|
60
|
+
"role-title-sm": "_role-title-sm_13ds4_67",
|
|
56
61
|
roleTitleSm,
|
|
57
|
-
"role-title-md": "_role-title-
|
|
62
|
+
"role-title-md": "_role-title-md_13ds4_76",
|
|
58
63
|
roleTitleMd,
|
|
59
|
-
"role-title-lg": "_role-title-
|
|
64
|
+
"role-title-lg": "_role-title-lg_13ds4_85",
|
|
60
65
|
roleTitleLg,
|
|
61
|
-
"role-
|
|
66
|
+
"role-display": "_role-display_13ds4_94",
|
|
67
|
+
roleDisplay,
|
|
68
|
+
"role-code": "_role-code_13ds4_102",
|
|
62
69
|
roleCode,
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
"
|
|
68
|
-
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
"
|
|
72
|
-
|
|
73
|
-
"
|
|
74
|
-
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
"
|
|
78
|
-
|
|
79
|
-
"
|
|
80
|
-
|
|
81
|
-
"
|
|
82
|
-
|
|
83
|
-
"weight-normal": "_weight-
|
|
70
|
+
"scale-2xs": "_scale-2xs_13ds4_110",
|
|
71
|
+
scale2Xs,
|
|
72
|
+
"scale-xs": "_scale-xs_13ds4_114",
|
|
73
|
+
scaleXs,
|
|
74
|
+
"scale-sm": "_scale-sm_13ds4_118",
|
|
75
|
+
scaleSm,
|
|
76
|
+
"scale-base": "_scale-base_13ds4_122",
|
|
77
|
+
scaleBase,
|
|
78
|
+
"scale-md": "_scale-md_13ds4_126",
|
|
79
|
+
scaleMd,
|
|
80
|
+
"scale-lg": "_scale-lg_13ds4_130",
|
|
81
|
+
scaleLg,
|
|
82
|
+
"scale-xl": "_scale-xl_13ds4_134",
|
|
83
|
+
scaleXl,
|
|
84
|
+
"scale-2xl": "_scale-2xl_13ds4_138",
|
|
85
|
+
scale2Xl,
|
|
86
|
+
"scale-3xl": "_scale-3xl_13ds4_142",
|
|
87
|
+
scale3Xl,
|
|
88
|
+
"scale-4xl": "_scale-4xl_13ds4_148",
|
|
89
|
+
scale4Xl,
|
|
90
|
+
"weight-normal": "_weight-normal_13ds4_154",
|
|
84
91
|
weightNormal,
|
|
85
|
-
"weight-medium": "_weight-
|
|
92
|
+
"weight-medium": "_weight-medium_13ds4_158",
|
|
86
93
|
weightMedium,
|
|
87
|
-
"weight-semibold": "_weight-
|
|
94
|
+
"weight-semibold": "_weight-semibold_13ds4_162",
|
|
88
95
|
weightSemibold,
|
|
89
|
-
"weight-bold": "_weight-
|
|
96
|
+
"weight-bold": "_weight-bold_13ds4_166",
|
|
90
97
|
weightBold,
|
|
91
|
-
"color-primary": "_color-
|
|
98
|
+
"color-primary": "_color-primary_13ds4_170",
|
|
92
99
|
colorPrimary,
|
|
93
|
-
"color-secondary": "_color-
|
|
100
|
+
"color-secondary": "_color-secondary_13ds4_174",
|
|
94
101
|
colorSecondary,
|
|
95
|
-
"color-tertiary": "_color-
|
|
102
|
+
"color-tertiary": "_color-tertiary_13ds4_178",
|
|
96
103
|
colorTertiary,
|
|
97
|
-
"color-muted": "_color-
|
|
104
|
+
"color-muted": "_color-muted_13ds4_179",
|
|
98
105
|
colorMuted,
|
|
99
|
-
"color-
|
|
106
|
+
"color-accent": "_color-accent_13ds4_183",
|
|
107
|
+
colorAccent,
|
|
108
|
+
"color-success": "_color-success_13ds4_187",
|
|
100
109
|
colorSuccess,
|
|
101
|
-
"color-warning": "_color-
|
|
110
|
+
"color-warning": "_color-warning_13ds4_191",
|
|
102
111
|
colorWarning,
|
|
103
|
-
"color-danger": "_color-
|
|
112
|
+
"color-danger": "_color-danger_13ds4_195",
|
|
104
113
|
colorDanger,
|
|
105
114
|
mono,
|
|
106
115
|
truncate,
|
|
107
116
|
lineClamp,
|
|
108
|
-
"tracking-normal": "_tracking-
|
|
117
|
+
"tracking-normal": "_tracking-normal_13ds4_217",
|
|
109
118
|
trackingNormal,
|
|
110
|
-
"tracking-tight": "_tracking-
|
|
119
|
+
"tracking-tight": "_tracking-tight_13ds4_221",
|
|
111
120
|
trackingTight,
|
|
112
|
-
"tracking-tighter": "_tracking-
|
|
121
|
+
"tracking-tighter": "_tracking-tighter_13ds4_225",
|
|
113
122
|
trackingTighter,
|
|
114
|
-
"tracking-tightest": "_tracking-
|
|
123
|
+
"tracking-tightest": "_tracking-tightest_13ds4_229",
|
|
115
124
|
trackingTightest,
|
|
116
125
|
tabularNums
|
|
117
126
|
};
|
|
118
127
|
export {
|
|
128
|
+
colorAccent,
|
|
119
129
|
colorDanger,
|
|
120
130
|
colorMuted,
|
|
121
131
|
colorPrimary,
|
|
@@ -130,21 +140,24 @@ export {
|
|
|
130
140
|
roleBodyRelaxed,
|
|
131
141
|
roleCaption,
|
|
132
142
|
roleCode,
|
|
143
|
+
roleDisplay,
|
|
144
|
+
roleEyebrow,
|
|
145
|
+
roleSectionLabel,
|
|
133
146
|
roleTitleLg,
|
|
134
147
|
roleTitleMd,
|
|
135
148
|
roleTitleSm,
|
|
136
149
|
roleUiCompact,
|
|
137
150
|
roleUiStandard,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
151
|
+
scale2Xl,
|
|
152
|
+
scale2Xs,
|
|
153
|
+
scale3Xl,
|
|
154
|
+
scale4Xl,
|
|
155
|
+
scaleBase,
|
|
156
|
+
scaleLg,
|
|
157
|
+
scaleMd,
|
|
158
|
+
scaleSm,
|
|
159
|
+
scaleXl,
|
|
160
|
+
scaleXs,
|
|
148
161
|
tabularNums,
|
|
149
162
|
text,
|
|
150
163
|
trackingNormal,
|
|
@@ -152,7 +165,6 @@ export {
|
|
|
152
165
|
trackingTighter,
|
|
153
166
|
trackingTightest,
|
|
154
167
|
truncate,
|
|
155
|
-
variantSectionLabel,
|
|
156
168
|
weightBold,
|
|
157
169
|
weightMedium,
|
|
158
170
|
weightNormal,
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const Text_module = require("./Text.module.scss.cjs");
|
|
6
|
+
const env = require("../../utils/env.cjs");
|
|
6
7
|
function _interopNamespaceDefault(e) {
|
|
7
8
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
9
|
if (e) {
|
|
@@ -20,48 +21,51 @@ function _interopNamespaceDefault(e) {
|
|
|
20
21
|
return Object.freeze(n);
|
|
21
22
|
}
|
|
22
23
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
23
|
-
const TextRoot = React__namespace.forwardRef(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
if (process.env.NODE_ENV !== "production" && ignoredLegacyProps) {
|
|
43
|
-
console.warn(
|
|
44
|
-
"[Text] Semantic role takes precedence over size, variant, weight, font, and letterSpacing."
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
const classes = [
|
|
48
|
-
Text_module.default.text,
|
|
49
|
-
role && Text_module.default[`role-${role}`],
|
|
50
|
-
!role && variant && Text_module.default[`variant-${variant}`],
|
|
51
|
-
!role && size && Text_module.default[`size-${size}`],
|
|
52
|
-
!role && weight && Text_module.default[`weight-${weight}`],
|
|
53
|
-
color && Text_module.default[`color-${color}`],
|
|
54
|
-
!role && font === "mono" && Text_module.default.mono,
|
|
55
|
-
truncate && Text_module.default.truncate,
|
|
56
|
-
lineClamp && Text_module.default.lineClamp,
|
|
57
|
-
!role && letterSpacing && Text_module.default[`tracking-${letterSpacing}`],
|
|
58
|
-
tabularNums && Text_module.default.tabularNums,
|
|
59
|
-
className
|
|
60
|
-
].filter(Boolean).join(" ");
|
|
61
|
-
const lineClampStyle = lineClamp ? { "--fui-line-clamp": lineClamp, ...style } : style;
|
|
62
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: classes, style: lineClampStyle, ...htmlProps, children });
|
|
24
|
+
const TextRoot = React__namespace.forwardRef(function Text2({
|
|
25
|
+
children,
|
|
26
|
+
as: Component = "span",
|
|
27
|
+
role,
|
|
28
|
+
scale,
|
|
29
|
+
weight,
|
|
30
|
+
color,
|
|
31
|
+
font,
|
|
32
|
+
truncate,
|
|
33
|
+
lineClamp,
|
|
34
|
+
letterSpacing,
|
|
35
|
+
tabularNums,
|
|
36
|
+
className,
|
|
37
|
+
style,
|
|
38
|
+
...htmlProps
|
|
39
|
+
}, ref) {
|
|
40
|
+
const ignoredScaleProps = role ? [scale, weight, font, letterSpacing].some((value) => value !== void 0) : false;
|
|
41
|
+
if (!env.isProductionBuild() && ignoredScaleProps) {
|
|
42
|
+
console.warn("[Text] A role takes precedence over scale, weight, font, and letterSpacing.");
|
|
63
43
|
}
|
|
64
|
-
|
|
44
|
+
const classes = [
|
|
45
|
+
Text_module.default.text,
|
|
46
|
+
role && Text_module.default[`role-${role}`],
|
|
47
|
+
!role && scale && Text_module.default[`scale-${scale}`],
|
|
48
|
+
!role && weight && Text_module.default[`weight-${weight}`],
|
|
49
|
+
color && Text_module.default[`color-${color}`],
|
|
50
|
+
!role && font === "mono" && Text_module.default.mono,
|
|
51
|
+
truncate && Text_module.default.truncate,
|
|
52
|
+
lineClamp && Text_module.default.lineClamp,
|
|
53
|
+
!role && letterSpacing && Text_module.default[`tracking-${letterSpacing}`],
|
|
54
|
+
tabularNums && Text_module.default.tabularNums,
|
|
55
|
+
className
|
|
56
|
+
].filter(Boolean).join(" ");
|
|
57
|
+
const lineClampStyle = lineClamp ? { "--fui-line-clamp": lineClamp, ...style } : style;
|
|
58
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
59
|
+
Component,
|
|
60
|
+
{
|
|
61
|
+
ref,
|
|
62
|
+
className: classes,
|
|
63
|
+
style: lineClampStyle,
|
|
64
|
+
...htmlProps,
|
|
65
|
+
children
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
});
|
|
65
69
|
const Text = Object.assign(TextRoot, {
|
|
66
70
|
Root: TextRoot
|
|
67
71
|
});
|