@dxos/ui-theme 0.8.4-main.abd8ff62ef → 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 +29 -31
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +29 -31
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/plugin/node-cjs/main.css +85 -79
- 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 +85 -79
- package/dist/plugin/node-esm/main.css.map +2 -2
- package/dist/plugin/node-esm/meta.json +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/hover.d.ts +0 -1
- package/dist/types/src/fragments/hover.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/util/hash-styles.d.ts +1 -1
- package/dist/types/src/util/hash-styles.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +8 -9
- 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 +23 -23
- package/src/css/components/selected.css +58 -17
- package/src/css/components/surface.css +4 -4
- package/src/css/components/tag.css +23 -23
- package/src/css/theme/semantic.css +36 -40
- package/src/css/theme/spacing.css +1 -1
- package/src/css/theme/styles.css +22 -22
- package/src/defs.ts +1 -1
- package/src/fragments/AUDIT.md +0 -2
- package/src/fragments/hover.ts +0 -2
- package/src/main.css +3 -3
- package/src/theme/components/button.ts +2 -2
- package/src/theme/components/focus.ts +2 -2
- package/src/theme/components/icon-button.ts +1 -1
- package/src/theme/components/input.ts +5 -5
- package/src/theme/components/message.ts +1 -1
- package/src/theme/components/select.ts +1 -1
- package/src/theme/components/tooltip.ts +1 -1
- package/src/util/hash-styles.ts +19 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/defs.ts":{"bytes":3565,"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":2761,"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":14327,"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":4741,"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":2800,"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":1635,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/input.ts":{"bytes":18321,"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":3620,"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":5520,"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":2491,"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":101028},"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","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","withColumn"],"entryPoint":"src/index.ts","inputs":{"src/defs.ts":{"bytesInOutput":559},"src/index.ts":{"bytesInOutput":0},"src/fragments/density.ts":{"bytesInOutput":401},"src/fragments/disabled.ts":{"bytesInOutput":150},"src/fragments/hover.ts":{"bytesInOutput":684},"src/fragments/text.ts":{"bytesInOutput":98},"src/util/elevation.ts":{"bytesInOutput":730},"src/util/hash-styles.ts":{"bytesInOutput":3904},"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":1177},"src/theme/primitives/column.ts":{"bytesInOutput":1145},"src/theme/components/dialog.ts":{"bytesInOutput":1299},"src/theme/components/focus.ts":{"bytesInOutput":338},"src/theme/components/icon.ts":{"bytesInOutput":281},"src/theme/components/icon-button.ts":{"bytesInOutput":190},"src/theme/components/input.ts":{"bytesInOutput":4722},"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":667},"src/theme/components/popover.ts":{"bytesInOutput":859},"src/theme/components/scroll-area.ts":{"bytesInOutput":2942},"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/panel.ts":{"bytesInOutput":747},"src/theme/theme.ts":{"bytesInOutput":1055}},"bytes":46707}}}
|
|
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
|
];
|
|
@@ -60,7 +60,6 @@ var staticDisabled = "opacity-40 cursor-not-allowed shadow-none";
|
|
|
60
60
|
var dataDisabled = "data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed";
|
|
61
61
|
|
|
62
62
|
// src/fragments/hover.ts
|
|
63
|
-
var subtleHover = "hover:bg-hover-overlay";
|
|
64
63
|
var ghostHover = "hover:bg-hover-surface";
|
|
65
64
|
var ghostFocusWithin = "focus-within:bg-hover-surface";
|
|
66
65
|
var hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";
|
|
@@ -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
|
}
|
|
@@ -646,8 +645,8 @@ var cardTheme = {
|
|
|
646
645
|
};
|
|
647
646
|
|
|
648
647
|
// src/theme/components/button.ts
|
|
649
|
-
var primaryButtonColors = "text-accent-
|
|
650
|
-
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";
|
|
651
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");
|
|
652
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");
|
|
653
652
|
var buttonRoot = (_props, ...etc) => {
|
|
@@ -717,7 +716,7 @@ var dialogTheme = {
|
|
|
717
716
|
};
|
|
718
717
|
|
|
719
718
|
// src/theme/components/focus.ts
|
|
720
|
-
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);
|
|
721
720
|
var focusTheme = {
|
|
722
721
|
group: focusRing,
|
|
723
722
|
item: focusRing
|
|
@@ -733,7 +732,7 @@ var iconTheme = {
|
|
|
733
732
|
|
|
734
733
|
// src/theme/components/icon-button.ts
|
|
735
734
|
var iconButtonRoot = ({ iconOnly, square }, ...etc) => {
|
|
736
|
-
return mx("px-1.5", !iconOnly && "gap-
|
|
735
|
+
return mx("px-1.5", !iconOnly && "gap-1.5", square && "aspect-square", ...etc);
|
|
737
736
|
};
|
|
738
737
|
var iconButtonTheme = {
|
|
739
738
|
root: iconButtonRoot
|
|
@@ -766,14 +765,14 @@ var sharedSubduedInputStyles = (props) => [
|
|
|
766
765
|
];
|
|
767
766
|
var sharedDefaultInputStyles = (props) => [
|
|
768
767
|
'[[data-drag-autoscroll="active"]_&]:pointer-events-none',
|
|
769
|
-
"py-0 w-full text-base-
|
|
768
|
+
"py-0 w-full text-base-foreground rounded-xs placeholder-placeholder",
|
|
770
769
|
textInputSurfaceFocus,
|
|
771
770
|
densityDimensions(props.density),
|
|
772
771
|
props.disabled ? staticDisabled : textInputSurfaceHover
|
|
773
772
|
];
|
|
774
773
|
var sharedStaticInputStyles = (props) => [
|
|
775
774
|
'[[data-drag-autoscroll="active"]_&]:pointer-events-none',
|
|
776
|
-
"py-0 w-full text-base-
|
|
775
|
+
"py-0 w-full text-base-foreground rounded-xs placeholder-placeholder",
|
|
777
776
|
textInputSurfaceFocus,
|
|
778
777
|
textInputSurfaceHover,
|
|
779
778
|
props.focused && "bg-attention-surface",
|
|
@@ -797,7 +796,7 @@ var inputSwitch = ({ size = 5, disabled }, ...etc) => mx(
|
|
|
797
796
|
);
|
|
798
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);
|
|
799
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);
|
|
800
|
-
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);
|
|
801
800
|
var inputLabel = (props, ...etc) => mx("block", inputTextLabel, props.srOnly && "sr-only", ...etc);
|
|
802
801
|
var inputDescription = (props, ...etc) => mx("text-description", props.srOnly && "sr-only", ...etc);
|
|
803
802
|
var inputDescriptionAndValidation = (props, ...etc) => mx("leading-none my-1.5", props.srOnly && "sr-only", ...etc);
|
|
@@ -895,7 +894,7 @@ var messageIcon = (_, etc) => {
|
|
|
895
894
|
return mx("col-start-1 grid place-items-center", etc);
|
|
896
895
|
};
|
|
897
896
|
var messageContent = (_, etc) => {
|
|
898
|
-
return mx("col-start-2 grid grid-cols-subgrid first:font-medium", etc);
|
|
897
|
+
return mx("col-start-2 grid grid-cols-subgrid inline first:font-medium", etc);
|
|
899
898
|
};
|
|
900
899
|
var messageTheme = {
|
|
901
900
|
root: messageRoot,
|
|
@@ -996,7 +995,7 @@ var selectContent = ({ elevation }, ...etc) => {
|
|
|
996
995
|
}), ...etc);
|
|
997
996
|
};
|
|
998
997
|
var selectViewport = (_props, ...etc) => mx(...etc);
|
|
999
|
-
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);
|
|
1000
999
|
var selectItemIndicator = (_props, ...etc) => mx("items-center", ...etc);
|
|
1001
1000
|
var selectArrow = (_props, ...etc) => mx("fill-separator", ...etc);
|
|
1002
1001
|
var selectSeparator = (_props, ...etc) => mx("self-stretch border-b my-1 border-separator", ...etc);
|
|
@@ -1082,7 +1081,7 @@ var toolbarTheme = {
|
|
|
1082
1081
|
};
|
|
1083
1082
|
|
|
1084
1083
|
// src/theme/components/tooltip.ts
|
|
1085
|
-
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({
|
|
1086
1085
|
elevation: "positioned"
|
|
1087
1086
|
}), surfaceZIndex({
|
|
1088
1087
|
elevation,
|
|
@@ -1344,7 +1343,6 @@ export {
|
|
|
1344
1343
|
statusBar,
|
|
1345
1344
|
statusRoot,
|
|
1346
1345
|
statusTheme,
|
|
1347
|
-
subtleHover,
|
|
1348
1346
|
surfaceShadow,
|
|
1349
1347
|
surfaceZIndex,
|
|
1350
1348
|
tagRoot,
|