@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,36 +1,36 @@
|
|
|
1
|
-
const prompt = "
|
|
2
|
-
const fixed = "
|
|
3
|
-
const sticky = "
|
|
4
|
-
const
|
|
5
|
-
const toolbar = "
|
|
6
|
-
const textarea = "
|
|
7
|
-
const attachments = "
|
|
8
|
-
const tabs = "
|
|
9
|
-
const tabsInner = "
|
|
10
|
-
const attach = "
|
|
11
|
-
const select = "
|
|
12
|
-
const modeButton = "
|
|
13
|
-
const submit = "
|
|
14
|
-
const tabButton = "
|
|
15
|
-
const tabButtonActive = "
|
|
16
|
-
const actions = "
|
|
17
|
-
const info = "
|
|
18
|
-
const actionButton = "
|
|
19
|
-
const modeButtonActive = "
|
|
20
|
-
const attachment = "
|
|
21
|
-
const attachmentThumb = "
|
|
22
|
-
const attachmentName = "
|
|
23
|
-
const attachmentSize = "
|
|
24
|
-
const attachmentRemove = "
|
|
25
|
-
const dragging = "
|
|
26
|
-
const usage = "
|
|
27
|
-
const submitLoading = "
|
|
28
|
-
const submitSpinner = "
|
|
1
|
+
const prompt = "_prompt_11mxt_1";
|
|
2
|
+
const fixed = "_fixed_11mxt_61";
|
|
3
|
+
const sticky = "_sticky_11mxt_72";
|
|
4
|
+
const ghost = "_ghost_11mxt_87";
|
|
5
|
+
const toolbar = "_toolbar_11mxt_100";
|
|
6
|
+
const textarea = "_textarea_11mxt_105";
|
|
7
|
+
const attachments = "_attachments_11mxt_108";
|
|
8
|
+
const tabs = "_tabs_11mxt_113";
|
|
9
|
+
const tabsInner = "_tabsInner_11mxt_121";
|
|
10
|
+
const attach = "_attach_11mxt_108";
|
|
11
|
+
const select = "_select_11mxt_139";
|
|
12
|
+
const modeButton = "_modeButton_11mxt_140";
|
|
13
|
+
const submit = "_submit_11mxt_171";
|
|
14
|
+
const tabButton = "_tabButton_11mxt_236";
|
|
15
|
+
const tabButtonActive = "_tabButtonActive_11mxt_286";
|
|
16
|
+
const actions = "_actions_11mxt_302";
|
|
17
|
+
const info = "_info_11mxt_309";
|
|
18
|
+
const actionButton = "_actionButton_11mxt_316";
|
|
19
|
+
const modeButtonActive = "_modeButtonActive_11mxt_460";
|
|
20
|
+
const attachment = "_attachment_11mxt_108";
|
|
21
|
+
const attachmentThumb = "_attachmentThumb_11mxt_575";
|
|
22
|
+
const attachmentName = "_attachmentName_11mxt_583";
|
|
23
|
+
const attachmentSize = "_attachmentSize_11mxt_591";
|
|
24
|
+
const attachmentRemove = "_attachmentRemove_11mxt_597";
|
|
25
|
+
const dragging = "_dragging_11mxt_679";
|
|
26
|
+
const usage = "_usage_11mxt_687";
|
|
27
|
+
const submitLoading = "_submitLoading_11mxt_766";
|
|
28
|
+
const submitSpinner = "_submitSpinner_11mxt_770";
|
|
29
29
|
const styles = {
|
|
30
30
|
prompt,
|
|
31
31
|
fixed,
|
|
32
32
|
sticky,
|
|
33
|
-
|
|
33
|
+
ghost,
|
|
34
34
|
toolbar,
|
|
35
35
|
textarea,
|
|
36
36
|
attachments,
|
|
@@ -69,11 +69,11 @@ export {
|
|
|
69
69
|
styles as default,
|
|
70
70
|
dragging,
|
|
71
71
|
fixed,
|
|
72
|
+
ghost,
|
|
72
73
|
info,
|
|
73
74
|
modeButton,
|
|
74
75
|
modeButtonActive,
|
|
75
76
|
prompt,
|
|
76
|
-
seamless,
|
|
77
77
|
select,
|
|
78
78
|
sticky,
|
|
79
79
|
submit,
|
|
@@ -101,8 +101,8 @@ function PromptRoot({
|
|
|
101
101
|
maxRows = 8,
|
|
102
102
|
autoResize = true,
|
|
103
103
|
submitOnEnter = true,
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
placement = "inline",
|
|
105
|
+
variant = "outline",
|
|
106
106
|
onFiles,
|
|
107
107
|
accept,
|
|
108
108
|
className,
|
|
@@ -167,9 +167,9 @@ function PromptRoot({
|
|
|
167
167
|
} : null;
|
|
168
168
|
const classes = [
|
|
169
169
|
Prompt_module.default.prompt,
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
170
|
+
placement === "fixed" && Prompt_module.default.fixed,
|
|
171
|
+
placement === "sticky" && Prompt_module.default.sticky,
|
|
172
|
+
variant === "ghost" && Prompt_module.default.ghost,
|
|
173
173
|
dragging && Prompt_module.default.dragging,
|
|
174
174
|
disabled && Prompt_module.default.disabled,
|
|
175
175
|
loading && Prompt_module.default.loading,
|
|
@@ -183,8 +183,8 @@ function PromptRoot({
|
|
|
183
183
|
className: classes,
|
|
184
184
|
"data-disabled": disabled || void 0,
|
|
185
185
|
"data-loading": loading || void 0,
|
|
186
|
+
"data-placement": placement,
|
|
186
187
|
"data-variant": variant,
|
|
187
|
-
"data-appearance": appearance,
|
|
188
188
|
"data-dragging": dragging || void 0,
|
|
189
189
|
children
|
|
190
190
|
}
|
|
@@ -477,7 +477,7 @@ function PromptSubmit({
|
|
|
477
477
|
index.Loading,
|
|
478
478
|
{
|
|
479
479
|
size: "sm",
|
|
480
|
-
|
|
480
|
+
kind: "spinner",
|
|
481
481
|
color: "current",
|
|
482
482
|
label: "Submitting",
|
|
483
483
|
className: Prompt_module.default.submitSpinner
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type SelectOption, type SelectValue } from '../Select';
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
3
|
+
export type PromptPlacement = 'inline' | 'fixed' | 'sticky';
|
|
4
|
+
export type PromptVariant = 'outline' | 'ghost';
|
|
5
5
|
export interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSubmit' | 'defaultValue'> {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
/** Controlled input value */
|
|
@@ -32,13 +32,15 @@ export interface PromptProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
32
32
|
onFiles?: (files: File[]) => void;
|
|
33
33
|
/** `accept` for the attach button's picker, e.g. `"image/*"`. */
|
|
34
34
|
accept?: string;
|
|
35
|
-
/**
|
|
35
|
+
/** Where the card sits: `inline` in the flow, `fixed` to the viewport bottom,
|
|
36
|
+
* `sticky` to the content area (offset by `--fui-prompt-inset-left`).
|
|
37
|
+
* @default "inline" */
|
|
38
|
+
placement?: PromptPlacement;
|
|
39
|
+
/** Card chrome. `outline` keeps the toolbar as a filled footer under a rule;
|
|
40
|
+
* `ghost` makes the whole card one writing surface with the controls floating
|
|
41
|
+
* on it — the shape most agent composers use.
|
|
42
|
+
* @default "outline" */
|
|
36
43
|
variant?: PromptVariant;
|
|
37
|
-
/** How the card is divided up. `panel` keeps the toolbar as a filled footer
|
|
38
|
-
* under a rule; `seamless` makes the whole card one writing surface with the
|
|
39
|
-
* controls floating on it — the shape most agent composers use.
|
|
40
|
-
* @default "panel" */
|
|
41
|
-
appearance?: PromptAppearance;
|
|
42
44
|
}
|
|
43
45
|
export interface PromptTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'rows' | 'disabled' | 'children'> {
|
|
44
46
|
/** Override placeholder from context */
|
|
@@ -172,7 +174,7 @@ interface PromptContextValue {
|
|
|
172
174
|
onFiles?: (files: File[]) => void;
|
|
173
175
|
}
|
|
174
176
|
declare function usePromptContext(): PromptContextValue;
|
|
175
|
-
declare function PromptRoot({ children, value: controlledValue, defaultValue, onChange, onSubmit, placeholder, disabled, loading, minRows, maxRows, autoResize, submitOnEnter,
|
|
177
|
+
declare function PromptRoot({ children, value: controlledValue, defaultValue, onChange, onSubmit, placeholder, disabled, loading, minRows, maxRows, autoResize, submitOnEnter, placement, variant, onFiles, accept, className, ...htmlProps }: PromptProps): import("react/jsx-runtime").JSX.Element;
|
|
176
178
|
declare function PromptTextarea({ placeholder: overridePlaceholder, className, onChange, onKeyDown, onPaste, 'aria-label': ariaLabel, ...htmlProps }: PromptTextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
177
179
|
declare function PromptToolbar({ children, className }: PromptToolbarProps): import("react/jsx-runtime").JSX.Element;
|
|
178
180
|
declare function PromptTabs({ children, className }: PromptTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAMxE,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,8 +82,8 @@ function PromptRoot({
|
|
|
82
82
|
maxRows = 8,
|
|
83
83
|
autoResize = true,
|
|
84
84
|
submitOnEnter = true,
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
placement = "inline",
|
|
86
|
+
variant = "outline",
|
|
87
87
|
onFiles,
|
|
88
88
|
accept,
|
|
89
89
|
className,
|
|
@@ -148,9 +148,9 @@ function PromptRoot({
|
|
|
148
148
|
} : null;
|
|
149
149
|
const classes = [
|
|
150
150
|
styles.prompt,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
151
|
+
placement === "fixed" && styles.fixed,
|
|
152
|
+
placement === "sticky" && styles.sticky,
|
|
153
|
+
variant === "ghost" && styles.ghost,
|
|
154
154
|
dragging && styles.dragging,
|
|
155
155
|
disabled && styles.disabled,
|
|
156
156
|
loading && styles.loading,
|
|
@@ -164,8 +164,8 @@ function PromptRoot({
|
|
|
164
164
|
className: classes,
|
|
165
165
|
"data-disabled": disabled || void 0,
|
|
166
166
|
"data-loading": loading || void 0,
|
|
167
|
+
"data-placement": placement,
|
|
167
168
|
"data-variant": variant,
|
|
168
|
-
"data-appearance": appearance,
|
|
169
169
|
"data-dragging": dragging || void 0,
|
|
170
170
|
children
|
|
171
171
|
}
|
|
@@ -458,7 +458,7 @@ function PromptSubmit({
|
|
|
458
458
|
Loading,
|
|
459
459
|
{
|
|
460
460
|
size: "sm",
|
|
461
|
-
|
|
461
|
+
kind: "spinner",
|
|
462
462
|
color: "current",
|
|
463
463
|
label: "Submitting",
|
|
464
464
|
className: styles.submitSpinner
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const wrapper = "
|
|
4
|
-
const groupLabel = "
|
|
5
|
-
const group = "
|
|
6
|
-
const vertical = "
|
|
7
|
-
const horizontal = "
|
|
8
|
-
const itemWrapper = "
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
3
|
+
const wrapper = "_wrapper_1accl_1";
|
|
4
|
+
const groupLabel = "_groupLabel_1accl_8";
|
|
5
|
+
const group = "_group_1accl_8";
|
|
6
|
+
const vertical = "_vertical_1accl_22";
|
|
7
|
+
const horizontal = "_horizontal_1accl_26";
|
|
8
|
+
const itemWrapper = "_itemWrapper_1accl_31";
|
|
9
|
+
const trailing = "_trailing_1accl_90";
|
|
10
|
+
const radio = "_radio_1accl_96";
|
|
11
|
+
const radioSm = "_radioSm_1accl_168";
|
|
12
|
+
const radioLg = "_radioLg_1accl_173";
|
|
13
|
+
const indicator = "_indicator_1accl_190";
|
|
14
|
+
const content = "_content_1accl_217";
|
|
15
|
+
const label = "_label_1accl_221";
|
|
16
|
+
const helper = "_helper_1accl_226";
|
|
17
|
+
const error = "_error_1accl_237";
|
|
18
|
+
const itemWrapperOutline = "_itemWrapperOutline_1accl_247";
|
|
18
19
|
const styles = {
|
|
19
20
|
wrapper,
|
|
20
21
|
groupLabel,
|
|
@@ -22,6 +23,7 @@ const styles = {
|
|
|
22
23
|
vertical,
|
|
23
24
|
horizontal,
|
|
24
25
|
itemWrapper,
|
|
26
|
+
trailing,
|
|
25
27
|
radio,
|
|
26
28
|
radioSm,
|
|
27
29
|
radioLg,
|
|
@@ -30,7 +32,7 @@ const styles = {
|
|
|
30
32
|
label,
|
|
31
33
|
helper,
|
|
32
34
|
error,
|
|
33
|
-
|
|
35
|
+
itemWrapperOutline
|
|
34
36
|
};
|
|
35
37
|
exports.content = content;
|
|
36
38
|
exports.default = styles;
|
|
@@ -41,10 +43,11 @@ exports.helper = helper;
|
|
|
41
43
|
exports.horizontal = horizontal;
|
|
42
44
|
exports.indicator = indicator;
|
|
43
45
|
exports.itemWrapper = itemWrapper;
|
|
44
|
-
exports.
|
|
46
|
+
exports.itemWrapperOutline = itemWrapperOutline;
|
|
45
47
|
exports.label = label;
|
|
46
48
|
exports.radio = radio;
|
|
47
49
|
exports.radioLg = radioLg;
|
|
48
50
|
exports.radioSm = radioSm;
|
|
51
|
+
exports.trailing = trailing;
|
|
49
52
|
exports.vertical = vertical;
|
|
50
53
|
exports.wrapper = wrapper;
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
const wrapper = "
|
|
2
|
-
const groupLabel = "
|
|
3
|
-
const group = "
|
|
4
|
-
const vertical = "
|
|
5
|
-
const horizontal = "
|
|
6
|
-
const itemWrapper = "
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
1
|
+
const wrapper = "_wrapper_1accl_1";
|
|
2
|
+
const groupLabel = "_groupLabel_1accl_8";
|
|
3
|
+
const group = "_group_1accl_8";
|
|
4
|
+
const vertical = "_vertical_1accl_22";
|
|
5
|
+
const horizontal = "_horizontal_1accl_26";
|
|
6
|
+
const itemWrapper = "_itemWrapper_1accl_31";
|
|
7
|
+
const trailing = "_trailing_1accl_90";
|
|
8
|
+
const radio = "_radio_1accl_96";
|
|
9
|
+
const radioSm = "_radioSm_1accl_168";
|
|
10
|
+
const radioLg = "_radioLg_1accl_173";
|
|
11
|
+
const indicator = "_indicator_1accl_190";
|
|
12
|
+
const content = "_content_1accl_217";
|
|
13
|
+
const label = "_label_1accl_221";
|
|
14
|
+
const helper = "_helper_1accl_226";
|
|
15
|
+
const error = "_error_1accl_237";
|
|
16
|
+
const itemWrapperOutline = "_itemWrapperOutline_1accl_247";
|
|
16
17
|
const styles = {
|
|
17
18
|
wrapper,
|
|
18
19
|
groupLabel,
|
|
@@ -20,6 +21,7 @@ const styles = {
|
|
|
20
21
|
vertical,
|
|
21
22
|
horizontal,
|
|
22
23
|
itemWrapper,
|
|
24
|
+
trailing,
|
|
23
25
|
radio,
|
|
24
26
|
radioSm,
|
|
25
27
|
radioLg,
|
|
@@ -28,7 +30,7 @@ const styles = {
|
|
|
28
30
|
label,
|
|
29
31
|
helper,
|
|
30
32
|
error,
|
|
31
|
-
|
|
33
|
+
itemWrapperOutline
|
|
32
34
|
};
|
|
33
35
|
export {
|
|
34
36
|
content,
|
|
@@ -40,11 +42,12 @@ export {
|
|
|
40
42
|
horizontal,
|
|
41
43
|
indicator,
|
|
42
44
|
itemWrapper,
|
|
43
|
-
|
|
45
|
+
itemWrapperOutline,
|
|
44
46
|
label,
|
|
45
47
|
radio,
|
|
46
48
|
radioLg,
|
|
47
49
|
radioSm,
|
|
50
|
+
trailing,
|
|
48
51
|
vertical,
|
|
49
52
|
wrapper
|
|
50
53
|
};
|
|
@@ -26,12 +26,13 @@ function _interopNamespaceDefault(e) {
|
|
|
26
26
|
}
|
|
27
27
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
28
28
|
const RadioSizeContext = React__namespace.createContext("md");
|
|
29
|
-
const RadioVariantContext = React__namespace.createContext(
|
|
29
|
+
const RadioVariantContext = React__namespace.createContext(void 0);
|
|
30
30
|
function RadioItem({
|
|
31
31
|
value,
|
|
32
32
|
label,
|
|
33
33
|
helperText,
|
|
34
34
|
description,
|
|
35
|
+
trailing,
|
|
35
36
|
disabled = false,
|
|
36
37
|
"aria-label": ariaLabel,
|
|
37
38
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -46,6 +47,7 @@ function RadioItem({
|
|
|
46
47
|
const id = React__namespace.useId();
|
|
47
48
|
const labelId = label ? `radio-label-${id}` : void 0;
|
|
48
49
|
const descriptionId = resolvedHelperText ? `radio-desc-${id}` : void 0;
|
|
50
|
+
const trailingId = trailing != null ? `radio-trailing-${id}` : void 0;
|
|
49
51
|
const radioClasses = [
|
|
50
52
|
RadioGroup_module.default.radio,
|
|
51
53
|
size === "sm" && RadioGroup_module.default.radioSm,
|
|
@@ -54,7 +56,7 @@ function RadioItem({
|
|
|
54
56
|
].filter(Boolean).join(" ");
|
|
55
57
|
const wrapperClasses = [
|
|
56
58
|
RadioGroup_module.default.itemWrapper,
|
|
57
|
-
variant === "
|
|
59
|
+
variant === "outline" && RadioGroup_module.default.itemWrapperOutline,
|
|
58
60
|
className
|
|
59
61
|
].filter(Boolean).join(" ");
|
|
60
62
|
if (!label && !resolvedHelperText) {
|
|
@@ -78,6 +80,7 @@ function RadioItem({
|
|
|
78
80
|
className: wrapperClasses,
|
|
79
81
|
"data-disabled": disabled || void 0,
|
|
80
82
|
"data-has-description": resolvedHelperText ? true : void 0,
|
|
83
|
+
"data-has-trailing": trailing != null ? true : void 0,
|
|
81
84
|
"data-size": size,
|
|
82
85
|
children: [
|
|
83
86
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -86,7 +89,7 @@ function RadioItem({
|
|
|
86
89
|
value,
|
|
87
90
|
disabled,
|
|
88
91
|
"aria-label": ariaLabel,
|
|
89
|
-
"aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId),
|
|
92
|
+
"aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId, trailingId),
|
|
90
93
|
"aria-describedby": aria.mergeAriaIds(ariaDescribedBy, descriptionId),
|
|
91
94
|
"data-size": size,
|
|
92
95
|
className: radioClasses,
|
|
@@ -96,7 +99,8 @@ function RadioItem({
|
|
|
96
99
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: [RadioGroup_module.default.content, contentClassName].filter(Boolean).join(" "), children: [
|
|
97
100
|
/* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: RadioGroup_module.default.label, children: label }),
|
|
98
101
|
resolvedHelperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: RadioGroup_module.default.helper, children: resolvedHelperText })
|
|
99
|
-
] })
|
|
102
|
+
] }),
|
|
103
|
+
trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { id: trailingId, className: RadioGroup_module.default.trailing, children: trailing })
|
|
100
104
|
]
|
|
101
105
|
}
|
|
102
106
|
);
|
|
@@ -117,7 +121,7 @@ const RadioGroupRoot = React__namespace.forwardRef(function RadioGroupRoot2({
|
|
|
117
121
|
helperText,
|
|
118
122
|
error,
|
|
119
123
|
size: sizeProp,
|
|
120
|
-
variant
|
|
124
|
+
variant,
|
|
121
125
|
wrapperClassName,
|
|
122
126
|
groupClassName,
|
|
123
127
|
groupId,
|
|
@@ -163,6 +167,7 @@ const RadioGroupRoot = React__namespace.forwardRef(function RadioGroupRoot2({
|
|
|
163
167
|
"aria-describedby": aria.mergeAriaIds(ariaDescribedBy, errorId, helperId),
|
|
164
168
|
"data-size": size,
|
|
165
169
|
"data-invalid": hasError || void 0,
|
|
170
|
+
"aria-invalid": hasError || void 0,
|
|
166
171
|
className: groupClasses,
|
|
167
172
|
children
|
|
168
173
|
}
|
|
@@ -35,13 +35,11 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
|
|
|
35
35
|
/** Size variant */
|
|
36
36
|
size?: "sm" | "md" | "lg";
|
|
37
37
|
/**
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
* tucked inside. Useful for high-stakes choices, surveys, plan pickers.
|
|
42
|
-
* @default "default"
|
|
38
|
+
* Chrome. Omit it for the inline radio circle next to a label (form-control
|
|
39
|
+
* style); `outline` renders each item as a full-width bordered surface with
|
|
40
|
+
* the radio circle tucked inside — high-stakes choices, surveys, plan pickers.
|
|
43
41
|
*/
|
|
44
|
-
variant?: "
|
|
42
|
+
variant?: "outline";
|
|
45
43
|
/** Class applied to the outer wrapper (label + group + error) */
|
|
46
44
|
wrapperClassName?: string;
|
|
47
45
|
/** Class applied to the inner radio group container */
|
|
@@ -60,6 +58,12 @@ export interface RadioItemProps {
|
|
|
60
58
|
helperText?: string;
|
|
61
59
|
/** @deprecated Use helperText instead. Description text below the label. */
|
|
62
60
|
description?: string;
|
|
61
|
+
/**
|
|
62
|
+
* A value at the end of the row, on the label's line — a price, a count,
|
|
63
|
+
* a date. Read by the label's accessible name, so keep it short and put
|
|
64
|
+
* the explanation in `helperText`.
|
|
65
|
+
*/
|
|
66
|
+
trailing?: React.ReactNode;
|
|
63
67
|
/** Whether this item is disabled */
|
|
64
68
|
disabled?: boolean;
|
|
65
69
|
/** Accessible name for icon-only mode */
|
|
@@ -75,7 +79,7 @@ export interface RadioItemProps {
|
|
|
75
79
|
/** Class applied to the item text content wrapper */
|
|
76
80
|
contentClassName?: string;
|
|
77
81
|
}
|
|
78
|
-
declare function RadioItem({ value, label, helperText, description, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, controlClassName, contentClassName, }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
|
|
82
|
+
declare function RadioItem({ value, label, helperText, description, trailing, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, controlClassName, contentClassName, }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
|
|
79
83
|
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
|
|
80
84
|
Item: typeof RadioItem;
|
|
81
85
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yIAAyI;IACzI,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAaD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,cAAc,2CA+EhB;AA2GD,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,IAAI,mBAAmB,EAAE,CAAC"}
|
|
@@ -7,12 +7,13 @@ import { useFormFieldIds, mergeAriaIds } from "../../utils/aria.js";
|
|
|
7
7
|
import { useResolvedControlSize } from "../ComponentDefaults/index.js";
|
|
8
8
|
import styles from "./RadioGroup.module.scss.js";
|
|
9
9
|
const RadioSizeContext = React.createContext("md");
|
|
10
|
-
const RadioVariantContext = React.createContext(
|
|
10
|
+
const RadioVariantContext = React.createContext(void 0);
|
|
11
11
|
function RadioItem({
|
|
12
12
|
value,
|
|
13
13
|
label,
|
|
14
14
|
helperText,
|
|
15
15
|
description,
|
|
16
|
+
trailing,
|
|
16
17
|
disabled = false,
|
|
17
18
|
"aria-label": ariaLabel,
|
|
18
19
|
"aria-labelledby": ariaLabelledBy,
|
|
@@ -27,6 +28,7 @@ function RadioItem({
|
|
|
27
28
|
const id = React.useId();
|
|
28
29
|
const labelId = label ? `radio-label-${id}` : void 0;
|
|
29
30
|
const descriptionId = resolvedHelperText ? `radio-desc-${id}` : void 0;
|
|
31
|
+
const trailingId = trailing != null ? `radio-trailing-${id}` : void 0;
|
|
30
32
|
const radioClasses = [
|
|
31
33
|
styles.radio,
|
|
32
34
|
size === "sm" && styles.radioSm,
|
|
@@ -35,7 +37,7 @@ function RadioItem({
|
|
|
35
37
|
].filter(Boolean).join(" ");
|
|
36
38
|
const wrapperClasses = [
|
|
37
39
|
styles.itemWrapper,
|
|
38
|
-
variant === "
|
|
40
|
+
variant === "outline" && styles.itemWrapperOutline,
|
|
39
41
|
className
|
|
40
42
|
].filter(Boolean).join(" ");
|
|
41
43
|
if (!label && !resolvedHelperText) {
|
|
@@ -59,6 +61,7 @@ function RadioItem({
|
|
|
59
61
|
className: wrapperClasses,
|
|
60
62
|
"data-disabled": disabled || void 0,
|
|
61
63
|
"data-has-description": resolvedHelperText ? true : void 0,
|
|
64
|
+
"data-has-trailing": trailing != null ? true : void 0,
|
|
62
65
|
"data-size": size,
|
|
63
66
|
children: [
|
|
64
67
|
/* @__PURE__ */ jsx(
|
|
@@ -67,7 +70,7 @@ function RadioItem({
|
|
|
67
70
|
value,
|
|
68
71
|
disabled,
|
|
69
72
|
"aria-label": ariaLabel,
|
|
70
|
-
"aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
|
|
73
|
+
"aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId, trailingId),
|
|
71
74
|
"aria-describedby": mergeAriaIds(ariaDescribedBy, descriptionId),
|
|
72
75
|
"data-size": size,
|
|
73
76
|
className: radioClasses,
|
|
@@ -77,7 +80,8 @@ function RadioItem({
|
|
|
77
80
|
/* @__PURE__ */ jsxs("div", { className: [styles.content, contentClassName].filter(Boolean).join(" "), children: [
|
|
78
81
|
/* @__PURE__ */ jsx("span", { id: labelId, className: styles.label, children: label }),
|
|
79
82
|
resolvedHelperText && /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.helper, children: resolvedHelperText })
|
|
80
|
-
] })
|
|
83
|
+
] }),
|
|
84
|
+
trailing != null && /* @__PURE__ */ jsx("span", { id: trailingId, className: styles.trailing, children: trailing })
|
|
81
85
|
]
|
|
82
86
|
}
|
|
83
87
|
);
|
|
@@ -98,7 +102,7 @@ const RadioGroupRoot = React.forwardRef(function RadioGroupRoot2({
|
|
|
98
102
|
helperText,
|
|
99
103
|
error,
|
|
100
104
|
size: sizeProp,
|
|
101
|
-
variant
|
|
105
|
+
variant,
|
|
102
106
|
wrapperClassName,
|
|
103
107
|
groupClassName,
|
|
104
108
|
groupId,
|
|
@@ -144,6 +148,7 @@ const RadioGroupRoot = React.forwardRef(function RadioGroupRoot2({
|
|
|
144
148
|
"aria-describedby": mergeAriaIds(ariaDescribedBy, errorId, helperId),
|
|
145
149
|
"data-size": size,
|
|
146
150
|
"data-invalid": hasError || void 0,
|
|
151
|
+
"aria-invalid": hasError || void 0,
|
|
147
152
|
className: groupClasses,
|
|
148
153
|
children
|
|
149
154
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const viewport = "
|
|
5
|
-
const horizontal = "
|
|
6
|
-
const vertical = "
|
|
7
|
-
const both = "
|
|
3
|
+
const root = "_root_2r80j_1";
|
|
4
|
+
const viewport = "_viewport_2r80j_9";
|
|
5
|
+
const horizontal = "_horizontal_2r80j_46";
|
|
6
|
+
const vertical = "_vertical_2r80j_51";
|
|
7
|
+
const both = "_both_2r80j_56";
|
|
8
8
|
const styles = {
|
|
9
9
|
root,
|
|
10
10
|
viewport,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const viewport = "
|
|
3
|
-
const horizontal = "
|
|
4
|
-
const vertical = "
|
|
5
|
-
const both = "
|
|
1
|
+
const root = "_root_2r80j_1";
|
|
2
|
+
const viewport = "_viewport_2r80j_9";
|
|
3
|
+
const horizontal = "_horizontal_2r80j_46";
|
|
4
|
+
const vertical = "_vertical_2r80j_51";
|
|
5
|
+
const both = "_both_2r80j_56";
|
|
6
6
|
const styles = {
|
|
7
7
|
root,
|
|
8
8
|
viewport,
|