@dxos/ui-theme 0.8.4-main.9be5663bfe → 0.8.4-main.bc2380dfbc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +102 -5
- package/README.md +1 -1
- package/dist/lib/browser/index.mjs +88 -84
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +88 -84
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/plugin/node-cjs/main.css +147 -106
- package/dist/plugin/node-cjs/main.css.map +2 -2
- package/dist/plugin/node-cjs/meta.json +1 -1
- package/dist/plugin/node-esm/main.css +147 -106
- package/dist/plugin/node-esm/main.css.map +2 -2
- package/dist/plugin/node-esm/meta.json +1 -1
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +2 -2
- package/dist/types/src/Theme.stories.d.ts.map +1 -1
- package/dist/types/src/defs.d.ts +1 -1
- package/dist/types/src/defs.d.ts.map +1 -1
- package/dist/types/src/fragments/density.d.ts +1 -4
- package/dist/types/src/fragments/density.d.ts.map +1 -1
- package/dist/types/src/fragments/hover.d.ts +0 -1
- package/dist/types/src/fragments/hover.d.ts.map +1 -1
- package/dist/types/src/fragments/text.d.ts +0 -1
- package/dist/types/src/fragments/text.d.ts.map +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -1
- package/dist/types/src/theme/components/button.d.ts +2 -2
- package/dist/types/src/theme/components/button.d.ts.map +1 -1
- package/dist/types/src/theme/components/card.d.ts.map +1 -1
- package/dist/types/src/theme/components/dialog.d.ts.map +1 -1
- package/dist/types/src/theme/components/icon-button.d.ts +1 -0
- package/dist/types/src/theme/components/icon-button.d.ts.map +1 -1
- package/dist/types/src/theme/components/input.d.ts +8 -8
- package/dist/types/src/theme/components/input.d.ts.map +1 -1
- package/dist/types/src/theme/components/main.d.ts.map +1 -1
- package/dist/types/src/theme/components/scroll-area.d.ts.map +1 -1
- package/dist/types/src/theme/primitives/column.d.ts +22 -5
- package/dist/types/src/theme/primitives/column.d.ts.map +1 -1
- package/dist/types/src/theme/primitives/panel.d.ts.map +1 -1
- package/dist/types/src/theme/theme.d.ts.map +1 -1
- package/dist/types/src/util/hash-styles.d.ts +1 -1
- package/dist/types/src/util/hash-styles.d.ts.map +1 -1
- package/dist/types/src/util/mx.d.ts +21 -1
- package/dist/types/src/util/mx.d.ts.map +1 -1
- package/dist/types/src/util/size.d.ts.map +1 -1
- package/dist/types/src/util/valence.d.ts +2 -2
- package/dist/types/src/util/valence.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +11 -19
- package/src/Theme.stories.tsx +5 -5
- package/src/css/DESIGN_SYSTEM.md +159 -0
- package/src/css/base/base.css +2 -2
- package/src/css/components/button.css +3 -3
- package/src/css/components/checkbox.css +1 -1
- package/src/css/components/focus.css +12 -12
- package/src/css/components/panel.css +45 -45
- package/src/css/components/selected.css +61 -15
- package/src/css/components/selected.md +101 -0
- package/src/css/components/surface.css +4 -4
- package/src/css/components/tag.css +25 -23
- package/src/css/layout/size.css +16 -3
- package/src/css/theme/animation.css +31 -0
- package/src/css/theme/semantic.css +36 -40
- package/src/css/theme/spacing.css +7 -8
- package/src/css/theme/styles.css +22 -22
- package/src/css/utilities.css +48 -6
- package/src/defs.ts +1 -1
- package/src/fragments/AUDIT.md +0 -3
- package/src/fragments/density.ts +8 -5
- package/src/fragments/hover.ts +0 -2
- package/src/fragments/text.ts +1 -1
- package/src/main.css +38 -4
- package/src/theme/components/button.ts +2 -2
- package/src/theme/components/card.ts +4 -0
- package/src/theme/components/dialog.ts +5 -3
- package/src/theme/components/focus.ts +2 -2
- package/src/theme/components/icon-button.ts +6 -3
- package/src/theme/components/input.ts +9 -9
- package/src/theme/components/message.ts +5 -5
- package/src/theme/components/popover.ts +1 -1
- package/src/theme/components/scroll-area.ts +10 -5
- package/src/theme/components/select.ts +1 -1
- package/src/theme/components/tooltip.ts +1 -1
- package/src/theme/primitives/column.ts +44 -20
- package/src/util/hash-styles.ts +19 -19
- package/src/util/mx.ts +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/plugins/ThemePlugin.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/plugins/ThemePlugin.ts":{"bytes":13135,"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"format":"esm"},"src/css/theme/animation.css":{"bytes":4993,"imports":[]},"src/css/theme/border.css":{"bytes":623,"imports":[]},"src/css/theme/palette.css":{"bytes":1519,"imports":[]},"src/css/theme/semantic.css":{"bytes":5788,"imports":[]},"src/css/theme/spacing.css":{"bytes":3992,"imports":[]},"src/css/theme/styles.css":{"bytes":8741,"imports":[]},"src/css/theme/text.css":{"bytes":1008,"imports":[]},"src/css/base/base.css":{"bytes":844,"imports":[]},"src/css/base/typography.css":{"bytes":3219,"imports":[{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}]},"src/css/components/button.css":{"bytes":2249,"imports":[]},"src/css/components/checkbox.css":{"bytes":1660,"imports":[]},"src/css/components/dialog.css":{"bytes":1597,"imports":[]},"src/css/components/focus.css":{"bytes":5359,"imports":[]},"src/css/components/icon.css":{"bytes":109,"imports":[]},"src/css/components/panel.css":{"bytes":3149,"imports":[]},"src/css/components/link.css":{"bytes":135,"imports":[]},"src/css/components/scrollbar.css":{"bytes":524,"imports":[]},"src/css/components/selected.css":{"bytes":3310,"imports":[]},"src/css/components/surface.css":{"bytes":942,"imports":[]},"src/css/components/tag.css":{"bytes":2950,"imports":[]},"src/css/components/text.css":{"bytes":1996,"imports":[]},"src/css/layout/main.css":{"bytes":6568,"imports":[]},"src/css/layout/native.css":{"bytes":496,"imports":[]},"src/css/layout/positioning.css":{"bytes":322,"imports":[]},"src/css/layout/size.css":{"bytes":6881,"imports":[]},"src/css/utilities.css":{"bytes":3909,"imports":[]},"src/css/integrations/codemirror.css":{"bytes":1737,"imports":[]},"src/css/integrations/tldraw.css":{"bytes":331,"imports":[]},"src/main.css":{"bytes":4680,"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"src/css/theme/animation.css","kind":"import-rule","original":"./css/theme/animation.css"},{"path":"src/css/theme/border.css","kind":"import-rule","original":"./css/theme/border.css"},{"path":"src/css/theme/palette.css","kind":"import-rule","original":"./css/theme/palette.css"},{"path":"src/css/theme/semantic.css","kind":"import-rule","original":"./css/theme/semantic.css"},{"path":"src/css/theme/spacing.css","kind":"import-rule","original":"./css/theme/spacing.css"},{"path":"src/css/theme/styles.css","kind":"import-rule","original":"./css/theme/styles.css"},{"path":"src/css/theme/text.css","kind":"import-rule","original":"./css/theme/text.css"},{"path":"src/css/base/base.css","kind":"import-rule","original":"./css/base/base.css"},{"path":"src/css/base/typography.css","kind":"import-rule","original":"./css/base/typography.css"},{"path":"src/css/components/button.css","kind":"import-rule","original":"./css/components/button.css"},{"path":"src/css/components/checkbox.css","kind":"import-rule","original":"./css/components/checkbox.css"},{"path":"src/css/components/dialog.css","kind":"import-rule","original":"./css/components/dialog.css"},{"path":"src/css/components/focus.css","kind":"import-rule","original":"./css/components/focus.css"},{"path":"src/css/components/icon.css","kind":"import-rule","original":"./css/components/icon.css"},{"path":"src/css/components/panel.css","kind":"import-rule","original":"./css/components/panel.css"},{"path":"src/css/components/link.css","kind":"import-rule","original":"./css/components/link.css"},{"path":"src/css/components/scrollbar.css","kind":"import-rule","original":"./css/components/scrollbar.css"},{"path":"src/css/components/selected.css","kind":"import-rule","original":"./css/components/selected.css"},{"path":"src/css/components/surface.css","kind":"import-rule","original":"./css/components/surface.css"},{"path":"src/css/components/tag.css","kind":"import-rule","original":"./css/components/tag.css"},{"path":"src/css/components/text.css","kind":"import-rule","original":"./css/components/text.css"},{"path":"src/css/layout/main.css","kind":"import-rule","original":"./css/layout/main.css"},{"path":"src/css/layout/native.css","kind":"import-rule","original":"./css/layout/native.css"},{"path":"src/css/layout/positioning.css","kind":"import-rule","original":"./css/layout/positioning.css"},{"path":"src/css/layout/size.css","kind":"import-rule","original":"./css/layout/size.css"},{"path":"src/css/utilities.css","kind":"import-rule","original":"./css/utilities.css"},{"path":"src/css/integrations/codemirror.css","kind":"import-rule","original":"./css/integrations/codemirror.css"},{"path":"src/css/integrations/tldraw.css","kind":"import-rule","original":"./css/integrations/tldraw.css"}]}},"outputs":{"dist/plugin/node-esm/plugins/ThemePlugin.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6253},"dist/plugin/node-esm/plugins/ThemePlugin.mjs":{"imports":[{"path":"@tailwindcss/postcss","kind":"import-statement","external":true},{"path":"autoprefixer","kind":"import-statement","external":true},{"path":"node:fs","kind":"import-statement","external":true},{"path":"node:path","kind":"import-statement","external":true},{"path":"postcss-import","kind":"import-statement","external":true},{"path":"postcss-nesting","kind":"import-statement","external":true}],"exports":["LAYER_ORDER","ThemePlugin"],"entryPoint":"src/plugins/ThemePlugin.ts","inputs":{"src/plugins/ThemePlugin.ts":{"bytesInOutput":2807}},"bytes":3012},"dist/plugin/node-esm/main.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":122449},"dist/plugin/node-esm/main.css":{"imports":[{"path":"tailwindcss","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght-italic.css","kind":"import-rule","external":true},{"path":"@fontsource-variable/jetbrains-mono/wght.css","kind":"import-rule","external":true},{"path":"@fontsource/poiret-one","kind":"import-rule","external":true}],"entryPoint":"src/main.css","inputs":{"src/css/theme/animation.css":{"bytesInOutput":3508},"src/css/theme/border.css":{"bytesInOutput":450},"src/css/theme/palette.css":{"bytesInOutput":1253},"src/css/theme/semantic.css":{"bytesInOutput":4948},"src/css/theme/spacing.css":{"bytesInOutput":3095},"src/css/theme/styles.css":{"bytesInOutput":8427},"src/css/theme/text.css":{"bytesInOutput":841},"src/css/base/base.css":{"bytesInOutput":800},"src/css/base/typography.css":{"bytesInOutput":2742},"src/css/components/button.css":{"bytesInOutput":1742},"src/css/components/checkbox.css":{"bytesInOutput":1334},"src/css/components/dialog.css":{"bytesInOutput":1550},"src/css/components/focus.css":{"bytesInOutput":5252},"src/css/components/icon.css":{"bytesInOutput":91},"src/css/components/panel.css":{"bytesInOutput":2817},"src/css/components/link.css":{"bytesInOutput":100},"src/css/components/scrollbar.css":{"bytesInOutput":451},"src/css/components/selected.css":{"bytesInOutput":1418},"src/css/components/surface.css":{"bytesInOutput":545},"src/css/components/tag.css":{"bytesInOutput":2680},"src/css/components/text.css":{"bytesInOutput":1794},"src/css/layout/main.css":{"bytesInOutput":6361},"src/css/layout/native.css":{"bytesInOutput":215},"src/css/layout/positioning.css":{"bytesInOutput":297},"src/css/layout/size.css":{"bytesInOutput":5804},"src/css/utilities.css":{"bytesInOutput":1154},"src/css/integrations/codemirror.css":{"bytesInOutput":1284},"src/css/integrations/tldraw.css":{"bytesInOutput":276},"src/main.css":{"bytesInOutput":1227}},"bytes":63807}}}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/plugins/ThemePlugin.ts"],
|
|
4
4
|
"sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport tailwindcss from '@tailwindcss/postcss';\nimport autoprefixer from 'autoprefixer';\nimport { existsSync, readFileSync } from 'node:fs';\nimport { dirname, resolve } from 'node:path';\nimport postcssImport from 'postcss-import';\nimport postcssNesting from 'postcss-nesting';\nimport { type HtmlTagDescriptor, type Plugin, type UserConfig } from 'vite';\n\n/**\n * CSS cascade layer order.\n * Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming\n */\nexport const LAYER_ORDER = [\n 'properties',\n 'theme',\n 'dx-tokens',\n 'user-tokens',\n 'base',\n 'tw-base',\n 'dx-base',\n 'components',\n 'tw-components',\n 'dx-components',\n 'utilities',\n] as const;\n\nconst ROOT = '../../../../';\n\nexport type ThemePluginOptions = {\n srcCssPath?: string;\n virtualFileId?: string;\n verbose?: boolean;\n};\n\n/**\n * Vite plugin to configure theme.\n */\nexport const ThemePlugin = (options: ThemePluginOptions): Plugin => {\n // Prefer source CSS if available (monorepo dev), fall back to dist for installed package.\n const srcThemePath = resolve(import.meta.dirname, ROOT, 'src/main.css');\n const distThemePath = resolve(import.meta.dirname, '../main.css');\n const isMonorepo = existsSync(srcThemePath);\n\n // Static assets shipped via \"files\": [\"src\"] in package.json.\n // Both monorepo and installed package resolve to the same src/plugins/ directory.\n const pluginsDir = resolve(import.meta.dirname, ROOT, 'src/plugins');\n const darkModeScriptPath = resolve(pluginsDir, 'dark-mode.ts');\n const mainCssPath = resolve(pluginsDir, 'main.css');\n\n const config: ThemePluginOptions = {\n srcCssPath: isMonorepo ? srcThemePath : distThemePath,\n virtualFileId: '@dxos-theme',\n ...options,\n };\n\n // Derive project root from the source location so Tailwind scans all packages.\n const base = isMonorepo ? resolve(dirname(srcThemePath), ROOT) : undefined;\n\n if (process.env.DEBUG || options.verbose) {\n console.log('ThemePlugin:\\n', JSON.stringify(config, null, 2));\n }\n\n return {\n name: 'vite-plugin-dxos-ui-theme',\n config: (): UserConfig => {\n return {\n css: {\n postcss: {\n plugins: [\n // Handles @import statements in CSS.\n postcssImport(),\n // Processes CSS nesting syntax.\n postcssNesting(),\n // Processes Tailwind directives and generates utilities from scanned content.\n // base points to project root so all packages are scanned (not just ui-theme).\n tailwindcss(base !== undefined ? { base } : {}),\n // Adds vendor prefixes.\n autoprefixer,\n ],\n },\n },\n };\n },\n resolveId: (id) => {\n if (id === config.virtualFileId) {\n return config.srcCssPath;\n }\n },\n transformIndexHtml: () => {\n // Apply .dark class to <html> synchronously before any scripts run, so that\n // the critical CSS html.dark rules apply on the very first paint.\n const darkModeTag: HtmlTagDescriptor = {\n tag: 'script',\n attrs: { 'data-dxos-theme': '' },\n injectTo: 'head-prepend',\n children: readFileSync(darkModeScriptPath, 'utf-8'),\n };\n\n // Establish cascade layer order before any stylesheet loads.\n const layersTag: HtmlTagDescriptor = {\n tag: 'style',\n attrs: { 'data-dxos-layers': '' },\n children: `@layer ${LAYER_ORDER.join(', ')};`,\n injectTo: 'head-prepend',\n };\n\n // Critical styles: font sizing, overscroll, color fallbacks.\n // Loaded from critical.css to keep styles maintainable and out of index.html.\n const criticalTag: HtmlTagDescriptor = {\n tag: 'style',\n attrs: { 'data-dxos-critical': '' },\n injectTo: 'head-prepend',\n children: readFileSync(mainCssPath, 'utf-8'),\n };\n\n return [darkModeTag, layersTag, criticalTag];\n },\n };\n};\n"],
|
|
5
|
-
"mappings": ";;;AAMA,OAAOA,iBAAiB;AACxB,OAAOC,kBAAkB;AACzB,SAASC,YAAYC,oBAAoB;AACzC,SAASC,SAASC,eAAe;AACjC,OAAOC,mBAAmB;AAC1B,OAAOC,oBAAoB;AAOpB,IAAMC,cAAc;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,IAAMC,OAAO;AAWN,IAAMC,cAAc,CAACC,YAAAA;AAE1B,QAAMC,
|
|
6
|
-
"names": ["tailwindcss", "autoprefixer", "existsSync", "readFileSync", "dirname", "resolve", "postcssImport", "postcssNesting", "LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "
|
|
5
|
+
"mappings": ";;;AAMA,OAAOA,iBAAiB;AACxB,OAAOC,kBAAkB;AACzB,SAASC,YAAYC,oBAAoB;AACzC,SAASC,SAASC,eAAe;AACjC,OAAOC,mBAAmB;AAC1B,OAAOC,oBAAoB;AAOpB,IAAMC,cAAc;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,IAAMC,OAAO;AAWN,IAAMC,cAAc,CAACC,YAAAA;AAE1B,QAAMC,eAAeP,QAAQ,YAAYD,SAASK,MAAM,cAAA;AACxD,QAAMI,gBAAgBR,QAAQ,YAAYD,SAAS,aAAA;AACnD,QAAMU,aAAaZ,WAAWU,YAAAA;AAI9B,QAAMG,aAAaV,QAAQ,YAAYD,SAASK,MAAM,aAAA;AACtD,QAAMO,qBAAqBX,QAAQU,YAAY,cAAA;AAC/C,QAAME,cAAcZ,QAAQU,YAAY,UAAA;AAExC,QAAMG,SAA6B;IACjCC,YAAYL,aAAaF,eAAeC;IACxCO,eAAe;IACf,GAAGT;EACL;AAGA,QAAMU,OAAOP,aAAaT,QAAQD,QAAQQ,YAAAA,GAAeH,IAAAA,IAAQa;AAEjE,MAAIC,QAAQC,IAAIC,SAASd,QAAQe,SAAS;AACxCC,YAAQC,IAAI,kBAAkBC,KAAKC,UAAUZ,QAAQ,MAAM,CAAA,CAAA;EAC7D;AAEA,SAAO;IACLa,MAAM;IACNb,QAAQ,MAAA;AACN,aAAO;QACLc,KAAK;UACHC,SAAS;YACPC,SAAS;;cAEP5B,cAAAA;;cAEAC,eAAAA;;;cAGAP,YAAYqB,SAASC,SAAY;gBAAED;cAAK,IAAI,CAAC,CAAA;;cAE7CpB;;UAEJ;QACF;MACF;IACF;IACAkC,WAAW,CAACC,OAAAA;AACV,UAAIA,OAAOlB,OAAOE,eAAe;AAC/B,eAAOF,OAAOC;MAChB;IACF;IACAkB,oBAAoB,MAAA;AAGlB,YAAMC,cAAiC;QACrCC,KAAK;QACLC,OAAO;UAAE,mBAAmB;QAAG;QAC/BC,UAAU;QACVC,UAAUvC,aAAaa,oBAAoB,OAAA;MAC7C;AAGA,YAAM2B,YAA+B;QACnCJ,KAAK;QACLC,OAAO;UAAE,oBAAoB;QAAG;QAChCE,UAAU,UAAUlC,YAAYoC,KAAK,IAAA,CAAA;QACrCH,UAAU;MACZ;AAIA,YAAMI,cAAiC;QACrCN,KAAK;QACLC,OAAO;UAAE,sBAAsB;QAAG;QAClCC,UAAU;QACVC,UAAUvC,aAAac,aAAa,OAAA;MACtC;AAEA,aAAO;QAACqB;QAAaK;QAAWE;;IAClC;EACF;AACF;",
|
|
6
|
+
"names": ["tailwindcss", "autoprefixer", "existsSync", "readFileSync", "dirname", "resolve", "postcssImport", "postcssNesting", "LAYER_ORDER", "ROOT", "ThemePlugin", "options", "srcThemePath", "distThemePath", "isMonorepo", "pluginsDir", "darkModeScriptPath", "mainCssPath", "config", "srcCssPath", "virtualFileId", "base", "undefined", "process", "env", "DEBUG", "verbose", "console", "log", "JSON", "stringify", "name", "css", "postcss", "plugins", "resolveId", "id", "transformIndexHtml", "darkModeTag", "tag", "attrs", "injectTo", "children", "layersTag", "join", "criticalTag"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.stories.d.ts","sourceRoot":"","sources":["../../../src/Theme.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqF1B,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Theme.stories.d.ts","sourceRoot":"","sources":["../../../src/Theme.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqF1B,QAAA,MAAM,IAAI;;;QAGN,MAAM;;CAEM,CAAC;eAEF,IAAI;AAEnB,eAAO,MAAM,MAAM;IACjB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,MAAM;IACjB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,OAAO;IAClB,MAAM;CAoBP,CAAC;AAEF,eAAO,MAAM,QAAQ;IACnB,MAAM;CA0BP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,SAAS;IACpB,MAAM;CAkBP,CAAC"}
|
package/dist/types/src/defs.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export declare const osTranslations = "org.dxos.i18n.os";
|
|
|
8
8
|
*/
|
|
9
9
|
export declare const hues: ChromaticPalette[];
|
|
10
10
|
export declare const hueShades: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
|
|
11
|
-
export declare const roles: readonly [
|
|
11
|
+
export declare const roles: readonly ['fill', 'surface', 'foreground', 'text', 'border'];
|
|
12
12
|
/**
|
|
13
13
|
* Card size constants (Tailwind spacing units).
|
|
14
14
|
* Cards should be no larger than 320px per WCAG 2.1 SC 1.4.10.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,gBAAgB,EAkBzB,CAAC;AAEX,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,gBAAgB,EAkBzB,CAAC;AAEX,eAAO,MAAM,SAAS,YAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAEzF,eAAO,MAAM,KAAK,YAAI,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAC;AAElF;;;GAGG;AAEH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,KAAK,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { type Density } from '@dxos/ui-types';
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const coarseDimensions = "min-h-[2.5rem] px-3";
|
|
4
|
-
export declare const fineBlockSize = "min-h-[2.5rem] pointer-fine:min-h-[2rem]";
|
|
5
|
-
export declare const fineDimensions = "min-h-[2.5rem] pointer-fine:min-h-[2rem] px-2";
|
|
2
|
+
export declare const densityDimensions: (density?: Density) => "min-h-[2.5rem] pointer-fine:min-h-[2rem] px-2" | "min-h-[2.5rem] px-3";
|
|
6
3
|
export declare const densityBlockSize: (density?: Density) => "min-h-[2.5rem]" | "min-h-[2.5rem] pointer-fine:min-h-[2rem]";
|
|
7
4
|
//# sourceMappingURL=density.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../src/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../../src/fragments/density.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,eAAO,MAAM,iBAAiB,aAAa,OAAO,4EACM,CAAC;AAEzD,eAAO,MAAM,gBAAgB,aAAa,OAAO,kEAAoE,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export declare const subtleHover = "hover:bg-hover-overlay";
|
|
2
1
|
export declare const ghostHover = "hover:bg-hover-surface";
|
|
3
2
|
export declare const ghostFocusWithin = "focus-within:bg-hover-surface";
|
|
4
3
|
export declare const hoverableControls = "[--controls-opacity:1] hover-hover:[--controls-opacity:0] hover-hover:hover:[--controls-opacity:1]";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../src/fragments/hover.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../../src/fragments/hover.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,gBAAgB,kCAAkC,CAAC;AAEhE,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,4DAA4D,CAAC;AAClG,eAAO,MAAM,oBAAoB,iCAAiC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/fragments/text.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/fragments/text.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,0EAA0E,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { type Plugin } from 'vite';
|
|
|
3
3
|
* CSS cascade layer order.
|
|
4
4
|
* Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming
|
|
5
5
|
*/
|
|
6
|
-
export declare const LAYER_ORDER: readonly [
|
|
6
|
+
export declare const LAYER_ORDER: readonly ['properties', 'theme', 'dx-tokens', 'user-tokens', 'base', 'tw-base', 'dx-base', 'components', 'tw-components', 'dx-components', 'utilities'];
|
|
7
7
|
export type ThemePluginOptions = {
|
|
8
8
|
srcCssPath?: string;
|
|
9
9
|
virtualFileId?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePlugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/ThemePlugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAA0B,KAAK,MAAM,EAAmB,MAAM,MAAM,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ThemePlugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/ThemePlugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAA0B,KAAK,MAAM,EAAmB,MAAM,MAAM,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,WAAW,YACtB,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAa,EACb,MAAM,EACN,SAAS,EACT,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,WAAW,CACH,CAAC;AAIX,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,YAAa,kBAAkB,KAAG,MAiFzD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Density, Elevation, Theme } from '@dxos/ui-types';
|
|
2
|
-
export declare const primaryButtonColors = "text-accent-
|
|
3
|
-
export declare const staticDefaultButtonColors = "bg-input-surface text-input-
|
|
2
|
+
export declare const 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";
|
|
3
|
+
export declare const staticDefaultButtonColors = "bg-input-surface text-input-foreground";
|
|
4
4
|
export declare const defaultButtonColors: string;
|
|
5
5
|
export declare const ghostButtonColors: string;
|
|
6
6
|
export type ButtonStyleProps = Partial<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKnF,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKnF,eAAO,MAAM,mBAAmB,0SACyQ,CAAC;AAE1S,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAG7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD,CAAC,CAAC;AAaH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAAwD,CAAC;AAEvH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAQ7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACgC,CAAC;AAE9F,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CACQ,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACwC,CAAC;AAEzG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACa,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}
|
|
@@ -2,6 +2,7 @@ import type { ComponentFunction, Theme } from '@dxos/ui-types';
|
|
|
2
2
|
import { type ButtonStyleProps } from './button';
|
|
3
3
|
export type IconButtonStyleProps = ButtonStyleProps & {
|
|
4
4
|
iconOnly?: boolean;
|
|
5
|
+
square?: boolean;
|
|
5
6
|
};
|
|
6
7
|
export declare const iconButtonRoot: ComponentFunction<IconButtonStyleProps>;
|
|
7
8
|
export declare const iconButtonTheme: Theme<IconButtonStyleProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon-button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon-button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAElE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAEvD,CAAC"}
|
|
@@ -16,7 +16,7 @@ export type InputMetaStyleProps = Partial<{
|
|
|
16
16
|
export declare const inputTextLabel = "py-1 text-sm text-description";
|
|
17
17
|
export declare const inputTheme: {
|
|
18
18
|
input: ComponentFunction<Partial<{
|
|
19
|
-
variant:
|
|
19
|
+
variant: 'default' | 'subdued' | 'static';
|
|
20
20
|
density: Density;
|
|
21
21
|
disabled: boolean;
|
|
22
22
|
elevation: Elevation;
|
|
@@ -26,7 +26,7 @@ export declare const inputTheme: {
|
|
|
26
26
|
checked: boolean;
|
|
27
27
|
}>>;
|
|
28
28
|
textArea: ComponentFunction<Partial<{
|
|
29
|
-
variant:
|
|
29
|
+
variant: 'default' | 'subdued' | 'static';
|
|
30
30
|
density: Density;
|
|
31
31
|
disabled: boolean;
|
|
32
32
|
elevation: Elevation;
|
|
@@ -36,7 +36,7 @@ export declare const inputTheme: {
|
|
|
36
36
|
checked: boolean;
|
|
37
37
|
}>>;
|
|
38
38
|
inputWithSegments: ComponentFunction<Partial<{
|
|
39
|
-
variant:
|
|
39
|
+
variant: 'default' | 'subdued' | 'static';
|
|
40
40
|
density: Density;
|
|
41
41
|
disabled: boolean;
|
|
42
42
|
elevation: Elevation;
|
|
@@ -46,7 +46,7 @@ export declare const inputTheme: {
|
|
|
46
46
|
checked: boolean;
|
|
47
47
|
}>>;
|
|
48
48
|
segment: ComponentFunction<Partial<{
|
|
49
|
-
variant:
|
|
49
|
+
variant: 'default' | 'subdued' | 'static';
|
|
50
50
|
density: Density;
|
|
51
51
|
disabled: boolean;
|
|
52
52
|
elevation: Elevation;
|
|
@@ -56,7 +56,7 @@ export declare const inputTheme: {
|
|
|
56
56
|
checked: boolean;
|
|
57
57
|
}>>;
|
|
58
58
|
checkbox: ComponentFunction<Partial<{
|
|
59
|
-
variant:
|
|
59
|
+
variant: 'default' | 'subdued' | 'static';
|
|
60
60
|
density: Density;
|
|
61
61
|
disabled: boolean;
|
|
62
62
|
elevation: Elevation;
|
|
@@ -66,7 +66,7 @@ export declare const inputTheme: {
|
|
|
66
66
|
checked: boolean;
|
|
67
67
|
}>>;
|
|
68
68
|
checkboxIndicator: ComponentFunction<Partial<{
|
|
69
|
-
variant:
|
|
69
|
+
variant: 'default' | 'subdued' | 'static';
|
|
70
70
|
density: Density;
|
|
71
71
|
disabled: boolean;
|
|
72
72
|
elevation: Elevation;
|
|
@@ -84,7 +84,7 @@ export declare const inputTheme: {
|
|
|
84
84
|
validationValence: MessageValence;
|
|
85
85
|
}>>;
|
|
86
86
|
switch: ComponentFunction<Partial<{
|
|
87
|
-
variant:
|
|
87
|
+
variant: 'default' | 'subdued' | 'static';
|
|
88
88
|
density: Density;
|
|
89
89
|
disabled: boolean;
|
|
90
90
|
elevation: Elevation;
|
|
@@ -94,7 +94,7 @@ export declare const inputTheme: {
|
|
|
94
94
|
checked: boolean;
|
|
95
95
|
}>>;
|
|
96
96
|
switchThumb: ComponentFunction<Partial<{
|
|
97
|
-
variant:
|
|
97
|
+
variant: 'default' | 'subdued' | 'static';
|
|
98
98
|
density: Density;
|
|
99
99
|
disabled: boolean;
|
|
100
100
|
elevation: Elevation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/input.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,kCAAkC,CAAC;AA6H9D,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/input.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,kCAAkC,CAAC;AA6H9D,eAAO,MAAM,UAAU;IACrB,KAAK;iBA7II,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;IAuIhB,QAAQ;;;;;;;;;;IACR,iBAAiB;;;;;;;;;;IACjB,OAAO;;;;;;;;;;IACP,QAAQ;;;;;;;;;;IACR,iBAAiB;;;;;;;;;;IACjB,KAAK;gBAxIG,OAAO;2BACI,cAAc;;IAwIjC,WAAW;;;;IACX,MAAM;;;;;;;;;;IACN,WAAW;;;;;;;;;;IACX,UAAU;;;;IACV,wBAAwB;;;;CACzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,2DAA2D,CAAC;AAChG,eAAO,MAAM,wBAAwB,oEAAoE,CAAC;AAE1G,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,2DAA2D,CAAC;AAChG,eAAO,MAAM,wBAAwB,oEAAoE,CAAC;AAE1G,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS;IACpB,OAAO;gBAbC,OAAO;sBACD,OAAO;;IAarB,OAAO;;;;IACP,OAAO;;;;CACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKtF,eAAO,MAAM,SAAS;IACpB,IAAI;QACF,IAAI;QACJ,OAAO;;IAET,MAAM;QACJ,IAAI;QACJ,OAAO;;CAEV,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAahE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAwDtE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}
|
|
@@ -1,12 +1,29 @@
|
|
|
1
1
|
import { type ComponentFunction } from '@dxos/ui-types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Column-aware theme utilities.
|
|
4
|
+
* Components apply these in their theme functions to participate in the Column grid
|
|
5
|
+
* without importing Column React components.
|
|
6
|
+
*
|
|
7
|
+
* CSS custom property cascade:
|
|
8
|
+
* - Column.Root sets `--dx-col: 2 / span 1` (center column placement).
|
|
9
|
+
* - ScrollArea.Viewport resets `--dx-col: auto` after consuming `--gutter`.
|
|
10
|
+
* - Components apply `grid-column: var(--dx-col, auto)` to auto-center in Column
|
|
11
|
+
* or do nothing outside Column / inside ScrollArea.
|
|
12
|
+
*/
|
|
13
|
+
export declare const withColumn: {
|
|
14
|
+
/** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
|
|
15
|
+
center: () => string;
|
|
16
|
+
/** Propagates the Column grid to children via subgrid. No-op outside Column.
|
|
17
|
+
* Direct children default to center column unless they are a dx-container (ScrollArea). */
|
|
18
|
+
propagate: () => string;
|
|
19
|
+
/** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
|
|
20
|
+
consumed: () => string;
|
|
5
21
|
};
|
|
22
|
+
export type ColumnStyleProps = {};
|
|
6
23
|
export declare const columnTheme: {
|
|
7
24
|
root: ComponentFunction<ColumnStyleProps>;
|
|
8
|
-
content: ComponentFunction<ColumnStyleProps>;
|
|
9
|
-
viewport: ComponentFunction<ColumnStyleProps>;
|
|
10
25
|
row: ComponentFunction<ColumnStyleProps>;
|
|
26
|
+
bleed: ComponentFunction<ColumnStyleProps>;
|
|
27
|
+
center: ComponentFunction<ColumnStyleProps>;
|
|
11
28
|
};
|
|
12
29
|
//# sourceMappingURL=column.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/column.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,
|
|
1
|
+
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/column.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;IACrB,kGAAkG;IAClG,MAAM;IAEN;gGAC4F;IAC5F,SAAS;IAGT,gFAAgF;IAChF,QAAQ;CACT,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,GAAG;IACH,KAAK;IACL,MAAM;CACP,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/panel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAyBF,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/panel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAyBF,eAAO,MAAM,UAAU;IACrB,IAAI;IACJ,OAAO;IACP,OAAO;IACP,SAAS;CACV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAiC7G,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAwCnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAiC7G,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAwCnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAG,aAAa,CAAC,CAAC,CAK3G,CAAC;AAEF,eAAO,MAAM,SAAS,oCAA0B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAwJF,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAGF,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,WAEvC,CAAC;AAGF,eAAO,MAAM,aAAa,OAAQ,MAAM,GAAG,SAAS,KAAG,WAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,OAAQ,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC"}
|
|
@@ -8,11 +8,31 @@ export declare const mx: (...classLists: import("tailwind-merge").ClassNameValue
|
|
|
8
8
|
* Use `composableProps` to reconcile both into a single `className`.
|
|
9
9
|
*/
|
|
10
10
|
export declare const composableProps: <P extends HTMLElement = HTMLElement>({ className, classNames, role, style, ...props }: ComposableProps, { classNames: defaultClassNames, ...defaults }?: ThemedClassName<Partial<HTMLAttributes<P>>> | undefined) => {
|
|
11
|
+
children?: ReactNode | undefined;
|
|
11
12
|
role: import("react").AriaRole;
|
|
12
13
|
style: CSSProperties;
|
|
13
14
|
className: string;
|
|
14
|
-
children?: ReactNode;
|
|
15
15
|
};
|
|
16
|
+
/**
|
|
17
|
+
* Factory for slottable components.
|
|
18
|
+
* The implementation receives full `HTMLAttributes<E>` so it can destructure `role`, `style`, etc.
|
|
19
|
+
* Consumers see only `SlottableProps<P>` — a narrow type exposing `classNames`, `className`,
|
|
20
|
+
* `children`, `asChild`, and the custom props `P`.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* const MyPanel = slottable<HTMLDivElement, { border?: boolean }>(
|
|
25
|
+
* ({ children, asChild, border, ...props }, forwardedRef) => {
|
|
26
|
+
* const Comp = asChild ? Slot : Primitive.div;
|
|
27
|
+
* return (
|
|
28
|
+
* <Comp {...composableProps(props, { classNames: border && 'border' })} ref={forwardedRef}>
|
|
29
|
+
* {children}
|
|
30
|
+
* </Comp>
|
|
31
|
+
* );
|
|
32
|
+
* },
|
|
33
|
+
* );
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
16
36
|
export declare function slottable<E extends HTMLElement, P extends object = {}>(render: (props: SlottableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => ReactNode): ForwardRefExoticComponent<SlottableProps<P> & RefAttributes<E>>;
|
|
17
37
|
/**
|
|
18
38
|
* Factory for composable (leaf) components.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mx.d.ts","sourceRoot":"","sources":["../../../../src/util/mx.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,yBAAyB,EAC9B,KAAK,YAAY,EACjB,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,aAAa,EACd,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI5F,eAAO,MAAM,EAAE,sEAuCb,CAAC;AAEH;;;;;GAKG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,
|
|
1
|
+
{"version":3,"file":"mx.d.ts","sourceRoot":"","sources":["../../../../src/util/mx.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,yBAAyB,EAC9B,KAAK,YAAY,EACjB,KAAK,cAAc,EAEnB,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,aAAa,EACd,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI5F,eAAO,MAAM,EAAE,sEAuCb,CAAC;AAEH;;;;;GAKG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,kEACD,eAAe,mDACjB,eAAe,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;;;WAY7D,aAAa;;CAIvD,CAAC;AAKH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,EACpE,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAAS,GACjG,yBAAyB,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CA4BjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,EACrE,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,SAAS,GAClG,yBAAyB,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAIlE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/util/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AA6C3C,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../../src/util/size.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AA6C3C,eAAO,MAAM,SAAS,SAAU,IAAI,WAAqB,CAAC;AAC1D,eAAO,MAAM,QAAQ,SAAU,IAAI,WAAqB,CAAC;AACzD,eAAO,MAAM,OAAO,SAAU,IAAI,WAAwC,CAAC;AAE3E,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAAoC,CAAC;AAC5E,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAAmE,CAAC;AAE3G,eAAO,MAAM,QAAQ,SAAU,IAAI,GAAG,IAAI,KAAG,aAC6B,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,UAAW,MAAM,eAAe,IAAI,KAAG,IAwB3D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type MessageValence } from '@dxos/ui-types';
|
|
2
|
-
export declare const textValence: (valence?: MessageValence) => "font-medium text-
|
|
3
|
-
export declare const messageValence: (valence?: MessageValence) => "font-medium text-
|
|
2
|
+
export declare const textValence: (valence?: MessageValence) => "font-medium text-error-text" | "font-medium text-info-text" | "font-medium text-success-text" | "font-medium text-warning-text" | undefined;
|
|
3
|
+
export declare const messageValence: (valence?: MessageValence) => "font-medium text-error-text border-error-text bg-error-surface" | "font-medium text-info-text border-info-text bg-info-surface" | "font-medium text-neutral-text border-neutral-text bg-neutral-surface" | "font-medium text-success-text border-success-text bg-success-surface" | "font-medium text-warning-text border-warning-text bg-warning-surface";
|
|
4
4
|
//# sourceMappingURL=valence.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../src/util/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../../src/util/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,WAAW,aAAc,cAAc,iJAWnD,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,cAAc,gWAatD,CAAC"}
|