@usefragments/ui 1.7.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/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 +4975 -4959
- package/dist/blocks/components/StatsCard.d.ts +1 -1
- package/dist/blocks/components/StatsCard.d.ts.map +1 -1
- package/dist/codeblock.cjs +23 -16
- package/dist/codeblock.js +16 -9
- package/dist/colorpicker.cjs +1 -0
- package/dist/colorpicker.js +1 -0
- 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 +21 -21
- package/dist/components/Alert/Alert.module.scss.js +21 -21
- package/dist/components/Alert/index.cjs +14 -8
- package/dist/components/Alert/index.d.ts +9 -9
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +14 -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/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 +27 -34
- package/dist/components/Card/Card.module.scss.js +27 -34
- package/dist/components/Card/index.cjs +13 -8
- package/dist/components/Card/index.d.ts +23 -25
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +13 -8
- package/dist/components/Chart/Chart.module.scss.cjs +15 -15
- package/dist/components/Chart/Chart.module.scss.js +15 -15
- 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 +2 -2
- 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 +2 -2
- 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 +1 -2
- 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 +1 -2
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +22 -22
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +22 -22
- package/dist/components/CodeBlock/index.d.ts +3 -2
- 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 +9 -5
- package/dist/components/Combobox/index.d.ts.map +1 -1
- package/dist/components/Combobox/index.js +9 -5
- 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 +2 -1
- package/dist/components/Command/index.d.ts +6 -1
- package/dist/components/Command/index.d.ts.map +1 -1
- package/dist/components/Command/index.js +2 -1
- 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.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/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 +2 -2
- package/dist/components/Dialog/index.d.ts +5 -4
- package/dist/components/Dialog/index.d.ts.map +1 -1
- package/dist/components/Dialog/index.js +2 -2
- 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/EmptyState/EmptyState.module.scss.cjs +11 -11
- package/dist/components/EmptyState/EmptyState.module.scss.js +11 -11
- package/dist/components/EmptyState/index.cjs +9 -4
- package/dist/components/EmptyState/index.d.ts +8 -5
- package/dist/components/EmptyState/index.d.ts.map +1 -1
- package/dist/components/EmptyState/index.js +9 -4
- package/dist/components/Field/Field.module.scss.cjs +5 -5
- package/dist/components/Field/Field.module.scss.js +5 -5
- 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/Header/Header.module.scss.cjs +33 -33
- package/dist/components/Header/Header.module.scss.js +33 -33
- 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.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts.map +1 -1
- 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 +24 -16
- package/dist/components/Link/Link.module.scss.js +24 -16
- package/dist/components/Link/index.cjs +13 -2
- package/dist/components/Link/index.d.ts +10 -3
- 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 +30 -30
- package/dist/components/Loading/Loading.module.scss.js +30 -30
- 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/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 +29 -29
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +29 -29
- 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/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 +3 -3
- package/dist/components/Sidebar/index.js +3 -3
- package/dist/components/Skeleton/Skeleton.module.scss.cjs +46 -46
- package/dist/components/Skeleton/Skeleton.module.scss.js +46 -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/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 +15 -15
- package/dist/components/Table/Table.module.scss.js +15 -15
- 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 +1 -1
- package/dist/components/TableOfContents/index.js +1 -1
- 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 +5 -6
- 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 +5 -6
- package/dist/components/Text/Text.module.scss.cjs +105 -105
- package/dist/components/Text/Text.module.scss.js +105 -105
- package/dist/components/Text/index.cjs +5 -9
- package/dist/components/Text/index.d.ts +15 -11
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js +5 -9
- 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 +20 -4
- 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 +20 -4
- 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 -9
- package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +6 -9
- 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 +5 -74
- package/dist/components/ThemeToggle/index.d.ts +5 -8
- package/dist/components/ThemeToggle/index.d.ts.map +1 -1
- package/dist/components/ThemeToggle/index.js +3 -72
- 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/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
- package/dist/data-table-virtual.cjs +3 -2
- package/dist/data-table-virtual.js +3 -2
- package/dist/data-table.cjs +1 -1
- package/dist/data-table.js +1 -1
- package/dist/datepicker.cjs +23 -11
- package/dist/datepicker.js +23 -11
- package/dist/index.cjs +5 -1
- package/dist/index.d.ts +8 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/measurements/generated.cjs +37 -93
- package/dist/measurements/generated.d.ts +37 -92
- package/dist/measurements/generated.d.ts.map +1 -1
- package/dist/measurements/generated.js +37 -93
- package/dist/measurements/index.d.ts +1 -1
- package/dist/measurements/index.d.ts.map +1 -1
- package/dist/utils/seed-derivation.cjs +0 -1
- 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 +0 -1
- 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 +5 -8
- package/src/assets/nav-glyph.module.scss +166 -0
- package/src/assets/nav-glyph.tsx +188 -0
- package/src/components/Accordion/Accordion.module.scss +5 -3
- package/src/components/Alert/Alert.contract.json +18 -18
- package/src/components/Alert/Alert.module.scss +50 -64
- package/src/components/Alert/index.tsx +24 -17
- package/src/components/AppShell/AppShell.contract.json +7 -7
- package/src/components/AppShell/AppShell.module.scss +49 -17
- package/src/components/AppShell/index.tsx +2 -2
- package/src/components/Avatar/Avatar.module.scss +0 -1
- package/src/components/Badge/Badge.contract.json +58 -22
- package/src/components/Badge/Badge.module.scss +72 -47
- package/src/components/Badge/index.tsx +34 -17
- package/src/components/BentoGrid/BentoGrid.module.scss +4 -8
- package/src/components/Box/Box.module.scss +7 -6
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +15 -5
- package/src/components/Breadcrumbs/index.tsx +5 -1
- package/src/components/Button/Button.module.scss +261 -186
- package/src/components/Button/index.tsx +41 -28
- package/src/components/ButtonGroup/ButtonGroup.contract.json +5 -5
- 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 +73 -133
- package/src/components/Card/index.tsx +41 -36
- package/src/components/Chart/Chart.module.scss +6 -5
- package/src/components/Checkbox/Checkbox.contract.json +4 -3
- package/src/components/Checkbox/Checkbox.module.scss +16 -32
- package/src/components/Checkbox/index.tsx +6 -8
- package/src/components/Chip/Chip.contract.json +10 -10
- package/src/components/Chip/Chip.module.scss +23 -22
- package/src/components/Chip/index.tsx +10 -6
- package/src/components/CodeBlock/CodeBlock.module.scss +47 -70
- package/src/components/CodeBlock/index.tsx +23 -16
- package/src/components/Collapsible/Collapsible.module.scss +1 -7
- package/src/components/ColorPicker/ColorPicker.module.scss +20 -13
- package/src/components/ColorPicker/index.tsx +1 -0
- package/src/components/Combobox/Combobox.module.scss +16 -19
- package/src/components/Combobox/index.tsx +10 -1
- package/src/components/Command/Command.contract.json +7 -1
- package/src/components/Command/Command.module.scss +19 -21
- package/src/components/Command/index.tsx +7 -1
- package/src/components/ComponentDefaults/ComponentDefaults.contract.json +91 -0
- package/src/components/ConversationList/ConversationList.module.scss +2 -3
- package/src/components/ConversationList/index.tsx +2 -2
- package/src/components/DataTable/DataTable.module.scss +12 -9
- package/src/components/DataTable/DataTable.virtual.tsx +3 -2
- package/src/components/DataTable/index.tsx +1 -1
- package/src/components/DatePicker/DatePicker.module.scss +32 -42
- package/src/components/DatePicker/index.tsx +18 -7
- package/src/components/Dialog/Dialog.module.scss +23 -29
- package/src/components/Dialog/index.tsx +7 -5
- package/src/components/Drawer/Drawer.contract.json +6 -6
- package/src/components/Drawer/Drawer.module.scss +123 -64
- package/src/components/Drawer/index.tsx +7 -5
- package/src/components/Editor/Editor.contract.json +1 -1
- package/src/components/Editor/Editor.module.scss +26 -13
- package/src/components/EmptyState/EmptyState.contract.json +6 -6
- package/src/components/EmptyState/EmptyState.module.scss +31 -23
- package/src/components/EmptyState/index.tsx +17 -9
- package/src/components/Field/Field.module.scss +2 -1
- package/src/components/Fieldset/Fieldset.module.scss +5 -4
- package/src/components/Form/Form.contract.json +4 -4
- package/src/components/Grid/Grid.module.scss +2 -2
- package/src/components/Header/Header.contract.json +2 -2
- package/src/components/Header/Header.module.scss +24 -36
- package/src/components/Icon/Icon.contract.json +19 -23
- package/src/components/Icon/Icon.module.scss +13 -12
- package/src/components/Icon/index.tsx +31 -31
- package/src/components/IconButton/IconButton.contract.json +8 -8
- package/src/components/IconButton/IconButton.module.scss +13 -4
- package/src/components/IconButton/index.tsx +4 -4
- package/src/components/Input/Input.contract.json +0 -13
- package/src/components/Input/Input.module.scss +4 -54
- package/src/components/Input/index.tsx +2 -18
- package/src/components/Link/Link.contract.json +19 -11
- package/src/components/Link/Link.module.scss +24 -10
- package/src/components/Link/index.tsx +26 -5
- package/src/components/List/List.contract.json +11 -11
- package/src/components/List/List.module.scss +10 -5
- package/src/components/List/index.tsx +17 -13
- package/src/components/Listbox/Listbox.module.scss +14 -20
- package/src/components/Loading/Loading.contract.json +6 -6
- package/src/components/Loading/Loading.module.scss +29 -26
- package/src/components/Loading/index.tsx +13 -12
- package/src/components/Markdown/Markdown.module.scss +2 -1
- package/src/components/Menu/Menu.contract.json +5 -5
- package/src/components/Menu/Menu.module.scss +11 -10
- package/src/components/Message/Message.contract.json +5 -5
- package/src/components/Message/Message.module.scss +8 -6
- package/src/components/Message/index.tsx +2 -2
- package/src/components/NavigationMenu/NavigationMenu.module.scss +22 -67
- package/src/components/Pagination/Pagination.module.scss +7 -14
- package/src/components/Popover/Popover.contract.json +4 -4
- package/src/components/Popover/Popover.module.scss +24 -23
- package/src/components/Progress/Progress.contract.json +11 -11
- package/src/components/Progress/Progress.module.scss +13 -8
- package/src/components/Progress/index.tsx +34 -16
- package/src/components/Prompt/Prompt.contract.json +12 -12
- package/src/components/Prompt/Prompt.module.scss +40 -47
- package/src/components/Prompt/index.tsx +17 -15
- package/src/components/RadioGroup/RadioGroup.contract.json +6 -4
- package/src/components/RadioGroup/RadioGroup.module.scss +38 -32
- package/src/components/RadioGroup/index.tsx +23 -10
- package/src/components/ScrollArea/ScrollArea.module.scss +30 -33
- package/src/components/Select/Select.module.scss +19 -18
- package/src/components/Select/index.tsx +26 -24
- package/src/components/Separator/Separator.contract.json +10 -10
- package/src/components/Separator/Separator.module.scss +24 -40
- package/src/components/Separator/index.tsx +16 -11
- package/src/components/Sidebar/Sidebar.contract.json +1 -1
- package/src/components/Sidebar/Sidebar.module.scss +92 -95
- package/src/components/Sidebar/index.tsx +3 -3
- package/src/components/Skeleton/Skeleton.contract.json +9 -9
- package/src/components/Skeleton/Skeleton.module.scss +23 -16
- package/src/components/Skeleton/index.tsx +16 -15
- package/src/components/Slider/Slider.module.scss +6 -19
- package/src/components/Stack/Stack.contract.json +1 -1
- package/src/components/Stack/Stack.module.scss +13 -12
- package/src/components/Switch/Switch.module.scss +44 -35
- package/src/components/Table/Table.module.scss +9 -13
- package/src/components/TableOfContents/TableOfContents.module.scss +12 -18
- package/src/components/TableOfContents/index.tsx +1 -1
- package/src/components/Tabs/Tabs.contract.json +14 -14
- package/src/components/Tabs/Tabs.module.scss +27 -31
- package/src/components/Tabs/index.tsx +15 -12
- package/src/components/Text/Text.contract.json +36 -14
- package/src/components/Text/Text.module.scss +19 -20
- package/src/components/Text/index.tsx +23 -21
- package/src/components/Textarea/Textarea.contract.json +0 -13
- package/src/components/Textarea/Textarea.module.scss +24 -52
- package/src/components/Textarea/index.tsx +3 -14
- package/src/components/Theme/Theme.contract.json +9 -8
- package/src/components/Theme/index.tsx +39 -12
- package/src/components/ThemeToggle/ThemeButton.tsx +49 -0
- package/src/components/ThemeToggle/ThemeToggle.module.scss +21 -44
- package/src/components/ThemeToggle/icons.tsx +46 -0
- package/src/components/ThemeToggle/index.tsx +8 -90
- package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +11 -10
- package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +9 -7
- package/src/components/ThinkingIndicator/index.tsx +12 -14
- package/src/components/Toast/Toast.contract.json +29 -13
- package/src/components/Toast/Toast.module.scss +49 -104
- package/src/components/Toast/index.tsx +39 -34
- package/src/components/ToggleGroup/ToggleGroup.contract.json +13 -13
- package/src/components/ToggleGroup/ToggleGroup.module.scss +16 -46
- package/src/components/ToggleGroup/index.tsx +11 -11
- package/src/components/Tooltip/Tooltip.contract.json +3 -3
- package/src/components/Tooltip/Tooltip.module.scss +16 -10
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +4 -14
- package/src/index.ts +14 -10
- package/src/measurements/MeasurementTargets.module.scss +6 -7
- package/src/measurements/generated.ts +38 -96
- package/src/measurements/index.ts +0 -1
- package/src/measurements/measurements.json +37 -116
- package/src/recipes/_action.scss +4 -4
- package/src/recipes/_boolean-range.scss +9 -5
- package/src/recipes/_feedback.scss +17 -16
- package/src/recipes/_field.scss +28 -20
- package/src/recipes/_navigation.scss +84 -29
- package/src/recipes/_overlay.scss +143 -43
- package/src/recipes/_popup.scss +46 -36
- package/src/recipes/_prose.scss +35 -23
- package/src/recipes/_representation.scss +10 -9
- package/src/recipes/_segmented.scss +1 -1
- package/src/recipes/_table-chrome.scss +27 -16
- package/src/recipes/_target.scss +2 -4
- package/src/recipes/_typography.scss +10 -0
- package/src/styles/globals.scss +14 -9
- package/src/tokens/_component-properties.scss +19 -1
- package/src/tokens/_computed.scss +27 -33
- package/src/tokens/_measurements.catalog.generated.css +58 -45
- package/src/tokens/_measurements.generated.scss +107 -250
- package/src/tokens/_mixins.scss +42 -40
- package/src/tokens/_palettes.scss +1 -1
- package/src/tokens/_property-registrations.scss +9 -0
- package/src/tokens/_seeds.scss +1 -12
- package/src/tokens/_variables.scss +71 -59
- package/src/utils/seed-derivation.ts +1 -8
- 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/Toggle/index.ts +0 -7
- package/src/tokens/_density.scss +0 -85
|
@@ -1,30 +1,31 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const table = "
|
|
3
|
-
const caption = "
|
|
4
|
-
const captionHidden = "
|
|
5
|
-
const thead = "
|
|
6
|
-
const headerRow = "
|
|
7
|
-
const row = "
|
|
8
|
-
const th = "
|
|
9
|
-
const headerContent = "
|
|
10
|
-
const sortButton = "
|
|
11
|
-
const sortIndicator = "
|
|
12
|
-
const td = "
|
|
13
|
-
const treeCell = "
|
|
14
|
-
const clickable = "
|
|
15
|
-
const selected = "
|
|
16
|
-
const striped = "
|
|
17
|
-
const bordered = "
|
|
18
|
-
const fixedLayout = "
|
|
19
|
-
const truncate = "
|
|
20
|
-
const skeletonBar = "
|
|
21
|
-
const expandCell = "
|
|
22
|
-
const expandButton = "
|
|
23
|
-
const expandIcon = "
|
|
24
|
-
const expandIconOpen = "
|
|
25
|
-
const subRow = "
|
|
26
|
-
const emptyState = "
|
|
27
|
-
const emptyMessage = "
|
|
1
|
+
const wrapper = "_wrapper_tcjr7_1";
|
|
2
|
+
const table = "_table_tcjr7_13";
|
|
3
|
+
const caption = "_caption_tcjr7_67";
|
|
4
|
+
const captionHidden = "_captionHidden_tcjr7_80";
|
|
5
|
+
const thead = "_thead_tcjr7_92";
|
|
6
|
+
const headerRow = "_headerRow_tcjr7_98";
|
|
7
|
+
const row = "_row_tcjr7_99";
|
|
8
|
+
const th = "_th_tcjr7_92";
|
|
9
|
+
const headerContent = "_headerContent_tcjr7_131";
|
|
10
|
+
const sortButton = "_sortButton_tcjr7_132";
|
|
11
|
+
const sortIndicator = "_sortIndicator_tcjr7_177";
|
|
12
|
+
const td = "_td_tcjr7_208";
|
|
13
|
+
const treeCell = "_treeCell_tcjr7_215";
|
|
14
|
+
const clickable = "_clickable_tcjr7_219";
|
|
15
|
+
const selected = "_selected_tcjr7_230";
|
|
16
|
+
const striped = "_striped_tcjr7_240";
|
|
17
|
+
const bordered = "_bordered_tcjr7_250";
|
|
18
|
+
const fixedLayout = "_fixedLayout_tcjr7_260";
|
|
19
|
+
const truncate = "_truncate_tcjr7_284";
|
|
20
|
+
const skeletonBar = "_skeletonBar_tcjr7_290";
|
|
21
|
+
const expandCell = "_expandCell_tcjr7_313";
|
|
22
|
+
const expandButton = "_expandButton_tcjr7_319";
|
|
23
|
+
const expandIcon = "_expandIcon_tcjr7_386";
|
|
24
|
+
const expandIconOpen = "_expandIconOpen_tcjr7_393";
|
|
25
|
+
const subRow = "_subRow_tcjr7_397";
|
|
26
|
+
const emptyState = "_emptyState_tcjr7_401";
|
|
27
|
+
const emptyMessage = "_emptyMessage_tcjr7_409";
|
|
28
|
+
const virtualSpacer = "_virtualSpacer_tcjr7_419";
|
|
28
29
|
const styles = {
|
|
29
30
|
wrapper,
|
|
30
31
|
table,
|
|
@@ -52,7 +53,8 @@ const styles = {
|
|
|
52
53
|
expandIconOpen,
|
|
53
54
|
subRow,
|
|
54
55
|
emptyState,
|
|
55
|
-
emptyMessage
|
|
56
|
+
emptyMessage,
|
|
57
|
+
virtualSpacer
|
|
56
58
|
};
|
|
57
59
|
export {
|
|
58
60
|
bordered,
|
|
@@ -82,5 +84,6 @@ export {
|
|
|
82
84
|
thead,
|
|
83
85
|
treeCell,
|
|
84
86
|
truncate,
|
|
87
|
+
virtualSpacer,
|
|
85
88
|
wrapper
|
|
86
89
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.virtual.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.virtual.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.virtual.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.virtual.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAalD,+EAA+E;AAC/E,MAAM,WAAW,eAAe,CAAC,KAAK;IACpC;uEACmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,EAAE,KAAK,CAAC;IACZ,4BAA4B;IAC5B,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,wEAAwE;IACxE,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,4DAA4D;IAC5D,gBAAgB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC3C;yEACqE;IACrE,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,4DAA4D;IAC5D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC7D,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK;IAC9C,8DAA8D;IAC9D,WAAW,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,yEAAyE;IACzE,UAAU,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,aAAa,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB;kEAC8D;IAC9D,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,6EAA6E;IAC7E,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,EACnC,OAAO,EACP,aAAqB,EACrB,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,EACb,OAAO,EACP,SAAS,EACT,GAAG,UAAU,EACd,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAoB9B;AAED,eAAO,MAAM,gBAAgB;;;;;CAK3B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAa,EACb,OAAc,GACf,EAAE,0BAA0B,CAAC,KAAK,CAAC,GAAG,yBAAyB,CAAC,KAAK,CAAC,CA+CtE"}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const label = "
|
|
5
|
-
const helper = "
|
|
6
|
-
const helperError = "
|
|
7
|
-
const errorMessage = "
|
|
8
|
-
const trigger = "
|
|
9
|
-
const triggerSm = "
|
|
10
|
-
const triggerLg = "
|
|
11
|
-
const triggerIcon = "
|
|
12
|
-
const triggerValue = "
|
|
13
|
-
const triggerPlaceholder = "
|
|
14
|
-
const positioner = "
|
|
15
|
-
const popup = "
|
|
16
|
-
const calendar = "
|
|
17
|
-
const months = "
|
|
18
|
-
const monthCaption = "
|
|
19
|
-
const captionLabel = "
|
|
20
|
-
const nav = "
|
|
21
|
-
const navButton = "
|
|
22
|
-
const chevron = "
|
|
23
|
-
const monthGrid = "
|
|
24
|
-
const weekday = "
|
|
25
|
-
const day = "
|
|
26
|
-
const dayButton = "
|
|
27
|
-
const today = "
|
|
28
|
-
const selected = "
|
|
29
|
-
const outside = "
|
|
30
|
-
const disabled = "
|
|
31
|
-
const focused = "
|
|
32
|
-
const rangeStart = "
|
|
33
|
-
const rangeEnd = "
|
|
34
|
-
const rangeMiddle = "
|
|
35
|
-
const preset = "
|
|
3
|
+
const wrapper = "_wrapper_1y733_1";
|
|
4
|
+
const label = "_label_1y733_8";
|
|
5
|
+
const helper = "_helper_1y733_17";
|
|
6
|
+
const helperError = "_helperError_1y733_27";
|
|
7
|
+
const errorMessage = "_errorMessage_1y733_28";
|
|
8
|
+
const trigger = "_trigger_1y733_38";
|
|
9
|
+
const triggerSm = "_triggerSm_1y733_109";
|
|
10
|
+
const triggerLg = "_triggerLg_1y733_121";
|
|
11
|
+
const triggerIcon = "_triggerIcon_1y733_134";
|
|
12
|
+
const triggerValue = "_triggerValue_1y733_158";
|
|
13
|
+
const triggerPlaceholder = "_triggerPlaceholder_1y733_166";
|
|
14
|
+
const positioner = "_positioner_1y733_175";
|
|
15
|
+
const popup = "_popup_1y733_180";
|
|
16
|
+
const calendar = "_calendar_1y733_223";
|
|
17
|
+
const months = "_months_1y733_234";
|
|
18
|
+
const monthCaption = "_monthCaption_1y733_239";
|
|
19
|
+
const captionLabel = "_captionLabel_1y733_246";
|
|
20
|
+
const nav = "_nav_1y733_252";
|
|
21
|
+
const navButton = "_navButton_1y733_263";
|
|
22
|
+
const chevron = "_chevron_1y733_329";
|
|
23
|
+
const monthGrid = "_monthGrid_1y733_333";
|
|
24
|
+
const weekday = "_weekday_1y733_338";
|
|
25
|
+
const day = "_day_1y733_352";
|
|
26
|
+
const dayButton = "_dayButton_1y733_361";
|
|
27
|
+
const today = "_today_1y733_395";
|
|
28
|
+
const selected = "_selected_1y733_400";
|
|
29
|
+
const outside = "_outside_1y733_409";
|
|
30
|
+
const disabled = "_disabled_1y733_414";
|
|
31
|
+
const focused = "_focused_1y733_421";
|
|
32
|
+
const rangeStart = "_rangeStart_1y733_426";
|
|
33
|
+
const rangeEnd = "_rangeEnd_1y733_427";
|
|
34
|
+
const rangeMiddle = "_rangeMiddle_1y733_428";
|
|
35
|
+
const preset = "_preset_1y733_485";
|
|
36
36
|
const styles = {
|
|
37
37
|
wrapper,
|
|
38
38
|
label,
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const label = "
|
|
3
|
-
const helper = "
|
|
4
|
-
const helperError = "
|
|
5
|
-
const errorMessage = "
|
|
6
|
-
const trigger = "
|
|
7
|
-
const triggerSm = "
|
|
8
|
-
const triggerLg = "
|
|
9
|
-
const triggerIcon = "
|
|
10
|
-
const triggerValue = "
|
|
11
|
-
const triggerPlaceholder = "
|
|
12
|
-
const positioner = "
|
|
13
|
-
const popup = "
|
|
14
|
-
const calendar = "
|
|
15
|
-
const months = "
|
|
16
|
-
const monthCaption = "
|
|
17
|
-
const captionLabel = "
|
|
18
|
-
const nav = "
|
|
19
|
-
const navButton = "
|
|
20
|
-
const chevron = "
|
|
21
|
-
const monthGrid = "
|
|
22
|
-
const weekday = "
|
|
23
|
-
const day = "
|
|
24
|
-
const dayButton = "
|
|
25
|
-
const today = "
|
|
26
|
-
const selected = "
|
|
27
|
-
const outside = "
|
|
28
|
-
const disabled = "
|
|
29
|
-
const focused = "
|
|
30
|
-
const rangeStart = "
|
|
31
|
-
const rangeEnd = "
|
|
32
|
-
const rangeMiddle = "
|
|
33
|
-
const preset = "
|
|
1
|
+
const wrapper = "_wrapper_1y733_1";
|
|
2
|
+
const label = "_label_1y733_8";
|
|
3
|
+
const helper = "_helper_1y733_17";
|
|
4
|
+
const helperError = "_helperError_1y733_27";
|
|
5
|
+
const errorMessage = "_errorMessage_1y733_28";
|
|
6
|
+
const trigger = "_trigger_1y733_38";
|
|
7
|
+
const triggerSm = "_triggerSm_1y733_109";
|
|
8
|
+
const triggerLg = "_triggerLg_1y733_121";
|
|
9
|
+
const triggerIcon = "_triggerIcon_1y733_134";
|
|
10
|
+
const triggerValue = "_triggerValue_1y733_158";
|
|
11
|
+
const triggerPlaceholder = "_triggerPlaceholder_1y733_166";
|
|
12
|
+
const positioner = "_positioner_1y733_175";
|
|
13
|
+
const popup = "_popup_1y733_180";
|
|
14
|
+
const calendar = "_calendar_1y733_223";
|
|
15
|
+
const months = "_months_1y733_234";
|
|
16
|
+
const monthCaption = "_monthCaption_1y733_239";
|
|
17
|
+
const captionLabel = "_captionLabel_1y733_246";
|
|
18
|
+
const nav = "_nav_1y733_252";
|
|
19
|
+
const navButton = "_navButton_1y733_263";
|
|
20
|
+
const chevron = "_chevron_1y733_329";
|
|
21
|
+
const monthGrid = "_monthGrid_1y733_333";
|
|
22
|
+
const weekday = "_weekday_1y733_338";
|
|
23
|
+
const day = "_day_1y733_352";
|
|
24
|
+
const dayButton = "_dayButton_1y733_361";
|
|
25
|
+
const today = "_today_1y733_395";
|
|
26
|
+
const selected = "_selected_1y733_400";
|
|
27
|
+
const outside = "_outside_1y733_409";
|
|
28
|
+
const disabled = "_disabled_1y733_414";
|
|
29
|
+
const focused = "_focused_1y733_421";
|
|
30
|
+
const rangeStart = "_rangeStart_1y733_426";
|
|
31
|
+
const rangeEnd = "_rangeEnd_1y733_427";
|
|
32
|
+
const rangeMiddle = "_rangeMiddle_1y733_428";
|
|
33
|
+
const preset = "_preset_1y733_485";
|
|
34
34
|
const styles = {
|
|
35
35
|
wrapper,
|
|
36
36
|
label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUxE,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AAC1E,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;AAC5E,KAAK,MAAM,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,oCAAoC;IACpC,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IACpC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC3C,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAgKD,iBAAS,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAqB1C;AA0DD,QAAA,MAAM,cAAc,wFAsMlB,CAAC;AAEH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,IAAe,EACf,GAAG,SAAS,EACb,EAAE,sBAAsB,2CAwCxB;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,UAA4B,EAC5B,KAAe,EACf,GAAG,SAAS,EACb,EAAE,sBAAsB,2CAiBxB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,cAAc,EAAE,kBAAkB,EAClC,SAAS,GACV,EAAE,uBAAuB,kDAoEzB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAsBvB;AAMD,eAAO,MAAM,UAAU;;;;;IAKrB,uEAAuE;;CAEvE,CAAC;AAGH,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,CAAC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const backdrop = "
|
|
4
|
-
const positioner = "
|
|
5
|
-
const popup = "
|
|
6
|
-
const sm = "
|
|
7
|
-
const md = "
|
|
8
|
-
const lg = "
|
|
9
|
-
const xl = "
|
|
10
|
-
const full = "
|
|
11
|
-
const header = "
|
|
12
|
-
const title = "
|
|
13
|
-
const description = "
|
|
14
|
-
const body = "
|
|
15
|
-
const footer = "
|
|
16
|
-
const close = "
|
|
3
|
+
const backdrop = "_backdrop_11tcr_1";
|
|
4
|
+
const positioner = "_positioner_11tcr_16";
|
|
5
|
+
const popup = "_popup_11tcr_50";
|
|
6
|
+
const sm = "_sm_11tcr_85";
|
|
7
|
+
const md = "_md_11tcr_89";
|
|
8
|
+
const lg = "_lg_11tcr_93";
|
|
9
|
+
const xl = "_xl_11tcr_97";
|
|
10
|
+
const full = "_full_11tcr_101";
|
|
11
|
+
const header = "_header_11tcr_105";
|
|
12
|
+
const title = "_title_11tcr_119";
|
|
13
|
+
const description = "_description_11tcr_130";
|
|
14
|
+
const body = "_body_11tcr_141";
|
|
15
|
+
const footer = "_footer_11tcr_159";
|
|
16
|
+
const close = "_close_11tcr_177";
|
|
17
17
|
const styles = {
|
|
18
18
|
backdrop,
|
|
19
19
|
positioner,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
const backdrop = "
|
|
2
|
-
const positioner = "
|
|
3
|
-
const popup = "
|
|
4
|
-
const sm = "
|
|
5
|
-
const md = "
|
|
6
|
-
const lg = "
|
|
7
|
-
const xl = "
|
|
8
|
-
const full = "
|
|
9
|
-
const header = "
|
|
10
|
-
const title = "
|
|
11
|
-
const description = "
|
|
12
|
-
const body = "
|
|
13
|
-
const footer = "
|
|
14
|
-
const close = "
|
|
1
|
+
const backdrop = "_backdrop_11tcr_1";
|
|
2
|
+
const positioner = "_positioner_11tcr_16";
|
|
3
|
+
const popup = "_popup_11tcr_50";
|
|
4
|
+
const sm = "_sm_11tcr_85";
|
|
5
|
+
const md = "_md_11tcr_89";
|
|
6
|
+
const lg = "_lg_11tcr_93";
|
|
7
|
+
const xl = "_xl_11tcr_97";
|
|
8
|
+
const full = "_full_11tcr_101";
|
|
9
|
+
const header = "_header_11tcr_105";
|
|
10
|
+
const title = "_title_11tcr_119";
|
|
11
|
+
const description = "_description_11tcr_130";
|
|
12
|
+
const body = "_body_11tcr_141";
|
|
13
|
+
const footer = "_footer_11tcr_159";
|
|
14
|
+
const close = "_close_11tcr_177";
|
|
15
15
|
const styles = {
|
|
16
16
|
backdrop,
|
|
17
17
|
positioner,
|
|
@@ -53,12 +53,12 @@ function DialogTrigger({ children, asChild, className, ...htmlProps }) {
|
|
|
53
53
|
}
|
|
54
54
|
function DialogContent({
|
|
55
55
|
children,
|
|
56
|
-
|
|
56
|
+
width = "md",
|
|
57
57
|
initialFocus = true,
|
|
58
58
|
className,
|
|
59
59
|
...htmlProps
|
|
60
60
|
}) {
|
|
61
|
-
const popupClasses = [Dialog_module.default.popup, Dialog_module.default[
|
|
61
|
+
const popupClasses = [Dialog_module.default.popup, Dialog_module.default[width], className].filter(Boolean).join(" ");
|
|
62
62
|
return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
|
|
63
63
|
/* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Dialog_module.default.backdrop }),
|
|
64
64
|
/* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Viewport, { className: Dialog_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus, ...htmlProps, className: popupClasses, children }) })
|
|
@@ -3,6 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
* Modal dialog overlay for confirmations, forms, and focused tasks.
|
|
4
4
|
* @see https://usefragments.com/components/dialog
|
|
5
5
|
*/
|
|
6
|
+
export type DialogWidth = "sm" | "md" | "lg" | "xl" | "full";
|
|
6
7
|
export interface DialogProps {
|
|
7
8
|
children: React.ReactNode;
|
|
8
9
|
/** Controlled open state */
|
|
@@ -17,10 +18,10 @@ export interface DialogProps {
|
|
|
17
18
|
}
|
|
18
19
|
export interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
19
20
|
children: React.ReactNode;
|
|
20
|
-
/** Dialog width.
|
|
21
|
+
/** Dialog width. `full` spans the safe viewport.
|
|
21
22
|
* @default "md"
|
|
22
|
-
* @see https://usefragments.com/components/dialog#
|
|
23
|
-
|
|
23
|
+
* @see https://usefragments.com/components/dialog#widths */
|
|
24
|
+
width?: DialogWidth;
|
|
24
25
|
/** Whether the dialog should autofocus content on open.
|
|
25
26
|
* @default true */
|
|
26
27
|
initialFocus?: boolean;
|
|
@@ -60,7 +61,7 @@ type DialogCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, "children
|
|
|
60
61
|
export type DialogCloseProps = DialogCloseAsButtonProps | DialogCloseAsChildProps;
|
|
61
62
|
declare function DialogRoot({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
62
63
|
declare function DialogTrigger({ children, asChild, className, ...htmlProps }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
declare function DialogContent({ children,
|
|
64
|
+
declare function DialogContent({ children, width, initialFocus, className, ...htmlProps }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
64
65
|
declare function DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
65
66
|
declare function DialogTitle({ children, className, ...htmlProps }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
66
67
|
declare function DialogDescription({ children, className, ...htmlProps }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;uBACmB;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,12 +51,12 @@ function DialogTrigger({ children, asChild, className, ...htmlProps }) {
|
|
|
51
51
|
}
|
|
52
52
|
function DialogContent({
|
|
53
53
|
children,
|
|
54
|
-
|
|
54
|
+
width = "md",
|
|
55
55
|
initialFocus = true,
|
|
56
56
|
className,
|
|
57
57
|
...htmlProps
|
|
58
58
|
}) {
|
|
59
|
-
const popupClasses = [styles.popup, styles[
|
|
59
|
+
const popupClasses = [styles.popup, styles[width], className].filter(Boolean).join(" ");
|
|
60
60
|
return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
|
|
61
61
|
/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: styles.backdrop }),
|
|
62
62
|
/* @__PURE__ */ jsx(Dialog$1.Viewport, { className: styles.positioner, children: /* @__PURE__ */ jsx(Dialog$1.Popup, { initialFocus, ...htmlProps, className: popupClasses, children }) })
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const backdrop = "
|
|
4
|
-
const viewport = "
|
|
5
|
-
const popup = "
|
|
6
|
-
const content = "
|
|
7
|
-
const sideRight = "_side-
|
|
8
|
-
const sideLeft = "_side-
|
|
9
|
-
const sideTop = "_side-
|
|
10
|
-
const sideBottom = "_side-
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const header = "
|
|
17
|
-
const title = "
|
|
18
|
-
const description = "
|
|
19
|
-
const body = "
|
|
20
|
-
const footer = "
|
|
21
|
-
const close = "
|
|
22
|
-
const swipeArea = "
|
|
3
|
+
const backdrop = "_backdrop_h4j8i_1";
|
|
4
|
+
const viewport = "_viewport_h4j8i_16";
|
|
5
|
+
const popup = "_popup_h4j8i_48";
|
|
6
|
+
const content = "_content_h4j8i_76";
|
|
7
|
+
const sideRight = "_side-right_h4j8i_83";
|
|
8
|
+
const sideLeft = "_side-left_h4j8i_101";
|
|
9
|
+
const sideTop = "_side-top_h4j8i_119";
|
|
10
|
+
const sideBottom = "_side-bottom_h4j8i_131";
|
|
11
|
+
const widthSm = "_width-sm_h4j8i_147";
|
|
12
|
+
const widthMd = "_width-md_h4j8i_151";
|
|
13
|
+
const widthLg = "_width-lg_h4j8i_155";
|
|
14
|
+
const widthXl = "_width-xl_h4j8i_159";
|
|
15
|
+
const widthFull = "_width-full_h4j8i_163";
|
|
16
|
+
const header = "_header_h4j8i_189";
|
|
17
|
+
const title = "_title_h4j8i_203";
|
|
18
|
+
const description = "_description_h4j8i_214";
|
|
19
|
+
const body = "_body_h4j8i_225";
|
|
20
|
+
const footer = "_footer_h4j8i_246";
|
|
21
|
+
const close = "_close_h4j8i_264";
|
|
22
|
+
const swipeArea = "_swipeArea_h4j8i_351";
|
|
23
23
|
const styles = {
|
|
24
24
|
backdrop,
|
|
25
25
|
viewport,
|
|
26
26
|
popup,
|
|
27
27
|
content,
|
|
28
|
-
"side-right": "_side-
|
|
28
|
+
"side-right": "_side-right_h4j8i_83",
|
|
29
29
|
sideRight,
|
|
30
|
-
"side-left": "_side-
|
|
30
|
+
"side-left": "_side-left_h4j8i_101",
|
|
31
31
|
sideLeft,
|
|
32
|
-
"side-top": "_side-
|
|
32
|
+
"side-top": "_side-top_h4j8i_119",
|
|
33
33
|
sideTop,
|
|
34
|
-
"side-bottom": "_side-
|
|
34
|
+
"side-bottom": "_side-bottom_h4j8i_131",
|
|
35
35
|
sideBottom,
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
"
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
|
|
36
|
+
"width-sm": "_width-sm_h4j8i_147",
|
|
37
|
+
widthSm,
|
|
38
|
+
"width-md": "_width-md_h4j8i_151",
|
|
39
|
+
widthMd,
|
|
40
|
+
"width-lg": "_width-lg_h4j8i_155",
|
|
41
|
+
widthLg,
|
|
42
|
+
"width-xl": "_width-xl_h4j8i_159",
|
|
43
|
+
widthXl,
|
|
44
|
+
"width-full": "_width-full_h4j8i_163",
|
|
45
|
+
widthFull,
|
|
46
46
|
header,
|
|
47
47
|
title,
|
|
48
48
|
description,
|
|
@@ -64,11 +64,11 @@ exports.sideBottom = sideBottom;
|
|
|
64
64
|
exports.sideLeft = sideLeft;
|
|
65
65
|
exports.sideRight = sideRight;
|
|
66
66
|
exports.sideTop = sideTop;
|
|
67
|
-
exports.sizeFull = sizeFull;
|
|
68
|
-
exports.sizeLg = sizeLg;
|
|
69
|
-
exports.sizeMd = sizeMd;
|
|
70
|
-
exports.sizeSm = sizeSm;
|
|
71
|
-
exports.sizeXl = sizeXl;
|
|
72
67
|
exports.swipeArea = swipeArea;
|
|
73
68
|
exports.title = title;
|
|
74
69
|
exports.viewport = viewport;
|
|
70
|
+
exports.widthFull = widthFull;
|
|
71
|
+
exports.widthLg = widthLg;
|
|
72
|
+
exports.widthMd = widthMd;
|
|
73
|
+
exports.widthSm = widthSm;
|
|
74
|
+
exports.widthXl = widthXl;
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
const backdrop = "
|
|
2
|
-
const viewport = "
|
|
3
|
-
const popup = "
|
|
4
|
-
const content = "
|
|
5
|
-
const sideRight = "_side-
|
|
6
|
-
const sideLeft = "_side-
|
|
7
|
-
const sideTop = "_side-
|
|
8
|
-
const sideBottom = "_side-
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const header = "
|
|
15
|
-
const title = "
|
|
16
|
-
const description = "
|
|
17
|
-
const body = "
|
|
18
|
-
const footer = "
|
|
19
|
-
const close = "
|
|
20
|
-
const swipeArea = "
|
|
1
|
+
const backdrop = "_backdrop_h4j8i_1";
|
|
2
|
+
const viewport = "_viewport_h4j8i_16";
|
|
3
|
+
const popup = "_popup_h4j8i_48";
|
|
4
|
+
const content = "_content_h4j8i_76";
|
|
5
|
+
const sideRight = "_side-right_h4j8i_83";
|
|
6
|
+
const sideLeft = "_side-left_h4j8i_101";
|
|
7
|
+
const sideTop = "_side-top_h4j8i_119";
|
|
8
|
+
const sideBottom = "_side-bottom_h4j8i_131";
|
|
9
|
+
const widthSm = "_width-sm_h4j8i_147";
|
|
10
|
+
const widthMd = "_width-md_h4j8i_151";
|
|
11
|
+
const widthLg = "_width-lg_h4j8i_155";
|
|
12
|
+
const widthXl = "_width-xl_h4j8i_159";
|
|
13
|
+
const widthFull = "_width-full_h4j8i_163";
|
|
14
|
+
const header = "_header_h4j8i_189";
|
|
15
|
+
const title = "_title_h4j8i_203";
|
|
16
|
+
const description = "_description_h4j8i_214";
|
|
17
|
+
const body = "_body_h4j8i_225";
|
|
18
|
+
const footer = "_footer_h4j8i_246";
|
|
19
|
+
const close = "_close_h4j8i_264";
|
|
20
|
+
const swipeArea = "_swipeArea_h4j8i_351";
|
|
21
21
|
const styles = {
|
|
22
22
|
backdrop,
|
|
23
23
|
viewport,
|
|
24
24
|
popup,
|
|
25
25
|
content,
|
|
26
|
-
"side-right": "_side-
|
|
26
|
+
"side-right": "_side-right_h4j8i_83",
|
|
27
27
|
sideRight,
|
|
28
|
-
"side-left": "_side-
|
|
28
|
+
"side-left": "_side-left_h4j8i_101",
|
|
29
29
|
sideLeft,
|
|
30
|
-
"side-top": "_side-
|
|
30
|
+
"side-top": "_side-top_h4j8i_119",
|
|
31
31
|
sideTop,
|
|
32
|
-
"side-bottom": "_side-
|
|
32
|
+
"side-bottom": "_side-bottom_h4j8i_131",
|
|
33
33
|
sideBottom,
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
"
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
"
|
|
43
|
-
|
|
34
|
+
"width-sm": "_width-sm_h4j8i_147",
|
|
35
|
+
widthSm,
|
|
36
|
+
"width-md": "_width-md_h4j8i_151",
|
|
37
|
+
widthMd,
|
|
38
|
+
"width-lg": "_width-lg_h4j8i_155",
|
|
39
|
+
widthLg,
|
|
40
|
+
"width-xl": "_width-xl_h4j8i_159",
|
|
41
|
+
widthXl,
|
|
42
|
+
"width-full": "_width-full_h4j8i_163",
|
|
43
|
+
widthFull,
|
|
44
44
|
header,
|
|
45
45
|
title,
|
|
46
46
|
description,
|
|
@@ -63,12 +63,12 @@ export {
|
|
|
63
63
|
sideLeft,
|
|
64
64
|
sideRight,
|
|
65
65
|
sideTop,
|
|
66
|
-
sizeFull,
|
|
67
|
-
sizeLg,
|
|
68
|
-
sizeMd,
|
|
69
|
-
sizeSm,
|
|
70
|
-
sizeXl,
|
|
71
66
|
swipeArea,
|
|
72
67
|
title,
|
|
73
|
-
viewport
|
|
68
|
+
viewport,
|
|
69
|
+
widthFull,
|
|
70
|
+
widthLg,
|
|
71
|
+
widthMd,
|
|
72
|
+
widthSm,
|
|
73
|
+
widthXl
|
|
74
74
|
};
|
|
@@ -95,7 +95,7 @@ function DrawerTrigger({ children, asChild, className, ...htmlProps }) {
|
|
|
95
95
|
function DrawerContent({
|
|
96
96
|
children,
|
|
97
97
|
side = "right",
|
|
98
|
-
|
|
98
|
+
width = "md",
|
|
99
99
|
backdrop = true,
|
|
100
100
|
initialFocus = true,
|
|
101
101
|
viewportProps,
|
|
@@ -104,7 +104,7 @@ function DrawerContent({
|
|
|
104
104
|
}) {
|
|
105
105
|
const registerContentSide = React__namespace.useContext(DrawerContentSideContext);
|
|
106
106
|
const { className: viewportClassName, ...viewportHtmlProps } = viewportProps ?? {};
|
|
107
|
-
const popupClasses = [Drawer_module.default.popup, Drawer_module.default[`side-${side}`], Drawer_module.default[`
|
|
107
|
+
const popupClasses = [Drawer_module.default.popup, Drawer_module.default[`side-${side}`], Drawer_module.default[`width-${width}`], className].filter(Boolean).join(" ");
|
|
108
108
|
React__namespace.useEffect(() => {
|
|
109
109
|
registerContentSide(side);
|
|
110
110
|
return () => {
|