@dxos/ui-theme 0.8.4-main.fbb7a13 → 0.8.4-staging.ac66bdf99f
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/dist/lib/browser/index.mjs +766 -2802
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +766 -2802
- 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 +1529 -0
- package/dist/plugin/node-cjs/main.css.map +7 -0
- package/dist/plugin/node-cjs/meta.json +1 -1
- package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs +137 -0
- package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map +7 -0
- package/dist/plugin/node-esm/main.css +1529 -0
- package/dist/plugin/node-esm/main.css.map +7 -0
- package/dist/plugin/node-esm/meta.json +1 -1
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs +105 -0
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +7 -0
- package/dist/types/src/Theme.stories.d.ts +27 -0
- package/dist/types/src/Theme.stories.d.ts.map +1 -0
- package/dist/types/src/defs.d.ts +21 -0
- package/dist/types/src/defs.d.ts.map +1 -0
- package/dist/types/src/fragments/density.d.ts +4 -0
- package/dist/types/src/fragments/density.d.ts.map +1 -0
- package/dist/types/src/fragments/disabled.d.ts.map +1 -0
- package/dist/types/src/fragments/hover.d.ts +10 -0
- package/dist/types/src/fragments/hover.d.ts.map +1 -0
- package/dist/types/src/fragments/index.d.ts +5 -0
- package/dist/types/src/fragments/index.d.ts.map +1 -0
- package/dist/types/src/fragments/text.d.ts +2 -0
- package/dist/types/src/fragments/text.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +3 -10
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts +16 -0
- package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -0
- package/dist/types/src/plugins/dark-mode.d.ts +1 -0
- package/dist/types/src/plugins/dark-mode.d.ts.map +1 -0
- package/dist/types/src/theme/components/avatar.d.ts.map +1 -0
- package/dist/types/src/theme/components/breadcrumb.d.ts.map +1 -0
- package/dist/types/src/theme/components/button.d.ts +15 -0
- package/dist/types/src/theme/components/button.d.ts.map +1 -0
- package/dist/types/src/theme/components/card.d.ts +12 -0
- package/dist/types/src/theme/components/card.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/dialog.d.ts +2 -0
- package/dist/types/src/theme/components/dialog.d.ts.map +1 -0
- package/dist/types/src/theme/components/focus.d.ts +6 -0
- package/dist/types/src/theme/components/focus.d.ts.map +1 -0
- package/dist/types/src/theme/components/icon-button.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/icon.d.ts +3 -0
- package/dist/types/src/theme/components/icon.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/index.d.ts +4 -1
- package/dist/types/src/theme/components/index.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/input.d.ts +25 -21
- package/dist/types/src/theme/components/input.d.ts.map +1 -0
- package/dist/types/src/theme/components/link.d.ts.map +1 -0
- package/dist/types/src/theme/components/list.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/main.d.ts +2 -7
- package/dist/types/src/theme/components/main.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/menu.d.ts +1 -1
- package/dist/types/src/theme/components/menu.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/message.d.ts +1 -0
- package/dist/types/src/theme/components/message.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/popover.d.ts +1 -1
- package/dist/types/src/theme/components/popover.d.ts.map +1 -0
- package/dist/types/src/theme/components/scroll-area.d.ts +32 -0
- package/dist/types/src/theme/components/scroll-area.d.ts.map +1 -0
- package/dist/types/src/theme/components/select.d.ts.map +1 -0
- package/dist/types/src/theme/components/separator.d.ts.map +1 -0
- package/dist/types/src/theme/components/skeleton.d.ts +7 -0
- package/dist/types/src/theme/components/skeleton.d.ts.map +1 -0
- package/dist/types/src/theme/components/splitter.d.ts +4 -0
- package/dist/types/src/theme/components/splitter.d.ts.map +1 -0
- package/dist/types/src/{styles → theme}/components/status.d.ts +1 -1
- package/dist/types/src/theme/components/status.d.ts.map +1 -0
- package/dist/types/src/theme/components/tag.d.ts.map +1 -0
- package/dist/types/src/theme/components/toast.d.ts.map +1 -0
- package/dist/types/src/theme/components/toolbar.d.ts +11 -0
- package/dist/types/src/theme/components/toolbar.d.ts.map +1 -0
- package/dist/types/src/theme/components/tooltip.d.ts.map +1 -0
- package/dist/types/src/theme/components/treegrid.d.ts.map +1 -0
- package/dist/types/src/theme/index.d.ts +4 -0
- package/dist/types/src/theme/index.d.ts.map +1 -0
- package/dist/types/src/theme/primitives/column.d.ts +29 -0
- package/dist/types/src/theme/primitives/column.d.ts.map +1 -0
- package/dist/types/src/theme/primitives/index.d.ts +3 -0
- package/dist/types/src/theme/primitives/index.d.ts.map +1 -0
- package/dist/types/src/theme/primitives/panel.d.ts +13 -0
- package/dist/types/src/theme/primitives/panel.d.ts.map +1 -0
- package/dist/types/src/theme/theme.d.ts +5 -0
- package/dist/types/src/theme/theme.d.ts.map +1 -0
- package/dist/types/src/{styles/fragments → util}/elevation.d.ts +0 -6
- package/dist/types/src/util/elevation.d.ts.map +1 -0
- package/dist/types/src/util/hash-styles.d.ts +8 -5
- package/dist/types/src/util/hash-styles.d.ts.map +1 -1
- package/dist/types/src/util/index.d.ts +3 -0
- package/dist/types/src/util/index.d.ts.map +1 -1
- package/dist/types/src/util/mx.d.ts +36 -0
- package/dist/types/src/util/mx.d.ts.map +1 -1
- package/dist/types/src/util/size.d.ts +27 -0
- package/dist/types/src/util/size.d.ts.map +1 -0
- package/dist/types/src/util/valence.d.ts +4 -0
- package/dist/types/src/util/valence.d.ts.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +24 -27
- package/src/Theme.stories.tsx +224 -0
- package/src/css/base/base.css +43 -0
- package/src/{styles/layers → css/base}/typography.css +3 -5
- package/src/{styles/layers → css/components}/button.css +23 -14
- package/src/{styles/layers → css/components}/checkbox.css +12 -8
- package/src/{styles/layers → css/components}/dialog.css +16 -15
- package/src/{styles/layers/focus-ring.css → css/components/focus.css} +60 -41
- package/src/css/components/icon.css +9 -0
- package/src/css/components/link.css +9 -0
- package/src/css/components/panel.css +117 -0
- package/src/css/components/scrollbar.css +24 -0
- package/src/css/components/selected.css +30 -0
- package/src/css/components/surface.css +34 -0
- package/src/css/components/tag.css +130 -0
- package/src/css/components/text.css +124 -0
- package/src/css/integrations/codemirror.css +34 -0
- package/src/css/integrations/tldraw.css +14 -0
- package/src/css/layout/main.css +205 -0
- package/src/{styles/layers → css/layout}/native.css +6 -4
- package/src/css/layout/positioning.css +19 -0
- package/src/{styles/layers → css/layout}/size.css +117 -109
- package/src/css/theme/animation.css +229 -0
- package/src/css/theme/border.css +23 -0
- package/src/css/theme/palette.css +36 -0
- package/src/css/theme/semantic.css +116 -0
- package/src/css/theme/spacing.css +147 -0
- package/src/css/theme/styles.css +145 -0
- package/src/css/theme/text.css +37 -0
- package/src/css/utilities.css +76 -0
- package/src/defs.ts +48 -0
- package/src/fragments/AUDIT.md +57 -0
- package/src/fragments/density.ts +16 -0
- package/src/fragments/hover.ts +18 -0
- package/src/fragments/index.ts +10 -0
- package/src/fragments/text.ts +6 -0
- package/src/index.ts +3 -14
- package/src/main.css +87 -0
- package/src/plugins/ThemePlugin.ts +125 -0
- package/src/plugins/dark-mode.ts +22 -0
- package/src/plugins/main.css +45 -0
- package/src/{styles → theme}/components/avatar.ts +12 -13
- package/src/theme/components/button.ts +48 -0
- package/src/theme/components/card.ts +102 -0
- package/src/{styles → theme}/components/dialog.ts +19 -10
- package/src/theme/components/focus.ts +33 -0
- package/src/{styles → theme}/components/icon-button.ts +1 -3
- package/src/theme/components/icon.ts +28 -0
- package/src/{styles → theme}/components/index.ts +4 -1
- package/src/theme/components/input.ts +171 -0
- package/src/{styles → theme}/components/link.ts +3 -4
- package/src/{styles → theme}/components/list.ts +5 -5
- package/src/{styles → theme}/components/main.ts +2 -6
- package/src/{styles → theme}/components/menu.ts +11 -21
- package/src/{styles → theme}/components/message.ts +11 -7
- package/src/{styles → theme}/components/popover.ts +13 -12
- package/src/theme/components/scroll-area.ts +115 -0
- package/src/{styles → theme}/components/select.ts +8 -16
- package/src/{styles → theme}/components/separator.ts +3 -3
- package/src/theme/components/skeleton.ts +23 -0
- package/src/theme/components/splitter.ts +20 -0
- package/src/{styles → theme}/components/status.ts +7 -7
- package/src/{styles → theme}/components/tag.ts +1 -1
- package/src/{styles → theme}/components/toast.ts +6 -8
- package/src/theme/components/toolbar.ts +35 -0
- package/src/{styles → theme}/components/tooltip.ts +4 -6
- package/src/{styles → theme}/components/treegrid.ts +9 -9
- package/src/{styles → theme}/index.ts +2 -2
- package/src/theme/primitives/column.ts +71 -0
- package/src/theme/primitives/index.ts +6 -0
- package/src/theme/primitives/panel.ts +43 -0
- package/src/{styles → theme}/theme.ts +27 -9
- package/src/typings.d.ts +3 -1
- package/src/{styles/fragments → util}/elevation.ts +6 -8
- package/src/util/hash-styles.ts +118 -98
- package/src/util/index.ts +3 -0
- package/src/util/mx.ts +165 -43
- package/src/util/size.ts +103 -0
- package/src/util/valence.ts +33 -0
- package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs +0 -79
- package/dist/plugin/node-cjs/chunk-UUMDOU7E.cjs.map +0 -7
- package/dist/plugin/node-cjs/chunk-ZVALPM6U.cjs +0 -1619
- package/dist/plugin/node-cjs/chunk-ZVALPM6U.cjs.map +0 -7
- package/dist/plugin/node-cjs/config/tailwind.cjs +0 -29
- package/dist/plugin/node-cjs/config/tailwind.cjs.map +0 -7
- package/dist/plugin/node-cjs/plugins/esbuild-plugin.cjs +0 -90
- package/dist/plugin/node-cjs/plugins/esbuild-plugin.cjs.map +0 -7
- package/dist/plugin/node-cjs/plugins/plugin.cjs +0 -124
- package/dist/plugin/node-cjs/plugins/plugin.cjs.map +0 -7
- package/dist/plugin/node-cjs/theme.css +0 -1418
- package/dist/plugin/node-cjs/theme.css.map +0 -7
- package/dist/plugin/node-esm/chunk-AFRHJHP4.mjs +0 -49
- package/dist/plugin/node-esm/chunk-AFRHJHP4.mjs.map +0 -7
- package/dist/plugin/node-esm/chunk-HJE6EZWE.mjs +0 -1614
- package/dist/plugin/node-esm/chunk-HJE6EZWE.mjs.map +0 -7
- package/dist/plugin/node-esm/config/tailwind.mjs +0 -8
- package/dist/plugin/node-esm/config/tailwind.mjs.map +0 -7
- package/dist/plugin/node-esm/plugins/esbuild-plugin.mjs +0 -63
- package/dist/plugin/node-esm/plugins/esbuild-plugin.mjs.map +0 -7
- package/dist/plugin/node-esm/plugins/plugin.mjs +0 -98
- package/dist/plugin/node-esm/plugins/plugin.mjs.map +0 -7
- package/dist/plugin/node-esm/theme.css +0 -1418
- package/dist/plugin/node-esm/theme.css.map +0 -7
- package/dist/types/src/Tokens.stories.d.ts +0 -10
- package/dist/types/src/Tokens.stories.d.ts.map +0 -1
- package/dist/types/src/config/index.d.ts +0 -3
- package/dist/types/src/config/index.d.ts.map +0 -1
- package/dist/types/src/config/tailwind.d.ts +0 -9
- package/dist/types/src/config/tailwind.d.ts.map +0 -1
- package/dist/types/src/config/tokens/alias-colors.d.ts +0 -21
- package/dist/types/src/config/tokens/alias-colors.d.ts.map +0 -1
- package/dist/types/src/config/tokens/index.d.ts +0 -486
- package/dist/types/src/config/tokens/index.d.ts.map +0 -1
- package/dist/types/src/config/tokens/lengths.d.ts +0 -139
- package/dist/types/src/config/tokens/lengths.d.ts.map +0 -1
- package/dist/types/src/config/tokens/physical-colors.d.ts +0 -23
- package/dist/types/src/config/tokens/physical-colors.d.ts.map +0 -1
- package/dist/types/src/config/tokens/semantic-colors.d.ts +0 -187
- package/dist/types/src/config/tokens/semantic-colors.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sememes-calls.d.ts +0 -3
- package/dist/types/src/config/tokens/sememes-calls.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sememes-codemirror.d.ts +0 -43
- package/dist/types/src/config/tokens/sememes-codemirror.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sememes-hue.d.ts +0 -4
- package/dist/types/src/config/tokens/sememes-hue.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sememes-sheet.d.ts +0 -58
- package/dist/types/src/config/tokens/sememes-sheet.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sememes-system.d.ts +0 -99
- package/dist/types/src/config/tokens/sememes-system.d.ts.map +0 -1
- package/dist/types/src/config/tokens/sizes.d.ts +0 -7
- package/dist/types/src/config/tokens/sizes.d.ts.map +0 -1
- package/dist/types/src/config/tokens/types.d.ts +0 -5
- package/dist/types/src/config/tokens/types.d.ts.map +0 -1
- package/dist/types/src/plugins/esbuild-plugin.d.ts +0 -9
- package/dist/types/src/plugins/esbuild-plugin.d.ts.map +0 -1
- package/dist/types/src/plugins/plugin.d.ts +0 -20
- package/dist/types/src/plugins/plugin.d.ts.map +0 -1
- package/dist/types/src/plugins/resolveContent.d.ts +0 -2
- package/dist/types/src/plugins/resolveContent.d.ts.map +0 -1
- package/dist/types/src/styles/components/anchored-overflow.d.ts +0 -6
- package/dist/types/src/styles/components/anchored-overflow.d.ts.map +0 -1
- package/dist/types/src/styles/components/avatar.d.ts.map +0 -1
- package/dist/types/src/styles/components/breadcrumb.d.ts.map +0 -1
- package/dist/types/src/styles/components/button.d.ts +0 -19
- package/dist/types/src/styles/components/button.d.ts.map +0 -1
- package/dist/types/src/styles/components/dialog.d.ts.map +0 -1
- package/dist/types/src/styles/components/icon-button.d.ts.map +0 -1
- package/dist/types/src/styles/components/icon.d.ts.map +0 -1
- package/dist/types/src/styles/components/index.d.ts.map +0 -1
- package/dist/types/src/styles/components/input.d.ts.map +0 -1
- package/dist/types/src/styles/components/link.d.ts.map +0 -1
- package/dist/types/src/styles/components/list.d.ts.map +0 -1
- package/dist/types/src/styles/components/main.d.ts.map +0 -1
- package/dist/types/src/styles/components/menu.d.ts.map +0 -1
- package/dist/types/src/styles/components/message.d.ts.map +0 -1
- package/dist/types/src/styles/components/popover.d.ts.map +0 -1
- package/dist/types/src/styles/components/scroll-area.d.ts +0 -9
- package/dist/types/src/styles/components/scroll-area.d.ts.map +0 -1
- package/dist/types/src/styles/components/select.d.ts.map +0 -1
- package/dist/types/src/styles/components/separator.d.ts.map +0 -1
- package/dist/types/src/styles/components/status.d.ts.map +0 -1
- package/dist/types/src/styles/components/tag.d.ts.map +0 -1
- package/dist/types/src/styles/components/toast.d.ts.map +0 -1
- package/dist/types/src/styles/components/toolbar.d.ts +0 -11
- package/dist/types/src/styles/components/toolbar.d.ts.map +0 -1
- package/dist/types/src/styles/components/tooltip.d.ts.map +0 -1
- package/dist/types/src/styles/components/treegrid.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/density.d.ts +0 -13
- package/dist/types/src/styles/fragments/density.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/dimension.d.ts +0 -5
- package/dist/types/src/styles/fragments/dimension.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/disabled.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/elevation.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/focus.d.ts +0 -6
- package/dist/types/src/styles/fragments/focus.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/group.d.ts +0 -5
- package/dist/types/src/styles/fragments/group.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/hover.d.ts +0 -17
- package/dist/types/src/styles/fragments/hover.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/index.d.ts +0 -17
- package/dist/types/src/styles/fragments/index.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/layout.d.ts +0 -3
- package/dist/types/src/styles/fragments/layout.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/motion.d.ts +0 -2
- package/dist/types/src/styles/fragments/motion.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/ornament.d.ts +0 -5
- package/dist/types/src/styles/fragments/ornament.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/selected.d.ts +0 -13
- package/dist/types/src/styles/fragments/selected.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/shimmer.d.ts +0 -3
- package/dist/types/src/styles/fragments/shimmer.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/size.d.ts +0 -9
- package/dist/types/src/styles/fragments/size.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/surface.d.ts +0 -9
- package/dist/types/src/styles/fragments/surface.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/text.d.ts +0 -7
- package/dist/types/src/styles/fragments/text.d.ts.map +0 -1
- package/dist/types/src/styles/fragments/valence.d.ts +0 -13
- package/dist/types/src/styles/fragments/valence.d.ts.map +0 -1
- package/dist/types/src/styles/index.d.ts +0 -4
- package/dist/types/src/styles/index.d.ts.map +0 -1
- package/dist/types/src/styles/theme.d.ts +0 -5
- package/dist/types/src/styles/theme.d.ts.map +0 -1
- package/dist/types/src/tailwind.d.ts +0 -3
- package/dist/types/src/tailwind.d.ts.map +0 -1
- package/dist/types/src/types.d.ts +0 -3
- package/dist/types/src/types.d.ts.map +0 -1
- package/dist/types/src/util/withLogical.d.ts +0 -164
- package/dist/types/src/util/withLogical.d.ts.map +0 -1
- package/src/Tokens.stories.tsx +0 -88
- package/src/config/index.ts +0 -6
- package/src/config/tailwind.ts +0 -264
- package/src/config/tokens/alias-colors.ts +0 -39
- package/src/config/tokens/index.ts +0 -92
- package/src/config/tokens/lengths.ts +0 -97
- package/src/config/tokens/physical-colors.ts +0 -125
- package/src/config/tokens/semantic-colors.ts +0 -27
- package/src/config/tokens/sememes-calls.ts +0 -17
- package/src/config/tokens/sememes-codemirror.ts +0 -50
- package/src/config/tokens/sememes-hue.ts +0 -54
- package/src/config/tokens/sememes-sheet.ts +0 -62
- package/src/config/tokens/sememes-system.ts +0 -302
- package/src/config/tokens/sizes.ts +0 -10
- package/src/config/tokens/types.ts +0 -9
- package/src/docs/theme.drawio.svg +0 -635
- package/src/plugins/esbuild-plugin.ts +0 -65
- package/src/plugins/plugin.ts +0 -130
- package/src/plugins/resolveContent.ts +0 -51
- package/src/styles/components/README.md +0 -6
- package/src/styles/components/anchored-overflow.ts +0 -20
- package/src/styles/components/button.ts +0 -48
- package/src/styles/components/icon.ts +0 -19
- package/src/styles/components/input.ts +0 -177
- package/src/styles/components/scroll-area.ts +0 -43
- package/src/styles/components/toolbar.ts +0 -29
- package/src/styles/fragments/density.ts +0 -17
- package/src/styles/fragments/dimension.ts +0 -8
- package/src/styles/fragments/focus.ts +0 -16
- package/src/styles/fragments/group.ts +0 -12
- package/src/styles/fragments/hover.ts +0 -25
- package/src/styles/fragments/index.ts +0 -20
- package/src/styles/fragments/layout.ts +0 -7
- package/src/styles/fragments/motion.ts +0 -6
- package/src/styles/fragments/ornament.ts +0 -10
- package/src/styles/fragments/selected.ts +0 -45
- package/src/styles/fragments/shimmer.ts +0 -9
- package/src/styles/fragments/size.ts +0 -117
- package/src/styles/fragments/surface.ts +0 -29
- package/src/styles/fragments/text.ts +0 -12
- package/src/styles/fragments/valence.ts +0 -46
- package/src/styles/layers/README.md +0 -15
- package/src/styles/layers/anchored-overflow.css +0 -9
- package/src/styles/layers/animation.css +0 -17
- package/src/styles/layers/attention.css +0 -8
- package/src/styles/layers/base.css +0 -25
- package/src/styles/layers/can-scroll.css +0 -26
- package/src/styles/layers/drag-preview.css +0 -18
- package/src/styles/layers/hues.css +0 -110
- package/src/styles/layers/index.css +0 -26
- package/src/styles/layers/main.css +0 -227
- package/src/styles/layers/positioning.css +0 -23
- package/src/styles/layers/surfaces.css +0 -31
- package/src/styles/layers/tag.css +0 -132
- package/src/styles/layers/tldraw.css +0 -91
- package/src/styles/layers/tokens.css +0 -46
- package/src/tailwind.ts +0 -7
- package/src/theme.css +0 -9
- package/src/types.ts +0 -7
- package/src/util/withLogical.ts +0 -114
- /package/dist/types/src/{styles/fragments → fragments}/disabled.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/avatar.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/breadcrumb.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/icon-button.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/link.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/list.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/select.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/separator.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/tag.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/toast.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/tooltip.d.ts +0 -0
- /package/dist/types/src/{styles → theme}/components/treegrid.d.ts +0 -0
- /package/src/{styles/fragments → fragments}/disabled.ts +0 -0
- /package/src/{styles → theme}/components/breadcrumb.ts +0 -0
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type ToolbarStyleProps = Partial<{
|
|
3
|
-
layoutManaged: boolean;
|
|
4
|
-
disabled: boolean;
|
|
5
|
-
}>;
|
|
6
|
-
export declare const toolbarLayout = "is-full shrink-0 flex flex-nowrap items-center gap-1 p-1 overflow-x-auto scrollbar-none contain-layout";
|
|
7
|
-
export declare const toolbarInactive = "*:opacity-20";
|
|
8
|
-
export declare const toolbarRoot: ComponentFunction<ToolbarStyleProps>;
|
|
9
|
-
export declare const toolbarInner: ComponentFunction<ToolbarStyleProps>;
|
|
10
|
-
export declare const toolbarTheme: Theme<ToolbarStyleProps>;
|
|
11
|
-
//# sourceMappingURL=toolbar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvF,eAAO,MAAM,aAAa,2GACgF,CAAC;AAG3G,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAQ7D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAyD,CAAC;AAExH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/treegrid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAaH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAAqC,CAAC;AAErG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,kBAAkB,CACwB,CAAC;AAEvF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAC/B,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAInD,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type Density } from '@dxos/ui-types';
|
|
2
|
-
export declare const coarseBlockSize = "min-bs-[2.5rem]";
|
|
3
|
-
export declare const coarseTextPadding = "pli-3";
|
|
4
|
-
export declare const coarseButtonPadding = "pli-4";
|
|
5
|
-
export declare const coarseDimensions = "min-bs-[2.5rem] pli-3";
|
|
6
|
-
export declare const coarseButtonDimensions = "min-bs-[2.5rem] pli-4";
|
|
7
|
-
export declare const fineBlockSize = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem]";
|
|
8
|
-
export declare const fineTextPadding = "pli-2";
|
|
9
|
-
export declare const fineButtonPadding = "pli-2.5";
|
|
10
|
-
export declare const fineDimensions = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem] pli-2";
|
|
11
|
-
export declare const fineButtonDimensions = "min-bs-[2.5rem] pointer-fine:min-bs-[2rem] pli-2.5";
|
|
12
|
-
export declare const densityBlockSize: (density?: Density) => "min-bs-[2.5rem]" | "min-bs-[2.5rem] pointer-fine:min-bs-[2rem]";
|
|
13
|
-
//# sourceMappingURL=density.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAC3C,eAAO,MAAM,gBAAgB,0BAA4C,CAAC;AAC1E,eAAO,MAAM,sBAAsB,0BAA8C,CAAC;AAClF,eAAO,MAAM,aAAa,+CAA+C,CAAC;AAC1E,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,cAAc,qDAAwC,CAAC;AACpE,eAAO,MAAM,oBAAoB,uDAA0C,CAAC;AAC5E,eAAO,MAAM,gBAAgB,GAAI,UAAS,OAAkB,qEAA2D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dimension.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/dimension.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,cAAc,6CAA6C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"disabled.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/disabled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,8CAA8C,CAAC;AAC1E,eAAO,MAAM,YAAY,kEAAkE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/elevation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3F;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAA0B,CAAC;AAGlG,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAEtE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAY5F,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const focusRing = "dx-focus-ring";
|
|
2
|
-
export declare const dropRing = "ring-1 ring-offset-0 ring-primary-350 ring-offset-white dark:ring-primary-450 dark:ring-offset-black";
|
|
3
|
-
export declare const dropRingInner = "before:z-[1] before:absolute before:inset-0 before:ring-1 before:ring-inset before:ring-primary-350 before:dark:ring-primary-450";
|
|
4
|
-
export declare const subduedFocus = "focus:outline-none focus-visible:outline-none focus:ring-0 ring-0 focus:border-0 border-0";
|
|
5
|
-
export declare const staticFocusRing = "ring-2 ring-offset-0 ring-primary-350 ring-offset-white dark:ring-primary-450 dark:ring-offset-black";
|
|
6
|
-
//# sourceMappingURL=focus.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/focus.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,kBAAkB,CAAC;AAEzC,eAAO,MAAM,QAAQ,yGACmF,CAAC;AAEzG,eAAO,MAAM,aAAa,qIAC0G,CAAC;AAErI,eAAO,MAAM,YAAY,8FAA8F,CAAC;AAExH,eAAO,MAAM,eAAe,yGAC4E,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/group.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIxE,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAG9D,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated
|
|
3
|
-
*/
|
|
4
|
-
export declare const hoverColors = "transition-colors duration-100 linear hover:bg-hoverSurface";
|
|
5
|
-
export declare const ghostHover = "hover:bg-hoverSurface";
|
|
6
|
-
export declare const ghostFocusWithin = "focus-within:bg-hoverSurface";
|
|
7
|
-
export declare const subtleHover = "hover:bg-hoverOverlay";
|
|
8
|
-
export declare const hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";
|
|
9
|
-
export declare const groupHoverControlItemWithTransition = "transition-opacity duration-200 opacity-0 group-hover:opacity-100";
|
|
10
|
-
export declare const hoverableFocusedKeyboardControls = "focus-visible:[--controls-opacity:1]";
|
|
11
|
-
export declare const hoverableFocusedWithinControls = "focus-within:[--controls-opacity:1]";
|
|
12
|
-
export declare const hoverableFocusedControls = "focus:[--controls-opacity:1]";
|
|
13
|
-
export declare const hoverableOpenControlItem = "hover-hover:aria-[expanded=true]:[--controls-opacity:1]";
|
|
14
|
-
export declare const hoverableControlItem = "opacity-[--controls-opacity]";
|
|
15
|
-
export declare const hoverableControlItemTransition = "transition-opacity duration-200";
|
|
16
|
-
export declare const staticHoverableControls = "hover-hover:[--controls-opacity:1]";
|
|
17
|
-
//# sourceMappingURL=hover.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/hover.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,WAAW,gEAAgE,CAAC;AAEzF,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,gBAAgB,iCAAiC,CAAC;AAC/D,eAAO,MAAM,WAAW,0BAA0B,CAAC;AAEnD,eAAO,MAAM,iBAAiB,uGACwE,CAAC;AAEvG,eAAO,MAAM,mCAAmC,sEAAsE,CAAC;AAEvH,eAAO,MAAM,gCAAgC,yCAAyC,CAAC;AACvF,eAAO,MAAM,8BAA8B,wCAAwC,CAAC;AACpF,eAAO,MAAM,wBAAwB,iCAAiC,CAAC;AACvE,eAAO,MAAM,wBAAwB,4DAA4D,CAAC;AAClG,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AACnE,eAAO,MAAM,8BAA8B,oCAAoC,CAAC;AAChF,eAAO,MAAM,uBAAuB,uCAAuC,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export * from './density';
|
|
2
|
-
export * from './disabled';
|
|
3
|
-
export * from './dimension';
|
|
4
|
-
export * from './elevation';
|
|
5
|
-
export * from './focus';
|
|
6
|
-
export * from './group';
|
|
7
|
-
export * from './hover';
|
|
8
|
-
export * from './layout';
|
|
9
|
-
export * from './motion';
|
|
10
|
-
export * from './ornament';
|
|
11
|
-
export * from './selected';
|
|
12
|
-
export * from './shimmer';
|
|
13
|
-
export * from './surface';
|
|
14
|
-
export * from './size';
|
|
15
|
-
export * from './text';
|
|
16
|
-
export * from './valence';
|
|
17
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/layout.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oDAAoD,CAAC;AAE9E,eAAO,MAAM,oBAAoB,gEAAgE,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const popperMotion = "will-change-[opacity,transform] data-[side=top]:animate-slide-down-and-fade data-[side=right]:animate-slide-left-and-fade data-[side=bottom]:animate-slide-up-and-fade data-[side=left]:animate-slide-right-and-fade";
|
|
2
|
-
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/motion.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yNAC+L,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const separatorBorderColor = "border-separator";
|
|
2
|
-
export declare const subduedSeparatorBorderColor = "border-subduedSeparator";
|
|
3
|
-
export declare const inlineSeparator = "self-stretch border-ie mli-1";
|
|
4
|
-
export declare const blockSeparator = "self-stretch border-be mlb-1";
|
|
5
|
-
//# sourceMappingURL=ornament.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ornament.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/ornament.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,2BAA2B,4BAA4B,CAAC;AAErE,eAAO,MAAM,eAAe,iCAAiC,CAAC;AAC9D,eAAO,MAAM,cAAc,iCAAiC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type ComponentFragment } from '@dxos/ui-types';
|
|
2
|
-
export declare const ghostSelectedCurrent: string[];
|
|
3
|
-
export declare const ghostHighlighted = "data-[highlighted]:bg-primary-100 dark:data-[highlighted]:bg-primary-600 hover:data-[highlighted]:bg-primary-150 hover:dark:data-[highlighted]:bg-primary-500";
|
|
4
|
-
export declare const ghostSelectedTrackingInterFromNormal = "tracking-[0.0092em]";
|
|
5
|
-
export declare const ghostSelected = "aria-selected:bg-baseSurface aria-selected:text-accentText hover:aria-selected:text-accentTextHover aria-selected:font-semibold aria-selected:tracking-normal transition-[color,font-variation-settings,letter-spacing]";
|
|
6
|
-
export declare const ghostSelectedContainerMd = "@md:aria-selected:bg-baseSurface @md:aria-selected:text-accentText @md:hover:aria-selected:text-accentTextHover @md:aria-selected:font-semibold @md:aria-selected:tracking-normal @md:transition-[color,font-variation-settings,letter-spacing]";
|
|
7
|
-
export type SelectedStyleProps = {
|
|
8
|
-
current?: boolean;
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const staticGhostSelectedCurrent: ComponentFragment<SelectedStyleProps>;
|
|
12
|
-
export declare const staticGhostSelected: ComponentFragment<Pick<SelectedStyleProps, 'selected'>>;
|
|
13
|
-
//# sourceMappingURL=selected.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"selected.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/selected.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,eAAO,MAAM,oBAAoB,UAKhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,kKACoI,CAAC;AAElK,eAAO,MAAM,oCAAoC,wBAAwB,CAAC;AAE1E,eAAO,MAAM,aAAa,4NACiM,CAAC;AAE5N,eAAO,MAAM,wBAAwB,oPAC8M,CAAC;AAEpP,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,CAAC,kBAAkB,CAQ5E,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAChC,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const shimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-neutral-100/10 before:to-transparent isolate overflow-hidden";
|
|
2
|
-
export declare const strongShimmer = "relative before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-primary-100/80 before:to-transparent isolate overflow-hidden";
|
|
3
|
-
//# sourceMappingURL=shimmer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/shimmer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oNAC+L,CAAC;AAEpN,eAAO,MAAM,aAAa,oNACyL,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type Size } from '@dxos/ui-types';
|
|
2
|
-
export declare const sizeWidthMap: Map<Size, string>;
|
|
3
|
-
export declare const sizeHeightMap: Map<Size, string>;
|
|
4
|
-
export declare const getSizeHeight: (key: Size) => string | undefined;
|
|
5
|
-
export declare const getSizeWidth: (key: Size) => string | undefined;
|
|
6
|
-
export declare const getSize: (size: Size) => string;
|
|
7
|
-
export declare const computeSize: (value: number, defaultSize: Size) => Size;
|
|
8
|
-
export declare const sizeValue: (size: Size) => number;
|
|
9
|
-
//# sourceMappingURL=size.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAI3C,eAAO,MAAM,YAAY,mBAoCvB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAoCxB,CAAC;AAIH,eAAO,MAAM,aAAa,mCAAwC,CAAC;AACnE,eAAO,MAAM,YAAY,mCAAsC,CAAC;AAChE,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,WAAgD,CAAC;AAEnF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,aAAa,IAAI,SAwB3D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,MAAoC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const baseSurface = "base-surface";
|
|
2
|
-
export declare const sidebarSurface = "sidebar-surface backdrop-blur-md dark:backdrop-blur-lg";
|
|
3
|
-
export declare const sidebarBorder = "border-separator";
|
|
4
|
-
export declare const activeSurface = "base-surface";
|
|
5
|
-
export declare const groupBorder = "border-separator";
|
|
6
|
-
export declare const modalSurface = "modal-surface backdrop-blur-md";
|
|
7
|
-
export declare const attentionSurface = "attention-surface";
|
|
8
|
-
export declare const accentSurface = "bg-accentSurface text-accentSurfaceText";
|
|
9
|
-
//# sourceMappingURL=surface.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/surface.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,2DAA2D,CAAC;AACvF,eAAO,MAAM,aAAa,qBAAqB,CAAC;AAGhD,eAAO,MAAM,aAAa,iBAAiB,CAAC;AAC5C,eAAO,MAAM,WAAW,qBAAqB,CAAC;AAG9C,eAAO,MAAM,YAAY,mCAAmC,CAAC;AAI7D,eAAO,MAAM,gBAAgB,sBAAsB,CAAC;AAEpD,eAAO,MAAM,aAAa,4CAA4C,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const placeholderText = "placeholder-neutral-300 dark:placeholder-neutral-500";
|
|
2
|
-
export declare const staticPlaceholderText = "text-neutral-300 dark:text-neutral-500";
|
|
3
|
-
export declare const descriptionText = "text-sm font-normal text-description";
|
|
4
|
-
export declare const descriptionTextPrimary = "text-sm font-normal text-baseText";
|
|
5
|
-
export declare const descriptionMessage: string[];
|
|
6
|
-
export declare const chromeText = "text-sm font-normal";
|
|
7
|
-
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,yDAAyD,CAAC;AACtF,eAAO,MAAM,qBAAqB,2CAA2C,CAAC;AAE9E,eAAO,MAAM,eAAe,yCAAyC,CAAC;AACtE,eAAO,MAAM,sBAAsB,sCAAsC,CAAC;AAC1E,eAAO,MAAM,kBAAkB,UAAyE,CAAC;AAEzG,eAAO,MAAM,UAAU,wBAAwB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type MessageValence } from '@dxos/ui-types';
|
|
2
|
-
export declare const successText = "text-xs font-medium text-successText";
|
|
3
|
-
export declare const infoText = "text-xs font-medium text-infoText";
|
|
4
|
-
export declare const warningText = "text-xs font-medium text-warningText";
|
|
5
|
-
export declare const errorText = "text-xs font-medium text-errorText";
|
|
6
|
-
export declare const valenceColorText: (valence?: MessageValence) => "text-xs font-medium text-successText" | "text-xs font-medium text-infoText" | "text-xs font-medium text-warningText" | "text-xs font-medium text-errorText" | undefined;
|
|
7
|
-
export declare const neutralMessageColors = "border border-dashed border-separator text-subdued";
|
|
8
|
-
export declare const successMessageColors = "text-successSurfaceText bg-successSurface";
|
|
9
|
-
export declare const infoMessageColors = "text-infoSurfaceText bg-infoSurface";
|
|
10
|
-
export declare const warningMessageColors = "text-warningSurfaceText bg-warningSurface";
|
|
11
|
-
export declare const errorMessageColors = "text-errorSurfaceText bg-errorSurface";
|
|
12
|
-
export declare const messageValence: (valence?: MessageValence) => "border border-dashed border-separator text-subdued" | "text-successSurfaceText bg-successSurface" | "text-infoSurfaceText bg-infoSurface" | "text-warningSurfaceText bg-warningSurface" | "text-errorSurfaceText bg-errorSurface";
|
|
13
|
-
//# sourceMappingURL=valence.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../../src/styles/fragments/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,QAAQ,sCAAsC,CAAC;AAC5D,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,SAAS,uCAAuC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,UAAU,cAAc,6KAaxD,CAAC;AAEF,eAAO,MAAM,oBAAoB,uDAAuD,CAAC;AACzF,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AACvE,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,kBAAkB,0CAA0C,CAAC;AAE1E,eAAO,MAAM,cAAc,GAAI,UAAU,cAAc,uOAatD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type Theme } from '@dxos/ui-types';
|
|
2
|
-
export declare const defaultTheme: Theme<Record<string, any>>;
|
|
3
|
-
export declare const bindTheme: <P extends Record<string, any>>(theme: Theme<Record<string, any>>) => (path: string, defaultClassName: string, styleProps: P, ...options: any[]) => string;
|
|
4
|
-
export declare const defaultTx: (path: string, defaultClassName: string, styleProps: Record<string, any>, ...options: any[]) => string;
|
|
5
|
-
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/styles/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA6BpE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CA0BnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAChF,MAAM,MAAM,EAAE,kBAAkB,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,SAAS,GAAG,EAAE,KAAG,MAIpF,CAAC;AAEF,eAAO,MAAM,SAAS,SANN,MAAM,oBAAoB,MAAM,+CAA6B,GAAG,EAAE,KAAG,MAMrC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../src/tailwind.ts"],"names":[],"mappings":";AAMA,wBAAoE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC"}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
import { type Config } from 'tailwind-merge';
|
|
2
|
-
declare const classGroupsConfig: {
|
|
3
|
-
float: {
|
|
4
|
-
float: string[];
|
|
5
|
-
}[];
|
|
6
|
-
clear: {
|
|
7
|
-
clear: string[];
|
|
8
|
-
}[];
|
|
9
|
-
resize: {
|
|
10
|
-
resize: string[];
|
|
11
|
-
}[];
|
|
12
|
-
'text-alignment': {
|
|
13
|
-
text: string[];
|
|
14
|
-
}[];
|
|
15
|
-
'logical.overscroll-b': {
|
|
16
|
-
'overscroll-b': string[];
|
|
17
|
-
}[];
|
|
18
|
-
'logical.overscroll-i': {
|
|
19
|
-
'overscroll-b': string[];
|
|
20
|
-
}[];
|
|
21
|
-
'logical.bs': {
|
|
22
|
-
bs: readonly [(value: string) => boolean, (value: string) => boolean];
|
|
23
|
-
}[];
|
|
24
|
-
'logical.min-bs': {
|
|
25
|
-
'min-bs': readonly [() => boolean];
|
|
26
|
-
}[];
|
|
27
|
-
'logical.max-bs': {
|
|
28
|
-
'max-bs': readonly [() => boolean];
|
|
29
|
-
}[];
|
|
30
|
-
'logical.is': {
|
|
31
|
-
is: readonly [(value: string) => boolean, (value: string) => boolean];
|
|
32
|
-
}[];
|
|
33
|
-
'logical.min-is': {
|
|
34
|
-
'min-is': readonly [() => boolean];
|
|
35
|
-
}[];
|
|
36
|
-
'logical.max-is': {
|
|
37
|
-
'max-is': readonly [() => boolean];
|
|
38
|
-
}[];
|
|
39
|
-
'logical.mlb': {
|
|
40
|
-
mlb: readonly [() => boolean];
|
|
41
|
-
}[];
|
|
42
|
-
'logical.mli': {
|
|
43
|
-
mli: readonly [() => boolean];
|
|
44
|
-
}[];
|
|
45
|
-
'logical.mbs': {
|
|
46
|
-
mbs: readonly [() => boolean];
|
|
47
|
-
}[];
|
|
48
|
-
'logical.mbe': {
|
|
49
|
-
mbe: readonly [() => boolean];
|
|
50
|
-
}[];
|
|
51
|
-
'logical.mis': {
|
|
52
|
-
mis: readonly [() => boolean];
|
|
53
|
-
}[];
|
|
54
|
-
'logical.mie': {
|
|
55
|
-
mie: readonly [() => boolean];
|
|
56
|
-
}[];
|
|
57
|
-
'logical.plb': {
|
|
58
|
-
plb: readonly [() => boolean];
|
|
59
|
-
}[];
|
|
60
|
-
'logical.pli': {
|
|
61
|
-
pli: readonly [() => boolean];
|
|
62
|
-
}[];
|
|
63
|
-
'logical.pbs': {
|
|
64
|
-
pbs: readonly [() => boolean];
|
|
65
|
-
}[];
|
|
66
|
-
'logical.pbe': {
|
|
67
|
-
pbe: readonly [() => boolean];
|
|
68
|
-
}[];
|
|
69
|
-
'logical.pis': {
|
|
70
|
-
pis: readonly [() => boolean];
|
|
71
|
-
}[];
|
|
72
|
-
'logical.pie': {
|
|
73
|
-
pie: readonly [() => boolean];
|
|
74
|
-
}[];
|
|
75
|
-
'logical.space-b': {
|
|
76
|
-
'space-b': readonly [(value: string) => boolean, (value: string) => boolean];
|
|
77
|
-
}[];
|
|
78
|
-
'logical.space-i': {
|
|
79
|
-
'space-i': readonly [(value: string) => boolean, (value: string) => boolean];
|
|
80
|
-
}[];
|
|
81
|
-
'logical.inset-block': {
|
|
82
|
-
'inset-block': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
83
|
-
}[];
|
|
84
|
-
'logical.inset-inline': {
|
|
85
|
-
'inset-inline': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
86
|
-
}[];
|
|
87
|
-
'logical.block-start': {
|
|
88
|
-
'block-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
89
|
-
}[];
|
|
90
|
-
'logical.block-end': {
|
|
91
|
-
'block-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
92
|
-
}[];
|
|
93
|
-
'logical.inline-start': {
|
|
94
|
-
'inline-start': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
95
|
-
}[];
|
|
96
|
-
'logical.inline-end': {
|
|
97
|
-
'inline-end': readonly ["auto", (value: string) => boolean, (value: string) => boolean];
|
|
98
|
-
}[];
|
|
99
|
-
'logical.border-li': {
|
|
100
|
-
'border-li': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
101
|
-
}[];
|
|
102
|
-
'logical.border-lb': {
|
|
103
|
-
'border-lb': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
104
|
-
}[];
|
|
105
|
-
'logical.border-bs': {
|
|
106
|
-
'border-bs': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
107
|
-
}[];
|
|
108
|
-
'logical.border-be': {
|
|
109
|
-
'border-be': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
110
|
-
}[];
|
|
111
|
-
'logical.border-is': {
|
|
112
|
-
'border-is': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
113
|
-
}[];
|
|
114
|
-
'logical.border-ie': {
|
|
115
|
-
'border-ie': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
116
|
-
}[];
|
|
117
|
-
'logical.border-color-bs': {
|
|
118
|
-
'border-bs': readonly [() => boolean];
|
|
119
|
-
}[];
|
|
120
|
-
'logical.border-color-be': {
|
|
121
|
-
'border-be': readonly [() => boolean];
|
|
122
|
-
}[];
|
|
123
|
-
'logical.border-color-is': {
|
|
124
|
-
'border-is': readonly [() => boolean];
|
|
125
|
-
}[];
|
|
126
|
-
'logical.border-color-ie': {
|
|
127
|
-
'border-ie': readonly [() => boolean];
|
|
128
|
-
}[];
|
|
129
|
-
'logical.rounded-bs': {
|
|
130
|
-
'rounded-bs': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
131
|
-
}[];
|
|
132
|
-
'logical.rounded-be': {
|
|
133
|
-
'rounded-be': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
134
|
-
}[];
|
|
135
|
-
'logical.rounded-is': {
|
|
136
|
-
'rounded-is': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
137
|
-
}[];
|
|
138
|
-
'logical.rounded-ie': {
|
|
139
|
-
'rounded-ie': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
140
|
-
}[];
|
|
141
|
-
'logical.rounded-ss': {
|
|
142
|
-
'rounded-ss': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
143
|
-
}[];
|
|
144
|
-
'logical.rounded-se': {
|
|
145
|
-
'rounded-se': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
146
|
-
}[];
|
|
147
|
-
'logical.rounded-es': {
|
|
148
|
-
'rounded-es': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
149
|
-
}[];
|
|
150
|
-
'logical.rounded-ee': {
|
|
151
|
-
'rounded-ee': readonly ["none", "", (value: string) => boolean, "full", (value: string) => boolean];
|
|
152
|
-
}[];
|
|
153
|
-
'logical.divide-b': {
|
|
154
|
-
'divide-b': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
155
|
-
}[];
|
|
156
|
-
'logical.divide-i': {
|
|
157
|
-
'divide-i': readonly ["", (value: string) => boolean, (value: string) => boolean];
|
|
158
|
-
}[];
|
|
159
|
-
};
|
|
160
|
-
export type WithLogicalClassGroups = keyof typeof classGroupsConfig;
|
|
161
|
-
type WithLogicalConfig = Config<WithLogicalClassGroups, string>;
|
|
162
|
-
export declare const withLogical: (prevConfig: WithLogicalConfig) => WithLogicalConfig;
|
|
163
|
-
export {};
|
|
164
|
-
//# sourceMappingURL=withLogical.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"withLogical.d.ts","sourceRoot":"","sources":["../../../../src/util/withLogical.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,gBAAgB,CAAC;AAQvE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEpE,KAAK,iBAAiB,GAAG,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,WAAW,GAAI,YAAY,iBAAiB,KAAG,iBAwC3D,CAAC"}
|
package/src/Tokens.stories.tsx
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2025 DXOS.org
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
import { type HelicalArcSeries, type TokenAudit, auditFacet, parseAlphaLuminosity } from '@ch-ui/tokens';
|
|
6
|
-
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
7
|
-
import React, { Fragment } from 'react';
|
|
8
|
-
|
|
9
|
-
import { tokenSet } from './config';
|
|
10
|
-
|
|
11
|
-
const colorAudit = auditFacet(tokenSet.colors, { condition: 'p3' });
|
|
12
|
-
|
|
13
|
-
const Swatch = ({ variableName, value, semantic, physical }: TokenAudit<HelicalArcSeries>) => {
|
|
14
|
-
const [luminosity, alpha] = parseAlphaLuminosity(value);
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<div className='shrink-0 is-40 flex flex-col rounded overflow-hidden'>
|
|
18
|
-
<dd className='aspect-video' style={{ background: `var(${variableName})` }}></dd>
|
|
19
|
-
<dt className='text-xs bg-baseSurface grow pli-2 plb-1'>
|
|
20
|
-
<p className='text-sm'>
|
|
21
|
-
{luminosity}
|
|
22
|
-
{typeof alpha !== 'undefined' && ` / ${alpha}`}
|
|
23
|
-
</p>
|
|
24
|
-
{physical.includes('values') && <p>values</p>}
|
|
25
|
-
{physical.includes('naming') && <p>naming</p>}
|
|
26
|
-
{semantic.length > 0 && (
|
|
27
|
-
<ul>
|
|
28
|
-
{semantic.map(({ sememeName, conditionId }) => {
|
|
29
|
-
const sememeCondition = `${sememeName} / ${conditionId}`;
|
|
30
|
-
return <li key={sememeCondition}>{sememeCondition}</li>;
|
|
31
|
-
})}
|
|
32
|
-
</ul>
|
|
33
|
-
)}
|
|
34
|
-
</dt>
|
|
35
|
-
</div>
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
const DefaultStory = () => {
|
|
40
|
-
return (
|
|
41
|
-
<>
|
|
42
|
-
<div className='flex'>
|
|
43
|
-
<div className='p-2 bg-baseSurface rounded'>
|
|
44
|
-
<h1 className='text-lg mbe-2'>Physical color tokens</h1>
|
|
45
|
-
<pre className='text-xs'>
|
|
46
|
-
Luminosity (/ alpha)?
|
|
47
|
-
<br />
|
|
48
|
-
value // (whether added directly as a physical value)
|
|
49
|
-
<br />
|
|
50
|
-
naming // (whether added as a named physical value)
|
|
51
|
-
<br />
|
|
52
|
-
...`semantic token name / theme`[]
|
|
53
|
-
</pre>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
{Object.entries(colorAudit).map(([seriesId, audits], i) => (
|
|
58
|
-
<Fragment key={i}>
|
|
59
|
-
<h2 className='mbs-12 mbe-4'>
|
|
60
|
-
<span className='pli-2 plb-1 bg-baseSurface rounded'>{seriesId}</span>
|
|
61
|
-
</h2>
|
|
62
|
-
<dl className='flex flex-wrap gap-2'>
|
|
63
|
-
{audits
|
|
64
|
-
.sort((a, b) => {
|
|
65
|
-
const [aL, aA] = parseAlphaLuminosity(a.value);
|
|
66
|
-
const [bL, bA] = parseAlphaLuminosity(b.value);
|
|
67
|
-
return aL - bL - (Number.isFinite(aA) && Number.isFinite(bA) ? aA! - bA! : 0);
|
|
68
|
-
})
|
|
69
|
-
.map((audit, i) => (
|
|
70
|
-
<Swatch key={i} {...audit} />
|
|
71
|
-
))}
|
|
72
|
-
</dl>
|
|
73
|
-
</Fragment>
|
|
74
|
-
))}
|
|
75
|
-
</>
|
|
76
|
-
);
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
const meta = {
|
|
80
|
-
title: 'ui/react-ui-theme/Tokens',
|
|
81
|
-
render: DefaultStory,
|
|
82
|
-
} satisfies Meta<typeof DefaultStory>;
|
|
83
|
-
|
|
84
|
-
export default meta;
|
|
85
|
-
|
|
86
|
-
type Story = StoryObj<typeof meta>;
|
|
87
|
-
|
|
88
|
-
export const Default: Story = {};
|