@d4gger/design-system 3.0.0 → 4.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 +19 -0
- package/dist/{components/controlGroup/ControlGroup.cjs → _internal/floatingLayer.cjs} +11 -26
- package/dist/_internal/floatingLayer.cjs.map +7 -0
- package/dist/_internal/floatingLayer.d.cts +28 -0
- package/dist/_internal/floatingLayer.d.cts.map +1 -0
- package/dist/_internal/floatingLayer.d.mts +28 -0
- package/dist/_internal/floatingLayer.d.mts.map +1 -0
- package/dist/_internal/floatingLayer.d.ts +28 -0
- package/dist/_internal/floatingLayer.d.ts.map +1 -0
- package/dist/_internal/floatingLayer.js +11 -0
- package/dist/_internal/floatingLayer.js.map +7 -0
- package/dist/components/accordion.css +9 -2
- package/dist/components/alert/Alert.cjs +11 -7
- package/dist/components/alert/Alert.cjs.map +2 -2
- package/dist/components/alert/Alert.d.cts.map +1 -1
- package/dist/components/alert/Alert.d.mts.map +1 -1
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +12 -8
- package/dist/components/alert/Alert.js.map +2 -2
- package/dist/components/alert.css +13 -0
- package/dist/components/article-nodes.css +16 -1
- package/dist/components/articleNodes/ArticleNodes.cjs +46 -5
- package/dist/components/articleNodes/ArticleNodes.cjs.map +2 -2
- package/dist/components/articleNodes/ArticleNodes.d.cts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.cts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.mts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.mts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.d.ts +7 -3
- package/dist/components/articleNodes/ArticleNodes.d.ts.map +1 -1
- package/dist/components/articleNodes/ArticleNodes.js +46 -5
- package/dist/components/articleNodes/ArticleNodes.js.map +2 -2
- package/dist/components/articleNodes/articleExtensions.cjs +21 -4
- package/dist/components/articleNodes/articleExtensions.cjs.map +2 -2
- package/dist/components/articleNodes/articleExtensions.d.cts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.cts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.d.mts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.mts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.d.ts +8 -2
- package/dist/components/articleNodes/articleExtensions.d.ts.map +1 -1
- package/dist/components/articleNodes/articleExtensions.js +21 -4
- package/dist/components/articleNodes/articleExtensions.js.map +2 -2
- package/dist/components/articleNodes/articleNodeViews.cjs +154 -0
- package/dist/components/articleNodes/articleNodeViews.cjs.map +7 -0
- package/dist/components/articleNodes/articleNodeViews.d.cts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.cts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.d.mts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.mts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.d.ts +3 -0
- package/dist/components/articleNodes/articleNodeViews.d.ts.map +1 -0
- package/dist/components/articleNodes/articleNodeViews.js +124 -0
- package/dist/components/articleNodes/articleNodeViews.js.map +7 -0
- package/dist/components/articleNodes/articleNodes.props.cjs.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.cts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.cts.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.mts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.mts.map +1 -1
- package/dist/components/articleNodes/articleNodes.props.d.ts +25 -2
- package/dist/components/articleNodes/articleNodes.props.d.ts.map +1 -1
- package/dist/components/banner/Banner.cjs +105 -0
- package/dist/components/banner/Banner.cjs.map +7 -0
- package/dist/components/banner/Banner.d.cts +27 -0
- package/dist/components/banner/Banner.d.cts.map +1 -0
- package/dist/components/banner/Banner.d.mts +27 -0
- package/dist/components/banner/Banner.d.mts.map +1 -0
- package/dist/components/banner/Banner.d.ts +27 -0
- package/dist/components/banner/Banner.d.ts.map +1 -0
- package/dist/components/banner/Banner.js +80 -0
- package/dist/components/banner/Banner.js.map +7 -0
- package/dist/components/{controlGroup/controlGroup.props.cjs → banner/banner.props.cjs} +23 -16
- package/dist/components/banner/banner.props.cjs.map +7 -0
- package/dist/components/banner/banner.props.d.cts +32 -0
- package/dist/components/banner/banner.props.d.cts.map +1 -0
- package/dist/components/banner/banner.props.d.mts +32 -0
- package/dist/components/banner/banner.props.d.mts.map +1 -0
- package/dist/components/banner/banner.props.d.ts +32 -0
- package/dist/components/banner/banner.props.d.ts.map +1 -0
- package/dist/components/banner/banner.props.js +27 -0
- package/dist/components/banner/banner.props.js.map +7 -0
- package/dist/components/banner.css +61 -0
- package/dist/components/blockquote.css +7 -4
- package/dist/components/bottom-dock.css +132 -0
- package/dist/components/bottomDock/BottomDock.cjs +140 -0
- package/dist/components/bottomDock/BottomDock.cjs.map +7 -0
- package/dist/components/bottomDock/BottomDock.d.cts +25 -0
- package/dist/components/bottomDock/BottomDock.d.cts.map +1 -0
- package/dist/components/bottomDock/BottomDock.d.mts +25 -0
- package/dist/components/bottomDock/BottomDock.d.mts.map +1 -0
- package/dist/components/bottomDock/BottomDock.d.ts +25 -0
- package/dist/components/bottomDock/BottomDock.d.ts.map +1 -0
- package/dist/components/bottomDock/BottomDock.js +110 -0
- package/dist/components/bottomDock/BottomDock.js.map +7 -0
- package/dist/components/bottomDock/bottomDock.props.cjs +49 -0
- package/dist/components/bottomDock/bottomDock.props.cjs.map +7 -0
- package/dist/components/bottomDock/bottomDock.props.d.cts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.cts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.d.mts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.mts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.d.ts +29 -0
- package/dist/components/bottomDock/bottomDock.props.d.ts.map +1 -0
- package/dist/components/bottomDock/bottomDock.props.js +29 -0
- package/dist/components/bottomDock/bottomDock.props.js.map +7 -0
- package/dist/components/breadcrumb.css +24 -3
- package/dist/components/button-group.css +25 -0
- package/dist/components/button.css +9 -0
- package/dist/components/callout.css +20 -7
- package/dist/components/card.css +11 -0
- package/dist/components/carousel/Carousel.cjs +109 -39
- package/dist/components/carousel/Carousel.cjs.map +3 -3
- package/dist/components/carousel/Carousel.d.cts.map +1 -1
- package/dist/components/carousel/Carousel.d.mts.map +1 -1
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +111 -41
- package/dist/components/carousel/Carousel.js.map +3 -3
- package/dist/components/carousel.css +93 -26
- package/dist/components/chart/Chart.cjs +61 -11
- package/dist/components/chart/Chart.cjs.map +2 -2
- package/dist/components/chart/Chart.d.cts.map +1 -1
- package/dist/components/chart/Chart.d.mts.map +1 -1
- package/dist/components/chart/Chart.d.ts.map +1 -1
- package/dist/components/chart/Chart.js +62 -11
- package/dist/components/chart/Chart.js.map +2 -2
- package/dist/components/chart.css +10 -1
- package/dist/components/checkbox.css +14 -0
- package/dist/components/code.css +29 -13
- package/dist/components/collapsible/Collapsible.cjs +4 -0
- 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 +4 -0
- package/dist/components/collapsible/Collapsible.js.map +2 -2
- package/dist/components/collapsible.css +10 -1
- package/dist/components/combobox/Combobox.cjs +3 -1
- package/dist/components/combobox/Combobox.cjs.map +2 -2
- package/dist/components/combobox/Combobox.d.cts.map +1 -1
- package/dist/components/combobox/Combobox.d.mts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +3 -1
- package/dist/components/combobox/Combobox.js.map +2 -2
- package/dist/components/combobox.css +5 -1
- package/dist/components/command/Command.cjs +1 -1
- package/dist/components/command/Command.cjs.map +2 -2
- package/dist/components/command/Command.js +1 -1
- package/dist/components/command/Command.js.map +2 -2
- package/dist/components/command.css +0 -2
- package/dist/components/comment-thread.css +15 -7
- package/dist/components/commentThread/CommentThread.cjs +45 -17
- package/dist/components/commentThread/CommentThread.cjs.map +2 -2
- package/dist/components/commentThread/CommentThread.d.cts +6 -6
- package/dist/components/commentThread/CommentThread.d.cts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.mts +6 -6
- package/dist/components/commentThread/CommentThread.d.mts.map +1 -1
- package/dist/components/commentThread/CommentThread.d.ts +6 -6
- package/dist/components/commentThread/CommentThread.d.ts.map +1 -1
- package/dist/components/commentThread/CommentThread.js +45 -17
- package/dist/components/commentThread/CommentThread.js.map +2 -2
- package/dist/components/commentThread/commentThread.props.cjs.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.cts +24 -0
- package/dist/components/commentThread/commentThread.props.d.cts.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.mts +24 -0
- package/dist/components/commentThread/commentThread.props.d.mts.map +1 -1
- package/dist/components/commentThread/commentThread.props.d.ts +24 -0
- package/dist/components/commentThread/commentThread.props.d.ts.map +1 -1
- package/dist/components/config-drawer.css +7 -3
- package/dist/components/configDrawer/ConfigDrawer.cjs +1 -1
- package/dist/components/configDrawer/ConfigDrawer.cjs.map +2 -2
- package/dist/components/configDrawer/ConfigDrawer.js +1 -1
- package/dist/components/configDrawer/ConfigDrawer.js.map +2 -2
- package/dist/components/context-menu.css +4 -2
- package/dist/components/contextMenu/ContextMenu.cjs +37 -6
- package/dist/components/contextMenu/ContextMenu.cjs.map +2 -2
- package/dist/components/contextMenu/ContextMenu.d.cts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.cts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.d.mts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.mts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.d.ts +1 -1
- package/dist/components/contextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/components/contextMenu/ContextMenu.js +37 -6
- package/dist/components/contextMenu/ContextMenu.js.map +2 -2
- package/dist/components/copy-field.css +18 -0
- package/dist/components/copyField/CopyField.cjs +3 -3
- package/dist/components/copyField/CopyField.cjs.map +2 -2
- package/dist/components/copyField/CopyField.d.cts.map +1 -1
- package/dist/components/copyField/CopyField.d.mts.map +1 -1
- package/dist/components/copyField/CopyField.d.ts.map +1 -1
- package/dist/components/copyField/CopyField.js +3 -3
- package/dist/components/copyField/CopyField.js.map +2 -2
- package/dist/components/data-list.css +19 -4
- package/dist/components/data-table.css +190 -0
- package/dist/components/dataTable/DataTable.cjs +193 -68
- package/dist/components/dataTable/DataTable.cjs.map +3 -3
- package/dist/components/dataTable/DataTable.d.cts +29 -1
- package/dist/components/dataTable/DataTable.d.cts.map +1 -1
- package/dist/components/dataTable/DataTable.d.mts +29 -1
- package/dist/components/dataTable/DataTable.d.mts.map +1 -1
- package/dist/components/dataTable/DataTable.d.ts +29 -1
- package/dist/components/dataTable/DataTable.d.ts.map +1 -1
- package/dist/components/dataTable/DataTable.js +193 -68
- package/dist/components/dataTable/DataTable.js.map +2 -2
- package/dist/components/dataTable/DataTableContext.cjs +41 -0
- package/dist/components/dataTable/DataTableContext.cjs.map +7 -0
- package/dist/components/dataTable/DataTableContext.d.cts +23 -0
- package/dist/components/dataTable/DataTableContext.d.cts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.mts +23 -0
- package/dist/components/dataTable/DataTableContext.d.mts.map +1 -0
- package/dist/components/dataTable/DataTableContext.d.ts +23 -0
- package/dist/components/dataTable/DataTableContext.d.ts.map +1 -0
- package/dist/components/dataTable/DataTableContext.js +11 -0
- package/dist/components/dataTable/DataTableContext.js.map +7 -0
- package/dist/components/dataTable/DataTablePagination.cjs +72 -47
- package/dist/components/dataTable/DataTablePagination.cjs.map +2 -2
- package/dist/components/dataTable/DataTablePagination.d.cts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.cts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.mts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.mts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.d.ts +5 -1
- package/dist/components/dataTable/DataTablePagination.d.ts.map +1 -1
- package/dist/components/dataTable/DataTablePagination.js +75 -47
- package/dist/components/dataTable/DataTablePagination.js.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.cjs +122 -93
- package/dist/components/dataTable/DataTableToolbar.cjs.map +2 -2
- package/dist/components/dataTable/DataTableToolbar.d.cts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.cts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.mts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.mts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.d.ts +6 -5
- package/dist/components/dataTable/DataTableToolbar.d.ts.map +1 -1
- package/dist/components/dataTable/DataTableToolbar.js +123 -94
- package/dist/components/dataTable/DataTableToolbar.js.map +2 -2
- package/dist/components/dataTable/dataTable.export.cjs +83 -0
- package/dist/components/dataTable/dataTable.export.cjs.map +7 -0
- package/dist/components/dataTable/dataTable.export.d.cts +11 -0
- package/dist/components/dataTable/dataTable.export.d.cts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.mts +11 -0
- package/dist/components/dataTable/dataTable.export.d.mts.map +1 -0
- package/dist/components/dataTable/dataTable.export.d.ts +11 -0
- package/dist/components/dataTable/dataTable.export.d.ts.map +1 -0
- package/dist/components/dataTable/dataTable.export.js +63 -0
- package/dist/components/dataTable/dataTable.export.js.map +7 -0
- package/dist/components/dataTable/dataTable.props.cjs +23 -1
- package/dist/components/dataTable/dataTable.props.cjs.map +2 -2
- package/dist/components/dataTable/dataTable.props.d.cts +21 -1
- package/dist/components/dataTable/dataTable.props.d.cts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.mts +21 -1
- package/dist/components/dataTable/dataTable.props.d.mts.map +1 -1
- package/dist/components/dataTable/dataTable.props.d.ts +21 -1
- package/dist/components/dataTable/dataTable.props.d.ts.map +1 -1
- package/dist/components/dataTable/dataTable.props.js +23 -1
- package/dist/components/dataTable/dataTable.props.js.map +2 -2
- package/dist/components/dialog/Dialog.cjs +2 -1
- package/dist/components/dialog/Dialog.cjs.map +2 -2
- package/dist/components/dialog/Dialog.d.cts.map +1 -1
- package/dist/components/dialog/Dialog.d.mts.map +1 -1
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.js +2 -1
- package/dist/components/dialog/Dialog.js.map +2 -2
- package/dist/components/drawer.css +23 -6
- package/dist/components/dropdown-menu.css +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.cjs +10 -5
- 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 +10 -5
- package/dist/components/dropdownMenu/DropdownMenu.js.map +2 -2
- package/dist/components/empty-state.css +5 -0
- package/dist/components/file-upload.css +36 -9
- package/dist/components/fileUpload/FileUpload.cjs +10 -1
- package/dist/components/fileUpload/FileUpload.cjs.map +2 -2
- package/dist/components/fileUpload/FileUpload.d.cts +1 -0
- package/dist/components/fileUpload/FileUpload.d.cts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.mts +1 -0
- package/dist/components/fileUpload/FileUpload.d.mts.map +1 -1
- package/dist/components/fileUpload/FileUpload.d.ts +1 -0
- package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/fileUpload/FileUpload.js +10 -1
- package/dist/components/fileUpload/FileUpload.js.map +2 -2
- package/dist/components/filter-bar.css +380 -8
- package/dist/components/filterBar/FilterBar.cjs +630 -1
- package/dist/components/filterBar/FilterBar.cjs.map +2 -2
- package/dist/components/filterBar/FilterBar.d.cts +132 -2
- package/dist/components/filterBar/FilterBar.d.cts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.mts +132 -2
- package/dist/components/filterBar/FilterBar.d.mts.map +1 -1
- package/dist/components/filterBar/FilterBar.d.ts +132 -2
- package/dist/components/filterBar/FilterBar.d.ts.map +1 -1
- package/dist/components/filterBar/FilterBar.js +631 -2
- package/dist/components/filterBar/FilterBar.js.map +2 -2
- package/dist/components/floating-panel.css +50 -19
- package/dist/components/floatingPanel/FloatingPanel.cjs +156 -58
- package/dist/components/floatingPanel/FloatingPanel.cjs.map +2 -2
- package/dist/components/floatingPanel/FloatingPanel.d.cts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.d.mts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.d.ts.map +1 -1
- package/dist/components/floatingPanel/FloatingPanel.js +156 -58
- package/dist/components/floatingPanel/FloatingPanel.js.map +2 -2
- package/dist/components/fontProvider/FontProvider.cjs +1 -1
- package/dist/components/fontProvider/FontProvider.cjs.map +1 -1
- package/dist/components/fontProvider/FontProvider.js +1 -1
- package/dist/components/fontProvider/FontProvider.js.map +1 -1
- package/dist/components/grid/Grid.cjs +24 -35
- package/dist/components/grid/Grid.cjs.map +2 -2
- package/dist/components/grid/Grid.d.cts.map +1 -1
- package/dist/components/grid/Grid.d.mts.map +1 -1
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +24 -35
- package/dist/components/grid/Grid.js.map +2 -2
- package/dist/components/heading/Heading.cjs +1 -8
- package/dist/components/heading/Heading.cjs.map +2 -2
- package/dist/components/heading/Heading.d.cts.map +1 -1
- package/dist/components/heading/Heading.d.mts.map +1 -1
- package/dist/components/heading/Heading.d.ts.map +1 -1
- package/dist/components/heading/Heading.js +1 -8
- package/dist/components/heading/Heading.js.map +2 -2
- package/dist/components/heading/heading.props.cjs +9 -9
- package/dist/components/heading/heading.props.cjs.map +2 -2
- package/dist/components/heading/heading.props.d.cts +42 -43
- package/dist/components/heading/heading.props.d.cts.map +1 -1
- package/dist/components/heading/heading.props.d.mts +42 -43
- package/dist/components/heading/heading.props.d.mts.map +1 -1
- package/dist/components/heading/heading.props.d.ts +42 -43
- package/dist/components/heading/heading.props.d.ts.map +1 -1
- package/dist/components/heading/heading.props.js +9 -9
- package/dist/components/heading/heading.props.js.map +2 -2
- package/dist/components/heading.css +127 -104
- package/dist/components/hover-card.css +5 -2
- package/dist/components/icon/Icon.cjs +28 -2
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +33 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +33 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +33 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +37 -2
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +18 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +45 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +45 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +45 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +18 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/icon-button.css +29 -0
- package/dist/components/index.cjs +2 -1
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +2 -1
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +2 -1
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +2 -2
- package/dist/components/item/Item.cjs +1 -1
- package/dist/components/item/Item.cjs.map +2 -2
- package/dist/components/item/Item.js +1 -1
- package/dist/components/item/Item.js.map +2 -2
- package/dist/components/item.css +12 -1
- package/dist/components/label.css +3 -0
- package/dist/components/link.css +33 -97
- package/dist/components/marquee/Marquee.cjs +1 -1
- package/dist/components/marquee/Marquee.cjs.map +2 -2
- package/dist/components/marquee/Marquee.js +1 -1
- package/dist/components/marquee/Marquee.js.map +2 -2
- package/dist/components/marquee.css +6 -0
- package/dist/components/menu/Menu.cjs +3 -1
- package/dist/components/menu/Menu.cjs.map +2 -2
- package/dist/components/menu/Menu.d.cts.map +1 -1
- package/dist/components/menu/Menu.d.mts.map +1 -1
- package/dist/components/menu/Menu.d.ts.map +1 -1
- package/dist/components/menu/Menu.js +3 -1
- package/dist/components/menu/Menu.js.map +2 -2
- package/dist/components/menubar.css +1 -1
- package/dist/components/metric.css +5 -0
- package/dist/components/notification-center.css +49 -9
- package/dist/components/notificationCenter/NotificationCenter.cjs +21 -16
- package/dist/components/notificationCenter/NotificationCenter.cjs.map +2 -2
- package/dist/components/notificationCenter/NotificationCenter.d.cts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.mts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.ts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.js +22 -17
- package/dist/components/notificationCenter/NotificationCenter.js.map +2 -2
- package/dist/components/pagination/Pagination.cjs +143 -17
- package/dist/components/pagination/Pagination.cjs.map +2 -2
- package/dist/components/pagination/Pagination.d.cts +64 -4
- package/dist/components/pagination/Pagination.d.cts.map +1 -1
- package/dist/components/pagination/Pagination.d.mts +64 -4
- package/dist/components/pagination/Pagination.d.mts.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +64 -4
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +143 -17
- package/dist/components/pagination/Pagination.js.map +2 -2
- package/dist/components/pagination.css +50 -8
- package/dist/components/phoneInput/PhoneInput.cjs +18 -13
- package/dist/components/phoneInput/PhoneInput.cjs.map +2 -2
- package/dist/components/phoneInput/PhoneInput.d.cts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.mts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.d.ts.map +1 -1
- package/dist/components/phoneInput/PhoneInput.js +19 -14
- package/dist/components/phoneInput/PhoneInput.js.map +2 -2
- package/dist/components/pills/Pills.cjs +1 -1
- package/dist/components/pills/Pills.cjs.map +2 -2
- package/dist/components/pills/Pills.js +2 -2
- package/dist/components/pills/Pills.js.map +2 -2
- package/dist/components/pills.css +6 -0
- package/dist/components/popover/Popover.cjs +2 -1
- package/dist/components/popover/Popover.cjs.map +2 -2
- package/dist/components/popover/Popover.d.cts.map +1 -1
- package/dist/components/popover/Popover.d.mts.map +1 -1
- package/dist/components/popover/Popover.d.ts.map +1 -1
- package/dist/components/popover/Popover.js +2 -1
- package/dist/components/popover/Popover.js.map +2 -2
- package/dist/components/popover.css +45 -6
- package/dist/components/prose.css +4 -4
- package/dist/components/qr-code.css +10 -17
- package/dist/components/qrCode/QrCode.cjs +14 -11
- package/dist/components/qrCode/QrCode.cjs.map +2 -2
- package/dist/components/qrCode/QrCode.d.cts.map +1 -1
- package/dist/components/qrCode/QrCode.d.mts.map +1 -1
- package/dist/components/qrCode/QrCode.d.ts.map +1 -1
- package/dist/components/qrCode/QrCode.js +14 -11
- package/dist/components/qrCode/QrCode.js.map +2 -2
- package/dist/components/radio-group.css +19 -0
- package/dist/components/radioGroup/RadioGroup.cjs +3 -2
- package/dist/components/radioGroup/RadioGroup.cjs.map +2 -2
- package/dist/components/radioGroup/RadioGroup.d.cts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.mts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/radioGroup/RadioGroup.js +3 -2
- package/dist/components/radioGroup/RadioGroup.js.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.cjs +1 -1
- package/dist/components/radioGroup/radioGroup.props.cjs.map +2 -2
- package/dist/components/radioGroup/radioGroup.props.d.cts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.mts +1 -1
- package/dist/components/radioGroup/radioGroup.props.d.ts +1 -1
- package/dist/components/radioGroup/radioGroup.props.js +1 -1
- package/dist/components/radioGroup/radioGroup.props.js.map +2 -2
- package/dist/components/rating.css +12 -0
- package/dist/components/resizable.css +20 -4
- package/dist/components/result.css +2 -1
- package/dist/components/rich-text-editor.css +50 -14
- package/dist/components/richTextEditor/EditorTools.cjs +226 -0
- package/dist/components/richTextEditor/EditorTools.cjs.map +7 -0
- package/dist/components/richTextEditor/EditorTools.d.cts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.cts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.d.mts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.mts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.d.ts +22 -0
- package/dist/components/richTextEditor/EditorTools.d.ts.map +1 -0
- package/dist/components/richTextEditor/EditorTools.js +196 -0
- package/dist/components/richTextEditor/EditorTools.js.map +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.cjs +96 -0
- package/dist/components/richTextEditor/MentionSuggestions.cjs.map +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.cts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.cts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.mts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.mts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.ts +7 -0
- package/dist/components/richTextEditor/MentionSuggestions.d.ts.map +1 -0
- package/dist/components/richTextEditor/MentionSuggestions.js +66 -0
- package/dist/components/richTextEditor/MentionSuggestions.js.map +7 -0
- package/dist/components/richTextEditor/RichTextEditor.cjs +63 -208
- package/dist/components/richTextEditor/RichTextEditor.cjs.map +3 -3
- package/dist/components/richTextEditor/RichTextEditor.d.cts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.cts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.mts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.mts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.d.ts +17 -7
- package/dist/components/richTextEditor/RichTextEditor.d.ts.map +1 -1
- package/dist/components/richTextEditor/RichTextEditor.js +63 -208
- package/dist/components/richTextEditor/RichTextEditor.js.map +3 -3
- package/dist/components/richTextEditor/editorTokens.cjs +75 -0
- package/dist/components/richTextEditor/editorTokens.cjs.map +7 -0
- package/dist/components/richTextEditor/editorTokens.d.cts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.cts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.d.mts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.mts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.d.ts +21 -0
- package/dist/components/richTextEditor/editorTokens.d.ts.map +1 -0
- package/dist/components/richTextEditor/editorTokens.js +55 -0
- package/dist/components/richTextEditor/editorTokens.js.map +7 -0
- package/dist/components/scroll-area.css +12 -0
- package/dist/components/scrollArea/ScrollArea.cjs +12 -1
- package/dist/components/scrollArea/ScrollArea.cjs.map +2 -2
- package/dist/components/scrollArea/ScrollArea.d.cts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.d.mts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.d.ts.map +1 -1
- package/dist/components/scrollArea/ScrollArea.js +12 -1
- package/dist/components/scrollArea/ScrollArea.js.map +2 -2
- package/dist/components/segmented-control.css +80 -4
- package/dist/components/segmentedControl/SegmentedControl.cjs +18 -5
- package/dist/components/segmentedControl/SegmentedControl.cjs.map +2 -2
- package/dist/components/segmentedControl/SegmentedControl.d.cts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.mts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmentedControl/SegmentedControl.js +18 -5
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.cjs +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.cjs.map +2 -2
- package/dist/components/segmentedControl/segmentedControl.props.d.cts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.cts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.mts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.mts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.d.ts +9 -0
- package/dist/components/segmentedControl/segmentedControl.props.d.ts.map +1 -1
- package/dist/components/segmentedControl/segmentedControl.props.js +10 -0
- package/dist/components/segmentedControl/segmentedControl.props.js.map +2 -2
- package/dist/components/select/Select.cjs +3 -1
- package/dist/components/select/Select.cjs.map +2 -2
- package/dist/components/select/Select.d.cts.map +1 -1
- package/dist/components/select/Select.d.mts.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +3 -1
- package/dist/components/select/Select.js.map +2 -2
- package/dist/components/select.css +1 -1
- package/dist/components/separator.css +3 -9
- package/dist/components/sidebar/Sidebar.cjs +12 -4
- package/dist/components/sidebar/Sidebar.cjs.map +2 -2
- package/dist/components/sidebar/Sidebar.d.cts +4 -1
- package/dist/components/sidebar/Sidebar.d.cts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.mts +4 -1
- package/dist/components/sidebar/Sidebar.d.mts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +4 -1
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +12 -4
- package/dist/components/sidebar/Sidebar.js.map +2 -2
- package/dist/components/sidebar/sidebar.props.cjs +8 -1
- package/dist/components/sidebar/sidebar.props.cjs.map +2 -2
- package/dist/components/sidebar/sidebar.props.d.cts +9 -1
- package/dist/components/sidebar/sidebar.props.d.cts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.mts +9 -1
- package/dist/components/sidebar/sidebar.props.d.mts.map +1 -1
- package/dist/components/sidebar/sidebar.props.d.ts +9 -1
- package/dist/components/sidebar/sidebar.props.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.props.js +8 -1
- package/dist/components/sidebar/sidebar.props.js.map +2 -2
- package/dist/components/sidebar.css +28 -0
- package/dist/components/sonner.css +79 -17
- package/dist/components/sortableList/SortableList.cjs +8 -2
- package/dist/components/sortableList/SortableList.cjs.map +2 -2
- package/dist/components/sortableList/SortableList.d.cts.map +1 -1
- package/dist/components/sortableList/SortableList.d.mts.map +1 -1
- package/dist/components/sortableList/SortableList.d.ts.map +1 -1
- package/dist/components/sortableList/SortableList.js +8 -2
- package/dist/components/sortableList/SortableList.js.map +2 -2
- package/dist/components/stat-card.css +2 -0
- package/dist/components/stepper.css +23 -12
- package/dist/components/tab-nav.css +25 -13
- package/dist/components/tabNav/TabNav.cjs +1 -4
- package/dist/components/tabNav/TabNav.cjs.map +2 -2
- package/dist/components/tabNav/TabNav.d.cts.map +1 -1
- package/dist/components/tabNav/TabNav.d.mts.map +1 -1
- package/dist/components/tabNav/TabNav.d.ts.map +1 -1
- package/dist/components/tabNav/TabNav.js +1 -4
- package/dist/components/tabNav/TabNav.js.map +2 -2
- package/dist/components/table/Table.cjs +3 -2
- package/dist/components/table/Table.cjs.map +2 -2
- package/dist/components/table/Table.d.cts.map +1 -1
- package/dist/components/table/Table.d.mts.map +1 -1
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +3 -2
- package/dist/components/table/Table.js.map +2 -2
- package/dist/components/table/table.props.cjs +6 -0
- package/dist/components/table/table.props.cjs.map +2 -2
- package/dist/components/table/table.props.d.cts +5 -0
- package/dist/components/table/table.props.d.cts.map +1 -1
- package/dist/components/table/table.props.d.mts +5 -0
- package/dist/components/table/table.props.d.mts.map +1 -1
- package/dist/components/table/table.props.d.ts +5 -0
- package/dist/components/table/table.props.d.ts.map +1 -1
- package/dist/components/table/table.props.js +6 -0
- package/dist/components/table/table.props.js.map +2 -2
- package/dist/components/table-of-contents.css +12 -2
- package/dist/components/table.css +20 -13
- package/dist/components/tableOfContents/TableOfContents.cjs +11 -4
- package/dist/components/tableOfContents/TableOfContents.cjs.map +2 -2
- package/dist/components/tableOfContents/TableOfContents.d.cts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.mts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.d.ts.map +1 -1
- package/dist/components/tableOfContents/TableOfContents.js +11 -4
- package/dist/components/tableOfContents/TableOfContents.js.map +2 -2
- package/dist/components/tabs/Tabs.cjs +39 -54
- package/dist/components/tabs/Tabs.cjs.map +2 -2
- package/dist/components/tabs/Tabs.d.cts.map +1 -1
- package/dist/components/tabs/Tabs.d.mts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +39 -54
- package/dist/components/tabs/Tabs.js.map +2 -2
- package/dist/components/tabs.css +62 -7
- package/dist/components/text/text.props.cjs +9 -9
- package/dist/components/text/text.props.cjs.map +2 -2
- package/dist/components/text/text.props.d.cts +42 -43
- package/dist/components/text/text.props.d.cts.map +1 -1
- package/dist/components/text/text.props.d.mts +42 -43
- package/dist/components/text/text.props.d.mts.map +1 -1
- package/dist/components/text/text.props.d.ts +42 -43
- package/dist/components/text/text.props.d.ts.map +1 -1
- package/dist/components/text/text.props.js +9 -9
- package/dist/components/text/text.props.js.map +2 -2
- package/dist/components/text/typography.props.cjs +32 -0
- package/dist/components/text/typography.props.cjs.map +7 -0
- package/dist/components/text/typography.props.d.cts +3 -0
- package/dist/components/text/typography.props.d.cts.map +1 -0
- package/dist/components/text/typography.props.d.mts +3 -0
- package/dist/components/text/typography.props.d.mts.map +1 -0
- package/dist/components/text/typography.props.d.ts +3 -0
- package/dist/components/text/typography.props.d.ts.map +1 -0
- package/dist/components/text/typography.props.js +12 -0
- package/dist/components/text/typography.props.js.map +7 -0
- package/dist/components/text-field.css +1 -0
- package/dist/components/text.css +41 -6
- package/dist/components/theme-panel.css +6 -0
- package/dist/components/timeline.css +54 -18
- package/dist/components/toast/Toast.cjs +3 -1
- package/dist/components/toast/Toast.cjs.map +2 -2
- package/dist/components/toast/Toast.d.cts.map +1 -1
- package/dist/components/toast/Toast.d.mts.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +3 -1
- package/dist/components/toast/Toast.js.map +2 -2
- package/dist/components/toast.css +50 -18
- package/dist/components/toggle-group.css +5 -0
- package/dist/components/toggle-tip.css +58 -9
- package/dist/components/toggleTip/ToggleTip.cjs +9 -5
- package/dist/components/toggleTip/ToggleTip.cjs.map +2 -2
- package/dist/components/toggleTip/ToggleTip.d.cts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.d.mts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.d.ts.map +1 -1
- package/dist/components/toggleTip/ToggleTip.js +9 -5
- package/dist/components/toggleTip/ToggleTip.js.map +2 -2
- package/dist/components/toolbar/Toolbar.cjs +10 -7
- package/dist/components/toolbar/Toolbar.cjs.map +2 -2
- package/dist/components/toolbar/Toolbar.js +10 -7
- package/dist/components/toolbar/Toolbar.js.map +2 -2
- package/dist/components/toolbar.css +58 -4
- package/dist/components/tooltip.css +9 -5
- package/dist/components/tree-view.css +17 -3
- package/dist/components/treeView/TreeView.cjs +76 -21
- package/dist/components/treeView/TreeView.cjs.map +2 -2
- package/dist/components/treeView/TreeView.d.cts.map +1 -1
- package/dist/components/treeView/TreeView.d.mts.map +1 -1
- package/dist/components/treeView/TreeView.d.ts.map +1 -1
- package/dist/components/treeView/TreeView.js +76 -21
- package/dist/components/treeView/TreeView.js.map +2 -2
- package/dist/components.css +2 -2
- package/dist/docs/README.md +2 -1
- package/dist/docs/component-contract.md +7 -6
- package/dist/docs/component-index.json +17 -9
- package/dist/docs/components/accordion.md +5 -36
- package/dist/docs/components/alert.md +17 -10
- package/dist/docs/components/article-nodes.md +59 -2
- package/dist/docs/components/aspect-ratio.md +3 -26
- package/dist/docs/components/banner.md +152 -0
- package/dist/docs/components/blockquote.md +15 -14
- package/dist/docs/components/bottom-dock.md +146 -0
- package/dist/docs/components/box.md +3 -34
- package/dist/docs/components/breadcrumb.md +13 -8
- package/dist/docs/components/button-group.md +4 -3
- package/dist/docs/components/button.md +2 -2
- package/dist/docs/components/callout.md +18 -7
- package/dist/docs/components/card.md +10 -2
- package/dist/docs/components/carousel.md +55 -32
- package/dist/docs/components/chart.md +25 -7
- package/dist/docs/components/checkbox.md +4 -0
- package/dist/docs/components/code.md +33 -220
- package/dist/docs/components/collapsible.md +11 -35
- package/dist/docs/components/combobox.md +3 -1
- package/dist/docs/components/command.md +4 -2
- package/dist/docs/components/comment-thread.md +51 -1
- package/dist/docs/components/config-drawer.md +72 -171
- package/dist/docs/components/container.md +2 -0
- package/dist/docs/components/context-menu.md +19 -5
- package/dist/docs/components/copy-field.md +2 -2
- package/dist/docs/components/data-list.md +15 -3
- package/dist/docs/components/data-table.md +98 -17
- package/dist/docs/components/dialog.md +7 -1
- package/dist/docs/components/drawer.md +17 -6
- package/dist/docs/components/dropdown-menu.md +13 -3
- package/dist/docs/components/em.md +1 -1
- package/dist/docs/components/empty-state.md +3 -1
- package/dist/docs/components/file-upload.md +14 -7
- package/dist/docs/components/filter-bar.md +193 -8
- package/dist/docs/components/floating-panel.md +79 -285
- package/dist/docs/components/form.md +4 -0
- package/dist/docs/components/grid.md +11 -60
- package/dist/docs/components/heading.md +35 -32
- package/dist/docs/components/hover-card.md +9 -1
- package/dist/docs/components/icon-button.md +4 -1
- package/dist/docs/components/item.md +18 -13
- package/dist/docs/components/kbd.md +2 -0
- package/dist/docs/components/label.md +11 -9
- package/dist/docs/components/link.md +31 -209
- package/dist/docs/components/marquee.md +2 -2
- package/dist/docs/components/menu.md +4 -1
- package/dist/docs/components/metric.md +4 -1
- package/dist/docs/components/notification-center.md +24 -14
- package/dist/docs/components/page-header.md +2 -0
- package/dist/docs/components/pagination.md +92 -17
- package/dist/docs/components/pills.md +13 -4
- package/dist/docs/components/popover.md +12 -3
- package/dist/docs/components/prose.md +14 -1
- package/dist/docs/components/qr-code.md +25 -24
- package/dist/docs/components/quote.md +9 -4
- package/dist/docs/components/radio-group.md +5 -2
- package/dist/docs/components/rating.md +2 -0
- package/dist/docs/components/resizable.md +26 -18
- package/dist/docs/components/result.md +6 -0
- package/dist/docs/components/rich-text-editor.md +68 -18
- package/dist/docs/components/scroll-area.md +17 -9
- package/dist/docs/components/section.md +3 -38
- package/dist/docs/components/segmented-control.md +8 -3
- package/dist/docs/components/segmented-meter.md +9 -0
- package/dist/docs/components/select.md +3 -2
- package/dist/docs/components/separator.md +10 -46
- package/dist/docs/components/sidebar.md +20 -4
- package/dist/docs/components/sonner.md +26 -17
- package/dist/docs/components/sortable-list.md +2 -0
- package/dist/docs/components/stat-card.md +5 -4
- package/dist/docs/components/stepper.md +8 -32
- package/dist/docs/components/strong.md +1 -1
- package/dist/docs/components/tab-nav.md +33 -96
- package/dist/docs/components/table-of-contents.md +8 -2
- package/dist/docs/components/table.md +14 -5
- package/dist/docs/components/tabs.md +19 -50
- package/dist/docs/components/tag.md +4 -2
- package/dist/docs/components/text-field.md +1 -0
- package/dist/docs/components/text.md +34 -28
- package/dist/docs/components/theme-panel.md +3 -28
- package/dist/docs/components/theme.md +7 -3
- package/dist/docs/components/timeline.md +9 -5
- package/dist/docs/components/toast.md +28 -14
- package/dist/docs/components/toggle-group.md +2 -1
- package/dist/docs/components/toggle-tip.md +58 -241
- package/dist/docs/components/toolbar.md +16 -39
- package/dist/docs/components/tooltip.md +13 -7
- package/dist/docs/components/tree-view.md +22 -55
- package/dist/fonts.css +1 -1
- package/dist/generated/tokens.cjs +2 -1
- 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 +2 -1
- package/dist/generated/tokens.js.map +2 -2
- package/dist/motion.css +18 -3
- package/dist/styles.css +3045 -1756
- package/dist/tokens.css +349 -361
- package/package.json +1 -1
- package/dist/components/control-group.css +0 -142
- package/dist/components/controlGroup/ControlGroup.cjs.map +0 -7
- package/dist/components/controlGroup/ControlGroup.d.cts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.cts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.mts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.mts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.d.ts +0 -16
- package/dist/components/controlGroup/ControlGroup.d.ts.map +0 -1
- package/dist/components/controlGroup/ControlGroup.js +0 -26
- package/dist/components/controlGroup/ControlGroup.js.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.cjs.map +0 -7
- package/dist/components/controlGroup/controlGroup.props.d.cts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.cts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.mts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.mts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.d.ts +0 -18
- package/dist/components/controlGroup/controlGroup.props.d.ts.map +0 -1
- package/dist/components/controlGroup/controlGroup.props.js +0 -20
- package/dist/components/controlGroup/controlGroup.props.js.map +0 -7
- package/dist/docs/components/control-group.md +0 -261
package/dist/components/text.css
CHANGED
|
@@ -1,12 +1,38 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
:where(.dsx-text) {
|
|
4
|
+
--dsx-r-margin-top: initial;
|
|
5
|
+
--dsx-r-margin-right: initial;
|
|
6
|
+
--dsx-r-margin-bottom: initial;
|
|
7
|
+
--dsx-r-margin-left: initial;
|
|
8
|
+
--dsx-r-margin-top-override: initial;
|
|
9
|
+
--dsx-r-margin-right-override: initial;
|
|
10
|
+
--dsx-r-margin-bottom-override: initial;
|
|
11
|
+
--dsx-r-margin-left-override: initial;
|
|
12
|
+
}
|
|
13
|
+
|
|
3
14
|
.dsx-text {
|
|
15
|
+
/* Spacing belongs to this element, not an enclosing layout primitive. */
|
|
16
|
+
--dsx-r-m: initial;
|
|
17
|
+
--dsx-r-mx: initial;
|
|
18
|
+
--dsx-r-my: initial;
|
|
19
|
+
--dsx-r-mt: initial;
|
|
20
|
+
--dsx-r-mr: initial;
|
|
21
|
+
--dsx-r-mb: initial;
|
|
22
|
+
--dsx-r-ml: initial;
|
|
23
|
+
--dsx-r-p: initial;
|
|
24
|
+
--dsx-r-px: initial;
|
|
25
|
+
--dsx-r-py: initial;
|
|
26
|
+
--dsx-r-pt: initial;
|
|
27
|
+
--dsx-r-pr: initial;
|
|
28
|
+
--dsx-r-pb: initial;
|
|
29
|
+
--dsx-r-pl: initial;
|
|
4
30
|
box-sizing: border-box;
|
|
5
31
|
margin: var(--dsx-r-m, 0);
|
|
6
|
-
margin-top: var(--dsx-r-
|
|
7
|
-
margin-right: var(--dsx-r-
|
|
8
|
-
margin-bottom: var(--dsx-r-
|
|
9
|
-
margin-left: var(--dsx-r-
|
|
32
|
+
margin-top: var(--dsx-r-margin-top-override, var(--dsx-r-margin-top, 0));
|
|
33
|
+
margin-right: var(--dsx-r-margin-right-override, var(--dsx-r-margin-right, 0));
|
|
34
|
+
margin-bottom: var(--dsx-r-margin-bottom-override, var(--dsx-r-margin-bottom, 0));
|
|
35
|
+
margin-left: var(--dsx-r-margin-left-override, var(--dsx-r-margin-left, 0));
|
|
10
36
|
padding: var(--dsx-r-p, 0);
|
|
11
37
|
padding-top: var(--dsx-r-pt, var(--dsx-r-py, var(--dsx-r-p, 0)));
|
|
12
38
|
padding-right: var(--dsx-r-pr, var(--dsx-r-px, var(--dsx-r-p, 0)));
|
|
@@ -89,41 +115,50 @@
|
|
|
89
115
|
text-decoration: var(--dsx-typography-label-small-text-decoration);
|
|
90
116
|
}
|
|
91
117
|
|
|
92
|
-
/*
|
|
118
|
+
/* Existing size scale (1-9) — font size and matching role rhythm. */
|
|
93
119
|
.dsx-r-text-size-1 {
|
|
94
120
|
font-size: var(--dsx-typography-label-small-font-size);
|
|
121
|
+
line-height: var(--dsx-typography-label-small-line-height);
|
|
95
122
|
}
|
|
96
123
|
|
|
97
124
|
.dsx-r-text-size-2 {
|
|
98
125
|
font-size: var(--dsx-typography-label-medium-font-size);
|
|
126
|
+
line-height: var(--dsx-typography-label-medium-line-height);
|
|
99
127
|
}
|
|
100
128
|
|
|
101
129
|
.dsx-r-text-size-3 {
|
|
102
130
|
font-size: var(--dsx-typography-body-medium-font-size);
|
|
131
|
+
line-height: var(--dsx-typography-body-medium-line-height);
|
|
103
132
|
}
|
|
104
133
|
|
|
105
134
|
.dsx-r-text-size-4 {
|
|
106
135
|
font-size: var(--dsx-typography-body-large-font-size);
|
|
136
|
+
line-height: var(--dsx-typography-body-large-line-height);
|
|
107
137
|
}
|
|
108
138
|
|
|
109
139
|
.dsx-r-text-size-5 {
|
|
110
140
|
font-size: var(--dsx-typography-label-large-font-size);
|
|
141
|
+
line-height: var(--dsx-typography-label-large-line-height);
|
|
111
142
|
}
|
|
112
143
|
|
|
113
144
|
.dsx-r-text-size-6 {
|
|
114
145
|
font-size: var(--dsx-typography-headline-medium-font-size);
|
|
146
|
+
line-height: var(--dsx-typography-headline-medium-line-height);
|
|
115
147
|
}
|
|
116
148
|
|
|
117
149
|
.dsx-r-text-size-7 {
|
|
118
150
|
font-size: var(--dsx-typography-headline-large-font-size);
|
|
151
|
+
line-height: var(--dsx-typography-headline-large-line-height);
|
|
119
152
|
}
|
|
120
153
|
|
|
121
154
|
.dsx-r-text-size-8 {
|
|
122
155
|
font-size: var(--dsx-typography-display-medium-font-size);
|
|
156
|
+
line-height: var(--dsx-typography-display-medium-line-height);
|
|
123
157
|
}
|
|
124
158
|
|
|
125
159
|
.dsx-r-text-size-9 {
|
|
126
160
|
font-size: var(--dsx-typography-display-large-font-size);
|
|
161
|
+
line-height: var(--dsx-typography-display-large-line-height);
|
|
127
162
|
}
|
|
128
163
|
|
|
129
164
|
.dsx-text--muted {
|
|
@@ -143,6 +178,6 @@
|
|
|
143
178
|
}
|
|
144
179
|
|
|
145
180
|
/* High-contrast mode — shift text color to HC family (Pattern 3) */
|
|
146
|
-
.dsx-text[data-high-contrast='true'] {
|
|
181
|
+
.dsx-text:where(:not(.dsx-text--inverse))[data-high-contrast='true'] {
|
|
147
182
|
color: var(--dsx-color-high-contrast);
|
|
148
183
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
.dsx-theme-panel {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
min-width: 0;
|
|
6
|
+
max-width: 100%;
|
|
4
7
|
display: flex;
|
|
5
8
|
flex-direction: column;
|
|
6
9
|
gap: var(--dsx-space-xs);
|
|
@@ -13,6 +16,8 @@
|
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
.dsx-theme-panel__row {
|
|
19
|
+
flex-wrap: wrap;
|
|
20
|
+
min-width: 0;
|
|
16
21
|
display: flex;
|
|
17
22
|
align-items: center;
|
|
18
23
|
justify-content: space-between;
|
|
@@ -21,5 +26,6 @@
|
|
|
21
26
|
}
|
|
22
27
|
|
|
23
28
|
.dsx-theme-panel__label {
|
|
29
|
+
overflow-wrap: anywhere;
|
|
24
30
|
color: var(--dsx-color-on-surface-variant);
|
|
25
31
|
}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
box-sizing: border-box;
|
|
7
|
+
min-width: 0;
|
|
8
|
+
max-width: 100%;
|
|
7
9
|
}
|
|
8
10
|
|
|
9
11
|
.dsx-timeline--left {
|
|
@@ -17,6 +19,8 @@
|
|
|
17
19
|
.dsx-timeline__item {
|
|
18
20
|
display: flex;
|
|
19
21
|
position: relative;
|
|
22
|
+
min-width: 0;
|
|
23
|
+
max-width: 100%;
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
.dsx-timeline--left .dsx-timeline__item {
|
|
@@ -24,36 +28,49 @@
|
|
|
24
28
|
gap: var(--dsx-space-lg);
|
|
25
29
|
}
|
|
26
30
|
|
|
31
|
+
/* Alternate variant: centered dot-column spine with parity-split content.
|
|
32
|
+
Shares Stepper's vertical rail engine (see stepper.css
|
|
33
|
+
`.dsx-stepper--vertical .dsx-stepper__item:not(:last-child)::after`): the
|
|
34
|
+
connector is item-local, anchored at the marker bottom (`top` = marker
|
|
35
|
+
size) and stretched to the item bottom (`bottom: 0`), centered on the dot
|
|
36
|
+
column via `calc(marker-size / 2 - rail-width / 2)`. Timeline keeps its own
|
|
37
|
+
Connector DOM node (Stepper draws via ::after and hides its Separator) and
|
|
38
|
+
its own rail width (`--dsx-border-width-sm`); the geometry recipe is shared,
|
|
39
|
+
the slot API and ARIA roles stay distinct. Keep in sync with stepper.css. */
|
|
27
40
|
.dsx-timeline--alternate .dsx-timeline__item {
|
|
28
|
-
|
|
41
|
+
display: grid;
|
|
42
|
+
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
43
|
+
column-gap: var(--dsx-space-lg);
|
|
29
44
|
width: 100%;
|
|
30
45
|
}
|
|
31
46
|
|
|
32
|
-
/*
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
flex-direction: row-reverse;
|
|
47
|
+
/* Parity split: the 1fr tracks exist without any spacer element, so equal
|
|
48
|
+
fr shares keep the marker exactly on the centerline in both parities.
|
|
49
|
+
Odd items read content-left, even items read content-right. */
|
|
50
|
+
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(odd)) .dsx-timeline__content {
|
|
51
|
+
grid-column: 1;
|
|
52
|
+
grid-row: 1;
|
|
53
|
+
text-align: right;
|
|
40
54
|
}
|
|
41
55
|
|
|
42
|
-
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(
|
|
43
|
-
|
|
56
|
+
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(odd)) .dsx-timeline__marker {
|
|
57
|
+
grid-column: 2;
|
|
58
|
+
grid-row: 1;
|
|
44
59
|
}
|
|
45
60
|
|
|
46
|
-
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-
|
|
47
|
-
|
|
48
|
-
|
|
61
|
+
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__marker {
|
|
62
|
+
grid-column: 2;
|
|
63
|
+
grid-row: 1;
|
|
49
64
|
}
|
|
50
65
|
|
|
51
|
-
.dsx-timeline--alternate
|
|
52
|
-
|
|
66
|
+
.dsx-timeline--alternate .dsx-timeline__item:where(:nth-child(even)) .dsx-timeline__content {
|
|
67
|
+
grid-column: 3;
|
|
68
|
+
grid-row: 1;
|
|
69
|
+
text-align: left;
|
|
53
70
|
}
|
|
54
71
|
|
|
55
|
-
.dsx-timeline--alternate
|
|
56
|
-
|
|
72
|
+
.dsx-timeline--alternate .dsx-timeline__content {
|
|
73
|
+
min-width: 0;
|
|
57
74
|
}
|
|
58
75
|
|
|
59
76
|
.dsx-timeline__marker {
|
|
@@ -94,6 +111,19 @@
|
|
|
94
111
|
top: var(--dsx-size-lg);
|
|
95
112
|
}
|
|
96
113
|
|
|
114
|
+
/* Centered spine: the connector runs down the item's vertical centerline,
|
|
115
|
+
which is the marker center because both halves are equal flex: 1. `top`
|
|
116
|
+
still follows the marker size via the base size rules above — only the
|
|
117
|
+
horizontal anchor is overridden here. Specificity (0,3,0) ties the base
|
|
118
|
+
size rules, so this block must stay after them in source order. */
|
|
119
|
+
.dsx-timeline--alternate[data-size='sm'] .dsx-timeline__connector,
|
|
120
|
+
.dsx-timeline--alternate[data-size='md'] .dsx-timeline__connector,
|
|
121
|
+
.dsx-timeline--alternate:not([data-size]) .dsx-timeline__connector,
|
|
122
|
+
.dsx-timeline--alternate[data-size='lg'] .dsx-timeline__connector {
|
|
123
|
+
left: calc(50% - var(--dsx-border-width-sm) / 2);
|
|
124
|
+
right: auto;
|
|
125
|
+
}
|
|
126
|
+
|
|
97
127
|
.dsx-timeline__item--active .dsx-timeline__marker {
|
|
98
128
|
border-color: var(--dsx-color-primary);
|
|
99
129
|
background: var(--dsx-color-primary);
|
|
@@ -123,11 +153,17 @@
|
|
|
123
153
|
background: var(--dsx-color-primary);
|
|
124
154
|
}
|
|
125
155
|
|
|
156
|
+
.dsx-timeline__item--error .dsx-timeline__connector {
|
|
157
|
+
background: var(--dsx-color-error);
|
|
158
|
+
}
|
|
159
|
+
|
|
126
160
|
.dsx-timeline__content {
|
|
127
161
|
display: flex;
|
|
128
162
|
flex-direction: column;
|
|
129
163
|
gap: var(--dsx-space-2xs);
|
|
130
164
|
flex: 1;
|
|
165
|
+
min-width: 0;
|
|
166
|
+
overflow-wrap: anywhere;
|
|
131
167
|
padding-bottom: var(--dsx-space-lg);
|
|
132
168
|
}
|
|
133
169
|
|
|
@@ -44,6 +44,7 @@ var import_classnames = __toESM(require("classnames"), 1);
|
|
|
44
44
|
var ToastPrimitive = __toESM(require("@radix-ui/react-toast"), 1);
|
|
45
45
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
46
46
|
var import_foundations = require("../../foundations");
|
|
47
|
+
var import_constants = require("../../_internal/constants");
|
|
47
48
|
var import_extractProps = require("../../_internal/helpers/extractProps");
|
|
48
49
|
var import_Icon = require("../icon/Icon");
|
|
49
50
|
var import_toast = require("./toast.props");
|
|
@@ -59,8 +60,9 @@ function getDocumentThemeState() {
|
|
|
59
60
|
};
|
|
60
61
|
}
|
|
61
62
|
const host = document.body ?? document.documentElement;
|
|
63
|
+
const documentAccent = host.getAttribute("data-accent-color") ?? document.documentElement.getAttribute("data-accent-color");
|
|
62
64
|
return {
|
|
63
|
-
accentColor:
|
|
65
|
+
accentColor: import_constants.ACCENT_COLOR_VALUES.find((accent) => accent === documentAccent) ?? "rift",
|
|
64
66
|
grayColor: host.getAttribute("data-gray-color") === "neutral" ? "neutral" : "auto",
|
|
65
67
|
mode: document.body?.getAttribute("data-dsx-theme") === "light" || document.documentElement.getAttribute("data-dsx-theme") === "light" ? "light" : "dark",
|
|
66
68
|
panelBackground: host.getAttribute("data-panel-background") === "solid" ? "solid" : "translucent",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/toast/Toast.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n if (typeof document === 'undefined') {\n return {\n accentColor: 'rift',\n grayColor: 'auto',\n mode: 'dark',\n panelBackground: 'translucent',\n radius: 'md',\n } as const\n }\n\n const host = document.body ?? document.documentElement\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,qBAAgC;AAChC,wBAAqB;AAErB,yBAAgC;AAChC,0BAA6B;AAC7B,kBAAqB;AACrB,mBAAoD;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n if (typeof document === 'undefined') {\n return {\n accentColor: 'rift',\n grayColor: 'auto',\n mode: 'dark',\n panelBackground: 'translucent',\n radius: 'md',\n } as const\n }\n\n const host = document.body ?? document.documentElement\n const documentAccent = host.getAttribute('data-accent-color') ?? document.documentElement.getAttribute('data-accent-color')\n\n return {\n accentColor: ACCENT_COLOR_VALUES.find(accent => accent === documentAccent) ?? 'rift',\n grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n mode:\n document.body?.getAttribute('data-dsx-theme') === 'light'\n || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n ? 'light'\n : 'dark',\n panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n radius:\n host.getAttribute('data-radius') === 'none'\n ? 'none'\n : host.getAttribute('data-radius') === 'sm'\n ? 'sm'\n : host.getAttribute('data-radius') === 'lg'\n ? 'lg'\n : host.getAttribute('data-radius') === 'full'\n ? 'full'\n : 'md',\n } as const\n}\n\nfunction useDocumentTheme() {\n const inheritedTheme = useThemeContext()\n const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n React.useEffect(() => {\n if (typeof document === 'undefined') return\n\n const root = document.documentElement\n const body = document.body\n\n if (!body || typeof MutationObserver === 'undefined') {\n setTheme(inheritedTheme ?? getDocumentThemeState())\n return\n }\n\n const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n updateTheme()\n\n const observer = new MutationObserver(updateTheme)\n observer.observe(root, {\n attributes: true,\n attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n })\n observer.observe(body, {\n attributes: true,\n attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n })\n\n return () => {\n observer.disconnect()\n }\n }, [inheritedTheme])\n\n return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n {...triggerProps}\n ref={forwardedRef}\n type={asChild ? undefined : type}\n className={classNames('dsx-toast__trigger', className)}\n data-slot=\"toast-trigger\"\n >\n {children}\n </Comp>\n )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n ({ className, ...props }, forwardedRef) => {\n const resolvedTheme = useDocumentTheme()\n\n return (\n <ToastPrimitive.Viewport\n ref={forwardedRef}\n className={classNames('dsx-toast__viewport', className)}\n data-accent-color={resolvedTheme.accentColor}\n data-gray-color={resolvedTheme.grayColor}\n data-dsx-theme={resolvedTheme.mode}\n data-panel-background={resolvedTheme.panelBackground}\n data-radius={resolvedTheme.radius}\n data-slot=\"toast-viewport\"\n {...props}\n />\n )\n },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n const { className, size = 'md', ...toastProps } = extractProps(\n {\n ...props,\n className: propClassName,\n variant,\n },\n toastPropDefs,\n )\n\n return (\n <ToastPrimitive.Root\n ref={forwardedRef}\n className={classNames('dsx-toast', className)}\n data-slot=\"toast\"\n data-variant={variant}\n data-size={size}\n {...toastProps}\n />\n )\n },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Title\n ref={forwardedRef}\n className={classNames('dsx-toast__title', className)}\n data-slot=\"toast-title\"\n {...props}\n />\n )\n },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Description\n ref={forwardedRef}\n className={classNames('dsx-toast__description', className)}\n data-slot=\"toast-description\"\n {...props}\n />\n )\n },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Action\n ref={forwardedRef}\n className={classNames('dsx-toast__action', className)}\n data-slot=\"toast-action\"\n {...props}\n />\n )\n },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Close\n ref={forwardedRef}\n className={classNames('dsx-toast__close', className)}\n data-slot=\"toast-close\"\n aria-label={ariaLabel}\n {...props}\n >\n {children ?? <Icon name=\"x\" size=\"md\" />}\n </ToastPrimitive.Close>\n )\n },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n Provider: typeof ToastProvider\n Trigger: typeof ToastTrigger\n Viewport: typeof ToastViewport\n Title: typeof ToastTitle\n Description: typeof ToastDescription\n Action: typeof ToastAction\n Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n Provider: ToastProvider,\n Trigger: ToastTrigger,\n Viewport: ToastViewport,\n Title: ToastTitle,\n Description: ToastDescription,\n Action: ToastAction,\n Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n Toast,\n ToastAction,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastTrigger,\n ToastViewport,\n}\nexport type {\n ToastActionProps,\n ToastCloseProps,\n ToastDescriptionProps,\n ToastProps,\n ToastProviderProps,\n ToastTitleProps,\n ToastTriggerProps,\n ToastVariant,\n ToastViewportProps,\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["classNames"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.cts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Toast.d.cts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.mts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Toast.d.mts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAOvD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AA2EpE,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAA;AAC1D,KAAK,oBAAoB,GAAG,eAAe,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AACxF,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAA;AAC5F,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,CAAA;AAC9F,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AACpF,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAClF,KAAK,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAA;AAEzD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;CAAG;AAErG,QAAA,MAAM,aAAa,6CAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6FAehB,CAAA;AAGF,QAAA,MAAM,aAAa,iKAkBlB,CAAA;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;wCAsBd,CAAA;AAGD,QAAA,MAAM,UAAU,0JAWf,CAAA;AAGD,QAAA,MAAM,gBAAgB,gKAWrB,CAAA;AAGD,QAAA,MAAM,WAAW,iKAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,gKAcf,CAAA;AAGD,QAAA,MAAM,KAAK,EAAE,OAAO,SAAS,GAAG;IAC9B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,OAAO,EAAE,OAAO,YAAY,CAAA;IAC5B,QAAQ,EAAE,OAAO,aAAa,CAAA;IAC9B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,WAAW,EAAE,OAAO,gBAAgB,CAAA;IACpC,MAAM,EAAE,OAAO,WAAW,CAAA;IAC1B,KAAK,EAAE,OAAO,UAAU,CAAA;CASxB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,CAAA"}
|
|
@@ -4,6 +4,7 @@ import classNames from "classnames";
|
|
|
4
4
|
import * as ToastPrimitive from "@radix-ui/react-toast";
|
|
5
5
|
import { Slot } from "@radix-ui/react-slot";
|
|
6
6
|
import { useThemeContext } from "../../foundations/index.js";
|
|
7
|
+
import { ACCENT_COLOR_VALUES } from "../../_internal/constants.js";
|
|
7
8
|
import { extractProps } from "../../_internal/helpers/extractProps.js";
|
|
8
9
|
import { Icon } from "../icon/Icon.js";
|
|
9
10
|
import { toastPropDefs, toastTriggerPropDefs } from "./toast.props.js";
|
|
@@ -19,8 +20,9 @@ function getDocumentThemeState() {
|
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
const host = document.body ?? document.documentElement;
|
|
23
|
+
const documentAccent = host.getAttribute("data-accent-color") ?? document.documentElement.getAttribute("data-accent-color");
|
|
22
24
|
return {
|
|
23
|
-
accentColor:
|
|
25
|
+
accentColor: ACCENT_COLOR_VALUES.find((accent) => accent === documentAccent) ?? "rift",
|
|
24
26
|
grayColor: host.getAttribute("data-gray-color") === "neutral" ? "neutral" : "auto",
|
|
25
27
|
mode: document.body?.getAttribute("data-dsx-theme") === "light" || document.documentElement.getAttribute("data-dsx-theme") === "light" ? "light" : "dark",
|
|
26
28
|
panelBackground: host.getAttribute("data-panel-background") === "solid" ? "solid" : "translucent",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/toast/Toast.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n if (typeof document === 'undefined') {\n return {\n accentColor: 'rift',\n grayColor: 'auto',\n mode: 'dark',\n panelBackground: 'translucent',\n radius: 'md',\n } as const\n }\n\n const host = document.body ?? document.documentElement\n
|
|
5
|
-
"mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,oBAAoB;AAChC,SAAS,YAAY;AAErB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,eAAe,4BAA4B;
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { ACCENT_COLOR_VALUES } from '../../_internal/constants'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n if (typeof document === 'undefined') {\n return {\n accentColor: 'rift',\n grayColor: 'auto',\n mode: 'dark',\n panelBackground: 'translucent',\n radius: 'md',\n } as const\n }\n\n const host = document.body ?? document.documentElement\n const documentAccent = host.getAttribute('data-accent-color') ?? document.documentElement.getAttribute('data-accent-color')\n\n return {\n accentColor: ACCENT_COLOR_VALUES.find(accent => accent === documentAccent) ?? 'rift',\n grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n mode:\n document.body?.getAttribute('data-dsx-theme') === 'light'\n || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n ? 'light'\n : 'dark',\n panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n radius:\n host.getAttribute('data-radius') === 'none'\n ? 'none'\n : host.getAttribute('data-radius') === 'sm'\n ? 'sm'\n : host.getAttribute('data-radius') === 'lg'\n ? 'lg'\n : host.getAttribute('data-radius') === 'full'\n ? 'full'\n : 'md',\n } as const\n}\n\nfunction useDocumentTheme() {\n const inheritedTheme = useThemeContext()\n const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n React.useEffect(() => {\n if (typeof document === 'undefined') return\n\n const root = document.documentElement\n const body = document.body\n\n if (!body || typeof MutationObserver === 'undefined') {\n setTheme(inheritedTheme ?? getDocumentThemeState())\n return\n }\n\n const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n updateTheme()\n\n const observer = new MutationObserver(updateTheme)\n observer.observe(root, {\n attributes: true,\n attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n })\n observer.observe(body, {\n attributes: true,\n attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n })\n\n return () => {\n observer.disconnect()\n }\n }, [inheritedTheme])\n\n return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n const Comp = asChild ? Slot : 'button'\n\n return (\n <Comp\n {...triggerProps}\n ref={forwardedRef}\n type={asChild ? undefined : type}\n className={classNames('dsx-toast__trigger', className)}\n data-slot=\"toast-trigger\"\n >\n {children}\n </Comp>\n )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n ({ className, ...props }, forwardedRef) => {\n const resolvedTheme = useDocumentTheme()\n\n return (\n <ToastPrimitive.Viewport\n ref={forwardedRef}\n className={classNames('dsx-toast__viewport', className)}\n data-accent-color={resolvedTheme.accentColor}\n data-gray-color={resolvedTheme.grayColor}\n data-dsx-theme={resolvedTheme.mode}\n data-panel-background={resolvedTheme.panelBackground}\n data-radius={resolvedTheme.radius}\n data-slot=\"toast-viewport\"\n {...props}\n />\n )\n },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n const { className, size = 'md', ...toastProps } = extractProps(\n {\n ...props,\n className: propClassName,\n variant,\n },\n toastPropDefs,\n )\n\n return (\n <ToastPrimitive.Root\n ref={forwardedRef}\n className={classNames('dsx-toast', className)}\n data-slot=\"toast\"\n data-variant={variant}\n data-size={size}\n {...toastProps}\n />\n )\n },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Title\n ref={forwardedRef}\n className={classNames('dsx-toast__title', className)}\n data-slot=\"toast-title\"\n {...props}\n />\n )\n },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Description\n ref={forwardedRef}\n className={classNames('dsx-toast__description', className)}\n data-slot=\"toast-description\"\n {...props}\n />\n )\n },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n ({ className, ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Action\n ref={forwardedRef}\n className={classNames('dsx-toast__action', className)}\n data-slot=\"toast-action\"\n {...props}\n />\n )\n },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n return (\n <ToastPrimitive.Close\n ref={forwardedRef}\n className={classNames('dsx-toast__close', className)}\n data-slot=\"toast-close\"\n aria-label={ariaLabel}\n {...props}\n >\n {children ?? <Icon name=\"x\" size=\"md\" />}\n </ToastPrimitive.Close>\n )\n },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n Provider: typeof ToastProvider\n Trigger: typeof ToastTrigger\n Viewport: typeof ToastViewport\n Title: typeof ToastTitle\n Description: typeof ToastDescription\n Action: typeof ToastAction\n Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n Provider: ToastProvider,\n Trigger: ToastTrigger,\n Viewport: ToastViewport,\n Title: ToastTitle,\n Description: ToastDescription,\n Action: ToastAction,\n Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n Toast,\n ToastAction,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastTrigger,\n ToastViewport,\n}\nexport type {\n ToastActionProps,\n ToastCloseProps,\n ToastDescriptionProps,\n ToastProps,\n ToastProviderProps,\n ToastTitleProps,\n ToastTriggerProps,\n ToastVariant,\n ToastViewportProps,\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -23,16 +23,42 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.dsx-toast {
|
|
26
|
-
display:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
display: grid;
|
|
27
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
28
|
+
grid-template-areas:
|
|
29
|
+
"title close"
|
|
30
|
+
"description description"
|
|
31
|
+
"action action";
|
|
32
|
+
align-items: start;
|
|
33
|
+
column-gap: var(--dsx-space-sm);
|
|
34
|
+
row-gap: var(--dsx-space-xs);
|
|
31
35
|
padding: var(--dsx-space-sm) var(--dsx-space-md);
|
|
32
36
|
background-color: var(--dsx-color-surface);
|
|
33
37
|
border-radius: var(--dsx-rounded-md);
|
|
34
38
|
border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
|
|
35
|
-
box-shadow: var(--dsx-shadow-elevation-
|
|
39
|
+
box-shadow: var(--dsx-shadow-elevation-5); /* Spotlight (B4 Q3): below dialogs, above all menus */
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.dsx-toast__title {
|
|
43
|
+
grid-area: title;
|
|
44
|
+
min-width: 0;
|
|
45
|
+
overflow-wrap: anywhere;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.dsx-toast__description {
|
|
49
|
+
grid-area: description;
|
|
50
|
+
min-width: 0;
|
|
51
|
+
overflow-wrap: anywhere;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.dsx-toast__action {
|
|
55
|
+
grid-area: action;
|
|
56
|
+
justify-self: start;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.dsx-toast__close {
|
|
60
|
+
grid-area: close;
|
|
61
|
+
align-self: start;
|
|
36
62
|
}
|
|
37
63
|
|
|
38
64
|
.dsx-toast[data-variant='success'] {
|
|
@@ -80,11 +106,17 @@
|
|
|
80
106
|
}
|
|
81
107
|
|
|
82
108
|
.dsx-toast__close {
|
|
109
|
+
display: inline-flex;
|
|
110
|
+
align-items: center;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
justify-self: end;
|
|
113
|
+
width: var(--dsx-size-md);
|
|
114
|
+
height: var(--dsx-size-md);
|
|
83
115
|
background: transparent;
|
|
84
116
|
border: none;
|
|
85
117
|
cursor: pointer;
|
|
86
118
|
color: var(--dsx-color-on-surface-variant);
|
|
87
|
-
padding:
|
|
119
|
+
padding: 0;
|
|
88
120
|
border-radius: var(--dsx-rounded-sm);
|
|
89
121
|
}
|
|
90
122
|
|
|
@@ -108,17 +140,6 @@
|
|
|
108
140
|
color: inherit;
|
|
109
141
|
}
|
|
110
142
|
|
|
111
|
-
/* Keep literal breakpoint because CSS custom properties cannot be used in this media query. */
|
|
112
|
-
@media (max-width: 640px) {
|
|
113
|
-
.dsx-toast__viewport {
|
|
114
|
-
width: calc(100vw - var(--dsx-size-md));
|
|
115
|
-
max-width: calc(100vw - var(--dsx-size-md));
|
|
116
|
-
right: var(--dsx-toast-viewport-mobile-inset);
|
|
117
|
-
left: var(--dsx-toast-viewport-mobile-inset);
|
|
118
|
-
padding: var(--dsx-space-sm);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
143
|
.dsx-toast-variant-destructive {
|
|
123
144
|
background-color: var(--dsx-color-error-container);
|
|
124
145
|
border-color: var(--dsx-color-error);
|
|
@@ -141,6 +162,11 @@
|
|
|
141
162
|
background: transparent;
|
|
142
163
|
cursor: pointer;
|
|
143
164
|
font-size: var(--dsx-typography-label-medium-font-size);
|
|
165
|
+
font-family: var(--dsx-typography-label-medium-font-family), sans-serif;
|
|
166
|
+
font-weight: var(--dsx-typography-label-medium-font-weight);
|
|
167
|
+
line-height: var(--dsx-typography-label-medium-line-height);
|
|
168
|
+
min-height: var(--dsx-size-lg);
|
|
169
|
+
color: inherit;
|
|
144
170
|
}
|
|
145
171
|
|
|
146
172
|
.dsx-toast[data-size='sm'] {
|
|
@@ -179,3 +205,9 @@
|
|
|
179
205
|
cursor: pointer;
|
|
180
206
|
color: var(--dsx-color-on-surface-variant);
|
|
181
207
|
}
|
|
208
|
+
|
|
209
|
+
.dsx-toast__action:focus-visible,
|
|
210
|
+
.dsx-toast__close:focus-visible {
|
|
211
|
+
outline: none;
|
|
212
|
+
box-shadow: var(--dsx-shadow-focus-ring);
|
|
213
|
+
}
|
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
align-items: stretch;
|
|
7
7
|
gap: 0;
|
|
8
8
|
isolation: isolate;
|
|
9
|
+
/* Narrow-container rule (TMA re-audit 2026-09-23): the fused frame cannot
|
|
10
|
+
wrap, so cap at the container and scroll instead of hard-clipping the
|
|
11
|
+
last item on 320px screens. */
|
|
12
|
+
max-width: 100%;
|
|
13
|
+
overflow-x: auto;
|
|
9
14
|
}
|
|
10
15
|
|
|
11
16
|
.dsx-toggle-group__item {
|