@d4gger/design-system 2.7.0 → 3.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 +116 -136
- package/dist/_internal/BaseDialog.cjs +11 -1
- package/dist/_internal/BaseDialog.cjs.map +2 -2
- package/dist/_internal/BaseDialog.d.cts.map +1 -1
- package/dist/_internal/BaseDialog.d.mts.map +1 -1
- package/dist/_internal/BaseDialog.d.ts.map +1 -1
- package/dist/_internal/BaseDialog.js +11 -1
- package/dist/_internal/BaseDialog.js.map +2 -2
- package/dist/_internal/constants.cjs +1 -1
- package/dist/_internal/constants.cjs.map +2 -2
- package/dist/_internal/constants.d.cts +1 -1
- package/dist/_internal/constants.d.cts.map +1 -1
- package/dist/_internal/constants.d.mts +1 -1
- package/dist/_internal/constants.d.mts.map +1 -1
- package/dist/_internal/constants.d.ts +1 -1
- package/dist/_internal/constants.d.ts.map +1 -1
- package/dist/_internal/constants.js +1 -1
- package/dist/_internal/constants.js.map +2 -2
- package/dist/_internal/props/height.prop.cjs +1 -2
- package/dist/_internal/props/height.prop.cjs.map +2 -2
- package/dist/_internal/props/height.prop.d.cts.map +1 -1
- package/dist/_internal/props/height.prop.d.mts.map +1 -1
- package/dist/_internal/props/height.prop.d.ts.map +1 -1
- package/dist/_internal/props/height.prop.js +1 -2
- package/dist/_internal/props/height.prop.js.map +2 -2
- package/dist/_internal/props/layout.prop.cjs +16 -17
- package/dist/_internal/props/layout.prop.cjs.map +2 -2
- package/dist/_internal/props/layout.prop.d.cts.map +1 -1
- package/dist/_internal/props/layout.prop.d.mts.map +1 -1
- package/dist/_internal/props/layout.prop.d.ts.map +1 -1
- package/dist/_internal/props/layout.prop.js +1 -2
- package/dist/_internal/props/layout.prop.js.map +2 -2
- package/dist/_internal/props/margin.prop.cjs +2 -3
- package/dist/_internal/props/margin.prop.cjs.map +2 -2
- package/dist/_internal/props/margin.prop.d.cts.map +1 -1
- package/dist/_internal/props/margin.prop.d.mts.map +1 -1
- package/dist/_internal/props/margin.prop.d.ts.map +1 -1
- package/dist/_internal/props/margin.prop.js +1 -1
- package/dist/_internal/props/margin.prop.js.map +2 -2
- package/dist/_internal/props/padding.prop.cjs +8 -9
- package/dist/_internal/props/padding.prop.cjs.map +2 -2
- package/dist/_internal/props/padding.prop.d.cts.map +1 -1
- package/dist/_internal/props/padding.prop.d.mts.map +1 -1
- package/dist/_internal/props/padding.prop.d.ts.map +1 -1
- package/dist/_internal/props/padding.prop.js +1 -1
- package/dist/_internal/props/padding.prop.js.map +2 -2
- package/dist/_internal/props/propDef.cjs +11 -0
- package/dist/_internal/props/propDef.cjs.map +2 -2
- package/dist/_internal/props/propDef.d.cts +17 -3
- package/dist/_internal/props/propDef.d.cts.map +1 -1
- package/dist/_internal/props/propDef.d.mts +17 -3
- package/dist/_internal/props/propDef.d.mts.map +1 -1
- package/dist/_internal/props/propDef.d.ts +17 -3
- package/dist/_internal/props/propDef.d.ts.map +1 -1
- package/dist/_internal/props/propDef.js +11 -0
- package/dist/_internal/props/propDef.js.map +2 -2
- package/dist/_internal/props/radius.prop.cjs +2 -2
- package/dist/_internal/props/radius.prop.cjs.map +2 -2
- package/dist/_internal/props/radius.prop.d.cts +1 -1
- package/dist/_internal/props/radius.prop.d.cts.map +1 -1
- package/dist/_internal/props/radius.prop.d.mts +1 -1
- package/dist/_internal/props/radius.prop.d.mts.map +1 -1
- package/dist/_internal/props/radius.prop.d.ts +1 -1
- package/dist/_internal/props/radius.prop.d.ts.map +1 -1
- package/dist/_internal/props/radius.prop.js +1 -1
- package/dist/_internal/props/radius.prop.js.map +2 -2
- package/dist/_internal/props/width.prop.cjs +1 -2
- package/dist/_internal/props/width.prop.cjs.map +2 -2
- package/dist/_internal/props/width.prop.d.cts.map +1 -1
- package/dist/_internal/props/width.prop.d.mts.map +1 -1
- package/dist/_internal/props/width.prop.d.ts.map +1 -1
- package/dist/_internal/props/width.prop.js +1 -2
- package/dist/_internal/props/width.prop.js.map +2 -2
- package/dist/components/alert-dialog.css +7 -0
- package/dist/components/alert.css +24 -0
- package/dist/components/articleNodes/ArticleNodes.cjs.map +2 -2
- package/dist/components/articleNodes/ArticleNodes.d.cts +2 -31
- package/dist/components/articleNodes/ArticleNodes.d.cts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.mts +2 -31
- package/dist/components/articleNodes/ArticleNodes.d.mts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.ts +2 -31
- package/dist/components/articleNodes/ArticleNodes.d.ts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.js.map +2 -2
- package/dist/components/articleNodes/articleNodes.props.cjs +17 -0
- package/dist/components/articleNodes/articleNodes.props.cjs.map +7 -0
- package/dist/components/articleNodes/articleNodes.props.d.cts +32 -0
- package/dist/components/articleNodes/articleNodes.props.d.cts.map +1 -0
- package/dist/components/articleNodes/articleNodes.props.d.mts +32 -0
- package/dist/components/articleNodes/articleNodes.props.d.mts.map +1 -0
- package/dist/components/articleNodes/articleNodes.props.d.ts +32 -0
- package/dist/components/articleNodes/articleNodes.props.d.ts.map +1 -0
- package/dist/components/articleNodes/articleNodes.props.js +1 -0
- package/dist/components/articleNodes/articleNodes.props.js.map +7 -0
- package/dist/components/avatar.css +14 -3
- package/dist/components/badge/Badge.cjs +1 -1
- package/dist/components/badge/Badge.cjs.map +2 -2
- package/dist/components/badge/Badge.js +1 -1
- package/dist/components/badge/Badge.js.map +2 -2
- package/dist/components/badge/badge.props.cjs +1 -1
- package/dist/components/badge/badge.props.cjs.map +2 -2
- package/dist/components/badge/badge.props.d.cts +1 -1
- package/dist/components/badge/badge.props.d.mts +1 -1
- package/dist/components/badge/badge.props.d.ts +1 -1
- package/dist/components/badge/badge.props.js +1 -1
- package/dist/components/badge/badge.props.js.map +2 -2
- package/dist/components/badge.css +62 -28
- package/dist/components/button/Button.cjs +2 -0
- package/dist/components/button/Button.cjs.map +2 -2
- package/dist/components/button/Button.d.cts.map +1 -1
- package/dist/components/button/Button.d.mts.map +1 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +2 -0
- package/dist/components/button/Button.js.map +2 -2
- package/dist/components/button/button.props.cjs +4 -0
- package/dist/components/button/button.props.cjs.map +2 -2
- package/dist/components/button/button.props.d.cts +4 -0
- package/dist/components/button/button.props.d.cts.map +1 -1
- package/dist/components/button/button.props.d.mts +4 -0
- package/dist/components/button/button.props.d.mts.map +1 -1
- package/dist/components/button/button.props.d.ts +4 -0
- package/dist/components/button/button.props.d.ts.map +1 -1
- package/dist/components/button/button.props.js +4 -0
- package/dist/components/button/button.props.js.map +2 -2
- package/dist/components/button.css +37 -7
- package/dist/components/card/Card.cjs +2 -0
- package/dist/components/card/Card.cjs.map +2 -2
- package/dist/components/card/Card.d.cts.map +1 -1
- package/dist/components/card/Card.d.mts.map +1 -1
- package/dist/components/card/Card.d.ts.map +1 -1
- package/dist/components/card/Card.js +2 -0
- package/dist/components/card/Card.js.map +2 -2
- package/dist/components/card/card.props.cjs +12 -1
- package/dist/components/card/card.props.cjs.map +2 -2
- package/dist/components/card/card.props.d.cts +12 -1
- package/dist/components/card/card.props.d.cts.map +1 -1
- package/dist/components/card/card.props.d.mts +12 -1
- package/dist/components/card/card.props.d.mts.map +1 -1
- package/dist/components/card/card.props.d.ts +12 -1
- package/dist/components/card/card.props.d.ts.map +1 -1
- package/dist/components/card/card.props.js +12 -1
- package/dist/components/card/card.props.js.map +2 -2
- package/dist/components/card.css +7 -9
- package/dist/components/carousel.css +21 -7
- package/dist/components/chart/Chart.cjs +76 -14
- package/dist/components/chart/Chart.cjs.map +2 -2
- package/dist/components/chart/Chart.d.cts +42 -5
- package/dist/components/chart/Chart.d.cts.map +1 -1
- package/dist/components/chart/Chart.d.mts +42 -5
- package/dist/components/chart/Chart.d.mts.map +1 -1
- package/dist/components/chart/Chart.d.ts +42 -5
- package/dist/components/chart/Chart.d.ts.map +1 -1
- package/dist/components/chart/Chart.js +80 -14
- package/dist/components/chart/Chart.js.map +2 -2
- package/dist/components/chart.css +20 -4
- package/dist/components/checkbox-cards.css +8 -0
- package/dist/components/checkbox.css +4 -4
- package/dist/components/code.css +9 -6
- package/dist/components/collapsible/Collapsible.cjs +7 -1
- package/dist/components/collapsible/Collapsible.cjs.map +2 -2
- package/dist/components/collapsible/Collapsible.d.cts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.mts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +7 -1
- package/dist/components/collapsible/Collapsible.js.map +2 -2
- package/dist/components/color-picker.css +3 -2
- package/dist/components/color-swatch.css +16 -4
- package/dist/components/colorPicker/ColorPicker.cjs +14 -0
- package/dist/components/colorPicker/ColorPicker.cjs.map +2 -2
- package/dist/components/colorPicker/ColorPicker.d.cts.map +1 -1
- package/dist/components/colorPicker/ColorPicker.d.mts.map +1 -1
- package/dist/components/colorPicker/ColorPicker.d.ts.map +1 -1
- package/dist/components/colorPicker/ColorPicker.js +14 -0
- package/dist/components/colorPicker/ColorPicker.js.map +2 -2
- package/dist/components/colorSwatch/ColorSwatch.cjs +20 -1
- package/dist/components/colorSwatch/ColorSwatch.cjs.map +2 -2
- package/dist/components/colorSwatch/ColorSwatch.d.cts.map +1 -1
- package/dist/components/colorSwatch/ColorSwatch.d.mts.map +1 -1
- package/dist/components/colorSwatch/ColorSwatch.d.ts.map +1 -1
- package/dist/components/colorSwatch/ColorSwatch.js +20 -1
- package/dist/components/colorSwatch/ColorSwatch.js.map +2 -2
- package/dist/components/combobox/Combobox.cjs +91 -11
- package/dist/components/combobox/Combobox.cjs.map +3 -3
- package/dist/components/combobox/Combobox.d.cts +10 -2
- package/dist/components/combobox/Combobox.d.cts.map +1 -1
- package/dist/components/combobox/Combobox.d.mts +10 -2
- package/dist/components/combobox/Combobox.d.mts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts +10 -2
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +92 -12
- package/dist/components/combobox/Combobox.js.map +3 -3
- package/dist/components/combobox/combobox.props.cjs +6 -1
- package/dist/components/combobox/combobox.props.cjs.map +2 -2
- package/dist/components/combobox/combobox.props.d.cts +6 -1
- package/dist/components/combobox/combobox.props.d.cts.map +1 -1
- package/dist/components/combobox/combobox.props.d.mts +6 -1
- package/dist/components/combobox/combobox.props.d.mts.map +1 -1
- package/dist/components/combobox/combobox.props.d.ts +6 -1
- package/dist/components/combobox/combobox.props.d.ts.map +1 -1
- package/dist/components/combobox/combobox.props.js +6 -1
- package/dist/components/combobox/combobox.props.js.map +2 -2
- package/dist/components/combobox.css +98 -25
- package/dist/components/command/Command.cjs +10 -4
- package/dist/components/command/Command.cjs.map +2 -2
- package/dist/components/command/Command.d.cts +2 -2
- package/dist/components/command/Command.d.cts.map +1 -1
- package/dist/components/command/Command.d.mts +2 -2
- package/dist/components/command/Command.d.mts.map +1 -1
- package/dist/components/command/Command.d.ts +2 -2
- package/dist/components/command/Command.d.ts.map +1 -1
- package/dist/components/command/Command.js +12 -5
- package/dist/components/command/Command.js.map +2 -2
- package/dist/components/command/command.props.cjs +11 -0
- package/dist/components/command/command.props.cjs.map +2 -2
- package/dist/components/command/command.props.d.cts +11 -1
- package/dist/components/command/command.props.d.cts.map +1 -1
- package/dist/components/command/command.props.d.mts +11 -1
- package/dist/components/command/command.props.d.mts.map +1 -1
- package/dist/components/command/command.props.d.ts +11 -1
- package/dist/components/command/command.props.d.ts.map +1 -1
- package/dist/components/command/command.props.js +11 -0
- package/dist/components/command/command.props.js.map +2 -2
- package/dist/components/command.css +3 -2
- package/dist/components/commentThread/CommentThread.cjs.map +2 -2
- package/dist/components/commentThread/CommentThread.d.cts +5 -20
- package/dist/components/commentThread/CommentThread.d.cts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.mts +5 -20
- package/dist/components/commentThread/CommentThread.d.mts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.ts +5 -20
- package/dist/components/commentThread/CommentThread.d.ts.map +1 -1
- package/dist/components/commentThread/CommentThread.js.map +2 -2
- package/dist/components/commentThread/commentThread.props.cjs +17 -0
- package/dist/components/commentThread/commentThread.props.cjs.map +7 -0
- package/dist/components/commentThread/commentThread.props.d.cts +21 -0
- package/dist/components/commentThread/commentThread.props.d.cts.map +1 -0
- package/dist/components/commentThread/commentThread.props.d.mts +21 -0
- package/dist/components/commentThread/commentThread.props.d.mts.map +1 -0
- package/dist/components/commentThread/commentThread.props.d.ts +21 -0
- package/dist/components/commentThread/commentThread.props.d.ts.map +1 -0
- package/dist/components/commentThread/commentThread.props.js +1 -0
- package/dist/components/commentThread/commentThread.props.js.map +7 -0
- package/dist/components/config-drawer.css +35 -0
- package/dist/components/configDrawer/ConfigDrawer.cjs +47 -23
- package/dist/components/configDrawer/ConfigDrawer.cjs.map +2 -2
- package/dist/components/configDrawer/ConfigDrawer.d.cts +12 -1
- package/dist/components/configDrawer/ConfigDrawer.d.cts.map +1 -1
- package/dist/components/configDrawer/ConfigDrawer.d.mts +12 -1
- package/dist/components/configDrawer/ConfigDrawer.d.mts.map +1 -1
- package/dist/components/configDrawer/ConfigDrawer.d.ts +12 -1
- package/dist/components/configDrawer/ConfigDrawer.d.ts.map +1 -1
- package/dist/components/configDrawer/ConfigDrawer.js +48 -24
- package/dist/components/configDrawer/ConfigDrawer.js.map +2 -2
- package/dist/components/context-menu.css +3 -1
- package/dist/components/control-group.css +142 -0
- package/dist/components/controlGroup/ControlGroup.cjs +56 -0
- package/dist/components/controlGroup/ControlGroup.cjs.map +7 -0
- package/dist/components/controlGroup/ControlGroup.d.cts +16 -0
- package/dist/components/controlGroup/ControlGroup.d.cts.map +1 -0
- package/dist/components/controlGroup/ControlGroup.d.mts +16 -0
- package/dist/components/controlGroup/ControlGroup.d.mts.map +1 -0
- package/dist/components/controlGroup/ControlGroup.d.ts +16 -0
- package/dist/components/controlGroup/ControlGroup.d.ts.map +1 -0
- package/dist/components/controlGroup/ControlGroup.js +26 -0
- package/dist/components/controlGroup/ControlGroup.js.map +7 -0
- package/dist/components/controlGroup/controlGroup.props.cjs +40 -0
- package/dist/components/controlGroup/controlGroup.props.cjs.map +7 -0
- package/dist/components/controlGroup/controlGroup.props.d.cts +18 -0
- package/dist/components/controlGroup/controlGroup.props.d.cts.map +1 -0
- package/dist/components/controlGroup/controlGroup.props.d.mts +18 -0
- package/dist/components/controlGroup/controlGroup.props.d.mts.map +1 -0
- package/dist/components/controlGroup/controlGroup.props.d.ts +18 -0
- package/dist/components/controlGroup/controlGroup.props.d.ts.map +1 -0
- package/dist/components/controlGroup/controlGroup.props.js +20 -0
- package/dist/components/controlGroup/controlGroup.props.js.map +7 -0
- package/dist/components/copy-button.css +6 -7
- package/dist/components/dialog.css +12 -0
- package/dist/components/drawer/Drawer.cjs +0 -12
- package/dist/components/drawer/Drawer.cjs.map +2 -2
- package/dist/components/drawer/Drawer.d.cts +1 -35
- package/dist/components/drawer/Drawer.d.cts.map +1 -1
- package/dist/components/drawer/Drawer.d.mts +1 -35
- package/dist/components/drawer/Drawer.d.mts.map +1 -1
- package/dist/components/drawer/Drawer.d.ts +1 -35
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +0 -12
- package/dist/components/drawer/Drawer.js.map +2 -2
- package/dist/components/dropdown-menu.css +15 -3
- package/dist/components/dropdownMenu/DropdownMenu.cjs +1 -0
- package/dist/components/dropdownMenu/DropdownMenu.cjs.map +2 -2
- package/dist/components/dropdownMenu/DropdownMenu.d.cts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.d.mts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.js +1 -0
- package/dist/components/dropdownMenu/DropdownMenu.js.map +2 -2
- package/dist/components/editable/Editable.cjs +50 -7
- package/dist/components/editable/Editable.cjs.map +2 -2
- package/dist/components/editable/Editable.d.cts.map +1 -1
- package/dist/components/editable/Editable.d.mts.map +1 -1
- package/dist/components/editable/Editable.d.ts.map +1 -1
- package/dist/components/editable/Editable.js +50 -7
- package/dist/components/editable/Editable.js.map +2 -2
- package/dist/components/editable/editable.props.cjs +14 -0
- package/dist/components/editable/editable.props.cjs.map +2 -2
- package/dist/components/editable/editable.props.d.cts +13 -0
- package/dist/components/editable/editable.props.d.cts.map +1 -1
- package/dist/components/editable/editable.props.d.mts +13 -0
- package/dist/components/editable/editable.props.d.mts.map +1 -1
- package/dist/components/editable/editable.props.d.ts +13 -0
- package/dist/components/editable/editable.props.d.ts.map +1 -1
- package/dist/components/editable/editable.props.js +14 -0
- package/dist/components/editable/editable.props.js.map +2 -2
- package/dist/components/editable.css +22 -0
- package/dist/components/field/Field.cjs +3 -0
- package/dist/components/field/Field.cjs.map +2 -2
- package/dist/components/field/Field.d.cts.map +1 -1
- package/dist/components/field/Field.d.mts.map +1 -1
- package/dist/components/field/Field.d.ts.map +1 -1
- package/dist/components/field/Field.js +3 -0
- package/dist/components/field/Field.js.map +2 -2
- package/dist/components/field/field.props.cjs +0 -3
- package/dist/components/field/field.props.cjs.map +2 -2
- package/dist/components/field/field.props.d.cts +0 -3
- package/dist/components/field/field.props.d.cts.map +1 -1
- package/dist/components/field/field.props.d.mts +0 -3
- package/dist/components/field/field.props.d.mts.map +1 -1
- package/dist/components/field/field.props.d.ts +0 -3
- package/dist/components/field/field.props.d.ts.map +1 -1
- package/dist/components/field/field.props.js +0 -3
- package/dist/components/field/field.props.js.map +2 -2
- package/dist/components/field.css +4 -27
- package/dist/components/file-upload.css +10 -1
- package/dist/components/fileUpload/FileUpload.cjs +60 -25
- package/dist/components/fileUpload/FileUpload.cjs.map +2 -2
- package/dist/components/fileUpload/FileUpload.d.cts +4 -0
- package/dist/components/fileUpload/FileUpload.d.cts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.mts +4 -0
- package/dist/components/fileUpload/FileUpload.d.mts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.ts +4 -0
- package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/fileUpload/FileUpload.js +61 -26
- package/dist/components/fileUpload/FileUpload.js.map +2 -2
- package/dist/components/fileUpload/fileUpload.props.cjs +7 -1
- package/dist/components/fileUpload/fileUpload.props.cjs.map +2 -2
- package/dist/components/fileUpload/fileUpload.props.d.cts +5 -0
- package/dist/components/fileUpload/fileUpload.props.d.cts.map +1 -1
- package/dist/components/fileUpload/fileUpload.props.d.mts +5 -0
- package/dist/components/fileUpload/fileUpload.props.d.mts.map +1 -1
- package/dist/components/fileUpload/fileUpload.props.d.ts +5 -0
- package/dist/components/fileUpload/fileUpload.props.d.ts.map +1 -1
- package/dist/components/fileUpload/fileUpload.props.js +7 -1
- package/dist/components/fileUpload/fileUpload.props.js.map +2 -2
- package/dist/components/filter-bar.css +1 -0
- package/dist/components/flex/Flex.cjs +1 -1
- package/dist/components/flex/Flex.cjs.map +2 -2
- package/dist/components/flex/Flex.d.cts.map +1 -1
- package/dist/components/flex/Flex.d.mts.map +1 -1
- package/dist/components/flex/Flex.d.ts.map +1 -1
- package/dist/components/flex/Flex.js +1 -1
- package/dist/components/flex/Flex.js.map +2 -2
- package/dist/components/flex.css +24 -0
- package/dist/components/floating-panel.css +5 -4
- package/dist/components/fontProvider/FontProvider.cjs +44 -20
- package/dist/components/fontProvider/FontProvider.cjs.map +2 -2
- package/dist/components/fontProvider/FontProvider.d.cts.map +1 -1
- package/dist/components/fontProvider/FontProvider.d.mts.map +1 -1
- package/dist/components/fontProvider/FontProvider.d.ts.map +1 -1
- package/dist/components/fontProvider/FontProvider.js +44 -20
- package/dist/components/fontProvider/FontProvider.js.map +2 -2
- package/dist/components/fontProvider/fontProvider.props.cjs.map +1 -1
- package/dist/components/fontProvider/fontProvider.props.d.cts +1 -0
- package/dist/components/fontProvider/fontProvider.props.d.cts.map +1 -1
- package/dist/components/fontProvider/fontProvider.props.d.mts +1 -0
- package/dist/components/fontProvider/fontProvider.props.d.mts.map +1 -1
- package/dist/components/fontProvider/fontProvider.props.d.ts +1 -0
- package/dist/components/fontProvider/fontProvider.props.d.ts.map +1 -1
- package/dist/components/form/Form.cjs +1 -1
- package/dist/components/form/Form.cjs.map +2 -2
- package/dist/components/form/Form.d.cts +0 -2
- package/dist/components/form/Form.d.cts.map +1 -1
- package/dist/components/form/Form.d.mts +0 -2
- package/dist/components/form/Form.d.mts.map +1 -1
- package/dist/components/form/Form.d.ts +0 -2
- package/dist/components/form/Form.d.ts.map +1 -1
- package/dist/components/form/Form.js +1 -1
- package/dist/components/form/Form.js.map +2 -2
- package/dist/components/form/form.props.cjs +0 -1
- package/dist/components/form/form.props.cjs.map +2 -2
- package/dist/components/form/form.props.d.cts +0 -1
- package/dist/components/form/form.props.d.cts.map +1 -1
- package/dist/components/form/form.props.d.mts +0 -1
- package/dist/components/form/form.props.d.mts.map +1 -1
- package/dist/components/form/form.props.d.ts +0 -1
- package/dist/components/form/form.props.d.ts.map +1 -1
- package/dist/components/form/form.props.js +0 -1
- package/dist/components/form/form.props.js.map +2 -2
- package/dist/components/form.css +0 -8
- package/dist/components/grid/Grid.cjs +4 -3
- package/dist/components/grid/Grid.cjs.map +2 -2
- package/dist/components/grid/Grid.d.cts +1 -1
- package/dist/components/grid/Grid.d.cts.map +1 -1
- package/dist/components/grid/Grid.d.mts +1 -1
- package/dist/components/grid/Grid.d.mts.map +1 -1
- package/dist/components/grid/Grid.d.ts +1 -1
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +4 -3
- package/dist/components/grid/Grid.js.map +2 -2
- package/dist/components/heading.css +14 -0
- package/dist/components/hover-card.css +7 -10
- package/dist/components/hoverCard/HoverCard.cjs +1 -1
- package/dist/components/hoverCard/HoverCard.cjs.map +1 -1
- package/dist/components/hoverCard/HoverCard.js +1 -1
- package/dist/components/hoverCard/HoverCard.js.map +1 -1
- package/dist/components/icon/Icon.cjs +6 -0
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +9 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +9 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +9 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +8 -0
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +4 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +10 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +10 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +10 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +4 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/icon-button.css +15 -8
- package/dist/components/iconButton/IconButton.cjs +2 -0
- package/dist/components/iconButton/IconButton.cjs.map +2 -2
- package/dist/components/iconButton/IconButton.d.cts.map +1 -1
- package/dist/components/iconButton/IconButton.d.mts.map +1 -1
- package/dist/components/iconButton/IconButton.d.ts.map +1 -1
- package/dist/components/iconButton/IconButton.js +2 -0
- package/dist/components/iconButton/IconButton.js.map +2 -2
- package/dist/components/iconButton/iconButton.props.cjs +4 -0
- package/dist/components/iconButton/iconButton.props.cjs.map +2 -2
- package/dist/components/iconButton/iconButton.props.d.cts +4 -0
- package/dist/components/iconButton/iconButton.props.d.cts.map +1 -1
- package/dist/components/iconButton/iconButton.props.d.mts +4 -0
- package/dist/components/iconButton/iconButton.props.d.mts.map +1 -1
- package/dist/components/iconButton/iconButton.props.d.ts +4 -0
- package/dist/components/iconButton/iconButton.props.d.ts.map +1 -1
- package/dist/components/iconButton/iconButton.props.js +4 -0
- package/dist/components/iconButton/iconButton.props.js.map +2 -2
- package/dist/components/index.cjs +2 -7
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +2 -7
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +2 -7
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +2 -7
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -7
- package/dist/components/index.js.map +2 -2
- package/dist/components/input-otp.css +4 -0
- package/dist/components/input.css +16 -3
- package/dist/components/kbd.css +1 -1
- package/dist/components/label/Label.cjs +1 -1
- package/dist/components/label/Label.cjs.map +2 -2
- package/dist/components/label/Label.js +1 -1
- package/dist/components/label/Label.js.map +2 -2
- package/dist/components/label.css +1 -1
- package/dist/components/menu.css +5 -6
- package/dist/components/menubar.css +8 -4
- package/dist/components/native-select.css +4 -15
- package/dist/components/nativeSelect/NativeSelect.cjs +3 -4
- package/dist/components/nativeSelect/NativeSelect.cjs.map +2 -2
- package/dist/components/nativeSelect/NativeSelect.d.cts.map +1 -1
- package/dist/components/nativeSelect/NativeSelect.d.mts.map +1 -1
- package/dist/components/nativeSelect/NativeSelect.d.ts.map +1 -1
- package/dist/components/nativeSelect/NativeSelect.js +3 -4
- package/dist/components/nativeSelect/NativeSelect.js.map +2 -2
- package/dist/components/nativeSelect/nativeSelect.props.cjs +0 -8
- package/dist/components/nativeSelect/nativeSelect.props.cjs.map +2 -2
- package/dist/components/nativeSelect/nativeSelect.props.d.cts +0 -7
- package/dist/components/nativeSelect/nativeSelect.props.d.cts.map +1 -1
- package/dist/components/nativeSelect/nativeSelect.props.d.mts +0 -7
- package/dist/components/nativeSelect/nativeSelect.props.d.mts.map +1 -1
- package/dist/components/nativeSelect/nativeSelect.props.d.ts +0 -7
- package/dist/components/nativeSelect/nativeSelect.props.d.ts.map +1 -1
- package/dist/components/nativeSelect/nativeSelect.props.js +0 -8
- package/dist/components/nativeSelect/nativeSelect.props.js.map +2 -2
- package/dist/components/navigation-menu.css +67 -44
- package/dist/components/navigationMenu/NavigationMenu.cjs +87 -5
- package/dist/components/navigationMenu/NavigationMenu.cjs.map +2 -2
- package/dist/components/navigationMenu/NavigationMenu.d.cts.map +1 -1
- package/dist/components/navigationMenu/NavigationMenu.d.mts.map +1 -1
- package/dist/components/navigationMenu/NavigationMenu.d.ts.map +1 -1
- package/dist/components/navigationMenu/NavigationMenu.js +87 -5
- package/dist/components/navigationMenu/NavigationMenu.js.map +2 -2
- package/dist/components/notification-center.css +3 -2
- package/dist/components/number-input.css +44 -3
- package/dist/components/numberInput/NumberInput.cjs +106 -14
- package/dist/components/numberInput/NumberInput.cjs.map +2 -2
- package/dist/components/numberInput/NumberInput.d.cts +2 -0
- package/dist/components/numberInput/NumberInput.d.cts.map +1 -1
- package/dist/components/numberInput/NumberInput.d.mts +2 -0
- package/dist/components/numberInput/NumberInput.d.mts.map +1 -1
- package/dist/components/numberInput/NumberInput.d.ts +2 -0
- package/dist/components/numberInput/NumberInput.d.ts.map +1 -1
- package/dist/components/numberInput/NumberInput.js +107 -15
- package/dist/components/numberInput/NumberInput.js.map +2 -2
- package/dist/components/numberInput/numberInput.props.cjs +20 -0
- package/dist/components/numberInput/numberInput.props.cjs.map +2 -2
- package/dist/components/numberInput/numberInput.props.d.cts +18 -0
- package/dist/components/numberInput/numberInput.props.d.cts.map +1 -1
- package/dist/components/numberInput/numberInput.props.d.mts +18 -0
- package/dist/components/numberInput/numberInput.props.d.mts.map +1 -1
- package/dist/components/numberInput/numberInput.props.d.ts +18 -0
- package/dist/components/numberInput/numberInput.props.d.ts.map +1 -1
- package/dist/components/numberInput/numberInput.props.js +20 -0
- package/dist/components/numberInput/numberInput.props.js.map +2 -2
- package/dist/components/password-input.css +4 -2
- package/dist/components/phone-input.css +230 -0
- package/dist/components/phoneInput/PhoneInput.cjs +247 -0
- package/dist/components/phoneInput/PhoneInput.cjs.map +7 -0
- package/dist/components/phoneInput/PhoneInput.d.cts +24 -0
- package/dist/components/phoneInput/PhoneInput.d.cts.map +1 -0
- package/dist/components/phoneInput/PhoneInput.d.mts +24 -0
- package/dist/components/phoneInput/PhoneInput.d.mts.map +1 -0
- package/dist/components/phoneInput/PhoneInput.d.ts +24 -0
- package/dist/components/phoneInput/PhoneInput.d.ts.map +1 -0
- package/dist/components/phoneInput/PhoneInput.js +217 -0
- package/dist/components/phoneInput/PhoneInput.js.map +7 -0
- package/dist/components/phoneInput/phoneInput.props.cjs +40 -0
- package/dist/components/phoneInput/phoneInput.props.cjs.map +7 -0
- package/dist/components/phoneInput/phoneInput.props.d.cts +18 -0
- package/dist/components/phoneInput/phoneInput.props.d.cts.map +1 -0
- package/dist/components/phoneInput/phoneInput.props.d.mts +18 -0
- package/dist/components/phoneInput/phoneInput.props.d.mts.map +1 -0
- package/dist/components/phoneInput/phoneInput.props.d.ts +18 -0
- package/dist/components/phoneInput/phoneInput.props.d.ts.map +1 -0
- package/dist/components/phoneInput/phoneInput.props.js +20 -0
- package/dist/components/phoneInput/phoneInput.props.js.map +7 -0
- package/dist/components/pills/Pills.cjs +11 -2
- package/dist/components/pills/Pills.cjs.map +2 -2
- package/dist/components/pills/Pills.d.cts.map +1 -1
- package/dist/components/pills/Pills.d.mts.map +1 -1
- package/dist/components/pills/Pills.d.ts.map +1 -1
- package/dist/components/pills/Pills.js +11 -2
- package/dist/components/pills/Pills.js.map +2 -2
- package/dist/components/pills/pills.props.cjs +6 -1
- package/dist/components/pills/pills.props.cjs.map +2 -2
- package/dist/components/pills/pills.props.d.cts +6 -1
- package/dist/components/pills/pills.props.d.cts.map +1 -1
- package/dist/components/pills/pills.props.d.mts +6 -1
- package/dist/components/pills/pills.props.d.mts.map +1 -1
- package/dist/components/pills/pills.props.d.ts +6 -1
- package/dist/components/pills/pills.props.d.ts.map +1 -1
- package/dist/components/pills/pills.props.js +6 -1
- package/dist/components/pills/pills.props.js.map +2 -2
- package/dist/components/pills.css +40 -1
- package/dist/components/popover/Popover.cjs +1 -1
- package/dist/components/popover/Popover.cjs.map +1 -1
- package/dist/components/popover/Popover.js +1 -1
- package/dist/components/popover/Popover.js.map +1 -1
- package/dist/components/popover.css +10 -0
- package/dist/components/progress.css +6 -2
- package/dist/components/prose/Prose.cjs.map +2 -2
- package/dist/components/prose/Prose.d.cts +2 -5
- package/dist/components/prose/Prose.d.cts.map +1 -1
- package/dist/components/prose/Prose.d.mts +2 -5
- package/dist/components/prose/Prose.d.mts.map +1 -1
- package/dist/components/prose/Prose.d.ts +2 -5
- package/dist/components/prose/Prose.d.ts.map +1 -1
- package/dist/components/prose/Prose.js.map +2 -2
- package/dist/components/prose/prose.props.cjs +17 -0
- package/dist/components/prose/prose.props.cjs.map +7 -0
- package/dist/components/prose/prose.props.d.cts +7 -0
- package/dist/components/prose/prose.props.d.cts.map +1 -0
- package/dist/components/prose/prose.props.d.mts +7 -0
- package/dist/components/prose/prose.props.d.mts.map +1 -0
- package/dist/components/prose/prose.props.d.ts +7 -0
- package/dist/components/prose/prose.props.d.ts.map +1 -0
- package/dist/components/prose/prose.props.js +1 -0
- package/dist/components/prose/prose.props.js.map +7 -0
- package/dist/components/radio-cards.css +8 -0
- package/dist/components/rating/Rating.cjs +2 -1
- package/dist/components/rating/Rating.cjs.map +2 -2
- package/dist/components/rating/Rating.d.cts.map +1 -1
- package/dist/components/rating/Rating.d.mts.map +1 -1
- package/dist/components/rating/Rating.d.ts.map +1 -1
- package/dist/components/rating/Rating.js +2 -1
- package/dist/components/rating/Rating.js.map +2 -2
- package/dist/components/result/Result.cjs.map +2 -2
- package/dist/components/result/Result.d.cts +2 -11
- package/dist/components/result/Result.d.cts.map +1 -1
- package/dist/components/result/Result.d.mts +2 -11
- package/dist/components/result/Result.d.mts.map +1 -1
- package/dist/components/result/Result.d.ts +2 -11
- package/dist/components/result/Result.d.ts.map +1 -1
- package/dist/components/result/Result.js.map +2 -2
- package/dist/components/result/result.props.cjs +17 -0
- package/dist/components/result/result.props.cjs.map +7 -0
- package/dist/components/result/result.props.d.cts +13 -0
- package/dist/components/result/result.props.d.cts.map +1 -0
- package/dist/components/result/result.props.d.mts +13 -0
- package/dist/components/result/result.props.d.mts.map +1 -0
- package/dist/components/result/result.props.d.ts +13 -0
- package/dist/components/result/result.props.d.ts.map +1 -0
- package/dist/components/result/result.props.js +1 -0
- package/dist/components/result/result.props.js.map +7 -0
- package/dist/components/result.css +1 -0
- package/dist/components/searchBar/SearchBar.cjs +2 -0
- package/dist/components/searchBar/SearchBar.cjs.map +2 -2
- package/dist/components/searchBar/SearchBar.d.cts.map +1 -1
- package/dist/components/searchBar/SearchBar.d.mts.map +1 -1
- package/dist/components/searchBar/SearchBar.d.ts.map +1 -1
- package/dist/components/searchBar/SearchBar.js +3 -1
- package/dist/components/searchBar/SearchBar.js.map +2 -2
- package/dist/components/searchBar/searchBar.props.cjs +4 -0
- package/dist/components/searchBar/searchBar.props.cjs.map +2 -2
- package/dist/components/searchBar/searchBar.props.d.cts +4 -0
- package/dist/components/searchBar/searchBar.props.d.cts.map +1 -1
- package/dist/components/searchBar/searchBar.props.d.mts +4 -0
- package/dist/components/searchBar/searchBar.props.d.mts.map +1 -1
- package/dist/components/searchBar/searchBar.props.d.ts +4 -0
- package/dist/components/searchBar/searchBar.props.d.ts.map +1 -1
- package/dist/components/searchBar/searchBar.props.js +4 -0
- package/dist/components/searchBar/searchBar.props.js.map +2 -2
- package/dist/components/section/section.props.cjs +8 -0
- package/dist/components/section/section.props.cjs.map +2 -2
- package/dist/components/section/section.props.d.cts +6 -0
- package/dist/components/section/section.props.d.cts.map +1 -1
- package/dist/components/section/section.props.d.mts +6 -0
- package/dist/components/section/section.props.d.mts.map +1 -1
- package/dist/components/section/section.props.d.ts +6 -0
- package/dist/components/section/section.props.d.ts.map +1 -1
- package/dist/components/section/section.props.js +8 -0
- package/dist/components/section/section.props.js.map +2 -2
- package/dist/components/segmented-control.css +93 -53
- package/dist/components/segmented-meter.css +6 -3
- package/dist/components/segmentedControl/SegmentedControl.cjs +105 -13
- package/dist/components/segmentedControl/SegmentedControl.cjs.map +2 -2
- package/dist/components/segmentedControl/SegmentedControl.d.cts +1 -0
- package/dist/components/segmentedControl/SegmentedControl.d.cts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.mts +1 -0
- package/dist/components/segmentedControl/SegmentedControl.d.mts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.ts +1 -0
- package/dist/components/segmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.js +106 -14
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.cjs +7 -1
- package/dist/components/segmentedControl/segmentedControl.props.cjs.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.d.cts +6 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.cts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.mts +6 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.mts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.ts +6 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.ts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.js +7 -1
- package/dist/components/segmentedControl/segmentedControl.props.js.map +2 -2
- package/dist/components/select/Select.cjs +76 -16
- package/dist/components/select/Select.cjs.map +3 -3
- package/dist/components/select/Select.d.cts +5 -2
- package/dist/components/select/Select.d.cts.map +1 -1
- package/dist/components/select/Select.d.mts +5 -2
- package/dist/components/select/Select.d.mts.map +1 -1
- package/dist/components/select/Select.d.ts +5 -2
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +76 -16
- package/dist/components/select/Select.js.map +3 -3
- package/dist/components/select/select.props.cjs +5 -1
- package/dist/components/select/select.props.cjs.map +2 -2
- package/dist/components/select/select.props.d.cts +8 -4
- package/dist/components/select/select.props.d.cts.map +1 -1
- package/dist/components/select/select.props.d.mts +8 -4
- package/dist/components/select/select.props.d.mts.map +1 -1
- package/dist/components/select/select.props.d.ts +8 -4
- package/dist/components/select/select.props.d.ts.map +1 -1
- package/dist/components/select/select.props.js +5 -1
- package/dist/components/select/select.props.js.map +2 -2
- package/dist/components/select.css +142 -16
- package/dist/components/separator.css +8 -2
- package/dist/components/sidebar/Sidebar.cjs +513 -113
- package/dist/components/sidebar/Sidebar.cjs.map +2 -2
- package/dist/components/sidebar/Sidebar.d.cts +61 -5
- package/dist/components/sidebar/Sidebar.d.cts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.mts +61 -5
- package/dist/components/sidebar/Sidebar.d.mts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +61 -5
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +514 -113
- package/dist/components/sidebar/Sidebar.js.map +2 -2
- package/dist/components/sidebar/sidebar.props.cjs +32 -0
- package/dist/components/sidebar/sidebar.props.cjs.map +2 -2
- package/dist/components/sidebar/sidebar.props.d.cts +34 -1
- package/dist/components/sidebar/sidebar.props.d.cts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.mts +34 -1
- package/dist/components/sidebar/sidebar.props.d.mts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.ts +34 -1
- package/dist/components/sidebar/sidebar.props.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.props.js +32 -0
- package/dist/components/sidebar/sidebar.props.js.map +2 -2
- package/dist/components/sidebar.css +408 -51
- package/dist/components/skeleton/Skeleton.cjs +1 -1
- package/dist/components/skeleton/Skeleton.cjs.map +2 -2
- package/dist/components/skeleton/Skeleton.js +1 -1
- package/dist/components/skeleton/Skeleton.js.map +2 -2
- package/dist/components/skeleton.css +9 -3
- package/dist/components/slider.css +15 -7
- package/dist/components/sortable-list.css +1 -0
- package/dist/components/sortableList/SortableList.cjs +7 -2
- package/dist/components/sortableList/SortableList.cjs.map +2 -2
- package/dist/components/sortableList/SortableList.d.cts +2 -19
- package/dist/components/sortableList/SortableList.d.cts.map +1 -1
- package/dist/components/sortableList/SortableList.d.mts +2 -19
- package/dist/components/sortableList/SortableList.d.mts.map +1 -1
- package/dist/components/sortableList/SortableList.d.ts +2 -19
- package/dist/components/sortableList/SortableList.d.ts.map +1 -1
- package/dist/components/sortableList/SortableList.js +7 -2
- package/dist/components/sortableList/SortableList.js.map +2 -2
- package/dist/components/sortableList/sortableList.props.cjs +17 -0
- package/dist/components/sortableList/sortableList.props.cjs.map +7 -0
- package/dist/components/sortableList/sortableList.props.d.cts +21 -0
- package/dist/components/sortableList/sortableList.props.d.cts.map +1 -0
- package/dist/components/sortableList/sortableList.props.d.mts +21 -0
- package/dist/components/sortableList/sortableList.props.d.mts.map +1 -0
- package/dist/components/sortableList/sortableList.props.d.ts +21 -0
- package/dist/components/sortableList/sortableList.props.d.ts.map +1 -0
- package/dist/components/sortableList/sortableList.props.js +1 -0
- package/dist/components/sortableList/sortableList.props.js.map +7 -0
- package/dist/components/spinner/Spinner.cjs +22 -3
- package/dist/components/spinner/Spinner.cjs.map +2 -2
- package/dist/components/spinner/Spinner.d.cts.map +1 -1
- package/dist/components/spinner/Spinner.d.mts.map +1 -1
- package/dist/components/spinner/Spinner.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.js +22 -3
- package/dist/components/spinner/Spinner.js.map +2 -2
- package/dist/components/spinner/spinner.props.cjs +10 -0
- package/dist/components/spinner/spinner.props.cjs.map +2 -2
- package/dist/components/spinner/spinner.props.d.cts +9 -0
- package/dist/components/spinner/spinner.props.d.cts.map +1 -1
- package/dist/components/spinner/spinner.props.d.mts +9 -0
- package/dist/components/spinner/spinner.props.d.mts.map +1 -1
- package/dist/components/spinner/spinner.props.d.ts +9 -0
- package/dist/components/spinner/spinner.props.d.ts.map +1 -1
- package/dist/components/spinner/spinner.props.js +10 -0
- package/dist/components/spinner/spinner.props.js.map +2 -2
- package/dist/components/spinner.css +38 -0
- package/dist/components/stepper.css +63 -8
- package/dist/components/switch/Switch.cjs +1 -5
- package/dist/components/switch/Switch.cjs.map +2 -2
- package/dist/components/switch/Switch.d.cts.map +1 -1
- package/dist/components/switch/Switch.d.mts.map +1 -1
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/switch/Switch.js +1 -5
- package/dist/components/switch/Switch.js.map +2 -2
- package/dist/components/switch.css +38 -16
- package/dist/components/tableOfContents/TableOfContents.cjs.map +2 -2
- package/dist/components/tableOfContents/TableOfContents.d.cts +2 -12
- package/dist/components/tableOfContents/TableOfContents.d.cts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.mts +2 -12
- package/dist/components/tableOfContents/TableOfContents.d.mts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.ts +2 -12
- package/dist/components/tableOfContents/TableOfContents.d.ts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.js.map +2 -2
- package/dist/components/tableOfContents/tableOfContents.props.cjs +17 -0
- package/dist/components/tableOfContents/tableOfContents.props.cjs.map +7 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.cts +14 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.cts.map +1 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.mts +14 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.mts.map +1 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.ts +14 -0
- package/dist/components/tableOfContents/tableOfContents.props.d.ts.map +1 -0
- package/dist/components/tableOfContents/tableOfContents.props.js +1 -0
- package/dist/components/tableOfContents/tableOfContents.props.js.map +7 -0
- package/dist/components/tabs.css +1 -1
- package/dist/components/tag/Tag.cjs +75 -0
- package/dist/components/tag/Tag.cjs.map +7 -0
- package/dist/components/tag/Tag.d.cts +12 -0
- package/dist/components/tag/Tag.d.cts.map +1 -0
- package/dist/components/tag/Tag.d.mts +12 -0
- package/dist/components/tag/Tag.d.mts.map +1 -0
- package/dist/components/tag/Tag.d.ts +12 -0
- package/dist/components/tag/Tag.d.ts.map +1 -0
- package/dist/components/tag/Tag.js +45 -0
- package/dist/components/tag/Tag.js.map +7 -0
- package/dist/components/tag/tag.props.cjs +52 -0
- package/dist/components/tag/tag.props.cjs.map +7 -0
- package/dist/components/tag/tag.props.d.cts +32 -0
- package/dist/components/tag/tag.props.d.cts.map +1 -0
- package/dist/components/tag/tag.props.d.mts +32 -0
- package/dist/components/tag/tag.props.d.mts.map +1 -0
- package/dist/components/tag/tag.props.d.ts +32 -0
- package/dist/components/tag/tag.props.d.ts.map +1 -0
- package/dist/components/tag/tag.props.js +32 -0
- package/dist/components/tag/tag.props.js.map +7 -0
- package/dist/components/tag.css +106 -0
- package/dist/components/tags-input.css +31 -9
- package/dist/components/tagsInput/TagsInput.cjs +43 -9
- package/dist/components/tagsInput/TagsInput.cjs.map +2 -2
- package/dist/components/tagsInput/TagsInput.d.cts.map +1 -1
- package/dist/components/tagsInput/TagsInput.d.mts.map +1 -1
- package/dist/components/tagsInput/TagsInput.d.ts.map +1 -1
- package/dist/components/tagsInput/TagsInput.js +43 -9
- package/dist/components/tagsInput/TagsInput.js.map +2 -2
- package/dist/components/tagsInput/tagsInput.props.cjs +20 -0
- package/dist/components/tagsInput/tagsInput.props.cjs.map +2 -2
- package/dist/components/tagsInput/tagsInput.props.d.cts +20 -0
- package/dist/components/tagsInput/tagsInput.props.d.cts.map +1 -1
- package/dist/components/tagsInput/tagsInput.props.d.mts +20 -0
- package/dist/components/tagsInput/tagsInput.props.d.mts.map +1 -1
- package/dist/components/tagsInput/tagsInput.props.d.ts +20 -0
- package/dist/components/tagsInput/tagsInput.props.d.ts.map +1 -1
- package/dist/components/tagsInput/tagsInput.props.js +20 -0
- package/dist/components/tagsInput/tagsInput.props.js.map +2 -2
- package/dist/components/text-area-field.css +177 -0
- package/dist/components/text-field.css +39 -2
- package/dist/components/text.css +9 -0
- package/dist/components/textArea/textArea.props.cjs +1 -1
- package/dist/components/textArea/textArea.props.cjs.map +2 -2
- package/dist/components/textArea/textArea.props.d.cts +1 -1
- package/dist/components/textArea/textArea.props.d.mts +1 -1
- package/dist/components/textArea/textArea.props.d.ts +1 -1
- package/dist/components/textArea/textArea.props.js +1 -1
- package/dist/components/textArea/textArea.props.js.map +2 -2
- package/dist/components/textAreaField/TextAreaField.cjs +231 -0
- package/dist/components/textAreaField/TextAreaField.cjs.map +7 -0
- package/dist/components/textAreaField/TextAreaField.d.cts +24 -0
- package/dist/components/textAreaField/TextAreaField.d.cts.map +1 -0
- package/dist/components/textAreaField/TextAreaField.d.mts +24 -0
- package/dist/components/textAreaField/TextAreaField.d.mts.map +1 -0
- package/dist/components/textAreaField/TextAreaField.d.ts +24 -0
- package/dist/components/textAreaField/TextAreaField.d.ts.map +1 -0
- package/dist/components/textAreaField/TextAreaField.js +201 -0
- package/dist/components/textAreaField/TextAreaField.js.map +7 -0
- package/dist/components/textAreaField/textAreaField.props.cjs +68 -0
- package/dist/components/textAreaField/textAreaField.props.cjs.map +7 -0
- package/dist/components/textAreaField/textAreaField.props.d.cts +44 -0
- package/dist/components/textAreaField/textAreaField.props.d.cts.map +1 -0
- package/dist/components/textAreaField/textAreaField.props.d.mts +44 -0
- package/dist/components/textAreaField/textAreaField.props.d.mts.map +1 -0
- package/dist/components/textAreaField/textAreaField.props.d.ts +44 -0
- package/dist/components/textAreaField/textAreaField.props.d.ts.map +1 -0
- package/dist/components/textAreaField/textAreaField.props.js +48 -0
- package/dist/components/textAreaField/textAreaField.props.js.map +7 -0
- package/dist/components/textField/TextField.cjs +3 -2
- package/dist/components/textField/TextField.cjs.map +2 -2
- package/dist/components/textField/TextField.d.cts +1 -0
- package/dist/components/textField/TextField.d.cts.map +1 -1
- package/dist/components/textField/TextField.d.mts +1 -0
- package/dist/components/textField/TextField.d.mts.map +1 -1
- package/dist/components/textField/TextField.d.ts +1 -0
- package/dist/components/textField/TextField.d.ts.map +1 -1
- package/dist/components/textField/TextField.js +3 -2
- package/dist/components/textField/TextField.js.map +2 -2
- package/dist/components/textarea.css +12 -3
- package/dist/components/theme-panel.css +2 -1
- package/dist/components/themeProvider/ThemeProvider.cjs +22 -1
- package/dist/components/themeProvider/ThemeProvider.cjs.map +2 -2
- package/dist/components/themeProvider/ThemeProvider.d.cts.map +1 -1
- package/dist/components/themeProvider/ThemeProvider.d.mts.map +1 -1
- package/dist/components/themeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/components/themeProvider/ThemeProvider.js +22 -1
- package/dist/components/themeProvider/ThemeProvider.js.map +2 -2
- package/dist/components/themeProvider/ThemeScript.cjs +1 -1
- package/dist/components/themeProvider/ThemeScript.cjs.map +2 -2
- package/dist/components/themeProvider/ThemeScript.d.cts.map +1 -1
- package/dist/components/themeProvider/ThemeScript.d.mts.map +1 -1
- package/dist/components/themeProvider/ThemeScript.d.ts.map +1 -1
- package/dist/components/themeProvider/ThemeScript.js +1 -1
- package/dist/components/themeProvider/ThemeScript.js.map +2 -2
- package/dist/components/time-picker.css +3 -2
- package/dist/components/toast/Toast.d.cts +1 -1
- package/dist/components/toast/Toast.d.mts +1 -1
- package/dist/components/toast/Toast.d.ts +1 -1
- package/dist/components/toast/toast.props.cjs +1 -1
- package/dist/components/toast/toast.props.cjs.map +2 -2
- package/dist/components/toast/toast.props.d.cts +2 -2
- package/dist/components/toast/toast.props.d.cts.map +1 -1
- package/dist/components/toast/toast.props.d.mts +2 -2
- package/dist/components/toast/toast.props.d.mts.map +1 -1
- package/dist/components/toast/toast.props.d.ts +2 -2
- package/dist/components/toast/toast.props.d.ts.map +1 -1
- package/dist/components/toast/toast.props.js +1 -1
- package/dist/components/toast/toast.props.js.map +2 -2
- package/dist/components/toast.css +29 -2
- package/dist/components/toggle-group.css +33 -0
- package/dist/components/toggle-tip.css +5 -4
- package/dist/components/tooltip/Tooltip.cjs +4 -1
- package/dist/components/tooltip/Tooltip.cjs.map +2 -2
- package/dist/components/tooltip/Tooltip.d.cts +4 -1
- package/dist/components/tooltip/Tooltip.d.cts.map +1 -1
- package/dist/components/tooltip/Tooltip.d.mts +4 -1
- package/dist/components/tooltip/Tooltip.d.mts.map +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +4 -1
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +5 -2
- package/dist/components/tooltip/Tooltip.js.map +2 -2
- package/dist/components/tooltip.css +10 -3
- package/dist/components.css +5 -42
- package/dist/docs/README.md +154 -0
- package/dist/docs/component-contract.md +224 -0
- package/dist/docs/component-index.json +1095 -0
- package/dist/docs/{accessible-icon.md → components/accessible-icon.md} +1 -8
- package/dist/docs/{accordion.md → components/accordion.md} +1 -8
- package/dist/docs/{alert-dialog.md → components/alert-dialog.md} +2 -9
- package/dist/docs/{alert.md → components/alert.md} +1 -8
- package/dist/docs/{article-nodes.md → components/article-nodes.md} +0 -2
- package/dist/docs/{aspect-ratio.md → components/aspect-ratio.md} +1 -8
- package/dist/docs/{avatar.md → components/avatar.md} +1 -8
- package/dist/docs/{badge.md → components/badge.md} +10 -17
- package/dist/docs/{blockquote.md → components/blockquote.md} +3 -8
- package/dist/docs/{box.md → components/box.md} +2 -9
- package/dist/docs/{breadcrumb.md → components/breadcrumb.md} +1 -8
- package/dist/docs/{button-group.md → components/button-group.md} +1 -8
- package/dist/docs/{button.md → components/button.md} +22 -23
- package/dist/docs/{calendar.md → components/calendar.md} +1 -8
- package/dist/docs/{callout.md → components/callout.md} +1 -8
- package/dist/docs/{card.md → components/card.md} +6 -9
- package/dist/docs/{carousel.md → components/carousel.md} +6 -11
- package/dist/docs/{chart.md → components/chart.md} +48 -19
- package/dist/docs/{checkbox-cards.md → components/checkbox-cards.md} +1 -6
- package/dist/docs/{checkbox-group.md → components/checkbox-group.md} +1 -8
- package/dist/docs/{checkbox.md → components/checkbox.md} +1 -8
- package/dist/docs/{code-input.md → components/code-input.md} +0 -7
- package/dist/docs/{code.md → components/code.md} +11 -18
- package/dist/docs/{collapsible.md → components/collapsible.md} +1 -8
- package/dist/docs/{color-picker.md → components/color-picker.md} +1 -8
- package/dist/docs/{color-swatch.md → components/color-swatch.md} +9 -10
- package/dist/docs/{combobox.md → components/combobox.md} +28 -30
- package/dist/docs/{command.md → components/command.md} +5 -10
- package/dist/docs/{comment-thread.md → components/comment-thread.md} +0 -2
- package/dist/docs/{config-drawer.md → components/config-drawer.md} +13 -14
- package/dist/docs/{container.md → components/container.md} +3 -10
- package/dist/docs/{context-menu.md → components/context-menu.md} +2 -12
- package/dist/docs/components/control-group.md +261 -0
- package/dist/docs/{copy-button.md → components/copy-button.md} +10 -17
- package/dist/docs/{copy-field.md → components/copy-field.md} +0 -7
- package/dist/docs/{data-list.md → components/data-list.md} +1 -8
- package/dist/docs/{data-table.md → components/data-table.md} +1 -8
- package/dist/docs/{date-picker.md → components/date-picker.md} +1 -8
- package/dist/docs/{dialog.md → components/dialog.md} +3 -10
- package/dist/docs/{direction-provider.md → components/direction-provider.md} +1 -7
- package/dist/docs/{drawer.md → components/drawer.md} +3 -9
- package/dist/docs/{dropdown-menu.md → components/dropdown-menu.md} +3 -13
- package/dist/docs/{editable.md → components/editable.md} +4 -6
- package/dist/docs/{em.md → components/em.md} +3 -8
- package/dist/docs/{empty-state.md → components/empty-state.md} +1 -8
- package/dist/docs/{field.md → components/field.md} +10 -14
- package/dist/docs/{file-upload.md → components/file-upload.md} +32 -23
- package/dist/docs/{filter-bar.md → components/filter-bar.md} +0 -7
- package/dist/docs/{flex.md → components/flex.md} +2 -9
- package/dist/docs/{floating-panel.md → components/floating-panel.md} +3 -8
- package/dist/docs/{font-provider.md → components/font-provider.md} +23 -24
- package/dist/docs/{form.md → components/form.md} +5 -10
- package/dist/docs/{grid.md → components/grid.md} +2 -8
- package/dist/docs/{heading.md → components/heading.md} +6 -11
- package/dist/docs/{hover-card.md → components/hover-card.md} +4 -11
- package/dist/docs/{icon-button.md → components/icon-button.md} +1 -8
- package/dist/docs/{icon.md → components/icon.md} +1 -8
- package/dist/docs/{input-group.md → components/input-group.md} +1 -8
- package/dist/docs/{input-otp.md → components/input-otp.md} +6 -10
- package/dist/docs/{input.md → components/input.md} +1 -8
- package/dist/docs/{inset.md → components/inset.md} +1 -8
- package/dist/docs/{item.md → components/item.md} +1 -8
- package/dist/docs/{kbd.md → components/kbd.md} +3 -10
- package/dist/docs/{label.md → components/label.md} +1 -8
- package/dist/docs/{layout-props.md → components/layout-props.md} +2 -9
- package/dist/docs/{link.md → components/link.md} +15 -22
- package/dist/docs/{marquee.md → components/marquee.md} +1 -6
- package/dist/docs/{menu.md → components/menu.md} +8 -14
- package/dist/docs/{menubar.md → components/menubar.md} +3 -13
- package/dist/docs/{metric.md → components/metric.md} +0 -7
- package/dist/docs/{native-select.md → components/native-select.md} +19 -31
- package/dist/docs/{navigation-menu.md → components/navigation-menu.md} +34 -36
- package/dist/docs/{notification-center.md → components/notification-center.md} +3 -10
- package/dist/docs/{number-input.md → components/number-input.md} +11 -12
- package/dist/docs/{page-content.md → components/page-content.md} +1 -8
- package/dist/docs/{page-header.md → components/page-header.md} +1 -8
- package/dist/docs/{pagination.md → components/pagination.md} +1 -9
- package/dist/docs/{password-input.md → components/password-input.md} +5 -11
- package/dist/docs/components/phone-input.md +74 -0
- package/dist/docs/{pills.md → components/pills.md} +6 -12
- package/dist/docs/{popover.md → components/popover.md} +6 -12
- package/dist/docs/{progress.md → components/progress.md} +1 -8
- package/dist/docs/{prose.md → components/prose.md} +0 -2
- package/dist/docs/{qr-code.md → components/qr-code.md} +2 -7
- package/dist/docs/{quote.md → components/quote.md} +3 -8
- package/dist/docs/{radio-cards.md → components/radio-cards.md} +1 -6
- package/dist/docs/{radio-group.md → components/radio-group.md} +1 -8
- package/dist/docs/{rating.md → components/rating.md} +1 -8
- package/dist/docs/{resizable.md → components/resizable.md} +1 -8
- package/dist/docs/{result.md → components/result.md} +0 -2
- package/dist/docs/{rich-text-editor.md → components/rich-text-editor.md} +1 -8
- package/dist/docs/{scroll-area.md → components/scroll-area.md} +1 -8
- package/dist/docs/{search-bar.md → components/search-bar.md} +5 -11
- package/dist/docs/{section.md → components/section.md} +1 -8
- package/dist/docs/components/segmented-control.md +253 -0
- package/dist/docs/{segmented-meter.md → components/segmented-meter.md} +1 -8
- package/dist/docs/{select.md → components/select.md} +23 -29
- package/dist/docs/{separator.md → components/separator.md} +1 -8
- package/dist/docs/{shared.md → components/shared.md} +2 -7
- package/dist/docs/{sidebar.md → components/sidebar.md} +88 -30
- package/dist/docs/{skeleton.md → components/skeleton.md} +1 -8
- package/dist/docs/{slider.md → components/slider.md} +1 -8
- package/dist/docs/{slot.md → components/slot.md} +1 -8
- package/dist/docs/{sonner.md → components/sonner.md} +1 -8
- package/dist/docs/{sortable-list.md → components/sortable-list.md} +9 -2
- package/dist/docs/{spinner.md → components/spinner.md} +9 -10
- package/dist/docs/{stack.md → components/stack.md} +2 -9
- package/dist/docs/{stat-card.md → components/stat-card.md} +1 -8
- package/dist/docs/{status.md → components/status.md} +1 -6
- package/dist/docs/{stepper.md → components/stepper.md} +1 -8
- package/dist/docs/{strong.md → components/strong.md} +3 -8
- package/dist/docs/{switch.md → components/switch.md} +1 -8
- package/dist/docs/{tab-nav.md → components/tab-nav.md} +2 -7
- package/dist/docs/{table-of-contents.md → components/table-of-contents.md} +0 -2
- package/dist/docs/{table.md → components/table.md} +1 -8
- package/dist/docs/{tabs.md → components/tabs.md} +1 -9
- package/dist/docs/components/tag.md +88 -0
- package/dist/docs/{tags-input.md → components/tags-input.md} +6 -6
- package/dist/docs/components/text-area-field.md +183 -0
- package/dist/docs/{text-area.md → components/text-area.md} +6 -11
- package/dist/docs/{text-field.md → components/text-field.md} +9 -12
- package/dist/docs/{text.md → components/text.md} +6 -11
- package/dist/docs/{theme-panel.md → components/theme-panel.md} +4 -11
- package/dist/docs/{theme-provider.md → components/theme-provider.md} +7 -13
- package/dist/docs/{theme.md → components/theme.md} +9 -15
- package/dist/docs/{time-picker.md → components/time-picker.md} +1 -8
- package/dist/docs/{timeline.md → components/timeline.md} +1 -8
- package/dist/docs/{toast.md → components/toast.md} +3 -10
- package/dist/docs/{toggle-group.md → components/toggle-group.md} +1 -8
- package/dist/docs/{toggle-tip.md → components/toggle-tip.md} +5 -10
- package/dist/docs/{toggle.md → components/toggle.md} +1 -8
- package/dist/docs/{toolbar.md → components/toolbar.md} +1 -8
- package/dist/docs/{tooltip.md → components/tooltip.md} +4 -11
- package/dist/docs/{tree-view.md → components/tree-view.md} +1 -6
- package/dist/docs/{typography.md → components/typography.md} +9 -11
- package/dist/docs/{visually-hidden.md → components/visually-hidden.md} +1 -7
- package/dist/docs/consumer-guide.md +84 -31
- package/dist/docs/theme-guide.md +20 -20
- package/dist/flags.css +266 -0
- package/dist/fonts.css +1 -0
- package/dist/foundations/Typography.cjs.map +2 -2
- package/dist/foundations/Typography.d.cts +1 -1
- package/dist/foundations/Typography.d.cts.map +1 -1
- package/dist/foundations/Typography.d.mts +1 -1
- package/dist/foundations/Typography.d.mts.map +1 -1
- package/dist/foundations/Typography.d.ts +1 -1
- package/dist/foundations/Typography.d.ts.map +1 -1
- package/dist/foundations/Typography.js.map +2 -2
- package/dist/foundations/index.cjs +1 -0
- package/dist/foundations/index.cjs.map +2 -2
- package/dist/foundations/index.d.cts +1 -0
- package/dist/foundations/index.d.cts.map +1 -1
- package/dist/foundations/index.d.mts +1 -0
- package/dist/foundations/index.d.mts.map +1 -1
- package/dist/foundations/index.d.ts +1 -0
- package/dist/foundations/index.d.ts.map +1 -1
- package/dist/foundations/index.js +1 -0
- package/dist/foundations/index.js.map +2 -2
- package/dist/generated/tokens.cjs +67 -8
- package/dist/generated/tokens.cjs.map +2 -2
- package/dist/generated/tokens.d.cts.map +1 -1
- package/dist/generated/tokens.d.mts.map +1 -1
- package/dist/generated/tokens.d.ts.map +1 -1
- package/dist/generated/tokens.js +67 -8
- package/dist/generated/tokens.js.map +2 -2
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +2 -2
- package/dist/index.d.cts +1 -0
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.mts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +2 -2
- package/dist/layout/Layout.cjs +6 -1
- package/dist/layout/Layout.cjs.map +2 -2
- package/dist/layout/Layout.d.cts.map +1 -1
- package/dist/layout/Layout.d.mts.map +1 -1
- package/dist/layout/Layout.d.ts.map +1 -1
- package/dist/layout/Layout.js +6 -1
- package/dist/layout/Layout.js.map +2 -2
- package/dist/layout/layout.props.cjs +30 -40
- package/dist/layout/layout.props.cjs.map +2 -2
- package/dist/layout/layout.props.d.cts +3 -11
- package/dist/layout/layout.props.d.cts.map +1 -1
- package/dist/layout/layout.props.d.mts +3 -11
- package/dist/layout/layout.props.d.mts.map +1 -1
- package/dist/layout/layout.props.d.ts +3 -11
- package/dist/layout/layout.props.d.ts.map +1 -1
- package/dist/layout/layout.props.js +2 -11
- package/dist/layout/layout.props.js.map +2 -2
- package/dist/motion.css +497 -0
- package/dist/reset.css +37 -0
- package/dist/styles.css +3902 -1186
- package/dist/tailwind.css +1 -1
- package/dist/tokens.css +776 -359
- package/dist/utilities.css +28 -3
- package/package.json +130 -20
- package/dist/components/sheet/Sheet.cjs +0 -269
- package/dist/components/sheet/Sheet.cjs.map +0 -7
- package/dist/components/sheet/Sheet.d.cts +0 -83
- package/dist/components/sheet/Sheet.d.cts.map +0 -1
- package/dist/components/sheet/Sheet.d.mts +0 -83
- package/dist/components/sheet/Sheet.d.mts.map +0 -1
- package/dist/components/sheet/Sheet.d.ts +0 -83
- package/dist/components/sheet/Sheet.d.ts.map +0 -1
- package/dist/components/sheet/Sheet.js +0 -244
- package/dist/components/sheet/Sheet.js.map +0 -7
- package/dist/components/sheet/sheet.props.cjs +0 -59
- package/dist/components/sheet/sheet.props.cjs.map +0 -7
- package/dist/components/sheet/sheet.props.d.cts +0 -52
- package/dist/components/sheet/sheet.props.d.cts.map +0 -1
- package/dist/components/sheet/sheet.props.d.mts +0 -52
- package/dist/components/sheet/sheet.props.d.mts.map +0 -1
- package/dist/components/sheet/sheet.props.d.ts +0 -52
- package/dist/components/sheet/sheet.props.d.ts.map +0 -1
- package/dist/components/sheet/sheet.props.js +0 -39
- package/dist/components/sheet/sheet.props.js.map +0 -7
- package/dist/components/sheet.css +0 -123
- package/dist/docs/HIERARCHY.md +0 -29
- package/dist/docs/component-roster.md +0 -224
- package/dist/docs/component-spec-template.md +0 -256
- package/dist/docs/index.md +0 -149
- package/dist/docs/segmented-control.md +0 -211
- package/dist/docs/sheet.md +0 -326
- package/dist/docs/sidebar-guide.md +0 -732
|
@@ -18,85 +18,119 @@
|
|
|
18
18
|
text-decoration: var(--dsx-typography-label-small-text-decoration);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.dsx-badge
|
|
21
|
+
.dsx-badge:where([data-variant='default']) {
|
|
22
22
|
background: var(--dsx-color-surface-raised);
|
|
23
23
|
color: var(--dsx-color-on-surface);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.dsx-badge
|
|
27
|
-
background: var(--dsx-color-secondary);
|
|
28
|
-
color: var(--dsx-color-on-
|
|
26
|
+
.dsx-badge:where([data-variant='secondary']) {
|
|
27
|
+
background: var(--dsx-color-on-secondary-container);
|
|
28
|
+
color: var(--dsx-color-on-surface);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Light only: the dark slate fill would be a hole on white, so the badge
|
|
32
|
+
wears the container tint. Dark keeps the slate (7+:1, matches the deep-fill
|
|
33
|
+
rhythm of success / error). */
|
|
34
|
+
[data-dsx-theme='light'] .dsx-badge:where([data-variant='secondary']) {
|
|
35
|
+
background: var(--dsx-color-secondary-container);
|
|
36
|
+
color: var(--dsx-color-on-secondary-container);
|
|
29
37
|
}
|
|
30
38
|
|
|
31
|
-
.dsx-badge
|
|
39
|
+
.dsx-badge:where([data-variant='outline']) {
|
|
32
40
|
background: transparent;
|
|
33
41
|
border-color: var(--dsx-color-outline);
|
|
34
42
|
color: var(--dsx-color-on-surface);
|
|
35
43
|
}
|
|
36
44
|
|
|
37
|
-
.dsx-badge
|
|
38
|
-
background: var(--dsx-color-accent-
|
|
45
|
+
.dsx-badge:where([data-variant='default'][data-accent-color]) {
|
|
46
|
+
background: var(--dsx-color-accent-3);
|
|
39
47
|
color: var(--dsx-color-accent-indicator);
|
|
40
48
|
}
|
|
41
49
|
|
|
42
|
-
.dsx-badge
|
|
50
|
+
.dsx-badge:where([data-variant='outline'][data-accent-color]) {
|
|
43
51
|
border-color: var(--dsx-color-accent-indicator);
|
|
44
52
|
color: var(--dsx-color-accent-indicator);
|
|
45
53
|
}
|
|
46
54
|
|
|
47
|
-
.
|
|
48
|
-
|
|
49
|
-
|
|
55
|
+
/* Filled variants match their border to the fill. The base rule paints a
|
|
56
|
+
structural `--dsx-color-outline` hairline for the bordered variants
|
|
57
|
+
(default / outline); on a filled chip that grey ring reads as a stray
|
|
58
|
+
mismatched stroke around the fill (F2: a filled control's edge is not a
|
|
59
|
+
structural outline). */
|
|
60
|
+
.dsx-badge:where([data-variant='primary']),
|
|
61
|
+
.dsx-badge:where([data-variant='secondary']),
|
|
62
|
+
.dsx-badge:where([data-variant='success']),
|
|
63
|
+
.dsx-badge:where([data-variant='warning']),
|
|
64
|
+
.dsx-badge:where([data-variant='error']),
|
|
65
|
+
.dsx-badge:where([data-variant='info']) {
|
|
66
|
+
border-color: transparent;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.dsx-badge:where([data-variant='primary']) {
|
|
70
|
+
background: var(--dsx-color-accent-track);
|
|
71
|
+
color: var(--dsx-color-accent-contrast);
|
|
50
72
|
}
|
|
51
73
|
|
|
52
|
-
.dsx-badge
|
|
53
|
-
.dsx-badge
|
|
54
|
-
.dsx-badge
|
|
74
|
+
.dsx-badge:where([data-variant='primary'][data-high-contrast='true']),
|
|
75
|
+
.dsx-badge:where([data-variant='secondary'][data-high-contrast='true']),
|
|
76
|
+
.dsx-badge:where([data-variant='default'][data-high-contrast='true']) {
|
|
55
77
|
background: var(--dsx-color-high-contrast);
|
|
56
78
|
color: var(--dsx-color-on-high-contrast);
|
|
57
79
|
border-color: var(--dsx-color-high-contrast);
|
|
58
80
|
}
|
|
59
81
|
|
|
60
|
-
.dsx-badge
|
|
82
|
+
.dsx-badge:where([data-variant='outline'][data-high-contrast='true']) {
|
|
61
83
|
background: var(--dsx-color-high-contrast-container);
|
|
62
84
|
color: var(--dsx-color-high-contrast);
|
|
63
85
|
border-color: var(--dsx-color-high-contrast-border);
|
|
64
86
|
}
|
|
65
87
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
88
|
+
/* Status badges speak the directions-panel language: container tint +
|
|
89
|
+
on-container ink, so meaning stays consistent across themes and accents. */
|
|
90
|
+
.dsx-badge:where([data-variant='success']) {
|
|
91
|
+
background: var(--dsx-color-success-container);
|
|
92
|
+
color: var(--dsx-color-on-success-container);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.dsx-badge:where([data-variant='warning']) {
|
|
96
|
+
background: var(--dsx-color-warning-container);
|
|
97
|
+
color: var(--dsx-color-on-warning-container);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.dsx-badge:where([data-variant='error']) {
|
|
101
|
+
background: var(--dsx-color-error-container);
|
|
102
|
+
color: var(--dsx-color-on-error-container);
|
|
69
103
|
}
|
|
70
104
|
|
|
71
|
-
.dsx-badge
|
|
72
|
-
background: var(--dsx-color-
|
|
73
|
-
color: var(--dsx-color-on-
|
|
105
|
+
.dsx-badge:where([data-variant='info']) {
|
|
106
|
+
background: var(--dsx-color-info-container);
|
|
107
|
+
color: var(--dsx-color-on-info-container);
|
|
74
108
|
}
|
|
75
109
|
|
|
76
|
-
.dsx-badge
|
|
110
|
+
.dsx-badge:where([data-size='sm']) {
|
|
77
111
|
min-height: var(--dsx-size-sm);
|
|
78
112
|
}
|
|
79
113
|
|
|
80
|
-
.dsx-badge
|
|
114
|
+
.dsx-badge:where([data-size='md']) {
|
|
81
115
|
min-height: var(--dsx-size-md);
|
|
82
116
|
}
|
|
83
117
|
|
|
84
|
-
.dsx-badge[data-radius='none'] {
|
|
118
|
+
.dsx-badge:where([data-radius='none']) {
|
|
85
119
|
border-radius: 0;
|
|
86
120
|
}
|
|
87
121
|
|
|
88
|
-
.dsx-badge[data-radius='sm'] {
|
|
122
|
+
.dsx-badge:where([data-radius='sm']) {
|
|
89
123
|
border-radius: var(--dsx-rounded-sm);
|
|
90
124
|
}
|
|
91
125
|
|
|
92
|
-
.dsx-badge[data-radius='md'] {
|
|
126
|
+
.dsx-badge:where([data-radius='md']) {
|
|
93
127
|
border-radius: var(--dsx-rounded-md);
|
|
94
128
|
}
|
|
95
129
|
|
|
96
|
-
.dsx-badge[data-radius='lg'] {
|
|
130
|
+
.dsx-badge:where([data-radius='lg']) {
|
|
97
131
|
border-radius: var(--dsx-rounded-lg);
|
|
98
132
|
}
|
|
99
133
|
|
|
100
|
-
.dsx-badge[data-radius='full'] {
|
|
134
|
+
.dsx-badge:where([data-radius='full']) {
|
|
101
135
|
border-radius: var(--dsx-rounded-full);
|
|
102
136
|
}
|
|
@@ -46,6 +46,7 @@ const Button = React.forwardRef((props, forwardedRef) => {
|
|
|
46
46
|
className,
|
|
47
47
|
color,
|
|
48
48
|
highContrast = false,
|
|
49
|
+
halo = false,
|
|
49
50
|
leadingIcon,
|
|
50
51
|
loading = false,
|
|
51
52
|
radius = "md",
|
|
@@ -66,6 +67,7 @@ const Button = React.forwardRef((props, forwardedRef) => {
|
|
|
66
67
|
type: asChild ? void 0 : type,
|
|
67
68
|
className: (0, import_classnames.default)("dsx-button", className),
|
|
68
69
|
"data-accent-color": color,
|
|
70
|
+
"data-halo": halo || void 0,
|
|
69
71
|
"data-high-contrast": highContrast ? "true" : void 0,
|
|
70
72
|
"data-radius": radius,
|
|
71
73
|
"data-size": size,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/button/Button.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { buttonPropDefs } from './button.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ButtonElement = React.ComponentRef<'button'>\ntype ButtonOwnProps = GetPropDefTypes<typeof buttonPropDefs> & {\n leadingIcon?: React.ReactNode\n trailingIcon?: React.ReactNode\n}\n\ninterface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, ButtonOwnProps {}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n asChild,\n children,\n className,\n color,\n highContrast = false,\n leadingIcon,\n loading = false,\n radius = 'md',\n size = 'md',\n trailingIcon,\n type = 'button',\n variant = 'primary',\n ...buttonProps\n } = extractProps(props, buttonPropDefs)\n const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n return (\n <BaseButton\n {...buttonProps}\n ref={forwardedRef}\n asChild={asChild}\n loading={loading}\n type={asChild ? undefined : type}\n className={classNames('dsx-button', className)}\n data-accent-color={color}\n data-high-contrast={highContrast ? 'true' : undefined}\n data-radius={radius}\n data-size={size}\n data-variant={variant}\n >\n {!asChild && loading ? (\n <span aria-hidden=\"true\" className=\"dsx-button__spinner\">\n <Spinner className=\"dsx-button__spinner-indicator\" size={spinnerSize} />\n </span>\n ) : null}\n {asChild ? (\n <Slottable>{children}</Slottable>\n ) : (\n <span className=\"dsx-button__content\">\n {leadingIcon ? <span className=\"dsx-button__icon\">{leadingIcon}</span> : null}\n <span className=\"dsx-button__label\">{children}</span>\n {trailingIcon ? <span className=\"dsx-button__icon\">{trailingIcon}</span> : null}\n </span>\n )}\n </BaseButton>\n )\n})\nButton.displayName = 'Button'\n\nexport { Button }\nexport type { ButtonOwnProps, ButtonProps }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAA0B;AAE1B,wBAA2B;AAC3B,0BAA6B;AAC7B,qBAAwB;AACxB,oBAA+B;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { buttonPropDefs } from './button.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ButtonElement = React.ComponentRef<'button'>\ntype ButtonOwnProps = GetPropDefTypes<typeof buttonPropDefs> & {\n leadingIcon?: React.ReactNode\n trailingIcon?: React.ReactNode\n}\n\ninterface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, ButtonOwnProps {}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n asChild,\n children,\n className,\n color,\n highContrast = false,\n halo = false,\n leadingIcon,\n loading = false,\n radius = 'md',\n size = 'md',\n trailingIcon,\n type = 'button',\n variant = 'primary',\n ...buttonProps\n } = extractProps(props, buttonPropDefs)\n const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n return (\n <BaseButton\n {...buttonProps}\n ref={forwardedRef}\n asChild={asChild}\n loading={loading}\n type={asChild ? undefined : type}\n className={classNames('dsx-button', className)}\n data-accent-color={color}\n data-halo={halo || undefined}\n data-high-contrast={highContrast ? 'true' : undefined}\n data-radius={radius}\n data-size={size}\n data-variant={variant}\n >\n {!asChild && loading ? (\n <span aria-hidden=\"true\" className=\"dsx-button__spinner\">\n <Spinner className=\"dsx-button__spinner-indicator\" size={spinnerSize} />\n </span>\n ) : null}\n {asChild ? (\n <Slottable>{children}</Slottable>\n ) : (\n <span className=\"dsx-button__content\">\n {leadingIcon ? <span className=\"dsx-button__icon\">{leadingIcon}</span> : null}\n <span className=\"dsx-button__label\">{children}</span>\n {trailingIcon ? <span className=\"dsx-button__icon\">{trailingIcon}</span> : null}\n </span>\n )}\n </BaseButton>\n )\n})\nButton.displayName = 'Button'\n\nexport { Button }\nexport type { ButtonOwnProps, ButtonProps }\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAA0B;AAE1B,wBAA2B;AAC3B,0BAA6B;AAC7B,qBAAwB;AACxB,oBAA+B;AAgDrB;AApCV,MAAM,SAAS,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACnF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,4BAAc;AACtC,QAAM,cAAc,SAAS,OAAO,OAAO;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM,UAAU,SAAY;AAAA,MAC5B,eAAW,kBAAAA,SAAW,cAAc,SAAS;AAAA,MAC7C,qBAAmB;AAAA,MACnB,aAAW,QAAQ;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,SAAC,WAAW,UACX,4CAAC,UAAK,eAAY,QAAO,WAAU,uBACjC,sDAAC,0BAAQ,WAAU,iCAAgC,MAAM,aAAa,GACxE,IACE;AAAA,QACH,UACC,4CAAC,+BAAW,UAAS,IAErB,6CAAC,UAAK,WAAU,uBACb;AAAA,wBAAc,4CAAC,UAAK,WAAU,oBAAoB,uBAAY,IAAU;AAAA,UACzE,4CAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,UAC7C,eAAe,4CAAC,UAAK,WAAU,oBAAoB,wBAAa,IAAU;AAAA,WAC7E;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,OAAO,cAAc;",
|
|
6
6
|
"names": ["classNames"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,uFAkDV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,uFAkDV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,GAAG;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC/B,CAAA;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAExG,QAAA,MAAM,MAAM,uFAkDV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -13,6 +13,7 @@ const Button = React.forwardRef((props, forwardedRef) => {
|
|
|
13
13
|
className,
|
|
14
14
|
color,
|
|
15
15
|
highContrast = false,
|
|
16
|
+
halo = false,
|
|
16
17
|
leadingIcon,
|
|
17
18
|
loading = false,
|
|
18
19
|
radius = "md",
|
|
@@ -33,6 +34,7 @@ const Button = React.forwardRef((props, forwardedRef) => {
|
|
|
33
34
|
type: asChild ? void 0 : type,
|
|
34
35
|
className: classNames("dsx-button", className),
|
|
35
36
|
"data-accent-color": color,
|
|
37
|
+
"data-halo": halo || void 0,
|
|
36
38
|
"data-high-contrast": highContrast ? "true" : void 0,
|
|
37
39
|
"data-radius": radius,
|
|
38
40
|
"data-size": size,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/button/Button.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { buttonPropDefs } from './button.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ButtonElement = React.ComponentRef<'button'>\ntype ButtonOwnProps = GetPropDefTypes<typeof buttonPropDefs> & {\n leadingIcon?: React.ReactNode\n trailingIcon?: React.ReactNode\n}\n\ninterface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, ButtonOwnProps {}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n asChild,\n children,\n className,\n color,\n highContrast = false,\n leadingIcon,\n loading = false,\n radius = 'md',\n size = 'md',\n trailingIcon,\n type = 'button',\n variant = 'primary',\n ...buttonProps\n } = extractProps(props, buttonPropDefs)\n const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n return (\n <BaseButton\n {...buttonProps}\n ref={forwardedRef}\n asChild={asChild}\n loading={loading}\n type={asChild ? undefined : type}\n className={classNames('dsx-button', className)}\n data-accent-color={color}\n data-high-contrast={highContrast ? 'true' : undefined}\n data-radius={radius}\n data-size={size}\n data-variant={variant}\n >\n {!asChild && loading ? (\n <span aria-hidden=\"true\" className=\"dsx-button__spinner\">\n <Spinner className=\"dsx-button__spinner-indicator\" size={spinnerSize} />\n </span>\n ) : null}\n {asChild ? (\n <Slottable>{children}</Slottable>\n ) : (\n <span className=\"dsx-button__content\">\n {leadingIcon ? <span className=\"dsx-button__icon\">{leadingIcon}</span> : null}\n <span className=\"dsx-button__label\">{children}</span>\n {trailingIcon ? <span className=\"dsx-button__icon\">{trailingIcon}</span> : null}\n </span>\n )}\n </BaseButton>\n )\n})\nButton.displayName = 'Button'\n\nexport { Button }\nexport type { ButtonOwnProps, ButtonProps }\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,sBAAsB;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { buttonPropDefs } from './button.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ButtonElement = React.ComponentRef<'button'>\ntype ButtonOwnProps = GetPropDefTypes<typeof buttonPropDefs> & {\n leadingIcon?: React.ReactNode\n trailingIcon?: React.ReactNode\n}\n\ninterface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, ButtonOwnProps {}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n asChild,\n children,\n className,\n color,\n highContrast = false,\n halo = false,\n leadingIcon,\n loading = false,\n radius = 'md',\n size = 'md',\n trailingIcon,\n type = 'button',\n variant = 'primary',\n ...buttonProps\n } = extractProps(props, buttonPropDefs)\n const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n return (\n <BaseButton\n {...buttonProps}\n ref={forwardedRef}\n asChild={asChild}\n loading={loading}\n type={asChild ? undefined : type}\n className={classNames('dsx-button', className)}\n data-accent-color={color}\n data-halo={halo || undefined}\n data-high-contrast={highContrast ? 'true' : undefined}\n data-radius={radius}\n data-size={size}\n data-variant={variant}\n >\n {!asChild && loading ? (\n <span aria-hidden=\"true\" className=\"dsx-button__spinner\">\n <Spinner className=\"dsx-button__spinner-indicator\" size={spinnerSize} />\n </span>\n ) : null}\n {asChild ? (\n <Slottable>{children}</Slottable>\n ) : (\n <span className=\"dsx-button__content\">\n {leadingIcon ? <span className=\"dsx-button__icon\">{leadingIcon}</span> : null}\n <span className=\"dsx-button__label\">{children}</span>\n {trailingIcon ? <span className=\"dsx-button__icon\">{trailingIcon}</span> : null}\n </span>\n )}\n </BaseButton>\n )\n})\nButton.displayName = 'Button'\n\nexport { Button }\nexport type { ButtonOwnProps, ButtonProps }\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAgDrB,cAMF,YANE;AApCV,MAAM,SAAS,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACnF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,cAAc;AACtC,QAAM,cAAc,SAAS,OAAO,OAAO;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,WAAW,cAAc,SAAS;AAAA,MAC7C,qBAAmB;AAAA,MACnB,aAAW,QAAQ;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,SAAC,WAAW,UACX,oBAAC,UAAK,eAAY,QAAO,WAAU,uBACjC,8BAAC,WAAQ,WAAU,iCAAgC,MAAM,aAAa,GACxE,IACE;AAAA,QACH,UACC,oBAAC,aAAW,UAAS,IAErB,qBAAC,UAAK,WAAU,uBACb;AAAA,wBAAc,oBAAC,UAAK,WAAU,oBAAoB,uBAAY,IAAU;AAAA,UACzE,oBAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,UAC7C,eAAe,oBAAC,UAAK,WAAU,oBAAoB,wBAAa,IAAU;AAAA,WAC7E;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,OAAO,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/button/button.props.ts"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst buttonVariants = ['primary', 'secondary', 'ghost', 'destructive', 'outline'] as const\nconst buttonSizes = ['sm', 'md', 'lg', 'icon'] as const\nconst buttonRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\nconst buttonColorValues = ['rift', 'warp', 'ray'] as const\n\nconst buttonPropDefs = {\n ...asChildPropDef,\n ...highContrastPropDef,\n variant: {\n type: 'enum',\n values: buttonVariants,\n default: 'primary',\n },\n size: {\n type: 'enum',\n values: buttonSizes,\n default: 'md',\n },\n radius: {\n type: 'enum',\n values: buttonRadiusValues,\n default: 'md',\n },\n color: {\n type: 'enum | string',\n values: buttonColorValues,\n default: undefined,\n },\n loading: {\n type: 'boolean',\n default: false,\n },\n} satisfies {\n asChild: PropDef\n highContrast: PropDef\n loading: PropDef\n size: PropDef<(typeof buttonSizes)[number]>\n variant: PropDef<(typeof buttonVariants)[number]>\n radius: PropDef<(typeof buttonRadiusValues)[number]>\n color: PropDef<(typeof buttonColorValues)[number] | string>\n}\n\nexport { buttonPropDefs }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,iBAAiB,CAAC,WAAW,aAAa,SAAS,eAAe,SAAS;AACjF,MAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM;AAC7C,MAAM,qBAAqB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAC5D,MAAM,oBAAoB,CAAC,QAAQ,QAAQ,KAAK;AAEhD,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
|
|
4
|
+
"sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst buttonVariants = ['primary', 'secondary', 'ghost', 'destructive', 'outline'] as const\nconst buttonSizes = ['sm', 'md', 'lg', 'icon'] as const\nconst buttonRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\nconst buttonColorValues = ['rift', 'warp', 'ray'] as const\n\nconst buttonPropDefs = {\n ...asChildPropDef,\n ...highContrastPropDef,\n variant: {\n type: 'enum',\n values: buttonVariants,\n default: 'primary',\n },\n size: {\n type: 'enum',\n values: buttonSizes,\n default: 'md',\n },\n radius: {\n type: 'enum',\n values: buttonRadiusValues,\n default: 'md',\n },\n color: {\n type: 'enum | string',\n values: buttonColorValues,\n default: undefined,\n },\n loading: {\n type: 'boolean',\n default: false,\n },\n halo: {\n type: 'boolean',\n default: false,\n },\n} satisfies {\n asChild: PropDef\n highContrast: PropDef\n loading: PropDef\n halo: PropDef\n size: PropDef<(typeof buttonSizes)[number]>\n variant: PropDef<(typeof buttonVariants)[number]>\n radius: PropDef<(typeof buttonRadiusValues)[number]>\n color: PropDef<(typeof buttonColorValues)[number] | string>\n}\n\nexport { buttonPropDefs }\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,iBAAiB,CAAC,WAAW,aAAa,SAAS,eAAe,SAAS;AACjF,MAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM;AAC7C,MAAM,qBAAqB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAC5D,MAAM,oBAAoB,CAAC,QAAQ,QAAQ,KAAK;AAEhD,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.props.d.cts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"button.props.d.cts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCnB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.props.d.mts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"button.props.d.mts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCnB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCnB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/button/button.props.ts"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst buttonVariants = ['primary', 'secondary', 'ghost', 'destructive', 'outline'] as const\nconst buttonSizes = ['sm', 'md', 'lg', 'icon'] as const\nconst buttonRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\nconst buttonColorValues = ['rift', 'warp', 'ray'] as const\n\nconst buttonPropDefs = {\n ...asChildPropDef,\n ...highContrastPropDef,\n variant: {\n type: 'enum',\n values: buttonVariants,\n default: 'primary',\n },\n size: {\n type: 'enum',\n values: buttonSizes,\n default: 'md',\n },\n radius: {\n type: 'enum',\n values: buttonRadiusValues,\n default: 'md',\n },\n color: {\n type: 'enum | string',\n values: buttonColorValues,\n default: undefined,\n },\n loading: {\n type: 'boolean',\n default: false,\n },\n} satisfies {\n asChild: PropDef\n highContrast: PropDef\n loading: PropDef\n size: PropDef<(typeof buttonSizes)[number]>\n variant: PropDef<(typeof buttonVariants)[number]>\n radius: PropDef<(typeof buttonRadiusValues)[number]>\n color: PropDef<(typeof buttonColorValues)[number] | string>\n}\n\nexport { buttonPropDefs }\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,iBAAiB,CAAC,WAAW,aAAa,SAAS,eAAe,SAAS;AACjF,MAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM;AAC7C,MAAM,qBAAqB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAC5D,MAAM,oBAAoB,CAAC,QAAQ,QAAQ,KAAK;AAEhD,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
|
|
4
|
+
"sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst buttonVariants = ['primary', 'secondary', 'ghost', 'destructive', 'outline'] as const\nconst buttonSizes = ['sm', 'md', 'lg', 'icon'] as const\nconst buttonRadiusValues = ['none', 'sm', 'md', 'lg', 'full'] as const\nconst buttonColorValues = ['rift', 'warp', 'ray'] as const\n\nconst buttonPropDefs = {\n ...asChildPropDef,\n ...highContrastPropDef,\n variant: {\n type: 'enum',\n values: buttonVariants,\n default: 'primary',\n },\n size: {\n type: 'enum',\n values: buttonSizes,\n default: 'md',\n },\n radius: {\n type: 'enum',\n values: buttonRadiusValues,\n default: 'md',\n },\n color: {\n type: 'enum | string',\n values: buttonColorValues,\n default: undefined,\n },\n loading: {\n type: 'boolean',\n default: false,\n },\n halo: {\n type: 'boolean',\n default: false,\n },\n} satisfies {\n asChild: PropDef\n highContrast: PropDef\n loading: PropDef\n halo: PropDef\n size: PropDef<(typeof buttonSizes)[number]>\n variant: PropDef<(typeof buttonVariants)[number]>\n radius: PropDef<(typeof buttonRadiusValues)[number]>\n color: PropDef<(typeof buttonColorValues)[number] | string>\n}\n\nexport { buttonPropDefs }\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,iBAAiB,CAAC,WAAW,aAAa,SAAS,eAAe,SAAS;AACjF,MAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM;AAC7C,MAAM,qBAAqB,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAC5D,MAAM,oBAAoB,CAAC,QAAQ,QAAQ,KAAK;AAEhD,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -76,6 +76,9 @@
|
|
|
76
76
|
background: var(--dsx-color-accent-track);
|
|
77
77
|
color: var(--dsx-color-accent-contrast);
|
|
78
78
|
border-color: var(--dsx-color-accent-track);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.dsx-button:where([data-variant='primary'])[data-halo='true'] {
|
|
79
82
|
box-shadow: var(--dsx-shadow-accent-ring);
|
|
80
83
|
}
|
|
81
84
|
|
|
@@ -83,13 +86,25 @@
|
|
|
83
86
|
background: var(--dsx-color-accent-indicator);
|
|
84
87
|
color: var(--dsx-color-on-high-contrast);
|
|
85
88
|
border-color: var(--dsx-color-accent-indicator);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.dsx-button:where([data-variant='primary'])[data-high-contrast='true'][data-halo='true'] {
|
|
86
92
|
box-shadow: var(--dsx-shadow-accent-glow);
|
|
87
93
|
}
|
|
88
94
|
|
|
89
95
|
.dsx-button:where([data-variant='primary']):hover:not(:disabled):not([data-disabled='true']) {
|
|
90
|
-
|
|
96
|
+
/* Interaction model: hover = ramp step 10 (one purpose-built step). Identical
|
|
97
|
+
both themes; no overlay, glow, or shadow change. Subtle on dark by nature
|
|
98
|
+
(simultaneous contrast) — data-high-contrast is the loud path.
|
|
99
|
+
PROVISIONAL: Part B extends this same rule to every component + tunes the
|
|
100
|
+
per-theme step-10 delta; secondary waits on the Task 12 gray regen. */
|
|
101
|
+
background: var(--dsx-color-accent-10);
|
|
102
|
+
border-color: var(--dsx-color-accent-10);
|
|
91
103
|
color: var(--dsx-color-accent-contrast);
|
|
92
|
-
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.dsx-button:where([data-variant='primary'])[data-halo='true']:hover:not(:disabled):not([data-disabled='true']) {
|
|
107
|
+
box-shadow: var(--dsx-shadow-accent-ring);
|
|
93
108
|
}
|
|
94
109
|
|
|
95
110
|
.dsx-button:where([data-variant='primary'])[data-high-contrast='true']:hover:not(:disabled):not([data-disabled='true']) {
|
|
@@ -101,6 +116,10 @@
|
|
|
101
116
|
.dsx-button:where([data-variant='primary'])[aria-pressed='true']:not(:disabled):not([data-disabled='true']) {
|
|
102
117
|
background: linear-gradient(var(--dsx-effect-pressed-primary), var(--dsx-effect-pressed-primary)), var(--dsx-color-accent-track);
|
|
103
118
|
color: var(--dsx-color-accent-contrast);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.dsx-button:where([data-variant='primary'])[data-halo='true']:active:not(:disabled):not([data-disabled='true']),
|
|
122
|
+
.dsx-button:where([data-variant='primary'])[data-halo='true'][aria-pressed='true']:not(:disabled):not([data-disabled='true']) {
|
|
104
123
|
box-shadow: var(--dsx-shadow-accent-ring);
|
|
105
124
|
}
|
|
106
125
|
|
|
@@ -116,6 +135,13 @@
|
|
|
116
135
|
border-color: var(--dsx-color-secondary);
|
|
117
136
|
}
|
|
118
137
|
|
|
138
|
+
/* Dark only: the mid secondary fill with dark ink washes out, so the label
|
|
139
|
+
goes surface-white (~3:1, UI-component bar — same trade as any mid fill
|
|
140
|
+
with light text). Light keeps the dark ink (5+:1). */
|
|
141
|
+
[data-dsx-theme='dark'] .dsx-button:where([data-variant='secondary']) {
|
|
142
|
+
color: var(--dsx-color-on-surface);
|
|
143
|
+
}
|
|
144
|
+
|
|
119
145
|
.dsx-button:where([data-variant='secondary'])[data-high-contrast='true'] {
|
|
120
146
|
background: var(--dsx-color-secondary-container);
|
|
121
147
|
color: var(--dsx-color-on-secondary-container);
|
|
@@ -173,7 +199,7 @@
|
|
|
173
199
|
|
|
174
200
|
.dsx-button:where([data-variant='secondary']):active:not(:disabled):not([data-disabled='true']),
|
|
175
201
|
.dsx-button:where([data-variant='secondary'])[aria-pressed='true']:not(:disabled):not([data-disabled='true']) {
|
|
176
|
-
background: var(--dsx-color-secondary);
|
|
202
|
+
background: linear-gradient(var(--dsx-effect-pressed-layer), var(--dsx-effect-pressed-layer)), var(--dsx-color-secondary);
|
|
177
203
|
color: var(--dsx-color-on-secondary);
|
|
178
204
|
border-color: var(--dsx-color-secondary);
|
|
179
205
|
}
|
|
@@ -202,16 +228,20 @@
|
|
|
202
228
|
}
|
|
203
229
|
|
|
204
230
|
.dsx-button:where([data-variant='destructive']):hover:not(:disabled):not([data-disabled='true']) {
|
|
205
|
-
|
|
231
|
+
/* Interaction model: hover = the error ramp's step 10. The old rule washed a
|
|
232
|
+
3% ACCENT tint over the red ("destructive lost its colour"). PROVISIONAL —
|
|
233
|
+
see the primary-hover note above. */
|
|
234
|
+
background: var(--dsx-color-error-10);
|
|
206
235
|
color: var(--dsx-color-on-error);
|
|
207
|
-
border-color: var(--dsx-color-error);
|
|
236
|
+
border-color: var(--dsx-color-error-10);
|
|
208
237
|
}
|
|
209
238
|
|
|
210
239
|
.dsx-button:where([data-variant='destructive']):active:not(:disabled):not([data-disabled='true']),
|
|
211
240
|
.dsx-button:where([data-variant='destructive'])[aria-pressed='true']:not(:disabled):not([data-disabled='true']) {
|
|
212
|
-
|
|
241
|
+
/* Pressed = one further, mixed toward the darker step 11. PROVISIONAL. */
|
|
242
|
+
background: color-mix(in srgb, var(--dsx-color-error-10), var(--dsx-color-error-11) 35%);
|
|
213
243
|
color: var(--dsx-color-on-error);
|
|
214
|
-
border-color: var(--dsx-color-error);
|
|
244
|
+
border-color: color-mix(in srgb, var(--dsx-color-error-10), var(--dsx-color-error-11) 35%);
|
|
215
245
|
}
|
|
216
246
|
|
|
217
247
|
.dsx-button[data-size='sm'] {
|
|
@@ -56,6 +56,7 @@ const CardRoot = React.forwardRef((props, forwardedRef) => {
|
|
|
56
56
|
radius,
|
|
57
57
|
size = "md",
|
|
58
58
|
variant = "default",
|
|
59
|
+
interactive = true,
|
|
59
60
|
...cardProps
|
|
60
61
|
} = (0, import_extractProps.extractProps)(props, import_card.cardPropDefs);
|
|
61
62
|
const Comp = asChild ? import_react_slot.Slot : "div";
|
|
@@ -65,6 +66,7 @@ const CardRoot = React.forwardRef((props, forwardedRef) => {
|
|
|
65
66
|
{
|
|
66
67
|
"data-variant": normalizedVariant,
|
|
67
68
|
"data-size": size,
|
|
69
|
+
"data-interactive": interactive ? void 0 : "false",
|
|
68
70
|
...cardProps,
|
|
69
71
|
ref: forwardedRef,
|
|
70
72
|
className: (0, import_classnames.default)("dsx-card", className, variant === "outline" && "dsx-card--outline", radius && `dsx-card--radius-${radius}`)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/card/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n cardContentPropDefs,\n cardDescriptionPropDefs,\n cardFooterPropDefs,\n cardHeaderPropDefs,\n cardPropDefs,\n cardTitlePropDefs,\n} from './card.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype CardElement = React.ComponentRef<'div'>\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>\ntype CardVariant = NonNullable<CardOwnProps['variant']>\ntype CardLegacyVariant = CardVariant | 'outline'\n\ninterface CardProps extends React.ComponentPropsWithoutRef<'div'>, Omit<CardOwnProps, 'variant'> {\n variant?: CardLegacyVariant\n}\n\nfunction normalizeCardVariant(variant: CardLegacyVariant = 'default') {\n if (variant === 'glass' || variant === 'elevated' || variant === 'filled') {\n return variant\n }\n return 'default'\n}\n\nconst CardRoot = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n const {\n asChild,\n className,\n radius,\n size = 'md',\n variant = 'default',\n ...cardProps\n } = extractProps(props, cardPropDefs)\n const Comp = asChild ? Slot : 'div'\n const normalizedVariant = normalizeCardVariant(variant)\n\n return (\n <Comp\n data-variant={normalizedVariant}\n data-size={size}\n {...cardProps}\n ref={forwardedRef}\n className={classNames('dsx-card', className, variant === 'outline' && 'dsx-card--outline', radius && `dsx-card--radius-${radius}`)}\n />\n )\n})\nCardRoot.displayName = 'Card'\n\ntype CardHeaderElement = React.ComponentRef<'div'>\ntype CardHeaderOwnProps = GetPropDefTypes<typeof cardHeaderPropDefs>\n\ninterface CardHeaderProps extends React.ComponentPropsWithoutRef<'div'>, CardHeaderOwnProps {}\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>((props, forwardedRef) => {\n const { asChild, className, ...headerProps } = extractProps(props, cardHeaderPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-card__header', className)} />\n})\nCardHeader.displayName = 'CardHeader'\n\ntype CardTitleElement = React.ComponentRef<'h3'>\ntype CardTitleOwnProps = GetPropDefTypes<typeof cardTitlePropDefs>\n\ninterface CardTitleProps extends React.ComponentPropsWithoutRef<'h3'>, CardTitleOwnProps {}\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>((props, forwardedRef) => {\n const { asChild, className, ...titleProps } = extractProps(props, cardTitlePropDefs)\n const Comp = asChild ? Slot : 'h3'\n\n return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-card__title', className)} />\n})\nCardTitle.displayName = 'CardTitle'\n\ntype CardDescriptionElement = React.ComponentRef<'p'>\ntype CardDescriptionOwnProps = GetPropDefTypes<typeof cardDescriptionPropDefs>\n\ninterface CardDescriptionProps\n extends React.ComponentPropsWithoutRef<'p'>,\n CardDescriptionOwnProps {}\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...descriptionProps } = extractProps(props, cardDescriptionPropDefs)\n const Comp = asChild ? Slot : 'p'\n\n return (\n <Comp\n {...descriptionProps}\n ref={forwardedRef}\n className={classNames('dsx-card__description', className)}\n />\n )\n },\n)\nCardDescription.displayName = 'CardDescription'\n\ntype CardContentElement = React.ComponentRef<'div'>\ntype CardContentOwnProps = GetPropDefTypes<typeof cardContentPropDefs>\n\ninterface CardContentProps extends React.ComponentPropsWithoutRef<'div'>, CardContentOwnProps {}\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>((props, forwardedRef) => {\n const { asChild, className, ...contentProps } = extractProps(props, cardContentPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-card__content', className)} />\n})\nCardContent.displayName = 'CardContent'\n\ntype CardFooterElement = React.ComponentRef<'div'>\ntype CardFooterOwnProps = GetPropDefTypes<typeof cardFooterPropDefs>\n\ninterface CardFooterProps extends React.ComponentPropsWithoutRef<'div'>, CardFooterOwnProps {}\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>((props, forwardedRef) => {\n const { asChild, className, ...footerProps } = extractProps(props, cardFooterPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-card__footer', className)} />\n})\nCardFooter.displayName = 'CardFooter'\n\nconst Card: typeof CardRoot & {\n Header: typeof CardHeader\n Title: typeof CardTitle\n Description: typeof CardDescription\n Content: typeof CardContent\n Footer: typeof CardFooter\n} = Object.assign(CardRoot, {\n Header: CardHeader,\n Title: CardTitle,\n Description: CardDescription,\n Content: CardContent,\n Footer: CardFooter,\n})\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle }\nexport type {\n CardContentProps,\n CardDescriptionProps,\n CardFooterProps,\n CardHeaderProps,\n CardProps,\n CardTitleProps,\n CardVariant,\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAOO;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n cardContentPropDefs,\n cardDescriptionPropDefs,\n cardFooterPropDefs,\n cardHeaderPropDefs,\n cardPropDefs,\n cardTitlePropDefs,\n} from './card.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype CardElement = React.ComponentRef<'div'>\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>\ntype CardVariant = NonNullable<CardOwnProps['variant']>\ntype CardLegacyVariant = CardVariant | 'outline'\n\ninterface CardProps extends React.ComponentPropsWithoutRef<'div'>, Omit<CardOwnProps, 'variant'> {\n variant?: CardLegacyVariant\n}\n\nfunction normalizeCardVariant(variant: CardLegacyVariant = 'default') {\n if (variant === 'glass' || variant === 'elevated' || variant === 'filled') {\n return variant\n }\n return 'default'\n}\n\nconst CardRoot = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n const {\n asChild,\n className,\n radius,\n size = 'md',\n variant = 'default',\n interactive = true,\n ...cardProps\n } = extractProps(props, cardPropDefs)\n const Comp = asChild ? Slot : 'div'\n const normalizedVariant = normalizeCardVariant(variant)\n\n return (\n <Comp\n data-variant={normalizedVariant}\n data-size={size}\n data-interactive={interactive ? undefined : 'false'}\n {...cardProps}\n ref={forwardedRef}\n className={classNames('dsx-card', className, variant === 'outline' && 'dsx-card--outline', radius && `dsx-card--radius-${radius}`)}\n />\n )\n})\nCardRoot.displayName = 'Card'\n\ntype CardHeaderElement = React.ComponentRef<'div'>\ntype CardHeaderOwnProps = GetPropDefTypes<typeof cardHeaderPropDefs>\n\ninterface CardHeaderProps extends React.ComponentPropsWithoutRef<'div'>, CardHeaderOwnProps {}\n\nconst CardHeader = React.forwardRef<CardHeaderElement, CardHeaderProps>((props, forwardedRef) => {\n const { asChild, className, ...headerProps } = extractProps(props, cardHeaderPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...headerProps} ref={forwardedRef} className={classNames('dsx-card__header', className)} />\n})\nCardHeader.displayName = 'CardHeader'\n\ntype CardTitleElement = React.ComponentRef<'h3'>\ntype CardTitleOwnProps = GetPropDefTypes<typeof cardTitlePropDefs>\n\ninterface CardTitleProps extends React.ComponentPropsWithoutRef<'h3'>, CardTitleOwnProps {}\n\nconst CardTitle = React.forwardRef<CardTitleElement, CardTitleProps>((props, forwardedRef) => {\n const { asChild, className, ...titleProps } = extractProps(props, cardTitlePropDefs)\n const Comp = asChild ? Slot : 'h3'\n\n return <Comp {...titleProps} ref={forwardedRef} className={classNames('dsx-card__title', className)} />\n})\nCardTitle.displayName = 'CardTitle'\n\ntype CardDescriptionElement = React.ComponentRef<'p'>\ntype CardDescriptionOwnProps = GetPropDefTypes<typeof cardDescriptionPropDefs>\n\ninterface CardDescriptionProps\n extends React.ComponentPropsWithoutRef<'p'>,\n CardDescriptionOwnProps {}\n\nconst CardDescription = React.forwardRef<CardDescriptionElement, CardDescriptionProps>(\n (props, forwardedRef) => {\n const { asChild, className, ...descriptionProps } = extractProps(props, cardDescriptionPropDefs)\n const Comp = asChild ? Slot : 'p'\n\n return (\n <Comp\n {...descriptionProps}\n ref={forwardedRef}\n className={classNames('dsx-card__description', className)}\n />\n )\n },\n)\nCardDescription.displayName = 'CardDescription'\n\ntype CardContentElement = React.ComponentRef<'div'>\ntype CardContentOwnProps = GetPropDefTypes<typeof cardContentPropDefs>\n\ninterface CardContentProps extends React.ComponentPropsWithoutRef<'div'>, CardContentOwnProps {}\n\nconst CardContent = React.forwardRef<CardContentElement, CardContentProps>((props, forwardedRef) => {\n const { asChild, className, ...contentProps } = extractProps(props, cardContentPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...contentProps} ref={forwardedRef} className={classNames('dsx-card__content', className)} />\n})\nCardContent.displayName = 'CardContent'\n\ntype CardFooterElement = React.ComponentRef<'div'>\ntype CardFooterOwnProps = GetPropDefTypes<typeof cardFooterPropDefs>\n\ninterface CardFooterProps extends React.ComponentPropsWithoutRef<'div'>, CardFooterOwnProps {}\n\nconst CardFooter = React.forwardRef<CardFooterElement, CardFooterProps>((props, forwardedRef) => {\n const { asChild, className, ...footerProps } = extractProps(props, cardFooterPropDefs)\n const Comp = asChild ? Slot : 'div'\n\n return <Comp {...footerProps} ref={forwardedRef} className={classNames('dsx-card__footer', className)} />\n})\nCardFooter.displayName = 'CardFooter'\n\nconst Card: typeof CardRoot & {\n Header: typeof CardHeader\n Title: typeof CardTitle\n Description: typeof CardDescription\n Content: typeof CardContent\n Footer: typeof CardFooter\n} = Object.assign(CardRoot, {\n Header: CardHeader,\n Title: CardTitle,\n Description: CardDescription,\n Content: CardContent,\n Footer: CardFooter,\n})\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle }\nexport type {\n CardContentProps,\n CardDescriptionProps,\n CardFooterProps,\n CardHeaderProps,\n CardProps,\n CardTitleProps,\n CardVariant,\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAOO;AAkCH;AArBJ,SAAS,qBAAqB,UAA6B,WAAW;AACpE,MAAI,YAAY,WAAW,YAAY,cAAc,YAAY,UAAU;AACzE,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,WAAW,MAAM,WAAmC,CAAC,OAAO,iBAAiB;AACjF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,wBAAY;AACpC,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,oBAAoB,qBAAqB,OAAO;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,oBAAkB,cAAc,SAAY;AAAA,MAC3C,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,YAAY,WAAW,YAAY,aAAa,qBAAqB,UAAU,oBAAoB,MAAM,EAAE;AAAA;AAAA,EACnI;AAEJ,CAAC;AACD,SAAS,cAAc;AAOvB,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,8BAAkB;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,aAAa,KAAK,cAAc,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAOzB,MAAM,YAAY,MAAM,WAA6C,CAAC,OAAO,iBAAiB;AAC5F,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,6BAAiB;AACnF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,mBAAmB,SAAS,GAAG;AACvG,CAAC;AACD,UAAU,cAAc;AASxB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,WAAW,GAAG,iBAAiB,QAAI,kCAAa,OAAO,mCAAuB;AAC/F,UAAM,OAAO,UAAU,yBAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,yBAAyB,SAAS;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAO9B,MAAM,cAAc,MAAM,WAAiD,CAAC,OAAO,iBAAiB;AAClG,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AACvF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,cAAc,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC3G,CAAC;AACD,YAAY,cAAc;AAO1B,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,8BAAkB;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SAAO,4CAAC,QAAM,GAAG,aAAa,KAAK,cAAc,eAAW,kBAAAA,SAAW,oBAAoB,SAAS,GAAG;AACzG,CAAC;AACD,WAAW,cAAc;AAEzB,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AACV,CAAC;",
|
|
6
6
|
"names": ["classNames"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.cts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Card.d.cts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,kFAuBZ,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAIF,KAAK,iBAAiB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAElE,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAAG;AAE3F,QAAA,MAAM,SAAS,2FAKb,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,uBAAuB;CAAG;AAE9B,QAAA,MAAM,eAAe,mGAapB,CAAA;AAID,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,mBAAmB;CAAG;AAEhG,QAAA,MAAM,WAAW,yFAKf,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAA;IACzB,KAAK,EAAE,OAAO,SAAS,CAAA;IACvB,WAAW,EAAE,OAAO,eAAe,CAAA;IACnC,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,MAAM,EAAE,OAAO,UAAU,CAAA;CAOzB,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAC1F,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,EACd,WAAW,GACZ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.mts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Card.d.mts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,kFAuBZ,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAIF,KAAK,iBAAiB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAElE,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAAG;AAE3F,QAAA,MAAM,SAAS,2FAKb,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,uBAAuB;CAAG;AAE9B,QAAA,MAAM,eAAe,mGAapB,CAAA;AAID,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,mBAAmB;CAAG;AAEhG,QAAA,MAAM,WAAW,yFAKf,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAA;IACzB,KAAK,EAAE,OAAO,SAAS,CAAA;IACvB,WAAW,EAAE,OAAO,eAAe,CAAA;IACnC,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,MAAM,EAAE,OAAO,UAAU,CAAA;CAOzB,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAC1F,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,EACd,WAAW,GACZ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAA;AACvD,KAAK,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAA;AAEhD,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC9F,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B;AASD,QAAA,MAAM,QAAQ,kFAuBZ,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAIF,KAAK,iBAAiB,GAAG,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAElE,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,iBAAiB;CAAG;AAE3F,QAAA,MAAM,SAAS,2FAKb,CAAA;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAA;AAE9E,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EACzC,uBAAuB;CAAG;AAE9B,QAAA,MAAM,eAAe,mGAapB,CAAA;AAID,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,mBAAmB;CAAG;AAEhG,QAAA,MAAM,WAAW,yFAKf,CAAA;AAIF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,kBAAkB;CAAG;AAE9F,QAAA,MAAM,UAAU,wFAKd,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAA;IACzB,KAAK,EAAE,OAAO,SAAS,CAAA;IACvB,WAAW,EAAE,OAAO,eAAe,CAAA;IACnC,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,MAAM,EAAE,OAAO,UAAU,CAAA;CAOzB,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA;AAC1F,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,SAAS,EACT,cAAc,EACd,WAAW,GACZ,CAAA"}
|
|
@@ -24,6 +24,7 @@ const CardRoot = React.forwardRef((props, forwardedRef) => {
|
|
|
24
24
|
radius,
|
|
25
25
|
size = "md",
|
|
26
26
|
variant = "default",
|
|
27
|
+
interactive = true,
|
|
27
28
|
...cardProps
|
|
28
29
|
} = extractProps(props, cardPropDefs);
|
|
29
30
|
const Comp = asChild ? Slot : "div";
|
|
@@ -33,6 +34,7 @@ const CardRoot = React.forwardRef((props, forwardedRef) => {
|
|
|
33
34
|
{
|
|
34
35
|
"data-variant": normalizedVariant,
|
|
35
36
|
"data-size": size,
|
|
37
|
+
"data-interactive": interactive ? void 0 : "false",
|
|
36
38
|
...cardProps,
|
|
37
39
|
ref: forwardedRef,
|
|
38
40
|
className: classNames("dsx-card", className, variant === "outline" && "dsx-card--outline", radius && `dsx-card--radius-${radius}`)
|