@maz-ui/themes 5.0.0-beta.0 → 5.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/presets/_defaults.d.ts +12 -3
- package/dist/presets/_defaults.d.ts.map +1 -1
- package/dist/presets/_defaults.js +1 -1
- package/dist/presets/mazUi.d.ts.map +1 -1
- package/dist/presets/mazUi.js +1 -1
- package/dist/presets/nova.d.ts.map +1 -1
- package/dist/presets/nova.js +1 -1
- package/dist/presets/obsidian.d.ts.map +1 -1
- package/dist/presets/obsidian.js +1 -1
- package/dist/presets/ocean.d.ts.map +1 -1
- package/dist/presets/ocean.js +1 -1
- package/dist/presets/pristine.d.ts.map +1 -1
- package/dist/presets/pristine.js +1 -1
- package/dist/types/index.d.ts +15 -2
- package/dist/types/index.d.ts.map +1 -1
- package/dist/utils/css-generator.d.ts.map +1 -1
- package/dist/utils/css-generator.js +2 -2
- package/package.json +2 -2
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
import { ThemeComponentBg, ThemeFoundation, ThemeScales } from '../types';
|
|
1
|
+
import { RoundedScaleKey, ThemeComponentBg, ThemeFoundation, ThemeScales } from '../types';
|
|
2
2
|
/**
|
|
3
3
|
* Defaults shared across the bundled presets. Each preset can spread these
|
|
4
|
-
* and override the keys it cares about.
|
|
5
|
-
* —
|
|
4
|
+
* and override the keys it cares about. The bundled presets only declare
|
|
5
|
+
* `scales.rounded.md` — the other rounded keys are filled at CSS-generation
|
|
6
|
+
* time via `calc(var(--maz-rounded-md) * DEFAULT_ROUNDED_RATIOS[key])`. A
|
|
7
|
+
* preset (or user override) may still set any rounded key to a literal value
|
|
8
|
+
* to opt out of the calc fallback for that key.
|
|
6
9
|
*/
|
|
7
10
|
export declare const DEFAULT_SPACE: NonNullable<ThemeFoundation['space']>;
|
|
11
|
+
/**
|
|
12
|
+
* Multipliers used to derive the rounded scale from `md` when a key is not
|
|
13
|
+
* explicitly set. Anchored on `md = 1` (implicit). Picked to match the
|
|
14
|
+
* scale shared by `nova`, `obsidian` and `ocean`.
|
|
15
|
+
*/
|
|
16
|
+
export declare const DEFAULT_ROUNDED_RATIOS: Record<Exclude<RoundedScaleKey, 'md'>, number>;
|
|
8
17
|
export declare const DEFAULT_SHADOW: ThemeScales['shadow'];
|
|
9
18
|
export declare const DEFAULT_DISABLED_OPACITY = "0.5";
|
|
10
19
|
export declare const DEFAULT_DISABLED_CURSOR = "not-allowed";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_defaults.d.ts","sourceRoot":"","sources":["../../src/presets/_defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"_defaults.d.ts","sourceRoot":"","sources":["../../src/presets/_defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE/F;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAa,CAAA;AAE7E;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAOjF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,QAAQ,CAMhD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,iBAAiB,uGAC0E,CAAA;AAExG;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAGlC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,gBAG9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var DEFAULT_SPACE=`0.25rem`;var DEFAULT_SHADOW={sm:`0 1px 2px 0 rgb(0 0 0 / 0.05)`,md:`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,lg:`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,xl:`0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -1px rgb(0 0 0 / 0.06)`};var DEFAULT_DISABLED_OPACITY=`0.5`;var DEFAULT_DISABLED_CURSOR=`not-allowed`;var DEFAULT_FONT_MONO=`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`;var DEFAULT_CONTAINER_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface)`};var DEFAULT_INPUT_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface-400)`};var DEFAULT_BTN_FONT_WEIGHT=`500`;export{DEFAULT_BTN_FONT_WEIGHT,DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_DISABLED_OPACITY,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE};
|
|
1
|
+
var DEFAULT_SPACE=`0.25rem`;var DEFAULT_ROUNDED_RATIOS={xs:.25,sm:.5,lg:1.5,xl:2,"2xl":3,"3xl":4};var DEFAULT_SHADOW={sm:`0 1px 2px 0 rgb(0 0 0 / 0.05)`,md:`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,lg:`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,xl:`0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -1px rgb(0 0 0 / 0.06)`};var DEFAULT_DISABLED_OPACITY=`0.5`;var DEFAULT_DISABLED_CURSOR=`not-allowed`;var DEFAULT_FONT_MONO=`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`;var DEFAULT_CONTAINER_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface)`};var DEFAULT_INPUT_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface-400)`};var DEFAULT_BTN_FONT_WEIGHT=`500`;export{DEFAULT_BTN_FONT_WEIGHT,DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_DISABLED_OPACITY,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_ROUNDED_RATIOS,DEFAULT_SHADOW,DEFAULT_SPACE};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,KAAK,EAAE,WA6EnB,CAAA"}
|
package/dist/presets/mazUi.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"border-width":`1px`,"motion-fast":`100ms`,"motion-normal":`200ms`,"motion-slow":`300ms`,"easing-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"easing-in":`cubic-bezier(0.4, 0, 1, 1)`,"easing-in-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"border-width":`1px`,"motion-fast":`100ms`,"motion-normal":`200ms`,"motion-slow":`300ms`,"easing-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"easing-in":`cubic-bezier(0.4, 0, 1, 1)`,"easing-in-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{md:`0.7rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.2573 0.0068 248.09)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.637 0.237 25.33)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.2524 0.0212 280.69)`,"contrast-foreground":`oklch(0.9619 0 0)`,divider:`oklch(0.9276 0.0058 264.53)`,overlay:`oklch(0.5103 0 0)`,muted:`oklch(0.6324 0 0)`,shadow:`oklch(0.2103 0.0059 285.88)`},dark:{surface:`oklch(0.2524 0.0212 280.69)`,foreground:`oklch(0.8845 0 0)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.7149 0.1784 23.64)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2573 0.0068 248.09)`,muted:`oklch(0.6324 0 0)`,divider:`oklch(0.3399 0.0366 282.73)`,overlay:`oklch(0.2697 0 0)`,shadow:`oklch(0.2741 0.0055 286.03)`}}};export{mazUi};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nova.d.ts","sourceRoot":"","sources":["../../src/presets/nova.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAkC3C,eAAO,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"nova.d.ts","sourceRoot":"","sources":["../../src/presets/nova.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAkC3C,eAAO,MAAM,IAAI,EAAE,WA6ElB,CAAA"}
|
package/dist/presets/nova.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var nova={name:`nova`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":`'Geist Mono', 'JetBrains Mono', ${DEFAULT_FONT_MONO}`,"font-display-stack":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`100ms`,"motion-normal":`180ms`,"motion-slow":`280ms`,"easing-out":`cubic-bezier(0.22, 1, 0.36, 1)`,"easing-in":`cubic-bezier(0.55, 0, 0.85, 0)`,"easing-in-out":`cubic-bezier(0.83, 0, 0.17, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var nova={name:`nova`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":`'Geist Mono', 'JetBrains Mono', ${DEFAULT_FONT_MONO}`,"font-display-stack":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`100ms`,"motion-normal":`180ms`,"motion-slow":`280ms`,"easing-out":`cubic-bezier(0.22, 1, 0.36, 1)`,"easing-in":`cubic-bezier(0.55, 0, 0.85, 0)`,"easing-in-out":`cubic-bezier(0.83, 0, 0.17, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{md:`0.5rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.99 0.005 320)`,foreground:`oklch(0.21 0.018 290)`,primary:`oklch(0.6 0.23 290)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.68 0.22 15)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.75 0.16 200)`,"accent-foreground":`oklch(0.21 0.018 290)`,success:`oklch(0.72 0.18 150)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.85 0.18 95)`,"warning-foreground":`oklch(0.21 0.018 290)`,destructive:`oklch(0.63 0.24 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.16 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.21 0.018 290)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.62 0.018 290)`,divider:`oklch(0.91 0.012 290)`,overlay:`oklch(0.21 0.018 290)`,shadow:`oklch(0.32 0.07 290)`},dark:{surface:`oklch(0.18 0.015 290)`,foreground:`oklch(0.97 0.005 290)`,primary:`oklch(0.72 0.2 290)`,"primary-foreground":`oklch(0.18 0.015 290)`,secondary:`oklch(0.74 0.2 15)`,"secondary-foreground":`oklch(0.18 0.015 290)`,accent:`oklch(0.82 0.15 200)`,"accent-foreground":`oklch(0.18 0.015 290)`,success:`oklch(0.78 0.17 150)`,"success-foreground":`oklch(0.18 0.015 290)`,warning:`oklch(0.86 0.17 95)`,"warning-foreground":`oklch(0.18 0.015 290)`,destructive:`oklch(0.7 0.21 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.78 0.15 230)`,"info-foreground":`oklch(0.18 0.015 290)`,contrast:`oklch(0.97 0.005 290)`,"contrast-foreground":`oklch(0.18 0.015 290)`,muted:`oklch(0.68 0.018 290)`,divider:`oklch(0.3 0.025 290)`,overlay:`oklch(0.18 0.015 290)`,shadow:`oklch(0.12 0.025 290)`}}};export{nova};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA6B3C,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA6B3C,eAAO,MAAM,QAAQ,EAAE,WA6EtB,CAAA"}
|
package/dist/presets/obsidian.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`80ms`,"motion-normal":`160ms`,"motion-slow":`240ms`,"easing-out":`cubic-bezier(0.16, 1, 0.3, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.87, 0, 0.13, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`80ms`,"motion-normal":`160ms`,"motion-slow":`240ms`,"easing-out":`cubic-bezier(0.16, 1, 0.3, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.87, 0, 0.13, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{md:`0.5rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 280)`,foreground:`oklch(0.245 0.012 280)`,primary:`oklch(0.55 0.205 275)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.6 0.235 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.77 0.155 78)`,"accent-foreground":`oklch(0.245 0.012 280)`,success:`oklch(0.66 0.14 162)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.795 0.165 76)`,"warning-foreground":`oklch(0.245 0.012 280)`,destructive:`oklch(0.605 0.215 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.13 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.245 0.012 280)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.585 0.022 280)`,divider:`oklch(0.918 0.01 280)`,overlay:`oklch(0.245 0.012 280)`,shadow:`oklch(0.27 0.018 280)`},dark:{surface:`oklch(0.2 0.012 280)`,foreground:`oklch(0.965 0.003 280)`,primary:`oklch(0.69 0.175 275)`,"primary-foreground":`oklch(0.2 0.012 280)`,secondary:`oklch(0.7 0.21 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.815 0.155 78)`,"accent-foreground":`oklch(0.2 0.012 280)`,success:`oklch(0.755 0.15 162)`,"success-foreground":`oklch(0.2 0.012 280)`,warning:`oklch(0.815 0.165 76)`,"warning-foreground":`oklch(0.2 0.012 280)`,destructive:`oklch(0.64 0.18 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.745 0.14 230)`,"info-foreground":`oklch(0.2 0.012 280)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2 0.012 280)`,muted:`oklch(0.665 0.018 280)`,divider:`oklch(0.31 0.02 280)`,overlay:`oklch(0.2 0.012 280)`,shadow:`oklch(0.14 0.005 280)`}}};export{obsidian};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA8B3C,eAAO,MAAM,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA8B3C,eAAO,MAAM,KAAK,EAAE,WA6EnB,CAAA"}
|
package/dist/presets/ocean.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,"border-width":`0.125rem`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`120ms`,"motion-normal":`240ms`,"motion-slow":`360ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,"border-width":`0.125rem`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`120ms`,"motion-normal":`240ms`,"motion-slow":`360ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{md:`1rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 215)`,foreground:`oklch(0.22 0.025 235)`,primary:`oklch(0.58 0.13 220)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.42 0.13 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.76 0.13 50)`,"accent-foreground":`oklch(0.22 0.025 235)`,success:`oklch(0.625 0.13 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.135 75)`,"warning-foreground":`oklch(0.22 0.025 235)`,destructive:`oklch(0.58 0.2 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.22 0.025 235)`,"contrast-foreground":`oklch(0.985 0.005 215)`,muted:`oklch(0.62 0.03 225)`,divider:`oklch(0.89 0.02 200)`,overlay:`oklch(0.22 0.025 235)`,shadow:`oklch(0.35 0.04 225)`},dark:{surface:`oklch(0.2 0.02 240)`,foreground:`oklch(0.945 0.01 200)`,primary:`oklch(0.73 0.12 198)`,"primary-foreground":`oklch(0.2 0.02 240)`,secondary:`oklch(0.6 0.16 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.78 0.12 55)`,"accent-foreground":`oklch(0.2 0.02 240)`,success:`oklch(0.64 0.115 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.75 0.13 75)`,"warning-foreground":`oklch(0.2 0.02 240)`,destructive:`oklch(0.65 0.18 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.74 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.945 0.01 200)`,"contrast-foreground":`oklch(0.2 0.02 240)`,muted:`oklch(0.68 0.02 230)`,divider:`oklch(0.355 0.025 232)`,overlay:`oklch(0.2 0.02 240)`,shadow:`oklch(0.15 0.005 220)`}}};export{ocean};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA0B3C,eAAO,MAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA0B3C,eAAO,MAAM,QAAQ,EAAE,WAmFtB,CAAA"}
|
package/dist/presets/pristine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SPACE}from"./_defaults.js";var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":`-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`120ms`,"motion-normal":`220ms`,"motion-slow":`380ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.5, 0, 0.75, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SPACE}from"./_defaults.js";var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":`-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`120ms`,"motion-normal":`220ms`,"motion-slow":`380ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.5, 0, 0.75, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{md:`0.625rem`},shadow:{sm:`0 1px 2px 0 rgb(0 0 0 / 0.04)`,md:`0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 3px -1px rgb(0 0 0 / 0.04)`,lg:`0 8px 16px -4px rgb(0 0 0 / 0.08), 0 3px 6px -2px rgb(0 0 0 / 0.04)`,xl:`0 16px 28px -8px rgb(0 0 0 / 0.1), 0 6px 12px -4px rgb(0 0 0 / 0.06)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)`}},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.21 0.005 286)`,primary:`oklch(0.22 0.005 286)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.205 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.612 0.215 254)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.708 0.18 145)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.179 56)`,"warning-foreground":`oklch(0.21 0.005 286)`,destructive:`oklch(0.652 0.252 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.795 0.12 220)`,"info-foreground":`oklch(0.21 0.005 286)`,contrast:`oklch(0.207 0.002 286)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.6 0.005 286)`,divider:`oklch(0.917 0.005 286)`,overlay:`oklch(0.21 0.005 286)`,shadow:`oklch(0 0 0)`},dark:{surface:`oklch(0.207 0.002 286)`,foreground:`oklch(0.97 0 0)`,primary:`oklch(0.97 0 0)`,"primary-foreground":`oklch(0.207 0.002 286)`,secondary:`oklch(0.66 0.18 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.643 0.211 256)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.738 0.197 145)`,"success-foreground":`oklch(0.207 0.002 286)`,warning:`oklch(0.76 0.171 60)`,"warning-foreground":`oklch(0.207 0.002 286)`,destructive:`oklch(0.682 0.245 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.802 0.115 220)`,"info-foreground":`oklch(0.207 0.002 286)`,contrast:`oklch(0.97 0 0)`,"contrast-foreground":`oklch(0.207 0.002 286)`,muted:`oklch(0.65 0.005 286)`,divider:`oklch(0.31 0.003 286)`,overlay:`oklch(0.16 0.002 286)`,shadow:`oklch(0 0 0)`}}};export{pristine};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -88,6 +88,13 @@ export interface ThemeFoundation {
|
|
|
88
88
|
* Single-value design tokens (`space`, `base-font-size`, `border-width`, …)
|
|
89
89
|
* live on `foundation` instead — only true multi-step scales belong here.
|
|
90
90
|
*/
|
|
91
|
+
/**
|
|
92
|
+
* Rounded scale keys. `md` is the anchor — every preset must declare it.
|
|
93
|
+
* The other keys can be left undefined and the CSS generator will emit
|
|
94
|
+
* a `calc(var(--maz-rounded-md) * <ratio>)` fallback so the whole scale
|
|
95
|
+
* tracks `md` automatically.
|
|
96
|
+
*/
|
|
97
|
+
export type RoundedScaleKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
91
98
|
export interface ThemeScales {
|
|
92
99
|
/**
|
|
93
100
|
* Border-radius scale. Maps to Tailwind utilities `rounded-{key}` and is
|
|
@@ -95,8 +102,14 @@ export interface ThemeScales {
|
|
|
95
102
|
* `--radius-*` to avoid prefix collisions in `prefix(maz)` setups).
|
|
96
103
|
* `full` is intentionally not included — Tailwind keeps `rounded-full`
|
|
97
104
|
* at 9999px regardless.
|
|
98
|
-
|
|
99
|
-
|
|
105
|
+
*
|
|
106
|
+
* Only `md` is required; missing keys are computed at CSS-generation time
|
|
107
|
+
* as `calc(var(--maz-rounded-md) * <DEFAULT_ROUNDED_RATIOS[key]>)`. Set
|
|
108
|
+
* any other key to override that key's fallback with a literal value.
|
|
109
|
+
*/
|
|
110
|
+
rounded: {
|
|
111
|
+
md: SizeUnit;
|
|
112
|
+
} & Partial<Record<Exclude<RoundedScaleKey, 'md'>, SizeUnit>>;
|
|
100
113
|
/**
|
|
101
114
|
* Box-shadow scale. Maps to Tailwind utilities `shadow-{key}`. `elevation`
|
|
102
115
|
* is the maz-ui specific elevated-surface shadow used by MazCard,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAA;AAEnD;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAA;AAE9F,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAA;AAE/C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,QAAQ,CAAA;IACnB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,WAAW,EAAE,QAAQ,CAAA;IACrB,sBAAsB,EAAE,QAAQ,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAA;IAClB,mBAAmB,EAAE,QAAQ,CAAA;IAC7B,MAAM,EAAE,QAAQ,CAAA;IAChB,iBAAiB,EAAE,QAAQ,CAAA;IAC3B,UAAU,EAAE,QAAQ,CAAA;IACpB,qBAAqB,EAAE,QAAQ,CAAA;IAC/B,aAAa,EAAE,QAAQ,CAAA;IACvB,wBAAwB,EAAE,QAAQ,CAAA;IAClC,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,SAAS,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,EAAE,QAAQ,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB;AAED;;;;;;GAMG;AACH,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAA;AAEnD;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAA;AAE9F,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAA;AAE/C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,QAAQ,CAAA;IACnB,YAAY,EAAE,QAAQ,CAAA;IACtB,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,WAAW,EAAE,QAAQ,CAAA;IACrB,sBAAsB,EAAE,QAAQ,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAA;IAClB,mBAAmB,EAAE,QAAQ,CAAA;IAC7B,MAAM,EAAE,QAAQ,CAAA;IAChB,iBAAiB,EAAE,QAAQ,CAAA;IAC3B,UAAU,EAAE,QAAQ,CAAA;IACpB,qBAAqB,EAAE,QAAQ,CAAA;IAC/B,aAAa,EAAE,QAAQ,CAAA;IACvB,wBAAwB,EAAE,QAAQ,CAAA;IAClC,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,SAAS,EAAE,QAAQ,CAAA;IACnB,oBAAoB,EAAE,QAAQ,CAAA;IAC9B,SAAS,EAAE,QAAQ,CAAA;IACnB,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,EAAE,QAAQ,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,aAAa,CAAC,EAAE,QAAQ,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAA;CACnB;AAED;;;;;;GAMG;AACH;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;AAE9E,MAAM,WAAW,WAAW;IAC1B;;;;;;;;;;OAUG;IACH,OAAO,EAAE;QAAE,EAAE,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;IACrF;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,WAAW,EAAE,MAAM,CAAC,CAAA;CAChE;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE;QACJ;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,CAAA;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,EAAE,CAAC,EAAE,gBAAgB,CAAA;KACtB,CAAA;IACD;;;OAGG;IACH,KAAK,CAAC,EAAE;QACN,EAAE,CAAC,EAAE,gBAAgB,CAAA;KACtB,CAAA;CACF;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC5B,CAAA;IAED;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAErC;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAA;QACzC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAA;KACxC,CAAA;IAED;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,WAAW,CAAA;QAClB,IAAI,EAAE,WAAW,CAAA;KAClB,CAAA;IACD,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAE9C,UAAU,eAAe;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAEhC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IAEnC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAEhB;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,MAAM,WAAW,GACjB,CAAC,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;CAAE,CAAC,GACjE,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,EAAE,WAAW,CAAA;CACtB,CAAC,CAAA;AAEN,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;;;OAIG;IACH,QAAQ,EAAE,QAAQ,CAAA;IAClB;;;;OAIG;IACH,gBAAgB,EAAE,gBAAgB,CAAA;IAClC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAA;CACvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAiD,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAMvH,MAAM,WAAW,UAAU;IACzB,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,SAAS,EAAE,MAAM,CAAA;CAClB;AAID,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,UAIR,GACA,MAAM,CAwCR;AA+HD,eAAO,MAAM,MAAM,kBAAkB,CAAA;AAErC,wBAAgB,SAAS,CAAC,EAAE,oBAAS,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CA2BxD;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAK3C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{normalizeColor}from"./color-parser.js";import{generateColorScale}from"./color-utils.js";import{isServer}from"@maz-ui/utils/helpers/isServer";var scaleColors=[`primary`,`secondary`,`accent`,`destructive`,`success`,`warning`,`info`,`contrast`,`surface`,`foreground`,`divider`,`muted`,`overlay`,`shadow`];function generateCSS(preset,options={mode:`both`,darkSelectorStrategy:`class`,darkClass:`dark`}){let{mode,darkSelectorStrategy,prefix=`maz`,darkClass=`dark`}=options;let css=`@layer theme {
|
|
1
|
+
import{normalizeColor}from"./color-parser.js";import{generateColorScale}from"./color-utils.js";import{DEFAULT_ROUNDED_RATIOS}from"../presets/_defaults.js";import{isServer}from"@maz-ui/utils/helpers/isServer";var scaleColors=[`primary`,`secondary`,`accent`,`destructive`,`success`,`warning`,`info`,`contrast`,`surface`,`foreground`,`divider`,`muted`,`overlay`,`shadow`];function generateCSS(preset,options={mode:`both`,darkSelectorStrategy:`class`,darkClass:`dark`}){let{mode,darkSelectorStrategy,prefix=`maz`,darkClass=`dark`}=options;let css=`@layer theme {
|
|
2
2
|
`;let rootSelector=`:root`;let darkClassSelector=`.${darkClass}`;return(mode===`light`||mode===`both`)&&(css+=generateVariablesBlock({selector:rootSelector,colors:preset.colors.light,foundation:preset.foundation,prefix,preset,mode:`light`})),(mode===`dark`||mode===`both`)&&(css+=generateVariablesBlock({selector:darkSelectorStrategy===`media`?rootSelector:darkClassSelector,mediaQuery:darkSelectorStrategy===`media`?`@media (prefers-color-scheme: dark)`:void 0,colors:preset.colors.dark,foundation:mode===`dark`?preset.foundation:void 0,prefix,preset,isDark:!0,mode:`dark`})),css+=`}
|
|
3
3
|
`,css}function generateVariablesBlock({selector,mediaQuery,colors,foundation,prefix,preset,isDark=!1,mode=`light`}){let variables=[];colors&&Object.entries(colors).forEach(([key,value])=>{value&&variables.push(` --${prefix}-${key}: ${normalizeColor(value)};`)}),foundation&&Object.entries(foundation).forEach(([key,value])=>{value&&variables.push(` --${prefix}-${key}: ${value};`)}),!isDark&&preset?.scales&&variables.push(...generateScaleVariables(preset.scales,prefix)),preset?.components&&variables.push(...generateComponentVariables(preset.components,mode,prefix)),preset&&variables.push(...generateAllColorScales(isDark?preset.colors.dark:preset.colors.light,prefix));let content=variables.join(`
|
|
4
|
-
`);return mediaQuery?`\n ${mediaQuery} {\n ${selector} {\n${content.replace(/^/gm,` `)}\n }\n }\n`:`\n ${selector} {\n${content}\n }\n`}function generateScaleVariables(scales,prefix){let lines=[];
|
|
4
|
+
`);return mediaQuery?`\n ${mediaQuery} {\n ${selector} {\n${content.replace(/^/gm,` `)}\n }\n }\n`:`\n ${selector} {\n${content}\n }\n`}var ROUNDED_KEYS=[`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`];function generateScaleVariables(scales,prefix){let lines=[];for(let key of ROUNDED_KEYS){let value=scales.rounded?.[key];value?lines.push(` --${prefix}-rounded-${key}: ${value};`):key!==`md`&&lines.push(` --${prefix}-rounded-${key}: calc(var(--${prefix}-rounded-md) * ${DEFAULT_ROUNDED_RATIOS[key]});`)}return Object.entries(scales.shadow??{}).forEach(([key,value])=>{value&&lines.push(` --${prefix}-shadow-style-${key}: ${value};`)}),lines}function generateComponentVariables(components,mode,prefix){let lines=[];components.btn?.[`font-weight`]&&lines.push(` --${prefix}-btn-font-weight: ${components.btn[`font-weight`]};`);let containerBg=components.container?.bg?.[mode];containerBg&&lines.push(` --${prefix}-container-bg: ${normalizeColor(containerBg)};`);let inputBg=components.input?.bg?.[mode];return inputBg&&lines.push(` --${prefix}-input-bg: ${normalizeColor(inputBg)};`),lines}function generateAllColorScales(colors,prefix){let colorScales=[];return scaleColors.forEach(colorName=>{let baseColor=colors[colorName];if(baseColor){let scale=generateColorScale(baseColor);Object.entries(scale).forEach(([scaleKey,scaleValue])=>{colorScales.push(` --${prefix}-${colorName}-${scaleKey}: ${scaleValue};`)})}}),colorScales}var CSS_ID=`maz-theme-css`;function injectCSS(id=CSS_ID,css){if(isServer())return;let styleElements=[...document.querySelectorAll(`#${id}`)];if(styleElements.length===0){let element=document.createElement(`style`);element.id=id,element.textContent=css,document.head.appendChild(element);return}if(styleElements.length===1){styleElements[0].textContent=css;return}let lastElement=styleElements.at(-1);for(let i=0;i<styleElements.length-1;i++)styleElements[i].remove();lastElement&&(lastElement.textContent=css)}function removeCSS(id=CSS_ID){isServer()||document.querySelectorAll(`#${id}`).forEach(el=>el.remove())}export{CSS_ID,generateCSS,injectCSS,removeCSS};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maz-ui/themes",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.1",
|
|
5
5
|
"description": "Theme system for Maz-UI with TypeScript support and CSS variables",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"vue": ">=3.5.0 <4.0.0"
|
|
89
89
|
},
|
|
90
90
|
"dependencies": {
|
|
91
|
-
"@maz-ui/utils": "5.0.0-beta.
|
|
91
|
+
"@maz-ui/utils": "5.0.0-beta.1"
|
|
92
92
|
},
|
|
93
93
|
"lint-staged": {
|
|
94
94
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
|