@d4gger/design-system 3.0.1 → 4.0.1
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/brand-effects.css +5 -3
- package/dist/components/accordion.css +9 -2
- package/dist/components/alert/Alert.cjs +27 -9
- package/dist/components/alert/Alert.cjs.map +2 -2
- package/dist/components/alert/Alert.d.cts +6 -0
- package/dist/components/alert/Alert.d.cts.map +1 -1
- package/dist/components/alert/Alert.d.mts +6 -0
- package/dist/components/alert/Alert.d.mts.map +1 -1
- package/dist/components/alert/Alert.d.ts +6 -0
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +28 -10
- package/dist/components/alert/Alert.js.map +2 -2
- package/dist/components/alert.css +73 -3
- 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.css +5 -4
- package/dist/components/blockquote.css +7 -4
- package/dist/components/bottom-dock.css +140 -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/callout.css +20 -7
- package/dist/components/card.css +9 -1
- package/dist/components/code.css +29 -13
- package/dist/components/collapsible/Collapsible.cjs +14 -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 +14 -0
- package/dist/components/collapsible/Collapsible.js.map +2 -2
- package/dist/components/collapsible.css +10 -1
- 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 +3 -1
- 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/dialog.css +1 -1
- package/dist/components/drawer.css +23 -6
- 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/environment-ribbon.css +73 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.cjs +69 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.cjs.map +7 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.cts +15 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.cts.map +1 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.mts +15 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.mts.map +1 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.ts +15 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.d.ts.map +1 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.js +39 -0
- package/dist/components/environmentRibbon/EnvironmentRibbon.js.map +7 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.cjs +39 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.cjs.map +7 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.cts +18 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.cts.map +1 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.mts +18 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.mts.map +1 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.ts +18 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.d.ts.map +1 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.js +19 -0
- package/dist/components/environmentRibbon/environmentRibbon.props.js.map +7 -0
- package/dist/components/field.css +5 -0
- package/dist/components/file-upload.css +36 -9
- package/dist/components/floating-panel.css +49 -18
- 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/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 +19 -0
- package/dist/components/icon/Icon.cjs.map +2 -2
- package/dist/components/icon/Icon.d.cts +29 -1
- package/dist/components/icon/Icon.d.cts.map +1 -1
- package/dist/components/icon/Icon.d.mts +29 -1
- package/dist/components/icon/Icon.d.mts.map +1 -1
- package/dist/components/icon/Icon.d.ts +29 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +25 -0
- package/dist/components/icon/Icon.js.map +2 -2
- package/dist/components/icon/icons.cjs +14 -0
- package/dist/components/icon/icons.cjs.map +2 -2
- package/dist/components/icon/icons.d.cts +35 -0
- package/dist/components/icon/icons.d.cts.map +1 -1
- package/dist/components/icon/icons.d.mts +35 -0
- package/dist/components/icon/icons.d.mts.map +1 -1
- package/dist/components/icon/icons.d.ts +35 -0
- package/dist/components/icon/icons.d.ts.map +1 -1
- package/dist/components/icon/icons.js +14 -0
- package/dist/components/icon/icons.js.map +2 -2
- package/dist/components/index.cjs +2 -0
- package/dist/components/index.cjs.map +2 -2
- package/dist/components/index.d.cts +2 -0
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +2 -0
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +2 -2
- package/dist/components/label.css +3 -0
- package/dist/components/link.css +33 -97
- package/dist/components/notification-center.css +58 -10
- package/dist/components/notificationCenter/NotificationCenter.cjs +27 -17
- package/dist/components/notificationCenter/NotificationCenter.cjs.map +2 -2
- package/dist/components/notificationCenter/NotificationCenter.d.cts +2 -0
- package/dist/components/notificationCenter/NotificationCenter.d.cts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.mts +2 -0
- package/dist/components/notificationCenter/NotificationCenter.d.mts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.d.ts +2 -0
- package/dist/components/notificationCenter/NotificationCenter.d.ts.map +1 -1
- package/dist/components/notificationCenter/NotificationCenter.js +28 -18
- package/dist/components/notificationCenter/NotificationCenter.js.map +2 -2
- package/dist/components/page-header.css +21 -0
- package/dist/components/pageHeader/PageHeader.cjs +10 -2
- package/dist/components/pageHeader/PageHeader.cjs.map +2 -2
- package/dist/components/pageHeader/PageHeader.d.cts.map +1 -1
- package/dist/components/pageHeader/PageHeader.d.mts.map +1 -1
- package/dist/components/pageHeader/PageHeader.d.ts.map +1 -1
- package/dist/components/pageHeader/PageHeader.js +10 -2
- package/dist/components/pageHeader/PageHeader.js.map +2 -2
- package/dist/components/pageHeader/pageHeader.props.cjs +7 -1
- package/dist/components/pageHeader/pageHeader.props.cjs.map +2 -2
- package/dist/components/pageHeader/pageHeader.props.d.cts +5 -0
- package/dist/components/pageHeader/pageHeader.props.d.cts.map +1 -1
- package/dist/components/pageHeader/pageHeader.props.d.mts +5 -0
- package/dist/components/pageHeader/pageHeader.props.d.mts.map +1 -1
- package/dist/components/pageHeader/pageHeader.props.d.ts +5 -0
- package/dist/components/pageHeader/pageHeader.props.d.ts.map +1 -1
- package/dist/components/pageHeader/pageHeader.props.js +7 -1
- package/dist/components/pageHeader/pageHeader.props.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.css +45 -6
- package/dist/components/prose.css +3 -3
- package/dist/components/qr-code.css +5 -2
- 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/resizable.css +20 -4
- 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 +53 -206
- 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 +53 -206
- 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/segmentedControl/SegmentedControl.cjs +2 -2
- 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 +2 -2
- package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
- package/dist/components/separator.css +3 -9
- package/dist/components/sidebar/Sidebar.cjs +17 -5
- package/dist/components/sidebar/Sidebar.cjs.map +2 -2
- package/dist/components/sidebar/Sidebar.d.cts +12 -1
- package/dist/components/sidebar/Sidebar.d.cts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.mts +12 -1
- package/dist/components/sidebar/Sidebar.d.mts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts +12 -1
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.js +17 -5
- 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 +86 -13
- package/dist/components/sonner.css +78 -16
- 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-of-contents.css +12 -2
- 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 +52 -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/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 +36 -36
- 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 -0
- package/dist/docs/README.md +2 -0
- package/dist/docs/component-contract.md +7 -4
- package/dist/docs/component-index.json +17 -1
- package/dist/docs/components/accordion.md +5 -36
- package/dist/docs/components/alert.md +44 -17
- package/dist/docs/components/article-nodes.md +59 -2
- package/dist/docs/components/aspect-ratio.md +3 -26
- package/dist/docs/components/banner.md +7 -7
- 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/callout.md +18 -7
- package/dist/docs/components/card.md +10 -3
- package/dist/docs/components/code.md +33 -220
- package/dist/docs/components/collapsible.md +16 -35
- package/dist/docs/components/command.md +2 -0
- 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/dialog.md +4 -2
- package/dist/docs/components/drawer.md +17 -6
- package/dist/docs/components/dropdown-menu.md +11 -2
- package/dist/docs/components/em.md +1 -1
- package/dist/docs/components/environment-ribbon.md +126 -0
- package/dist/docs/components/field.md +2 -0
- package/dist/docs/components/file-upload.md +13 -7
- 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.md +1 -0
- 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/notification-center.md +30 -15
- package/dist/docs/components/page-header.md +20 -6
- package/dist/docs/components/pagination.md +4 -0
- package/dist/docs/components/pills.md +13 -4
- package/dist/docs/components/popover.md +10 -3
- package/dist/docs/components/prose.md +9 -0
- package/dist/docs/components/qr-code.md +12 -12
- package/dist/docs/components/quote.md +9 -4
- package/dist/docs/components/resizable.md +26 -18
- 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 +1 -1
- package/dist/docs/components/segmented-meter.md +9 -0
- package/dist/docs/components/separator.md +10 -46
- package/dist/docs/components/sidebar.md +34 -9
- package/dist/docs/components/sonner.md +25 -16
- package/dist/docs/components/stepper.md +8 -33
- 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/tabs.md +19 -50
- 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/toast.md +27 -13
- 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/docs/consumer-guide.md +11 -4
- package/dist/generated/tokens.cjs +1 -0
- 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 +1 -0
- package/dist/generated/tokens.js.map +2 -2
- package/dist/styles.css +1921 -1349
- package/dist/tokens.css +346 -362
- package/package.json +1 -1
|
@@ -112,7 +112,7 @@ Every CSS value the component paints is a `var(--dsx-*)` token.
|
|
|
112
112
|
|
|
113
113
|
| Property | Token | Role |
|
|
114
114
|
|---|---|---|
|
|
115
|
-
| Max width | `var(--dsx-tooltip-max-width)` | Content max width |
|
|
115
|
+
| Max width | `min(var(--dsx-tooltip-max-width), var(--radix-tooltip-content-available-width))` | Content max width |
|
|
116
116
|
| Border radius | `var(--dsx-rounded-sm)` | Content corner roundness |
|
|
117
117
|
| Padding (block) | `var(--dsx-space-xs)` | Vertical padding |
|
|
118
118
|
| Padding (inline) | `var(--dsx-space-sm)` | Horizontal padding |
|
|
@@ -127,11 +127,11 @@ Every CSS value the component paints is a `var(--dsx-*)` token.
|
|
|
127
127
|
| Font size | `var(--dsx-typography-label-small-font-size)` | Label font size |
|
|
128
128
|
| Font weight | `var(--dsx-typography-label-small-font-weight)` | Label font weight |
|
|
129
129
|
| Line height | `var(--dsx-typography-label-small-line-height)` | Label line height |
|
|
130
|
-
| Arrow fill | `
|
|
130
|
+
| Arrow fill | `--_tooltip-background` | Arrow matches its surface |
|
|
131
131
|
|
|
132
132
|
Rules:
|
|
133
133
|
|
|
134
|
-
- The arrow uses
|
|
134
|
+
- The arrow uses the same local background variable as its surface. Default/primary/error resolve to panel-translucent/primary/error. No new public token is introduced.
|
|
135
135
|
- No raw color, spacing, radius, or motion values in the CSS file.
|
|
136
136
|
|
|
137
137
|
## Motion contract
|
|
@@ -196,7 +196,7 @@ Rules:
|
|
|
196
196
|
|
|
197
197
|
**Token story:**
|
|
198
198
|
|
|
199
|
-
- Renders `TooltipContent` inside a `Theme` wrapper with `accentColor="
|
|
199
|
+
- Renders `TooltipContent` inside a `Theme` wrapper with `accentColor="astral"` and one with `accentColor="spark"`. Asserts the portal-mirrored `data-accent-color` attribute resolves to the active accent on the content root.
|
|
200
200
|
|
|
201
201
|
**A11y story:**
|
|
202
202
|
|
|
@@ -253,7 +253,7 @@ The package does not yet publish a Penpot asset for Tooltip. Recipe is visual re
|
|
|
253
253
|
├── <Trigger: host element (button or slotted child)>
|
|
254
254
|
└── <Portal: position-relative wrapper>
|
|
255
255
|
└── <Content: dsx-tooltip, dsx-tooltip--<variant>>
|
|
256
|
-
└── <Arrow: dsx-tooltip__arrow,
|
|
256
|
+
└── <Arrow: dsx-tooltip__arrow, surface-colored fill>
|
|
257
257
|
```
|
|
258
258
|
|
|
259
259
|
### Token bindings (Penpot properties)
|
|
@@ -272,7 +272,7 @@ The package does not yet publish a Penpot asset for Tooltip. Recipe is visual re
|
|
|
272
272
|
| Content (error) | color | `--dsx-color-on-error` | Color | `text-color` (state) |
|
|
273
273
|
| Content | shadow | `--dsx-shadow-elevation-2` | Shadow | `shadow` |
|
|
274
274
|
| Content | font | `--dsx-typography-label-small-font-*` | Typography | `typography` |
|
|
275
|
-
| Arrow | fill |
|
|
275
|
+
| Arrow | fill | Same background token as current variant | Color | `fills` |
|
|
276
276
|
|
|
277
277
|
### State transformations
|
|
278
278
|
|
|
@@ -293,4 +293,10 @@ The package does not yet publish a Penpot asset for Tooltip. Recipe is visual re
|
|
|
293
293
|
- [ ] Token bindings resolve at the values `DESIGN.md` describes.
|
|
294
294
|
- [ ] Component is promoted to Main Component under `Primitives`.
|
|
295
295
|
- [ ] `penpotUtils.shapeStructure(board, 3)` matches the expected hierarchy.
|
|
296
|
-
- [ ] The arrow shape
|
|
296
|
+
- [ ] The arrow shape matches the variant background.
|
|
297
|
+
|
|
298
|
+
## Overlay review constraints
|
|
299
|
+
|
|
300
|
+
The tooltip uses border-box sizing, wraps long words and caps to Radix available
|
|
301
|
+
width. Its layer is modal + 1. `/docs/tooltip` keeps Save usable with or without
|
|
302
|
+
its shortcut hint, and compares three variants and all requested sides.
|
|
@@ -37,7 +37,7 @@ The context throws an error when `TreeView.Item` is rendered without a `TreeView
|
|
|
37
37
|
|
|
38
38
|
| Prop | Type | Default | Required | Description | Responsive |
|
|
39
39
|
|---|---|---|---|---|---|
|
|
40
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | no |
|
|
40
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | no | Row-density scale: sm/md/lg use minimum 24/32/40px rows and body-small/medium/large typography. | no |
|
|
41
41
|
| `asChild` | `boolean` | `false` | no | Renders the root through `Slot` from `@radix-ui/react-slot`. | no |
|
|
42
42
|
| `children` | `React.ReactNode` | `undefined` | no | `TreeView.Item` elements. | no |
|
|
43
43
|
| `className` | `string` | `undefined` | no | Extra classes appended to `dsx-tree-view`. | no |
|
|
@@ -74,7 +74,7 @@ Rules that apply to this row:
|
|
|
74
74
|
|
|
75
75
|
| Attribute | Allowed values | Class | CSS file |
|
|
76
76
|
|---|---|---|---|
|
|
77
|
-
| `data-size` | `sm`, `md`, `lg` | (
|
|
77
|
+
| `data-size` | `sm`, `md`, `lg` | (row-height and typography scale) | `tree-view.css` |
|
|
78
78
|
|
|
79
79
|
**Slot classes:**
|
|
80
80
|
|
|
@@ -100,7 +100,7 @@ Rules that apply to this row:
|
|
|
100
100
|
|
|
101
101
|
**Responsive behavior:**
|
|
102
102
|
|
|
103
|
-
- The component does not
|
|
103
|
+
- The component does not use width breakpoints. None of its prop defs are `responsive: true`. Size is single-value only.
|
|
104
104
|
- The component's CSS file is breakpoint-agnostic.
|
|
105
105
|
|
|
106
106
|
**Reduced motion:**
|
|
@@ -132,7 +132,7 @@ Every CSS value the component paints is a `var(--dsx-*)` token.
|
|
|
132
132
|
| Label overflow | `white-space: nowrap`, `overflow: hidden`, `text-overflow: ellipsis` (raw) | Truncation. |
|
|
133
133
|
| Children group margin | `var(--dsx-space-md)` | Indent. |
|
|
134
134
|
| Children group padding | `var(--dsx-space-sm)` | Inner gutter. |
|
|
135
|
-
| Children group border | `var(--dsx-
|
|
135
|
+
| Children group border | `var(--dsx-boundary-divider-width)` + `var(--dsx-color-outline-variant)` | Left guide rule. |
|
|
136
136
|
| Children group gap | `var(--dsx-space-xs)` | Gap between children. |
|
|
137
137
|
| Motion | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Node transitions. |
|
|
138
138
|
|
|
@@ -145,7 +145,7 @@ Rules:
|
|
|
145
145
|
|
|
146
146
|
| Region | Token | Default | Reduced |
|
|
147
147
|
|---|---|---|---|
|
|
148
|
-
| Node background | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Hover and selected transitions |
|
|
148
|
+
| Node background | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Hover and selected transitions | Disabled by the component CSS under reduced motion. |
|
|
149
149
|
|
|
150
150
|
Rules:
|
|
151
151
|
|
|
@@ -154,47 +154,23 @@ Rules:
|
|
|
154
154
|
|
|
155
155
|
## Accessibility
|
|
156
156
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
- The root is `role="tree"` with `aria-label="Tree view"`. The label is hard-coded; consumers that need a different label should override via app-level wrapping or fork the component.
|
|
160
|
-
- Each Item is `role="treeitem"`. The wrapper carries `aria-expanded` only when the item has children; the value is `true` when expanded, `false` when collapsed.
|
|
161
|
-
- The children group inside an expanded item is `role="group"`.
|
|
162
|
-
|
|
163
|
-
**Keyboard:**
|
|
157
|
+
The root is `role="tree"`, named by consumer `aria-label` or `aria-labelledby`, defaulting to “Tree view”. The focusable node carries `role="treeitem"`, `aria-selected`, and explicit `aria-level`, `aria-posinset`, and `aria-setsize`. Folder nodes expose `aria-expanded`; leaves omit it. Expanded children are a `role="group"` owned through `aria-owns`.
|
|
164
158
|
|
|
165
159
|
| Key | Action |
|
|
166
160
|
|---|---|
|
|
167
|
-
|
|
|
168
|
-
|
|
|
169
|
-
|
|
|
170
|
-
|
|
|
171
|
-
|
|
|
172
|
-
|
|
|
173
|
-
|
|
|
174
|
-
| `*` (typeahead) | The runtime does not implement typeahead focus. See Anomalies. |
|
|
175
|
-
|
|
176
|
-
**Focus:**
|
|
177
|
-
|
|
178
|
-
- The inner node `<div>` is the focusable surface. `tabIndex={0}` is set on every node. The focus ring is owned by `.dsx-tree-view__node:focus-visible` via `box-shadow: var(--dsx-shadow-focus-ring)`. The inner element is `outline: none`.
|
|
179
|
-
- Focus management is local; the runtime does not move focus programmatically on expand / collapse.
|
|
180
|
-
|
|
181
|
-
**Reduced motion:**
|
|
182
|
-
|
|
183
|
-
- The node background transition relies on the global `prefers-reduced-motion` stylesheet. The expand / collapse is a render-or-not transition with no animation today.
|
|
184
|
-
|
|
185
|
-
**Color and meaning:**
|
|
186
|
-
|
|
187
|
-
- The selected state is communicated by both the `dsx-tree-view__node--selected` class and the visual fill change. The runtime does not write `aria-selected` on the node today; see Anomalies.
|
|
188
|
-
- The expansion state is communicated by the chevron rotation, the `aria-expanded` attribute, and the presence of the children group.
|
|
189
|
-
|
|
190
|
-
**Naming:**
|
|
161
|
+
| Tab | Enters/leaves the tree through one roving tab stop. |
|
|
162
|
+
| ArrowUp / ArrowDown | Moves to previous/next visible node without changing selection. |
|
|
163
|
+
| ArrowRight | Expands a folder; on an expanded folder, focuses its first child. |
|
|
164
|
+
| ArrowLeft | Collapses an expanded folder; otherwise focuses its parent. |
|
|
165
|
+
| Home / End | Focuses first/last visible node. |
|
|
166
|
+
| Printable characters | Matches visible labels with a shared 500ms typeahead buffer. |
|
|
167
|
+
| Enter / Space | Selects; folders also toggle expansion. |
|
|
191
168
|
|
|
192
|
-
|
|
193
|
-
- Each Item's accessible name comes from its `label` prop. The runtime renders the label as the visible text and the assistive-tech name.
|
|
169
|
+
Click focuses and selects the node and toggles folders. Consumer event handlers are composed and can prevent the default behavior. Focus uses the canonical focus-ring token, independently of the selected fill. Reduced motion removes the background transition. IDs must be unique within each tree; state and navigation are isolated between tree instances.
|
|
194
170
|
|
|
195
171
|
## Playground demo spec
|
|
196
172
|
|
|
197
|
-
The
|
|
173
|
+
The per-component playground route renders registry stories from apps/playground/lib/registry/navigation.tsx.
|
|
198
174
|
|
|
199
175
|
**Default story:**
|
|
200
176
|
|
|
@@ -202,7 +178,7 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
|
|
|
202
178
|
|
|
203
179
|
**Variant story** (one per size):
|
|
204
180
|
|
|
205
|
-
- Renders with `size="sm"`, `size="md"`, and `size="lg"`. Asserts the matching `data-size` attribute on the root (
|
|
181
|
+
- Renders with `size="sm"`, `size="md"`, and `size="lg"`. Asserts the matching `data-size` attribute on the root (computed row height differs by size).
|
|
206
182
|
|
|
207
183
|
**Composition story** (one per slot):
|
|
208
184
|
|
|
@@ -245,7 +221,7 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
|
|
|
245
221
|
|
|
246
222
|
**State boundaries:**
|
|
247
223
|
|
|
248
|
-
- Owned by TreeView: the expansion set (a `Set<string>`), the selected id, the click and `Enter` / `Space` toggling,
|
|
224
|
+
- Owned by TreeView: the expansion set (a `Set<string>`), the selected id, the click and `Enter` / `Space` toggling, roving focus, visible-node keyboard navigation, typeahead, the chevron glyph, and the tree ARIA attributes.
|
|
249
225
|
- Owned by the consumer: the items, the `id` and `label` per item, the `isFolder` flag, the nested children, and the host element when `asChild` is set.
|
|
250
226
|
|
|
251
227
|
**Boundary rules:**
|
|
@@ -254,18 +230,9 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
|
|
|
254
230
|
- DS-owned visuals: token bindings, the `dsx-tree-view` and slot classes, the `data-size` attribute, the `role="tree"` and `role="treeitem"` semantics, the chevron rotation, and the `aria-label="Tree view"` default.
|
|
255
231
|
- The component does not own a Collapsible integration. Each item manages its own children group in source. Promoting to a Collapsible-backed runtime is tracked as a future item.
|
|
256
232
|
|
|
257
|
-
**Anomalies**
|
|
233
|
+
**Anomalies**
|
|
258
234
|
|
|
259
|
-
|
|
260
|
-
2. **`data-size` attribute has no CSS consumer.** The TSX writes `data-size` on the root and the prop def lists three values (`sm`, `md`, `lg`), but the CSS does not define any `[data-size]` rule. The attribute is a forward-looking hook; the visual treatment today is the same across all three sizes.
|
|
261
|
-
3. **No roving tabindex.** Every node has `tabIndex={0}`. The WAI-ARIA tree pattern recommends a single `tabindex="0"` on the focused item and `tabindex="-1"` on the rest. The next promotion should implement roving tabindex alongside the missing `ArrowUp` / `ArrowDown` navigation.
|
|
262
|
-
4. **Missing WAI-ARIA tree attributes.** The runtime does not set `aria-level`, `aria-posinset`, or `aria-setsize` on the items. The WAI-ARIA tree pattern requires these for assistive-tech navigation. The next promotion should compute them from the item tree.
|
|
263
|
-
5. **Missing `aria-selected`.** The runtime tracks `selectedId` and applies the `--selected` modifier class, but it does not write `aria-selected` on the node. The WAI-ARIA treeitem pattern requires `aria-selected="true" \| "false"`.
|
|
264
|
-
6. **`ArrowUp` / `ArrowDown`, `Home`, `End`, and typeahead are not implemented.** Only `ArrowRight` and `ArrowLeft` are wired, and only for expand / collapse. The next promotion should add full vertical navigation and the standard typeahead focus shortcut.
|
|
265
|
-
7. **`aria-expanded` is missing on leaf items.** The runtime sets `aria-expanded` only when the item has children. The WAI-ARIA tree pattern recommends omitting the attribute on leaves, so the current behavior is correct, but the WAI-ARIA Authoring Practices Guide also allows `aria-expanded="false"` on folder items with no children. The current runtime is internally consistent.
|
|
266
|
-
8. **Open state and selection are internal and one-shot.** The runtime does not expose `expandedItems`, `defaultExpandedItems`, `selectedId`, `defaultSelectedId`, or `onSelectionChange`. The consumer cannot persist or observe the state. The next promotion should lift the state through props.
|
|
267
|
-
9. **`aria-label="Tree view"` is hard-coded.** Consumers that need a different label should override at the app level or fork the component. The next promotion should expose a `label` prop on the Root.
|
|
268
|
-
10. **Click selects and toggles for folder items.** The `handleClick` handler always calls `selectItem`, and conditionally calls `toggleItem` when the item is a folder or has children. There is no separate "select only" interaction. Consumers that need an explicit select-without-toggle action should add app-level handling.
|
|
235
|
+
Expansion and selection remain internal, without controlled/default-state props or persistence callbacks. The implementation uses local state rather than Collapsible. Click and Enter/Space retain combined selection and folder toggling. These boundaries are unchanged by this review; no new state API is introduced.
|
|
269
236
|
|
|
270
237
|
## Penpot build recipe
|
|
271
238
|
|
|
@@ -321,7 +288,7 @@ The package does not yet publish a Penpot asset for TreeView. Recipe is visual r
|
|
|
321
288
|
|
|
322
289
|
### Variant model
|
|
323
290
|
|
|
324
|
-
- `size`: `sm`, `md`, `lg`. Default `md`. (
|
|
291
|
+
- `size`: `sm`, `md`, `lg`. Default `md`. (24/32/40px minimum row heights.)
|
|
325
292
|
- Total members for the visual matrix: 1 today; the size axis is reserved for a future promotion.
|
|
326
293
|
|
|
327
294
|
### Validation checklist
|
|
@@ -331,6 +298,6 @@ The package does not yet publish a Penpot asset for TreeView. Recipe is visual r
|
|
|
331
298
|
- [ ] `penpotUtils.shapeStructure(board, 3)` matches the expected hierarchy.
|
|
332
299
|
- [ ] The root label is `Tree view`; do not treat the label as themable in Penpot.
|
|
333
300
|
- [ ] The chevron glyphs are `ChevronRight` and `ChevronDown`; the leaf glyph is `File`. Do not treat the glyphs as themable in Penpot.
|
|
334
|
-
- [ ]
|
|
335
|
-
- [ ]
|
|
301
|
+
- [ ] Match the sm/md/lg row scale to the package CSS when building a Penpot mirror.
|
|
302
|
+
- [ ] Mirror the runtime tree attributes and single keyboard entry point in the Penpot annotations.
|
|
336
303
|
- [ ] When the roving tabindex and the missing keyboard shortcuts land, update the runtime and the spec.
|
|
@@ -33,6 +33,13 @@ The optional `brand-effects.css` provides `dsx-brand-ambient`,
|
|
|
33
33
|
`dsx-brand-starfield`, and `dsx-brand-shimmer`. Apply them to a page wrapper;
|
|
34
34
|
core styles do not enable product atmosphere automatically.
|
|
35
35
|
|
|
36
|
+
The accent haze of `dsx-brand-ambient` (and of `Sidebar effect="ambient"`) follows
|
|
37
|
+
the theme-aware token `--dsx-effect-ambient-strength` (10% in dark, 16% in light;
|
|
38
|
+
the three washes of `dsx-brand-ambient` are 2.2×, 1.2× and 0.8× of it). Raise or
|
|
39
|
+
lower the haze for a theme by overriding the token on that theme's boundary, not by
|
|
40
|
+
copying the gradients. The sidebar's wash has two sources, the top-left corner and
|
|
41
|
+
the foot (the foot at 0.9× the same token), so one override moves both.
|
|
42
|
+
|
|
36
43
|
Starfield density can be selected with `dsx-brand-starfield--sparse` or
|
|
37
44
|
`dsx-brand-starfield--dense`. Fine-tune an individual wrapper with
|
|
38
45
|
`--dsx-brand-starfield-opacity`, `--dsx-brand-starfield-dot-size`, and
|
|
@@ -847,12 +854,12 @@ const connectivity = dsxIconCatalog.filter(
|
|
|
847
854
|
|---|---|
|
|
848
855
|
| Theme | `sun`, `moon`, `monitor` |
|
|
849
856
|
| Navigation | `arrow-left`, `arrow-right`, `chevron-down`, `chevron-up`, `chevron-left`, `chevron-right`, `menu`, `x`, `plus`, `minus`, `dots-horizontal`, `dots-vertical`, `external-link`, `home`, `search`, `settings`, `user` |
|
|
850
|
-
| Feedback | `check`, `check-circle`, `info`, `help-circle`, `alert-triangle`, `bell`, `loader`, `sparkles`, `star` |
|
|
857
|
+
| Feedback | `check`, `check-circle`, `info`, `help-circle`, `alert-triangle`, `circle-alert`, `bell`, `loader`, `sparkles`, `star` |
|
|
851
858
|
| Security | `shield`, `shield-check`, `lock`, `lock-keyhole`, `unlock`, `key`, `fingerprint`, `eye`, `eye-off` |
|
|
852
|
-
| Connectivity | `wifi`, `signal`, `globe`, `server`, `hard-drive`, `activity`, `zap` |
|
|
853
|
-
| Communication | `mail`, `send` |
|
|
859
|
+
| Connectivity | `wifi`, `signal`, `globe`, `server`, `hard-drive`, `smartphone`, `activity`, `zap` |
|
|
860
|
+
| Communication | `mail`, `send`, `message-square` |
|
|
854
861
|
| Commerce | `banknote`, `circle-dollar-sign`, `gem`, `quote`, `receipt-text`, `russian-ruble` |
|
|
855
|
-
| Forms & Actions | `edit`, `trash`, `copy`, `eraser`, `calendar`, `clock`, `code`, `file`, `image`, `link`, `list`, `list-ordered`, `upload`, `bold`, `italic`, `strikethrough`, `quote`, `heading-1`, `heading-2`, `heading-3`, `undo`, `redo` |
|
|
862
|
+
| Forms & Actions | `edit`, `trash`, `copy`, `eraser`, `calendar`, `clock`, `code`, `file`, `image`, `link`, `list`, `list-ordered`, `upload`, `paperclip`, `bold`, `italic`, `strikethrough`, `quote`, `heading-1`, `heading-2`, `heading-3`, `undo`, `redo`, `refresh-cw` |
|
|
856
863
|
| Brand & Social | `apple`, `discord`, `facebook`, `github`, `gitlab`, `google`, `instagram`, `netflix`, `npm`, `paypal`, `reddit`, `spotify`, `stripe`, `supabase`, `telegram`, `twitch`, `twitter`, `vercel`, `youtube` |
|
|
857
864
|
| App Specific | `home`, `rocket` |
|
|
858
865
|
|
|
@@ -40,6 +40,7 @@ const tokens = {
|
|
|
40
40
|
"drawer-min-height-lg": "50vh",
|
|
41
41
|
"drawer-min-height-full": "100vh",
|
|
42
42
|
"rich-text-editor-min-height": "220px",
|
|
43
|
+
"rich-text-editor-link-popover-width": "320px",
|
|
43
44
|
"empty-state-max-width": "600px",
|
|
44
45
|
"empty-state-min-height": "400px",
|
|
45
46
|
"input-otp-slot-width": "36px",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/generated/tokens.ts"],
|
|
4
|
-
"sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n 'sheet-min-height': \"80vh\",\n 'sheet-width': \"380px\",\n 'sheet-width-sm': \"320px\",\n 'sheet-width-lg': \"480px\",\n 'chart-min-height': \"240px\",\n 'data-table-empty-height': \"192px\",\n 'sidebar-width': \"272px\",\n 'sidebar-width-collapsed': \"72px\",\n 'calendar-width': \"320px\",\n 'combobox-content-width': \"320px\",\n 'combobox-list-max-height': \"300px\",\n 'dialog-content-width': \"560px\",\n 'dialog-content-width-lg': \"720px\",\n 'drawer-min-height': \"30vh\",\n 'drawer-min-height-sm': \"24vh\",\n 'drawer-min-height-lg': \"50vh\",\n 'drawer-min-height-full': \"100vh\",\n 'rich-text-editor-min-height': \"220px\",\n 'empty-state-max-width': \"600px\",\n 'empty-state-min-height': \"400px\",\n 'input-otp-slot-width': \"36px\",\n 'input-otp-slot-height': \"44px\",\n 'input-otp-separator-width': \"12px\",\n 'kbd-font-size-sm': \"11px\",\n 'kbd-min-width': \"1.75em\",\n 'kbd-padding-block-sm': \"2px\",\n 'kbd-padding-inline-sm': \"5px\",\n 'kbd-padding-block-md': \"3px\",\n 'kbd-padding-inline-md': \"7px\",\n 'navigation-menu-indicator-size': \"10px\",\n 'notification-center-badge-font-size': \"10px\",\n 'notification-center-panel-width': \"320px\",\n 'notification-center-list-max-height': \"400px\",\n 'notification-center-item-dot-offset': \"6px\",\n 'resizable-grip-radius': \"2px\",\n 'slider-min-width': \"160px\",\n 'slider-axis-length': \"160px\",\n 'switch-width': \"44px\",\n 'switch-height': \"24px\",\n 'switch-width-sm': \"36px\",\n 'switch-height-sm': \"20px\",\n 'switch-thumb-size': \"20px\",\n 'switch-thumb-size-sm': \"16px\",\n 'switch-thumb-translate': \"20px\",\n 'switch-thumb-translate-sm': \"16px\",\n 'textarea-min-height-base': \"80px\",\n 'tag-font-size-sm': \"11px\",\n 'toast-viewport-width': \"390px\",\n 'tooltip-max-width': \"200px\",\n 'size-dialog-sm-width': \"400px\",\n 'size-menu-min-width': \"180px\",\n 'size-popover-min-width': \"200px\",\n 'size-popover-max-width': \"380px\",\n 'size-scroll-thumb-size': \"6px\",\n 'size-color-picker-width': \"320px\",\n 'size-field-label-max': \"160px\",\n 'size-field-label-min': \"80px\",\n 'size-xs': \"16px\",\n 'size-sm': \"20px\",\n 'size-md': \"24px\",\n 'size-lg': \"32px\",\n 'size-xl': \"40px\",\n 'size-2xl': \"48px\",\n 'size-3xl': \"56px\",\n 'size-4xl': \"64px\",\n 'container-max-width': \"1280px\",\n 'motion-duration-fast': \"150ms\",\n 'motion-duration-normal': \"250ms\",\n 'motion-duration-slow': \"350ms\",\n 'motion-duration-spin': \"900ms\",\n 'motion-duration-blink': \"1000ms\",\n 'motion-duration-shimmer': \"1400ms\",\n 'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n 'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n 'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n 'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n 'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n 'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n 'opacity-disabled': \"0.38\",\n 'opacity-hover': \"0.08\",\n 'opacity-pressed': \"0.16\",\n 'opacity-subtle': \"0.85\",\n 'opacity-muted': \"0.4\",\n 'opacity-faded': \"0.6\",\n 'opacity-subtle-hover': \"0.8\",\n 'space-0': \"0px\",\n 'space-1': \"4px\",\n 'space-2': \"8px\",\n 'space-3': \"12px\",\n 'space-4': \"16px\",\n 'space-5': \"20px\",\n 'space-6': \"24px\",\n 'space-7': \"28px\",\n 'space-8': \"32px\",\n 'space-9': \"36px\",\n 'space-unit': \"4px\",\n 'space-xs': \"4px\",\n 'space-sm': \"8px\",\n 'space-md': \"16px\",\n 'space-lg': \"24px\",\n 'space-xl': \"32px\",\n 'space-2xl': \"48px\",\n 'space-3xl': \"64px\",\n 'space-margin': \"24px\",\n 'space-gutter': \"24px\",\n 'border-width-none': \"0px\",\n 'border-width-xs': \"0.5px\",\n 'border-width-sm': \"1px\",\n 'border-width-md': \"1.5px\",\n 'border-width-lg': \"2px\",\n 'border-width-xl': \"3px\",\n 'radius-none': \"0px\",\n 'radius-sm': \"4px\",\n 'radius-md': \"8px\",\n 'radius-lg': \"12px\",\n 'radius-xl': \"16px\",\n 'radius-2xl': \"24px\",\n 'radius-full': \"9999px\",\n 'typography-display-large': \"[object Object]\",\n 'typography-display-medium': \"[object Object]\",\n 'typography-headline-large': \"[object Object]\",\n 'typography-headline-medium': \"[object Object]\",\n 'typography-body-large': \"[object Object]\",\n 'typography-body-medium': \"[object Object]\",\n 'typography-body-small': \"[object Object]\",\n 'typography-label-large': \"[object Object]\",\n 'typography-label-medium': \"[object Object]\",\n 'typography-label-small': \"[object Object]\",\n 'typography-code': \"[object Object]\",\n 'z-index-elevated': \"1\",\n 'z-index-elevated-strong': \"2\",\n 'z-index-overlay-local': \"10\",\n 'z-index-dropdown': \"50\",\n 'z-index-sticky': \"60\",\n 'z-index-fixed': \"70\",\n 'z-index-overlay': \"80\",\n 'z-index-modal': \"90\",\n 'z-index-toast': \"100\",\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n 'sheet-min-height': \"80vh\",\n 'sheet-width': \"380px\",\n 'sheet-width-sm': \"320px\",\n 'sheet-width-lg': \"480px\",\n 'chart-min-height': \"240px\",\n 'data-table-empty-height': \"192px\",\n 'sidebar-width': \"272px\",\n 'sidebar-width-collapsed': \"72px\",\n 'calendar-width': \"320px\",\n 'combobox-content-width': \"320px\",\n 'combobox-list-max-height': \"300px\",\n 'dialog-content-width': \"560px\",\n 'dialog-content-width-lg': \"720px\",\n 'drawer-min-height': \"30vh\",\n 'drawer-min-height-sm': \"24vh\",\n 'drawer-min-height-lg': \"50vh\",\n 'drawer-min-height-full': \"100vh\",\n 'rich-text-editor-min-height': \"220px\",\n 'rich-text-editor-link-popover-width': \"320px\",\n 'empty-state-max-width': \"600px\",\n 'empty-state-min-height': \"400px\",\n 'input-otp-slot-width': \"36px\",\n 'input-otp-slot-height': \"44px\",\n 'input-otp-separator-width': \"12px\",\n 'kbd-font-size-sm': \"11px\",\n 'kbd-min-width': \"1.75em\",\n 'kbd-padding-block-sm': \"2px\",\n 'kbd-padding-inline-sm': \"5px\",\n 'kbd-padding-block-md': \"3px\",\n 'kbd-padding-inline-md': \"7px\",\n 'navigation-menu-indicator-size': \"10px\",\n 'notification-center-badge-font-size': \"10px\",\n 'notification-center-panel-width': \"320px\",\n 'notification-center-list-max-height': \"400px\",\n 'notification-center-item-dot-offset': \"6px\",\n 'resizable-grip-radius': \"2px\",\n 'slider-min-width': \"160px\",\n 'slider-axis-length': \"160px\",\n 'switch-width': \"44px\",\n 'switch-height': \"24px\",\n 'switch-width-sm': \"36px\",\n 'switch-height-sm': \"20px\",\n 'switch-thumb-size': \"20px\",\n 'switch-thumb-size-sm': \"16px\",\n 'switch-thumb-translate': \"20px\",\n 'switch-thumb-translate-sm': \"16px\",\n 'textarea-min-height-base': \"80px\",\n 'tag-font-size-sm': \"11px\",\n 'toast-viewport-width': \"390px\",\n 'tooltip-max-width': \"200px\",\n 'size-dialog-sm-width': \"400px\",\n 'size-menu-min-width': \"180px\",\n 'size-popover-min-width': \"200px\",\n 'size-popover-max-width': \"380px\",\n 'size-scroll-thumb-size': \"6px\",\n 'size-color-picker-width': \"320px\",\n 'size-field-label-max': \"160px\",\n 'size-field-label-min': \"80px\",\n 'size-xs': \"16px\",\n 'size-sm': \"20px\",\n 'size-md': \"24px\",\n 'size-lg': \"32px\",\n 'size-xl': \"40px\",\n 'size-2xl': \"48px\",\n 'size-3xl': \"56px\",\n 'size-4xl': \"64px\",\n 'container-max-width': \"1280px\",\n 'motion-duration-fast': \"150ms\",\n 'motion-duration-normal': \"250ms\",\n 'motion-duration-slow': \"350ms\",\n 'motion-duration-spin': \"900ms\",\n 'motion-duration-blink': \"1000ms\",\n 'motion-duration-shimmer': \"1400ms\",\n 'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n 'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n 'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n 'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n 'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n 'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n 'opacity-disabled': \"0.38\",\n 'opacity-hover': \"0.08\",\n 'opacity-pressed': \"0.16\",\n 'opacity-subtle': \"0.85\",\n 'opacity-muted': \"0.4\",\n 'opacity-faded': \"0.6\",\n 'opacity-subtle-hover': \"0.8\",\n 'space-0': \"0px\",\n 'space-1': \"4px\",\n 'space-2': \"8px\",\n 'space-3': \"12px\",\n 'space-4': \"16px\",\n 'space-5': \"20px\",\n 'space-6': \"24px\",\n 'space-7': \"28px\",\n 'space-8': \"32px\",\n 'space-9': \"36px\",\n 'space-unit': \"4px\",\n 'space-xs': \"4px\",\n 'space-sm': \"8px\",\n 'space-md': \"16px\",\n 'space-lg': \"24px\",\n 'space-xl': \"32px\",\n 'space-2xl': \"48px\",\n 'space-3xl': \"64px\",\n 'space-margin': \"24px\",\n 'space-gutter': \"24px\",\n 'border-width-none': \"0px\",\n 'border-width-xs': \"0.5px\",\n 'border-width-sm': \"1px\",\n 'border-width-md': \"1.5px\",\n 'border-width-lg': \"2px\",\n 'border-width-xl': \"3px\",\n 'radius-none': \"0px\",\n 'radius-sm': \"4px\",\n 'radius-md': \"8px\",\n 'radius-lg': \"12px\",\n 'radius-xl': \"16px\",\n 'radius-2xl': \"24px\",\n 'radius-full': \"9999px\",\n 'typography-display-large': \"[object Object]\",\n 'typography-display-medium': \"[object Object]\",\n 'typography-headline-large': \"[object Object]\",\n 'typography-headline-medium': \"[object Object]\",\n 'typography-body-large': \"[object Object]\",\n 'typography-body-medium': \"[object Object]\",\n 'typography-body-small': \"[object Object]\",\n 'typography-label-large': \"[object Object]\",\n 'typography-label-medium': \"[object Object]\",\n 'typography-label-small': \"[object Object]\",\n 'typography-code': \"[object Object]\",\n 'z-index-elevated': \"1\",\n 'z-index-elevated-strong': \"2\",\n 'z-index-overlay-local': \"10\",\n 'z-index-dropdown': \"50\",\n 'z-index-sticky': \"60\",\n 'z-index-fixed': \"70\",\n 'z-index-overlay': \"80\",\n 'z-index-modal': \"90\",\n 'z-index-toast': \"100\",\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,SAA0C;AAAA,EACrD,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,2BAA2B;AAAA,EAC3B,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAC5B,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,+BAA+B;AAAA,EAC/B,uCAAuC;AAAA,EACvC,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,kCAAkC;AAAA,EAClC,uCAAuC;AAAA,EACvC,mCAAmC;AAAA,EACnC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EACvC,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AAAA,EACf,4BAA4B;AAAA,EAC5B,6BAA6B;AAAA,EAC7B,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,2BAA2B;AAAA,EAC3B,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.cts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"tokens.d.cts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.mts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"tokens.d.mts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}
|
package/dist/generated/tokens.js
CHANGED
|
@@ -17,6 +17,7 @@ const tokens = {
|
|
|
17
17
|
"drawer-min-height-lg": "50vh",
|
|
18
18
|
"drawer-min-height-full": "100vh",
|
|
19
19
|
"rich-text-editor-min-height": "220px",
|
|
20
|
+
"rich-text-editor-link-popover-width": "320px",
|
|
20
21
|
"empty-state-max-width": "600px",
|
|
21
22
|
"empty-state-min-height": "400px",
|
|
22
23
|
"input-otp-slot-width": "36px",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/generated/tokens.ts"],
|
|
4
|
-
"sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n 'sheet-min-height': \"80vh\",\n 'sheet-width': \"380px\",\n 'sheet-width-sm': \"320px\",\n 'sheet-width-lg': \"480px\",\n 'chart-min-height': \"240px\",\n 'data-table-empty-height': \"192px\",\n 'sidebar-width': \"272px\",\n 'sidebar-width-collapsed': \"72px\",\n 'calendar-width': \"320px\",\n 'combobox-content-width': \"320px\",\n 'combobox-list-max-height': \"300px\",\n 'dialog-content-width': \"560px\",\n 'dialog-content-width-lg': \"720px\",\n 'drawer-min-height': \"30vh\",\n 'drawer-min-height-sm': \"24vh\",\n 'drawer-min-height-lg': \"50vh\",\n 'drawer-min-height-full': \"100vh\",\n 'rich-text-editor-min-height': \"220px\",\n 'empty-state-max-width': \"600px\",\n 'empty-state-min-height': \"400px\",\n 'input-otp-slot-width': \"36px\",\n 'input-otp-slot-height': \"44px\",\n 'input-otp-separator-width': \"12px\",\n 'kbd-font-size-sm': \"11px\",\n 'kbd-min-width': \"1.75em\",\n 'kbd-padding-block-sm': \"2px\",\n 'kbd-padding-inline-sm': \"5px\",\n 'kbd-padding-block-md': \"3px\",\n 'kbd-padding-inline-md': \"7px\",\n 'navigation-menu-indicator-size': \"10px\",\n 'notification-center-badge-font-size': \"10px\",\n 'notification-center-panel-width': \"320px\",\n 'notification-center-list-max-height': \"400px\",\n 'notification-center-item-dot-offset': \"6px\",\n 'resizable-grip-radius': \"2px\",\n 'slider-min-width': \"160px\",\n 'slider-axis-length': \"160px\",\n 'switch-width': \"44px\",\n 'switch-height': \"24px\",\n 'switch-width-sm': \"36px\",\n 'switch-height-sm': \"20px\",\n 'switch-thumb-size': \"20px\",\n 'switch-thumb-size-sm': \"16px\",\n 'switch-thumb-translate': \"20px\",\n 'switch-thumb-translate-sm': \"16px\",\n 'textarea-min-height-base': \"80px\",\n 'tag-font-size-sm': \"11px\",\n 'toast-viewport-width': \"390px\",\n 'tooltip-max-width': \"200px\",\n 'size-dialog-sm-width': \"400px\",\n 'size-menu-min-width': \"180px\",\n 'size-popover-min-width': \"200px\",\n 'size-popover-max-width': \"380px\",\n 'size-scroll-thumb-size': \"6px\",\n 'size-color-picker-width': \"320px\",\n 'size-field-label-max': \"160px\",\n 'size-field-label-min': \"80px\",\n 'size-xs': \"16px\",\n 'size-sm': \"20px\",\n 'size-md': \"24px\",\n 'size-lg': \"32px\",\n 'size-xl': \"40px\",\n 'size-2xl': \"48px\",\n 'size-3xl': \"56px\",\n 'size-4xl': \"64px\",\n 'container-max-width': \"1280px\",\n 'motion-duration-fast': \"150ms\",\n 'motion-duration-normal': \"250ms\",\n 'motion-duration-slow': \"350ms\",\n 'motion-duration-spin': \"900ms\",\n 'motion-duration-blink': \"1000ms\",\n 'motion-duration-shimmer': \"1400ms\",\n 'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n 'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n 'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n 'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n 'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n 'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n 'opacity-disabled': \"0.38\",\n 'opacity-hover': \"0.08\",\n 'opacity-pressed': \"0.16\",\n 'opacity-subtle': \"0.85\",\n 'opacity-muted': \"0.4\",\n 'opacity-faded': \"0.6\",\n 'opacity-subtle-hover': \"0.8\",\n 'space-0': \"0px\",\n 'space-1': \"4px\",\n 'space-2': \"8px\",\n 'space-3': \"12px\",\n 'space-4': \"16px\",\n 'space-5': \"20px\",\n 'space-6': \"24px\",\n 'space-7': \"28px\",\n 'space-8': \"32px\",\n 'space-9': \"36px\",\n 'space-unit': \"4px\",\n 'space-xs': \"4px\",\n 'space-sm': \"8px\",\n 'space-md': \"16px\",\n 'space-lg': \"24px\",\n 'space-xl': \"32px\",\n 'space-2xl': \"48px\",\n 'space-3xl': \"64px\",\n 'space-margin': \"24px\",\n 'space-gutter': \"24px\",\n 'border-width-none': \"0px\",\n 'border-width-xs': \"0.5px\",\n 'border-width-sm': \"1px\",\n 'border-width-md': \"1.5px\",\n 'border-width-lg': \"2px\",\n 'border-width-xl': \"3px\",\n 'radius-none': \"0px\",\n 'radius-sm': \"4px\",\n 'radius-md': \"8px\",\n 'radius-lg': \"12px\",\n 'radius-xl': \"16px\",\n 'radius-2xl': \"24px\",\n 'radius-full': \"9999px\",\n 'typography-display-large': \"[object Object]\",\n 'typography-display-medium': \"[object Object]\",\n 'typography-headline-large': \"[object Object]\",\n 'typography-headline-medium': \"[object Object]\",\n 'typography-body-large': \"[object Object]\",\n 'typography-body-medium': \"[object Object]\",\n 'typography-body-small': \"[object Object]\",\n 'typography-label-large': \"[object Object]\",\n 'typography-label-medium': \"[object Object]\",\n 'typography-label-small': \"[object Object]\",\n 'typography-code': \"[object Object]\",\n 'z-index-elevated': \"1\",\n 'z-index-elevated-strong': \"2\",\n 'z-index-overlay-local': \"10\",\n 'z-index-dropdown': \"50\",\n 'z-index-sticky': \"60\",\n 'z-index-fixed': \"70\",\n 'z-index-overlay': \"80\",\n 'z-index-modal': \"90\",\n 'z-index-toast': \"100\",\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n 'sheet-min-height': \"80vh\",\n 'sheet-width': \"380px\",\n 'sheet-width-sm': \"320px\",\n 'sheet-width-lg': \"480px\",\n 'chart-min-height': \"240px\",\n 'data-table-empty-height': \"192px\",\n 'sidebar-width': \"272px\",\n 'sidebar-width-collapsed': \"72px\",\n 'calendar-width': \"320px\",\n 'combobox-content-width': \"320px\",\n 'combobox-list-max-height': \"300px\",\n 'dialog-content-width': \"560px\",\n 'dialog-content-width-lg': \"720px\",\n 'drawer-min-height': \"30vh\",\n 'drawer-min-height-sm': \"24vh\",\n 'drawer-min-height-lg': \"50vh\",\n 'drawer-min-height-full': \"100vh\",\n 'rich-text-editor-min-height': \"220px\",\n 'rich-text-editor-link-popover-width': \"320px\",\n 'empty-state-max-width': \"600px\",\n 'empty-state-min-height': \"400px\",\n 'input-otp-slot-width': \"36px\",\n 'input-otp-slot-height': \"44px\",\n 'input-otp-separator-width': \"12px\",\n 'kbd-font-size-sm': \"11px\",\n 'kbd-min-width': \"1.75em\",\n 'kbd-padding-block-sm': \"2px\",\n 'kbd-padding-inline-sm': \"5px\",\n 'kbd-padding-block-md': \"3px\",\n 'kbd-padding-inline-md': \"7px\",\n 'navigation-menu-indicator-size': \"10px\",\n 'notification-center-badge-font-size': \"10px\",\n 'notification-center-panel-width': \"320px\",\n 'notification-center-list-max-height': \"400px\",\n 'notification-center-item-dot-offset': \"6px\",\n 'resizable-grip-radius': \"2px\",\n 'slider-min-width': \"160px\",\n 'slider-axis-length': \"160px\",\n 'switch-width': \"44px\",\n 'switch-height': \"24px\",\n 'switch-width-sm': \"36px\",\n 'switch-height-sm': \"20px\",\n 'switch-thumb-size': \"20px\",\n 'switch-thumb-size-sm': \"16px\",\n 'switch-thumb-translate': \"20px\",\n 'switch-thumb-translate-sm': \"16px\",\n 'textarea-min-height-base': \"80px\",\n 'tag-font-size-sm': \"11px\",\n 'toast-viewport-width': \"390px\",\n 'tooltip-max-width': \"200px\",\n 'size-dialog-sm-width': \"400px\",\n 'size-menu-min-width': \"180px\",\n 'size-popover-min-width': \"200px\",\n 'size-popover-max-width': \"380px\",\n 'size-scroll-thumb-size': \"6px\",\n 'size-color-picker-width': \"320px\",\n 'size-field-label-max': \"160px\",\n 'size-field-label-min': \"80px\",\n 'size-xs': \"16px\",\n 'size-sm': \"20px\",\n 'size-md': \"24px\",\n 'size-lg': \"32px\",\n 'size-xl': \"40px\",\n 'size-2xl': \"48px\",\n 'size-3xl': \"56px\",\n 'size-4xl': \"64px\",\n 'container-max-width': \"1280px\",\n 'motion-duration-fast': \"150ms\",\n 'motion-duration-normal': \"250ms\",\n 'motion-duration-slow': \"350ms\",\n 'motion-duration-spin': \"900ms\",\n 'motion-duration-blink': \"1000ms\",\n 'motion-duration-shimmer': \"1400ms\",\n 'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n 'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n 'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n 'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n 'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n 'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n 'opacity-disabled': \"0.38\",\n 'opacity-hover': \"0.08\",\n 'opacity-pressed': \"0.16\",\n 'opacity-subtle': \"0.85\",\n 'opacity-muted': \"0.4\",\n 'opacity-faded': \"0.6\",\n 'opacity-subtle-hover': \"0.8\",\n 'space-0': \"0px\",\n 'space-1': \"4px\",\n 'space-2': \"8px\",\n 'space-3': \"12px\",\n 'space-4': \"16px\",\n 'space-5': \"20px\",\n 'space-6': \"24px\",\n 'space-7': \"28px\",\n 'space-8': \"32px\",\n 'space-9': \"36px\",\n 'space-unit': \"4px\",\n 'space-xs': \"4px\",\n 'space-sm': \"8px\",\n 'space-md': \"16px\",\n 'space-lg': \"24px\",\n 'space-xl': \"32px\",\n 'space-2xl': \"48px\",\n 'space-3xl': \"64px\",\n 'space-margin': \"24px\",\n 'space-gutter': \"24px\",\n 'border-width-none': \"0px\",\n 'border-width-xs': \"0.5px\",\n 'border-width-sm': \"1px\",\n 'border-width-md': \"1.5px\",\n 'border-width-lg': \"2px\",\n 'border-width-xl': \"3px\",\n 'radius-none': \"0px\",\n 'radius-sm': \"4px\",\n 'radius-md': \"8px\",\n 'radius-lg': \"12px\",\n 'radius-xl': \"16px\",\n 'radius-2xl': \"24px\",\n 'radius-full': \"9999px\",\n 'typography-display-large': \"[object Object]\",\n 'typography-display-medium': \"[object Object]\",\n 'typography-headline-large': \"[object Object]\",\n 'typography-headline-medium': \"[object Object]\",\n 'typography-body-large': \"[object Object]\",\n 'typography-body-medium': \"[object Object]\",\n 'typography-body-small': \"[object Object]\",\n 'typography-label-large': \"[object Object]\",\n 'typography-label-medium': \"[object Object]\",\n 'typography-label-small': \"[object Object]\",\n 'typography-code': \"[object Object]\",\n 'z-index-elevated': \"1\",\n 'z-index-elevated-strong': \"2\",\n 'z-index-overlay-local': \"10\",\n 'z-index-dropdown': \"50\",\n 'z-index-sticky': \"60\",\n 'z-index-fixed': \"70\",\n 'z-index-overlay': \"80\",\n 'z-index-modal': \"90\",\n 'z-index-toast': \"100\",\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|