@dxos/ui-theme 0.8.4-main.9be5663bfe → 0.8.4-main.bc2380dfbc
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/LICENSE +102 -5
- package/README.md +1 -1
- package/dist/lib/browser/index.mjs +88 -84
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +88 -84
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/plugin/node-cjs/main.css +147 -106
- package/dist/plugin/node-cjs/main.css.map +2 -2
- package/dist/plugin/node-cjs/meta.json +1 -1
- package/dist/plugin/node-esm/main.css +147 -106
- package/dist/plugin/node-esm/main.css.map +2 -2
- package/dist/plugin/node-esm/meta.json +1 -1
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +2 -2
- package/dist/types/src/Theme.stories.d.ts.map +1 -1
- package/dist/types/src/defs.d.ts +1 -1
- package/dist/types/src/defs.d.ts.map +1 -1
- package/dist/types/src/fragments/density.d.ts +1 -4
- package/dist/types/src/fragments/density.d.ts.map +1 -1
- package/dist/types/src/fragments/hover.d.ts +0 -1
- package/dist/types/src/fragments/hover.d.ts.map +1 -1
- package/dist/types/src/fragments/text.d.ts +0 -1
- package/dist/types/src/fragments/text.d.ts.map +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -1
- package/dist/types/src/theme/components/button.d.ts +2 -2
- package/dist/types/src/theme/components/button.d.ts.map +1 -1
- package/dist/types/src/theme/components/card.d.ts.map +1 -1
- package/dist/types/src/theme/components/dialog.d.ts.map +1 -1
- package/dist/types/src/theme/components/icon-button.d.ts +1 -0
- package/dist/types/src/theme/components/icon-button.d.ts.map +1 -1
- package/dist/types/src/theme/components/input.d.ts +8 -8
- package/dist/types/src/theme/components/input.d.ts.map +1 -1
- package/dist/types/src/theme/components/main.d.ts.map +1 -1
- package/dist/types/src/theme/components/scroll-area.d.ts.map +1 -1
- package/dist/types/src/theme/primitives/column.d.ts +22 -5
- package/dist/types/src/theme/primitives/column.d.ts.map +1 -1
- package/dist/types/src/theme/primitives/panel.d.ts.map +1 -1
- package/dist/types/src/theme/theme.d.ts.map +1 -1
- package/dist/types/src/util/hash-styles.d.ts +1 -1
- package/dist/types/src/util/hash-styles.d.ts.map +1 -1
- package/dist/types/src/util/mx.d.ts +21 -1
- package/dist/types/src/util/mx.d.ts.map +1 -1
- package/dist/types/src/util/size.d.ts.map +1 -1
- package/dist/types/src/util/valence.d.ts +2 -2
- package/dist/types/src/util/valence.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +11 -19
- package/src/Theme.stories.tsx +5 -5
- package/src/css/DESIGN_SYSTEM.md +159 -0
- package/src/css/base/base.css +2 -2
- package/src/css/components/button.css +3 -3
- package/src/css/components/checkbox.css +1 -1
- package/src/css/components/focus.css +12 -12
- package/src/css/components/panel.css +45 -45
- package/src/css/components/selected.css +61 -15
- package/src/css/components/selected.md +101 -0
- package/src/css/components/surface.css +4 -4
- package/src/css/components/tag.css +25 -23
- package/src/css/layout/size.css +16 -3
- package/src/css/theme/animation.css +31 -0
- package/src/css/theme/semantic.css +36 -40
- package/src/css/theme/spacing.css +7 -8
- package/src/css/theme/styles.css +22 -22
- package/src/css/utilities.css +48 -6
- package/src/defs.ts +1 -1
- package/src/fragments/AUDIT.md +0 -3
- package/src/fragments/density.ts +8 -5
- package/src/fragments/hover.ts +0 -2
- package/src/fragments/text.ts +1 -1
- package/src/main.css +38 -4
- package/src/theme/components/button.ts +2 -2
- package/src/theme/components/card.ts +4 -0
- package/src/theme/components/dialog.ts +5 -3
- package/src/theme/components/focus.ts +2 -2
- package/src/theme/components/icon-button.ts +6 -3
- package/src/theme/components/input.ts +9 -9
- package/src/theme/components/message.ts +5 -5
- package/src/theme/components/popover.ts +1 -1
- package/src/theme/components/scroll-area.ts +10 -5
- package/src/theme/components/select.ts +1 -1
- package/src/theme/components/tooltip.ts +1 -1
- package/src/theme/primitives/column.ts +44 -20
- package/src/util/hash-styles.ts +19 -19
- package/src/util/mx.ts +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/defs.ts":{"bytes":3635,"imports":[],"format":"esm"},"src/fragments/density.ts":{"bytes":1719,"imports":[],"format":"esm"},"src/fragments/disabled.ts":{"bytes":892,"imports":[],"format":"esm"},"src/fragments/hover.ts":{"bytes":2842,"imports":[],"format":"esm"},"src/fragments/text.ts":{"bytes":959,"imports":[],"format":"esm"},"src/fragments/index.ts":{"bytes":830,"imports":[{"path":"src/fragments/density.ts","kind":"import-statement","original":"./density"},{"path":"src/fragments/disabled.ts","kind":"import-statement","original":"./disabled"},{"path":"src/fragments/hover.ts","kind":"import-statement","original":"./hover"},{"path":"src/fragments/text.ts","kind":"import-statement","original":"./text"}],"format":"esm"},"src/util/elevation.ts":{"bytes":3096,"imports":[],"format":"esm"},"src/util/hash-styles.ts":{"bytes":14409,"imports":[],"format":"esm"},"src/util/mx.ts":{"bytes":16235,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"src/util/size.ts":{"bytes":13422,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/util/valence.ts":{"bytes":3143,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":793,"imports":[{"path":"src/util/elevation.ts","kind":"import-statement","original":"./elevation"},{"path":"src/util/hash-styles.ts","kind":"import-statement","original":"./hash-styles"},{"path":"src/util/mx.ts","kind":"import-statement","original":"./mx"},{"path":"src/util/size.ts","kind":"import-statement","original":"./size"},{"path":"src/util/valence.ts","kind":"import-statement","original":"./valence"}],"format":"esm"},"src/theme/components/avatar.ts":{"bytes":9602,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/breadcrumb.ts":{"bytes":3127,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/card.ts":{"bytes":10027,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/button.ts":{"bytes":4830,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/dialog.ts":{"bytes":5853,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/focus.ts":{"bytes":2888,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon.ts":{"bytes":2056,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon-button.ts":{"bytes":1570,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/input.ts":{"bytes":18786,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/link.ts":{"bytes":2065,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/list.ts":{"bytes":5375,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/main.ts":{"bytes":3950,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/menu.ts":{"bytes":5071,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/message.ts":{"bytes":3739,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/popover.ts":{"bytes":4163,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/scroll-area.ts":{"bytes":9963,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/select.ts":{"bytes":5609,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/splitter.ts":{"bytes":1785,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/separator.ts":{"bytes":1868,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/skeleton.ts":{"bytes":1771,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/status.ts":{"bytes":2718,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tag.ts":{"bytes":1360,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toast.ts":{"bytes":5874,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toolbar.ts":{"bytes":2894,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tooltip.ts":{"bytes":2581,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/treegrid.ts":{"bytes":3901,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/index.ts":{"bytes":2569,"imports":[{"path":"src/theme/components/avatar.ts","kind":"import-statement","original":"./avatar"},{"path":"src/theme/components/breadcrumb.ts","kind":"import-statement","original":"./breadcrumb"},{"path":"src/theme/components/card.ts","kind":"import-statement","original":"./card"},{"path":"src/theme/components/button.ts","kind":"import-statement","original":"./button"},{"path":"src/theme/components/dialog.ts","kind":"import-statement","original":"./dialog"},{"path":"src/theme/components/focus.ts","kind":"import-statement","original":"./focus"},{"path":"src/theme/components/icon.ts","kind":"import-statement","original":"./icon"},{"path":"src/theme/components/icon-button.ts","kind":"import-statement","original":"./icon-button"},{"path":"src/theme/components/input.ts","kind":"import-statement","original":"./input"},{"path":"src/theme/components/link.ts","kind":"import-statement","original":"./link"},{"path":"src/theme/components/list.ts","kind":"import-statement","original":"./list"},{"path":"src/theme/components/main.ts","kind":"import-statement","original":"./main"},{"path":"src/theme/components/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/theme/components/message.ts","kind":"import-statement","original":"./message"},{"path":"src/theme/components/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/theme/components/scroll-area.ts","kind":"import-statement","original":"./scroll-area"},{"path":"src/theme/components/select.ts","kind":"import-statement","original":"./select"},{"path":"src/theme/components/splitter.ts","kind":"import-statement","original":"./splitter"},{"path":"src/theme/components/separator.ts","kind":"import-statement","original":"./separator"},{"path":"src/theme/components/skeleton.ts","kind":"import-statement","original":"./skeleton"},{"path":"src/theme/components/status.ts","kind":"import-statement","original":"./status"},{"path":"src/theme/components/tag.ts","kind":"import-statement","original":"./tag"},{"path":"src/theme/components/toast.ts","kind":"import-statement","original":"./toast"},{"path":"src/theme/components/toolbar.ts","kind":"import-statement","original":"./toolbar"},{"path":"src/theme/components/tooltip.ts","kind":"import-statement","original":"./tooltip"},{"path":"src/theme/components/treegrid.ts","kind":"import-statement","original":"./treegrid"}],"format":"esm"},"src/theme/primitives/column.ts":{"bytes":4653,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/panel.ts":{"bytes":3625,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/index.ts":{"bytes":543,"imports":[{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"./column"},{"path":"src/theme/primitives/panel.ts","kind":"import-statement","original":"./panel"}],"format":"esm"},"src/theme/theme.ts":{"bytes":7038,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"}],"format":"esm"},"src/theme/index.ts":{"bytes":634,"imports":[{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"},{"path":"src/theme/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"src/index.ts":{"bytes":689,"imports":[{"path":"src/defs.ts","kind":"import-statement","original":"./defs"},{"path":"src/fragments/index.ts","kind":"import-statement","original":"./fragments"},{"path":"src/theme/index.ts","kind":"import-statement","original":"./theme"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":99442},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["avatarDescription","avatarFallbackText","avatarFrame","avatarGroup","avatarGroupDescription","avatarGroupLabel","avatarLabel","avatarRing","avatarRoot","avatarStatusIcon","avatarTheme","bindTheme","bottombarBlockPaddingEnd","breadcrumbCurrent","breadcrumbList","breadcrumbListItem","breadcrumbRoot","breadcrumbSeparator","breadcrumbTheme","buttonTheme","cardDefaultInlineSize","cardMaxBlockSize","cardMaxInlineSize","cardMinBlockSize","cardMinInlineSize","cardTheme","coarseBlockSize","coarseDimensions","columnTheme","composable","composableProps","dataDisabled","defaultButtonColors","defaultTheme","defaultTx","densityBlockSize","descriptionMessage","descriptionTextPrimary","dialogActionBar","dialogBody","dialogContent","dialogDescription","dialogHeader","dialogOverlay","dialogTheme","dialogTitle","fineBlockSize","fineDimensions","focusTheme","getHashHue","getHashStyles","getHeight","getSize","getStyles","getWidth","ghostButtonColors","ghostFocusWithin","ghostHover","groupHoverControlItemWithTransition","hoverableControlItem","hoverableControls","hoverableFocusedKeyboardControls","hoverableFocusedWithinControls","hoverableOpenControlItem","hueShades","hues","iconButtonRoot","iconButtonTheme","iconRoot","iconSize","iconTheme","inputTextLabel","inputTheme","linkRoot","linkTheme","listItem","listItemDragHandleIcon","listItemEndcap","listItemHeading","listItemOpenTrigger","listItemOpenTriggerIcon","listRoot","listTheme","mainContent","mainIntrinsicSize","mainOverlay","mainPadding","mainPaddingTransitions","mainSidebar","mainTheme","menuArrow","menuContent","menuGroupLabel","menuItem","menuSeparator","menuTheme","menuViewport","messageContent","messageHeader","messageIcon","messageRoot","messageTheme","messageTitle","messageValence","mx","osTranslations","palette","panelTheme","popoverArrow","popoverContent","popoverTheme","popoverViewport","primaryButtonColors","roles","scrollAreaRoot","scrollAreaTheme","scrollAreaViewport","scrollbar","selectArrow","selectContent","selectItem","selectItemIndicator","selectScrollButton","selectSeparator","selectTheme","selectViewport","separatorRoot","separatorTheme","sizeToRem","sizeValue","skeletonRoot","skeletonTheme","slottable","snapSize","splitterTheme","staticDefaultButtonColors","staticDisabled","statusBar","statusRoot","statusTheme","subtleHover","surfaceShadow","surfaceZIndex","tagRoot","tagTheme","textValence","toastActions","toastBody","toastDescription","toastRoot","toastTheme","toastTitle","toastViewport","toolbarLayout","toolbarRoot","toolbarText","toolbarTheme","tooltipArrow","tooltipContent","tooltipTheme","topbarBlockPaddingStart","treegridCell","treegridRoot","treegridRow","treegridTheme"],"entryPoint":"src/index.ts","inputs":{"src/defs.ts":{"bytesInOutput":559},"src/index.ts":{"bytesInOutput":0},"src/fragments/density.ts":{"bytesInOutput":301},"src/fragments/disabled.ts":{"bytesInOutput":150},"src/fragments/hover.ts":{"bytesInOutput":684},"src/fragments/text.ts":{"bytesInOutput":173},"src/util/elevation.ts":{"bytesInOutput":730},"src/util/hash-styles.ts":{"bytesInOutput":3904},"src/util/mx.ts":{"bytesInOutput":2930},"src/util/size.ts":{"bytesInOutput":2671},"src/util/valence.ts":{"bytesInOutput":877},"src/theme/components/avatar.ts":{"bytesInOutput":2153},"src/theme/components/breadcrumb.ts":{"bytesInOutput":515},"src/theme/components/card.ts":{"bytesInOutput":2530},"src/theme/components/button.ts":{"bytesInOutput":1177},"src/theme/components/dialog.ts":{"bytesInOutput":1221},"src/theme/components/focus.ts":{"bytesInOutput":338},"src/theme/components/icon.ts":{"bytesInOutput":281},"src/theme/components/icon-button.ts":{"bytesInOutput":155},"src/theme/components/input.ts":{"bytesInOutput":4776},"src/theme/components/link.ts":{"bytesInOutput":395},"src/theme/components/list.ts":{"bytesInOutput":1012},"src/theme/components/main.ts":{"bytesInOutput":749},"src/theme/components/menu.ts":{"bytesInOutput":1004},"src/theme/components/message.ts":{"bytesInOutput":680},"src/theme/components/popover.ts":{"bytesInOutput":852},"src/theme/components/scroll-area.ts":{"bytesInOutput":2774},"src/theme/components/select.ts":{"bytesInOutput":1215},"src/theme/components/splitter.ts":{"bytesInOutput":260},"src/theme/components/separator.ts":{"bytesInOutput":257},"src/theme/components/skeleton.ts":{"bytesInOutput":253},"src/theme/components/status.ts":{"bytesInOutput":505},"src/theme/components/tag.ts":{"bytesInOutput":87},"src/theme/components/toast.ts":{"bytesInOutput":1455},"src/theme/components/toolbar.ts":{"bytesInOutput":527},"src/theme/components/tooltip.ts":{"bytesInOutput":411},"src/theme/components/treegrid.ts":{"bytesInOutput":819},"src/theme/primitives/column.ts":{"bytesInOutput":574},"src/theme/primitives/panel.ts":{"bytesInOutput":747},"src/theme/theme.ts":{"bytesInOutput":1055}},"bytes":45904}}}
|
|
1
|
+
{"inputs":{"src/defs.ts":{"bytes":3559,"imports":[],"format":"esm"},"src/fragments/density.ts":{"bytes":1911,"imports":[],"format":"esm"},"src/fragments/disabled.ts":{"bytes":808,"imports":[],"format":"esm"},"src/fragments/hover.ts":{"bytes":2576,"imports":[],"format":"esm"},"src/fragments/text.ts":{"bytes":740,"imports":[],"format":"esm"},"src/fragments/index.ts":{"bytes":749,"imports":[{"path":"src/fragments/density.ts","kind":"import-statement","original":"./density"},{"path":"src/fragments/disabled.ts","kind":"import-statement","original":"./disabled"},{"path":"src/fragments/hover.ts","kind":"import-statement","original":"./hover"},{"path":"src/fragments/text.ts","kind":"import-statement","original":"./text"}],"format":"esm"},"src/util/elevation.ts":{"bytes":3016,"imports":[],"format":"esm"},"src/util/hash-styles.ts":{"bytes":14193,"imports":[],"format":"esm"},"src/util/mx.ts":{"bytes":16104,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"src/util/size.ts":{"bytes":13347,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/util/valence.ts":{"bytes":3061,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":713,"imports":[{"path":"src/util/elevation.ts","kind":"import-statement","original":"./elevation"},{"path":"src/util/hash-styles.ts","kind":"import-statement","original":"./hash-styles"},{"path":"src/util/mx.ts","kind":"import-statement","original":"./mx"},{"path":"src/util/size.ts","kind":"import-statement","original":"./size"},{"path":"src/util/valence.ts","kind":"import-statement","original":"./valence"}],"format":"esm"},"src/theme/components/avatar.ts":{"bytes":9509,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/breadcrumb.ts":{"bytes":3030,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/card.ts":{"bytes":10365,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/button.ts":{"bytes":4733,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/column.ts":{"bytes":7524,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/dialog.ts":{"bytes":6225,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"../primitives/column"}],"format":"esm"},"src/theme/components/focus.ts":{"bytes":2772,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon.ts":{"bytes":1965,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon-button.ts":{"bytes":1641,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/input.ts":{"bytes":18279,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/link.ts":{"bytes":1974,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/list.ts":{"bytes":5284,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/main.ts":{"bytes":3859,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/menu.ts":{"bytes":4980,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/message.ts":{"bytes":3635,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/popover.ts":{"bytes":4088,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/scroll-area.ts":{"bytes":10500,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"../primitives/column"}],"format":"esm"},"src/theme/components/select.ts":{"bytes":5514,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/splitter.ts":{"bytes":1694,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/separator.ts":{"bytes":1776,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/skeleton.ts":{"bytes":1680,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/status.ts":{"bytes":2629,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tag.ts":{"bytes":1274,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toast.ts":{"bytes":5782,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toolbar.ts":{"bytes":2800,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tooltip.ts":{"bytes":2485,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/treegrid.ts":{"bytes":3810,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/index.ts":{"bytes":2481,"imports":[{"path":"src/theme/components/avatar.ts","kind":"import-statement","original":"./avatar"},{"path":"src/theme/components/breadcrumb.ts","kind":"import-statement","original":"./breadcrumb"},{"path":"src/theme/components/card.ts","kind":"import-statement","original":"./card"},{"path":"src/theme/components/button.ts","kind":"import-statement","original":"./button"},{"path":"src/theme/components/dialog.ts","kind":"import-statement","original":"./dialog"},{"path":"src/theme/components/focus.ts","kind":"import-statement","original":"./focus"},{"path":"src/theme/components/icon.ts","kind":"import-statement","original":"./icon"},{"path":"src/theme/components/icon-button.ts","kind":"import-statement","original":"./icon-button"},{"path":"src/theme/components/input.ts","kind":"import-statement","original":"./input"},{"path":"src/theme/components/link.ts","kind":"import-statement","original":"./link"},{"path":"src/theme/components/list.ts","kind":"import-statement","original":"./list"},{"path":"src/theme/components/main.ts","kind":"import-statement","original":"./main"},{"path":"src/theme/components/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/theme/components/message.ts","kind":"import-statement","original":"./message"},{"path":"src/theme/components/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/theme/components/scroll-area.ts","kind":"import-statement","original":"./scroll-area"},{"path":"src/theme/components/select.ts","kind":"import-statement","original":"./select"},{"path":"src/theme/components/splitter.ts","kind":"import-statement","original":"./splitter"},{"path":"src/theme/components/separator.ts","kind":"import-statement","original":"./separator"},{"path":"src/theme/components/skeleton.ts","kind":"import-statement","original":"./skeleton"},{"path":"src/theme/components/status.ts","kind":"import-statement","original":"./status"},{"path":"src/theme/components/tag.ts","kind":"import-statement","original":"./tag"},{"path":"src/theme/components/toast.ts","kind":"import-statement","original":"./toast"},{"path":"src/theme/components/toolbar.ts","kind":"import-statement","original":"./toolbar"},{"path":"src/theme/components/tooltip.ts","kind":"import-statement","original":"./tooltip"},{"path":"src/theme/components/treegrid.ts","kind":"import-statement","original":"./treegrid"}],"format":"esm"},"src/theme/primitives/panel.ts":{"bytes":3537,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/index.ts":{"bytes":451,"imports":[{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"./column"},{"path":"src/theme/primitives/panel.ts","kind":"import-statement","original":"./panel"}],"format":"esm"},"src/theme/theme.ts":{"bytes":6957,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"}],"format":"esm"},"src/theme/index.ts":{"bytes":553,"imports":[{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"},{"path":"src/theme/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"src/index.ts":{"bytes":618,"imports":[{"path":"src/defs.ts","kind":"import-statement","original":"./defs"},{"path":"src/fragments/index.ts","kind":"import-statement","original":"./fragments"},{"path":"src/theme/index.ts","kind":"import-statement","original":"./theme"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":100850},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["avatarDescription","avatarFallbackText","avatarFrame","avatarGroup","avatarGroupDescription","avatarGroupLabel","avatarLabel","avatarRing","avatarRoot","avatarStatusIcon","avatarTheme","bindTheme","bottombarBlockPaddingEnd","breadcrumbCurrent","breadcrumbList","breadcrumbListItem","breadcrumbRoot","breadcrumbSeparator","breadcrumbTheme","buttonTheme","cardDefaultInlineSize","cardMaxBlockSize","cardMaxInlineSize","cardMinBlockSize","cardMinInlineSize","cardTheme","columnTheme","composable","composableProps","dataDisabled","defaultButtonColors","defaultTheme","defaultTx","densityBlockSize","densityDimensions","descriptionMessage","dialogActionBar","dialogBody","dialogContent","dialogDescription","dialogHeader","dialogOverlay","dialogTheme","dialogTitle","focusTheme","getHashHue","getHashStyles","getHeight","getSize","getStyles","getWidth","ghostButtonColors","ghostFocusWithin","ghostHover","groupHoverControlItemWithTransition","hoverableControlItem","hoverableControls","hoverableFocusedKeyboardControls","hoverableFocusedWithinControls","hoverableOpenControlItem","hueShades","hues","iconButtonRoot","iconButtonTheme","iconRoot","iconSize","iconTheme","inputTextLabel","inputTheme","linkRoot","linkTheme","listItem","listItemDragHandleIcon","listItemEndcap","listItemHeading","listItemOpenTrigger","listItemOpenTriggerIcon","listRoot","listTheme","mainContent","mainIntrinsicSize","mainOverlay","mainPadding","mainPaddingTransitions","mainSidebar","mainTheme","menuArrow","menuContent","menuGroupLabel","menuItem","menuSeparator","menuTheme","menuViewport","messageContent","messageHeader","messageIcon","messageRoot","messageTheme","messageTitle","messageValence","mx","osTranslations","palette","panelTheme","popoverArrow","popoverContent","popoverTheme","popoverViewport","primaryButtonColors","roles","scrollAreaRoot","scrollAreaTheme","scrollAreaViewport","scrollbar","selectArrow","selectContent","selectItem","selectItemIndicator","selectScrollButton","selectSeparator","selectTheme","selectViewport","separatorRoot","separatorTheme","sizeToRem","sizeValue","skeletonRoot","skeletonTheme","slottable","snapSize","splitterTheme","staticDefaultButtonColors","staticDisabled","statusBar","statusRoot","statusTheme","surfaceShadow","surfaceZIndex","tagRoot","tagTheme","textValence","toastActions","toastBody","toastDescription","toastRoot","toastTheme","toastTitle","toastViewport","toolbarLayout","toolbarRoot","toolbarText","toolbarTheme","tooltipArrow","tooltipContent","tooltipTheme","topbarBlockPaddingStart","treegridCell","treegridRoot","treegridRow","treegridTheme","withColumn"],"entryPoint":"src/index.ts","inputs":{"src/defs.ts":{"bytesInOutput":557},"src/index.ts":{"bytesInOutput":0},"src/fragments/density.ts":{"bytesInOutput":401},"src/fragments/disabled.ts":{"bytesInOutput":150},"src/fragments/hover.ts":{"bytesInOutput":640},"src/fragments/text.ts":{"bytesInOutput":98},"src/util/elevation.ts":{"bytesInOutput":730},"src/util/hash-styles.ts":{"bytesInOutput":3850},"src/util/mx.ts":{"bytesInOutput":2874},"src/util/size.ts":{"bytesInOutput":2671},"src/util/valence.ts":{"bytesInOutput":877},"src/theme/components/avatar.ts":{"bytesInOutput":2153},"src/theme/components/breadcrumb.ts":{"bytesInOutput":515},"src/theme/components/card.ts":{"bytesInOutput":2637},"src/theme/components/button.ts":{"bytesInOutput":1173},"src/theme/primitives/column.ts":{"bytesInOutput":1145},"src/theme/components/dialog.ts":{"bytesInOutput":1299},"src/theme/components/focus.ts":{"bytesInOutput":326},"src/theme/components/icon.ts":{"bytesInOutput":281},"src/theme/components/icon-button.ts":{"bytesInOutput":192},"src/theme/components/input.ts":{"bytesInOutput":4704},"src/theme/components/link.ts":{"bytesInOutput":395},"src/theme/components/list.ts":{"bytesInOutput":1012},"src/theme/components/main.ts":{"bytesInOutput":749},"src/theme/components/menu.ts":{"bytesInOutput":1004},"src/theme/components/message.ts":{"bytesInOutput":674},"src/theme/components/popover.ts":{"bytesInOutput":859},"src/theme/components/scroll-area.ts":{"bytesInOutput":2942},"src/theme/components/select.ts":{"bytesInOutput":1213},"src/theme/components/splitter.ts":{"bytesInOutput":260},"src/theme/components/separator.ts":{"bytesInOutput":257},"src/theme/components/skeleton.ts":{"bytesInOutput":253},"src/theme/components/status.ts":{"bytesInOutput":505},"src/theme/components/tag.ts":{"bytesInOutput":87},"src/theme/components/toast.ts":{"bytesInOutput":1455},"src/theme/components/toolbar.ts":{"bytesInOutput":527},"src/theme/components/tooltip.ts":{"bytesInOutput":409},"src/theme/components/treegrid.ts":{"bytesInOutput":819},"src/theme/primitives/panel.ts":{"bytesInOutput":747},"src/theme/theme.ts":{"bytesInOutput":1055}},"bytes":46563}}}
|
|
@@ -37,7 +37,7 @@ var hueShades = [
|
|
|
37
37
|
var roles = [
|
|
38
38
|
"fill",
|
|
39
39
|
"surface",
|
|
40
|
-
"
|
|
40
|
+
"foreground",
|
|
41
41
|
"text",
|
|
42
42
|
"border"
|
|
43
43
|
];
|
|
@@ -48,18 +48,18 @@ var cardMinBlockSize = 18;
|
|
|
48
48
|
var cardMaxBlockSize = 30;
|
|
49
49
|
|
|
50
50
|
// src/fragments/density.ts
|
|
51
|
-
var coarseBlockSize = "min-h-[2.5rem]";
|
|
52
|
-
var coarseDimensions = `${coarseBlockSize} px-3`;
|
|
53
51
|
var fineBlockSize = "min-h-[2.5rem] pointer-fine:min-h-[2rem]";
|
|
52
|
+
var coarseBlockSize = "min-h-[2.5rem]";
|
|
54
53
|
var fineDimensions = `${fineBlockSize} px-2`;
|
|
55
|
-
var
|
|
54
|
+
var coarseDimensions = `${coarseBlockSize} px-3`;
|
|
55
|
+
var densityDimensions = (density = "fine") => density === "fine" ? fineDimensions : coarseDimensions;
|
|
56
|
+
var densityBlockSize = (density = "fine") => density === "fine" ? fineBlockSize : coarseBlockSize;
|
|
56
57
|
|
|
57
58
|
// src/fragments/disabled.ts
|
|
58
59
|
var staticDisabled = "opacity-40 cursor-not-allowed shadow-none";
|
|
59
60
|
var dataDisabled = "data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed";
|
|
60
61
|
|
|
61
62
|
// src/fragments/hover.ts
|
|
62
|
-
var subtleHover = "hover:bg-hover-overlay";
|
|
63
63
|
var ghostHover = "hover:bg-hover-surface";
|
|
64
64
|
var ghostFocusWithin = "focus-within:bg-hover-surface";
|
|
65
65
|
var hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";
|
|
@@ -70,7 +70,6 @@ var hoverableOpenControlItem = "hover-hover:aria-[expanded=true]:[--controls-opa
|
|
|
70
70
|
var hoverableControlItem = "opacity-(--controls-opacity)";
|
|
71
71
|
|
|
72
72
|
// src/fragments/text.ts
|
|
73
|
-
var descriptionTextPrimary = "text-sm font-normal text-base-surface-text";
|
|
74
73
|
var descriptionMessage = "text-description border border-dashed border-separator rounded-sm p-4";
|
|
75
74
|
|
|
76
75
|
// src/util/elevation.ts
|
|
@@ -111,7 +110,7 @@ var neutral = {
|
|
|
111
110
|
hue: "neutral",
|
|
112
111
|
fill: "bg-neutral-fill",
|
|
113
112
|
surface: "bg-neutral-surface",
|
|
114
|
-
|
|
113
|
+
foreground: "text-neutral-foreground",
|
|
115
114
|
text: "text-neutral-text",
|
|
116
115
|
border: "border-neutral-border"
|
|
117
116
|
};
|
|
@@ -120,7 +119,7 @@ var styles = [
|
|
|
120
119
|
hue: "red",
|
|
121
120
|
fill: "bg-red-fill",
|
|
122
121
|
surface: "bg-red-surface",
|
|
123
|
-
|
|
122
|
+
foreground: "text-red-foreground",
|
|
124
123
|
text: "text-red-text",
|
|
125
124
|
border: "border-red-border"
|
|
126
125
|
},
|
|
@@ -128,7 +127,7 @@ var styles = [
|
|
|
128
127
|
hue: "orange",
|
|
129
128
|
fill: "bg-orange-fill",
|
|
130
129
|
surface: "bg-orange-surface",
|
|
131
|
-
|
|
130
|
+
foreground: "text-orange-foreground",
|
|
132
131
|
text: "text-orange-text",
|
|
133
132
|
border: "border-orange-border"
|
|
134
133
|
},
|
|
@@ -136,7 +135,7 @@ var styles = [
|
|
|
136
135
|
hue: "amber",
|
|
137
136
|
fill: "bg-amber-fill",
|
|
138
137
|
surface: "bg-amber-surface",
|
|
139
|
-
|
|
138
|
+
foreground: "text-amber-foreground",
|
|
140
139
|
text: "text-amber-text",
|
|
141
140
|
border: "border-amber-border"
|
|
142
141
|
},
|
|
@@ -144,7 +143,7 @@ var styles = [
|
|
|
144
143
|
hue: "yellow",
|
|
145
144
|
fill: "bg-yellow-fill",
|
|
146
145
|
surface: "bg-yellow-surface",
|
|
147
|
-
|
|
146
|
+
foreground: "text-yellow-foreground",
|
|
148
147
|
text: "text-yellow-text",
|
|
149
148
|
border: "border-yellow-border"
|
|
150
149
|
},
|
|
@@ -152,7 +151,7 @@ var styles = [
|
|
|
152
151
|
hue: "lime",
|
|
153
152
|
fill: "bg-lime-fill",
|
|
154
153
|
surface: "bg-lime-surface",
|
|
155
|
-
|
|
154
|
+
foreground: "text-lime-foreground",
|
|
156
155
|
text: "text-lime-text",
|
|
157
156
|
border: "border-lime-border"
|
|
158
157
|
},
|
|
@@ -160,7 +159,7 @@ var styles = [
|
|
|
160
159
|
hue: "green",
|
|
161
160
|
fill: "bg-green-fill",
|
|
162
161
|
surface: "bg-green-surface",
|
|
163
|
-
|
|
162
|
+
foreground: "text-green-foreground",
|
|
164
163
|
text: "text-green-text",
|
|
165
164
|
border: "border-green-border"
|
|
166
165
|
},
|
|
@@ -168,7 +167,7 @@ var styles = [
|
|
|
168
167
|
hue: "emerald",
|
|
169
168
|
fill: "bg-emerald-fill",
|
|
170
169
|
surface: "bg-emerald-surface",
|
|
171
|
-
|
|
170
|
+
foreground: "text-emerald-foreground",
|
|
172
171
|
text: "text-emerald-text",
|
|
173
172
|
border: "border-emerald-border"
|
|
174
173
|
},
|
|
@@ -176,7 +175,7 @@ var styles = [
|
|
|
176
175
|
hue: "teal",
|
|
177
176
|
fill: "bg-teal-fill",
|
|
178
177
|
surface: "bg-teal-surface",
|
|
179
|
-
|
|
178
|
+
foreground: "text-teal-foreground",
|
|
180
179
|
text: "text-teal-text",
|
|
181
180
|
border: "border-teal-border"
|
|
182
181
|
},
|
|
@@ -184,7 +183,7 @@ var styles = [
|
|
|
184
183
|
hue: "cyan",
|
|
185
184
|
fill: "bg-cyan-fill",
|
|
186
185
|
surface: "bg-cyan-surface",
|
|
187
|
-
|
|
186
|
+
foreground: "text-cyan-foreground",
|
|
188
187
|
text: "text-cyan-text",
|
|
189
188
|
border: "border-cyan-border"
|
|
190
189
|
},
|
|
@@ -192,7 +191,7 @@ var styles = [
|
|
|
192
191
|
hue: "sky",
|
|
193
192
|
fill: "bg-sky-fill",
|
|
194
193
|
surface: "bg-sky-surface",
|
|
195
|
-
|
|
194
|
+
foreground: "text-sky-foreground",
|
|
196
195
|
text: "text-sky-text",
|
|
197
196
|
border: "border-sky-border"
|
|
198
197
|
},
|
|
@@ -200,7 +199,7 @@ var styles = [
|
|
|
200
199
|
hue: "blue",
|
|
201
200
|
fill: "bg-blue-fill",
|
|
202
201
|
surface: "bg-blue-surface",
|
|
203
|
-
|
|
202
|
+
foreground: "text-blue-foreground",
|
|
204
203
|
text: "text-blue-text",
|
|
205
204
|
border: "border-blue-border"
|
|
206
205
|
},
|
|
@@ -208,7 +207,7 @@ var styles = [
|
|
|
208
207
|
hue: "indigo",
|
|
209
208
|
fill: "bg-indigo-fill",
|
|
210
209
|
surface: "bg-indigo-surface",
|
|
211
|
-
|
|
210
|
+
foreground: "text-indigo-foreground",
|
|
212
211
|
text: "text-indigo-text",
|
|
213
212
|
border: "border-indigo-border"
|
|
214
213
|
},
|
|
@@ -216,7 +215,7 @@ var styles = [
|
|
|
216
215
|
hue: "violet",
|
|
217
216
|
fill: "bg-violet-fill",
|
|
218
217
|
surface: "bg-violet-surface",
|
|
219
|
-
|
|
218
|
+
foreground: "text-violet-foreground",
|
|
220
219
|
text: "text-violet-text",
|
|
221
220
|
border: "border-violet-border"
|
|
222
221
|
},
|
|
@@ -224,7 +223,7 @@ var styles = [
|
|
|
224
223
|
hue: "purple",
|
|
225
224
|
fill: "bg-purple-fill",
|
|
226
225
|
surface: "bg-purple-surface",
|
|
227
|
-
|
|
226
|
+
foreground: "text-purple-foreground",
|
|
228
227
|
text: "text-purple-text",
|
|
229
228
|
border: "border-purple-border"
|
|
230
229
|
},
|
|
@@ -232,7 +231,7 @@ var styles = [
|
|
|
232
231
|
hue: "fuchsia",
|
|
233
232
|
fill: "bg-fuchsia-fill",
|
|
234
233
|
surface: "bg-fuchsia-surface",
|
|
235
|
-
|
|
234
|
+
foreground: "text-fuchsia-foreground",
|
|
236
235
|
text: "text-fuchsia-text",
|
|
237
236
|
border: "border-fuchsia-border"
|
|
238
237
|
},
|
|
@@ -240,7 +239,7 @@ var styles = [
|
|
|
240
239
|
hue: "pink",
|
|
241
240
|
fill: "bg-pink-fill",
|
|
242
241
|
surface: "bg-pink-surface",
|
|
243
|
-
|
|
242
|
+
foreground: "text-pink-foreground",
|
|
244
243
|
text: "text-pink-text",
|
|
245
244
|
border: "border-pink-border"
|
|
246
245
|
},
|
|
@@ -248,7 +247,7 @@ var styles = [
|
|
|
248
247
|
hue: "rose",
|
|
249
248
|
fill: "bg-rose-fill",
|
|
250
249
|
surface: "bg-rose-surface",
|
|
251
|
-
|
|
250
|
+
foreground: "text-rose-foreground",
|
|
252
251
|
text: "text-rose-text",
|
|
253
252
|
border: "border-rose-border"
|
|
254
253
|
}
|
|
@@ -343,12 +342,7 @@ function slottable(render) {
|
|
|
343
342
|
warn = true;
|
|
344
343
|
log.warn("slot child is not composable; create it with composable() or slottable()", {
|
|
345
344
|
child: child.type.displayName ?? child.type.name
|
|
346
|
-
}, {
|
|
347
|
-
F: __dxlog_file,
|
|
348
|
-
L: 125,
|
|
349
|
-
S: this,
|
|
350
|
-
C: (f, a) => f(...a)
|
|
351
|
-
});
|
|
345
|
+
}, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 100, S: this });
|
|
352
346
|
}
|
|
353
347
|
} catch {
|
|
354
348
|
}
|
|
@@ -630,12 +624,14 @@ var cardAction = (_props, ...etc) => mx("dx-card__acztion col-span-3 !grid grid-
|
|
|
630
624
|
var cardActionLabel = (_props, ...etc) => mx("dx-card__action-label min-w-0 flex-1 truncate", ...etc);
|
|
631
625
|
var cardLink = (_props, ...etc) => mx("dx-card__link col-span-3 !grid grid-cols-subgrid group p-0! dx-button dx-focus-ring min-h-1!", ...etc);
|
|
632
626
|
var cardLinkLabel = (_props, ...etc) => mx("dx-card__link-label min-w-0 flex-1 truncate", ...etc);
|
|
627
|
+
var cardRow = (_, ...etc) => mx("dx-card__row col-span-3 grid grid-cols-subgrid", ...etc);
|
|
633
628
|
var cardIconBlock = ({ padding }, ...etc) => mx("dx-card__icon-block grid h-[var(--dx-rail-item)] w-[var(--dx-rail-item)] place-items-center", padding && "[&>*]:p-1", ...etc);
|
|
634
629
|
var cardTheme = {
|
|
635
630
|
root: cardRoot,
|
|
636
631
|
toolbar: cardToolbar,
|
|
637
632
|
title: cardTitle,
|
|
638
633
|
content: cardContent,
|
|
634
|
+
row: cardRow,
|
|
639
635
|
heading: cardHeading,
|
|
640
636
|
text: cardText,
|
|
641
637
|
"text-span": cardTextSpan,
|
|
@@ -649,8 +645,8 @@ var cardTheme = {
|
|
|
649
645
|
};
|
|
650
646
|
|
|
651
647
|
// src/theme/components/button.ts
|
|
652
|
-
var primaryButtonColors = "text-accent-
|
|
653
|
-
var staticDefaultButtonColors = "bg-input-surface text-input-
|
|
648
|
+
var primaryButtonColors = "text-accent-foreground bg-accent-surface hover:bg-accent-surface-hover aria-pressed:bg-primary-500 dark:aria-pressed:bg-primary-500 data-[state=open]:bg-primary-500 dark:data-[state=open]:bg-primary-500 aria-checked:bg-primary-500 dark:aria-checked:bg-primary-500 aria-checked:text-primary-100";
|
|
649
|
+
var staticDefaultButtonColors = "bg-input-surface text-input-foreground";
|
|
654
650
|
var defaultButtonColors = mx(staticDefaultButtonColors, "data-[state=open]:bg-input-surface aria-pressed:text-accent-text aria-pressed:bg-base-surface aria-checked:text-accent-text aria-checked:bg-base-surface");
|
|
655
651
|
var ghostButtonColors = mx(ghostHover, "hover:text-inherit data-[state=open]:bg-input-surface aria-pressed:text-accent-text aria-pressed:bg-base-surface aria-checked:text-accent-text aria-checked:bg-base-surface");
|
|
656
652
|
var buttonRoot = (_props, ...etc) => {
|
|
@@ -664,6 +660,35 @@ var buttonTheme = {
|
|
|
664
660
|
group: buttonGroup
|
|
665
661
|
};
|
|
666
662
|
|
|
663
|
+
// src/theme/primitives/column.ts
|
|
664
|
+
var withColumn = {
|
|
665
|
+
/** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
|
|
666
|
+
center: () => "[grid-column:var(--dx-col,auto)]",
|
|
667
|
+
/** Propagates the Column grid to children via subgrid. No-op outside Column.
|
|
668
|
+
* Direct children default to center column unless they are a dx-container (ScrollArea). */
|
|
669
|
+
propagate: () => "[.dx-column-root_&]:col-span-full [.dx-column-root_&]:grid [.dx-column-root_&]:grid-cols-subgrid [.dx-column-root_&]:[&>*:not(.dx-container)]:[grid-column:var(--dx-col,auto)]",
|
|
670
|
+
/** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
|
|
671
|
+
consumed: () => "[--dx-col:auto]"
|
|
672
|
+
};
|
|
673
|
+
var columnRoot = (_, ...etc) => {
|
|
674
|
+
return mx("dx-column-root grid", ...etc);
|
|
675
|
+
};
|
|
676
|
+
var columnRow = (_, ...etc) => {
|
|
677
|
+
return mx("col-span-3 grid grid-cols-subgrid", ...etc);
|
|
678
|
+
};
|
|
679
|
+
var columnBleed = (_, ...etc) => {
|
|
680
|
+
return mx("col-span-full grid grid-cols-subgrid min-h-0", ...etc);
|
|
681
|
+
};
|
|
682
|
+
var columnCenter = (_, ...etc) => {
|
|
683
|
+
return mx(withColumn.center(), "min-h-0", ...etc);
|
|
684
|
+
};
|
|
685
|
+
var columnTheme = {
|
|
686
|
+
root: columnRoot,
|
|
687
|
+
row: columnRow,
|
|
688
|
+
bleed: columnBleed,
|
|
689
|
+
center: columnCenter
|
|
690
|
+
};
|
|
691
|
+
|
|
667
692
|
// src/theme/components/dialog.ts
|
|
668
693
|
var sizeMap2 = {
|
|
669
694
|
sm: "md:max-w-[24rem]",
|
|
@@ -675,9 +700,9 @@ var dialogOverlay = (_props, ...etc) => mx("dx-dialog__overlay", ...etc);
|
|
|
675
700
|
var dialogContent = ({ inOverlayLayout, size = "md" }, ...etc) => {
|
|
676
701
|
return mx("@container", "dx-dialog__content dx-focus-ring dx-modal-surface dx-density-coarse py-4", !inOverlayLayout && "fixed z-50 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]", sizeMap2[size], ...etc);
|
|
677
702
|
};
|
|
678
|
-
var dialogHeader = (_props, ...etc) => mx("dx-dialog__header flex pb-4 items-center justify-between", ...etc);
|
|
679
|
-
var dialogBody = (_props, ...etc) => mx("dx-dialog__body", ...etc);
|
|
680
|
-
var dialogActionBar = (_props, ...etc) => mx("dx-dialog__actionbar flex items-center pt-4 gap-2 dx-density-coarse", ...etc);
|
|
703
|
+
var dialogHeader = (_props, ...etc) => mx("dx-dialog__header flex pb-4 items-center justify-between", withColumn.center(), ...etc);
|
|
704
|
+
var dialogBody = (_props, ...etc) => mx("dx-dialog__body dx-expander", withColumn.propagate(), ...etc);
|
|
705
|
+
var dialogActionBar = (_props, ...etc) => mx("dx-dialog__actionbar flex items-center pt-4 gap-2 dx-density-coarse", withColumn.center(), ...etc);
|
|
681
706
|
var dialogTitle = ({ srOnly }, ...etc) => mx("dx-dialog__title", srOnly && "sr-only", ...etc);
|
|
682
707
|
var dialogDescription = ({ srOnly }, ...etc) => mx("dx-dialog__description", "text-description", srOnly && "sr-only", ...etc);
|
|
683
708
|
var dialogTheme = {
|
|
@@ -691,7 +716,7 @@ var dialogTheme = {
|
|
|
691
716
|
};
|
|
692
717
|
|
|
693
718
|
// src/theme/components/focus.ts
|
|
694
|
-
var focusRing = ({ border }, ...etc) => mx("dx-ring-pseudo outline-hidden", "focus:after:ring-
|
|
719
|
+
var focusRing = ({ border }, ...etc) => mx("dx-ring-pseudo outline-hidden", "focus:after:ring-focus-ring-subtle", "data-[focus-state=active]:after:ring-focus-ring-subtle", "data-[focus-state=error]:after:ring-rose-500", border && "border border-separator", ...etc);
|
|
695
720
|
var focusTheme = {
|
|
696
721
|
group: focusRing,
|
|
697
722
|
item: focusRing
|
|
@@ -706,8 +731,8 @@ var iconTheme = {
|
|
|
706
731
|
};
|
|
707
732
|
|
|
708
733
|
// src/theme/components/icon-button.ts
|
|
709
|
-
var iconButtonRoot = ({ iconOnly }, ...etc) => {
|
|
710
|
-
return mx("px-1.5", !iconOnly && "gap-
|
|
734
|
+
var iconButtonRoot = ({ iconOnly, square }, ...etc) => {
|
|
735
|
+
return mx("px-1.5", !iconOnly && "gap-1.5", square && "aspect-square", ...etc);
|
|
711
736
|
};
|
|
712
737
|
var iconButtonTheme = {
|
|
713
738
|
root: iconButtonRoot
|
|
@@ -732,22 +757,22 @@ var inputValence = (valence) => {
|
|
|
732
757
|
}
|
|
733
758
|
};
|
|
734
759
|
var sharedSubduedInputStyles = (props) => [
|
|
735
|
-
"py-0 w-full bg-transparent text-current placeholder-placeholder",
|
|
736
760
|
'[[data-drag-autoscroll="active"]_&]:pointer-events-none',
|
|
737
|
-
|
|
761
|
+
"py-0 w-full bg-transparent text-current placeholder-placeholder",
|
|
738
762
|
"dx-focus-subdued",
|
|
763
|
+
densityDimensions(props.density),
|
|
739
764
|
props.disabled && staticDisabled
|
|
740
765
|
];
|
|
741
766
|
var sharedDefaultInputStyles = (props) => [
|
|
742
|
-
"py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
|
|
743
767
|
'[[data-drag-autoscroll="active"]_&]:pointer-events-none',
|
|
768
|
+
"py-0 w-full text-base-foreground rounded-xs placeholder-placeholder",
|
|
744
769
|
textInputSurfaceFocus,
|
|
745
|
-
props.density
|
|
770
|
+
densityDimensions(props.density),
|
|
746
771
|
props.disabled ? staticDisabled : textInputSurfaceHover
|
|
747
772
|
];
|
|
748
773
|
var sharedStaticInputStyles = (props) => [
|
|
749
|
-
"py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
|
|
750
774
|
'[[data-drag-autoscroll="active"]_&]:pointer-events-none',
|
|
775
|
+
"py-0 w-full text-base-foreground rounded-xs placeholder-placeholder",
|
|
751
776
|
textInputSurfaceFocus,
|
|
752
777
|
textInputSurfaceHover,
|
|
753
778
|
props.focused && "bg-attention-surface",
|
|
@@ -771,7 +796,7 @@ var inputSwitch = ({ size = 5, disabled }, ...etc) => mx(
|
|
|
771
796
|
);
|
|
772
797
|
var inputSwitchThumb = ({ size = 5 }, ...etc) => mx(getSize(size === "px" ? "px" : size - 2), "block bg-white rounded-full transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[100%]", ...etc);
|
|
773
798
|
var inputWithSegmentsInput = (props, ...etc) => mx("font-mono selection:bg-transparent mx-auto", props.density === "fine" ? "text-base pointer-fine:text-sm" : "text-lg", props.disabled && "cursor-not-allowed", ...etc);
|
|
774
|
-
var inputSegment = (props, ...etc) => mx("flex items-center justify-center font-mono", props.density === "fine" ? "size-10 pointer-fine:size-8 rounded-xs" : "size-12 rounded-xs", "bg-input-surface text-base-
|
|
799
|
+
var inputSegment = (props, ...etc) => mx("flex items-center justify-center font-mono", props.density === "fine" ? "size-10 pointer-fine:size-8 rounded-xs" : "size-12 rounded-xs", "bg-input-surface text-base-foreground transition-colors border border-separator", "data-[focused]:bg-attention-surface data-[focused]:border-focus-ring-subtle", "data-[focused]:ring-2 data-[focused]:ring-offset-0 data-[focused]:ring-focus-ring-subtle", inputValence(props.validationValence), props.disabled && staticDisabled, ...etc);
|
|
775
800
|
var inputLabel = (props, ...etc) => mx("block", inputTextLabel, props.srOnly && "sr-only", ...etc);
|
|
776
801
|
var inputDescription = (props, ...etc) => mx("text-description", props.srOnly && "sr-only", ...etc);
|
|
777
802
|
var inputDescriptionAndValidation = (props, ...etc) => mx("leading-none my-1.5", props.srOnly && "sr-only", ...etc);
|
|
@@ -857,19 +882,19 @@ var menuTheme = {
|
|
|
857
882
|
|
|
858
883
|
// src/theme/components/message.ts
|
|
859
884
|
var messageRoot = ({ valence }, etc) => {
|
|
860
|
-
return mx("grid grid-cols-[
|
|
885
|
+
return mx("grid grid-cols-[2rem_1fr_2rem] p-1 rounded-sm", messageValence(valence), etc);
|
|
861
886
|
};
|
|
862
887
|
var messageHeader = (_, etc) => {
|
|
863
|
-
return mx("col-span-
|
|
888
|
+
return mx("col-span-full grid grid-cols-subgrid items-center", etc);
|
|
864
889
|
};
|
|
865
890
|
var messageTitle = (_, etc) => {
|
|
866
|
-
return mx("col-start-2
|
|
891
|
+
return mx("col-start-2 truncate", etc);
|
|
867
892
|
};
|
|
868
893
|
var messageIcon = (_, etc) => {
|
|
869
|
-
return mx("col-start-1", etc);
|
|
894
|
+
return mx("col-start-1 grid place-items-center", etc);
|
|
870
895
|
};
|
|
871
896
|
var messageContent = (_, etc) => {
|
|
872
|
-
return mx("grid grid-cols-subgrid
|
|
897
|
+
return mx("col-start-2 grid grid-cols-subgrid inline first:font-medium", etc);
|
|
873
898
|
};
|
|
874
899
|
var messageTheme = {
|
|
875
900
|
root: messageRoot,
|
|
@@ -886,7 +911,7 @@ var popoverContent = ({ elevation }, ...etc) => mx("dx-modal-surface border bord
|
|
|
886
911
|
elevation,
|
|
887
912
|
level: "menu"
|
|
888
913
|
}), "dx-focus-ring", ...etc);
|
|
889
|
-
var popoverViewport = ({ constrainBlock, constrainInline }, ...etc) => mx("
|
|
914
|
+
var popoverViewport = ({ constrainBlock, constrainInline }, ...etc) => mx("grid grid-rows-[1fr] min-h-0 min-w-popover-min-width", (constrainBlock || constrainInline) && "overflow-hidden", constrainBlock && "max-h-(--radix-popover-content-available-height)", constrainBlock && "max-h-[min(var(--radix-popover-content-available-height),calc(100dvh-var(--spacing-screen-border)*2))]", constrainInline && "max-w-(--radix-popover-content-available-width)", ...etc);
|
|
890
915
|
var popoverArrow = (_props, ...etc) => mx("fill-separator", ...etc);
|
|
891
916
|
var popoverTheme = {
|
|
892
917
|
content: popoverContent,
|
|
@@ -911,14 +936,17 @@ var scrollAreaRoot = ({ orientation }, ...etc) => mx(
|
|
|
911
936
|
orientation === "vertical" && "group/scroll-v flex flex-col",
|
|
912
937
|
orientation === "horizontal" && "group/scroll-h flex",
|
|
913
938
|
orientation === "all" && "group/scroll-all",
|
|
914
|
-
// Apply col-span-full only when inside a Column.Root grid (detected via dx-column marker).
|
|
915
|
-
"[.dx-
|
|
939
|
+
// Apply col-span-full only when inside a Column.Root grid (detected via dx-column-root marker).
|
|
940
|
+
"[.dx-column-root_&]:col-span-full",
|
|
916
941
|
...etc
|
|
917
942
|
);
|
|
918
|
-
var scrollAreaViewport = ({ orientation, centered, padding, snap,
|
|
943
|
+
var scrollAreaViewport = ({ orientation, centered, padding, snap, autoHide }, ...etc) => {
|
|
919
944
|
return mx(
|
|
920
|
-
"h-
|
|
921
|
-
|
|
945
|
+
"flex-1 min-h-0 w-full",
|
|
946
|
+
// Reset --dx-col so nested components don't try to grid-position themselves.
|
|
947
|
+
// ScrollArea has already consumed --gutter for padding.
|
|
948
|
+
withColumn.consumed(),
|
|
949
|
+
orientation === "vertical" && "overflow-y-scroll",
|
|
922
950
|
orientation === "horizontal" && "flex overflow-x-scroll overscroll-x-contain",
|
|
923
951
|
orientation === "all" && "overflow-scroll",
|
|
924
952
|
"[&::-webkit-scrollbar-corner]:bg-transparent",
|
|
@@ -967,7 +995,7 @@ var selectContent = ({ elevation }, ...etc) => {
|
|
|
967
995
|
}), ...etc);
|
|
968
996
|
};
|
|
969
997
|
var selectViewport = (_props, ...etc) => mx(...etc);
|
|
970
|
-
var selectItem = (_props, ...etc) => mx("flex items-center min-h-[2rem] px-3 py-1 gap-2", "text-base-
|
|
998
|
+
var selectItem = (_props, ...etc) => mx("flex items-center min-h-[2rem] px-3 py-1 gap-2", "text-base-foreground leading-none select-none outline-hidden", "[&>svg]:invisible [&[data-state=checked]>svg]:visible", "dx-highlighted", ...etc);
|
|
971
999
|
var selectItemIndicator = (_props, ...etc) => mx("items-center", ...etc);
|
|
972
1000
|
var selectArrow = (_props, ...etc) => mx("fill-separator", ...etc);
|
|
973
1001
|
var selectSeparator = (_props, ...etc) => mx("self-stretch border-b my-1 border-separator", ...etc);
|
|
@@ -1053,7 +1081,7 @@ var toolbarTheme = {
|
|
|
1053
1081
|
};
|
|
1054
1082
|
|
|
1055
1083
|
// src/theme/components/tooltip.ts
|
|
1056
|
-
var tooltipContent = ({ elevation }, ...etc) => mx("inline-flex items-center p-1 max-w-64 text-sm bg-inverse-surface text-inverse-
|
|
1084
|
+
var tooltipContent = ({ elevation }, ...etc) => mx("inline-flex items-center p-1 max-w-64 text-sm bg-inverse-surface text-inverse-foreground rounded-sm", surfaceShadow({
|
|
1057
1085
|
elevation: "positioned"
|
|
1058
1086
|
}), surfaceZIndex({
|
|
1059
1087
|
elevation,
|
|
@@ -1109,26 +1137,6 @@ var treegridTheme = {
|
|
|
1109
1137
|
cell: treegridCell
|
|
1110
1138
|
};
|
|
1111
1139
|
|
|
1112
|
-
// src/theme/primitives/column.ts
|
|
1113
|
-
var columnRoot = (_, ...etc) => {
|
|
1114
|
-
return mx("dx-column grid", ...etc);
|
|
1115
|
-
};
|
|
1116
|
-
var columnContent = (_, ...etc) => {
|
|
1117
|
-
return mx("col-span-full grid grid-cols-subgrid min-h-0 [&>:not(.dx-container)]:col-start-2", ...etc);
|
|
1118
|
-
};
|
|
1119
|
-
var columnViewport = (_, ...etc) => {
|
|
1120
|
-
return mx(...etc);
|
|
1121
|
-
};
|
|
1122
|
-
var columnRow = ({ fullWidth, center }, ...etc) => {
|
|
1123
|
-
return mx("col-span-3 grid grid-cols-subgrid", fullWidth ? "col-span-3" : center && "col-start-2 col-span-1", ...etc);
|
|
1124
|
-
};
|
|
1125
|
-
var columnTheme = {
|
|
1126
|
-
root: columnRoot,
|
|
1127
|
-
content: columnContent,
|
|
1128
|
-
viewport: columnViewport,
|
|
1129
|
-
row: columnRow
|
|
1130
|
-
};
|
|
1131
|
-
|
|
1132
1140
|
// src/theme/primitives/panel.ts
|
|
1133
1141
|
var sizes = {
|
|
1134
1142
|
lg: "h-(--dx-topbar-size)",
|
|
@@ -1225,8 +1233,6 @@ export {
|
|
|
1225
1233
|
cardMinBlockSize,
|
|
1226
1234
|
cardMinInlineSize,
|
|
1227
1235
|
cardTheme,
|
|
1228
|
-
coarseBlockSize,
|
|
1229
|
-
coarseDimensions,
|
|
1230
1236
|
columnTheme,
|
|
1231
1237
|
composable,
|
|
1232
1238
|
composableProps,
|
|
@@ -1235,8 +1241,8 @@ export {
|
|
|
1235
1241
|
defaultTheme,
|
|
1236
1242
|
defaultTx,
|
|
1237
1243
|
densityBlockSize,
|
|
1244
|
+
densityDimensions,
|
|
1238
1245
|
descriptionMessage,
|
|
1239
|
-
descriptionTextPrimary,
|
|
1240
1246
|
dialogActionBar,
|
|
1241
1247
|
dialogBody,
|
|
1242
1248
|
dialogContent,
|
|
@@ -1245,8 +1251,6 @@ export {
|
|
|
1245
1251
|
dialogOverlay,
|
|
1246
1252
|
dialogTheme,
|
|
1247
1253
|
dialogTitle,
|
|
1248
|
-
fineBlockSize,
|
|
1249
|
-
fineDimensions,
|
|
1250
1254
|
focusTheme,
|
|
1251
1255
|
getHashHue,
|
|
1252
1256
|
getHashStyles,
|
|
@@ -1339,7 +1343,6 @@ export {
|
|
|
1339
1343
|
statusBar,
|
|
1340
1344
|
statusRoot,
|
|
1341
1345
|
statusTheme,
|
|
1342
|
-
subtleHover,
|
|
1343
1346
|
surfaceShadow,
|
|
1344
1347
|
surfaceZIndex,
|
|
1345
1348
|
tagRoot,
|
|
@@ -1363,6 +1366,7 @@ export {
|
|
|
1363
1366
|
treegridCell,
|
|
1364
1367
|
treegridRoot,
|
|
1365
1368
|
treegridRow,
|
|
1366
|
-
treegridTheme
|
|
1369
|
+
treegridTheme,
|
|
1370
|
+
withColumn
|
|
1367
1371
|
};
|
|
1368
1372
|
//# sourceMappingURL=index.mjs.map
|