@dialpad/dialtone-tokens 1.36.3 → 1.36.5
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/README.md +1 -1
- package/dist/css/tokens-base-dark.css +0 -5
- package/dist/css/tokens-base-light.css +0 -5
- package/dist/css/tokens-dp-dark.css +795 -805
- package/dist/css/tokens-dp-light.css +795 -805
- package/dist/css/tokens-expressive-dark.css +795 -805
- package/dist/css/tokens-expressive-light.css +795 -805
- package/dist/css/tokens-expressive-sm-dark.css +795 -805
- package/dist/css/tokens-expressive-sm-light.css +795 -805
- package/dist/css/tokens-tmo-dark.css +780 -790
- package/dist/css/tokens-tmo-light.css +780 -790
- package/dist/doc.json +7655 -7655
- package/dist/postcss/rem-to-px.cjs +1 -1
- package/dist/postcss/rem-to-px.js +7 -12
- package/dist/postcss/root-to-host.cjs +1 -0
- package/dist/postcss/root-to-host.js +12 -0
- package/dist/themes/chunks/{tokens-base-dark-D9QWQ06G.js → tokens-base-dark-DPDbA0Im.js} +1 -1
- package/dist/themes/chunks/{tokens-base-dark-BspLyPe6.js → tokens-base-dark-OGkvNn32.js} +1 -1
- package/dist/themes/chunks/{tokens-base-light-CCF-uj56.js → tokens-base-light-C0l67sjm.js} +1 -1
- package/dist/themes/chunks/{tokens-base-light-B2jKQq80.js → tokens-base-light-nNZ2WKLp.js} +2 -2
- package/dist/themes/config.cjs +1 -1
- package/dist/themes/config.js +9 -9
- package/dist/themes/dp-dark.cjs +1 -1
- package/dist/themes/dp-dark.js +2 -2
- package/dist/themes/dp-light.cjs +1 -1
- package/dist/themes/dp-light.js +2 -2
- package/dist/themes/expressive-dark.cjs +1 -1
- package/dist/themes/expressive-dark.js +3 -3
- package/dist/themes/expressive-light.cjs +1 -1
- package/dist/themes/expressive-light.js +3 -3
- package/dist/themes/expressive-sm-dark.cjs +1 -1
- package/dist/themes/expressive-sm-dark.js +3 -3
- package/dist/themes/expressive-sm-light.cjs +1 -1
- package/dist/themes/expressive-sm-light.js +3 -3
- package/dist/themes/tmo-dark.cjs +1 -1
- package/dist/themes/tmo-dark.js +3 -3
- package/dist/themes/tmo-light.cjs +1 -1
- package/dist/themes/tmo-light.js +3 -3
- package/dist/types/postcss/constants.d.cts +45 -0
- package/dist/types/postcss/constants.d.cts.map +1 -0
- package/dist/types/postcss/dialtone-tokens.d.cts +3 -0
- package/dist/types/postcss/dialtone-tokens.d.cts.map +1 -0
- package/dist/types/themes/config.d.ts +2 -0
- package/dist/{themes/types → types}/themes/config.d.ts.map +1 -1
- package/dist/{themes/types → types}/themes/dp-dark.d.ts.map +1 -1
- package/dist/{themes/types → types}/themes/dp-light.d.ts.map +1 -1
- package/dist/types/themes/expressive-dark.d.ts.map +1 -0
- package/dist/types/themes/expressive-light.d.ts.map +1 -0
- package/dist/types/themes/expressive-sm-dark.d.ts.map +1 -0
- package/dist/types/themes/expressive-sm-light.d.ts.map +1 -0
- package/dist/{themes/types → types}/themes/tmo-dark.d.ts.map +1 -1
- package/dist/{themes/types → types}/themes/tmo-light.d.ts.map +1 -1
- package/package.json +17 -7
- package/dist/themes/types/themes/config.d.ts +0 -2
- package/dist/themes/types/themes/expressive-dark.d.ts.map +0 -1
- package/dist/themes/types/themes/expressive-light.d.ts.map +0 -1
- package/dist/themes/types/themes/expressive-sm-dark.d.ts.map +0 -1
- package/dist/themes/types/themes/expressive-sm-light.d.ts.map +0 -1
- /package/dist/{themes/types → types}/themes/dp-dark.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/dp-light.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/expressive-dark.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/expressive-light.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/expressive-sm-dark.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/expressive-sm-light.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/tmo-dark.d.ts +0 -0
- /package/dist/{themes/types → types}/themes/tmo-light.d.ts +0 -0
package/README.md
CHANGED
|
@@ -105,7 +105,7 @@ DialtoneTokens.dtColorPurple200
|
|
|
105
105
|
|
|
106
106
|
1. clone repo
|
|
107
107
|
2. `pnpm install`
|
|
108
|
-
3. `nx
|
|
108
|
+
3. `nx run dialtone-tokens:build` to build tokens. Built tokens will be output to the dist folder.
|
|
109
109
|
|
|
110
110
|
- `base.json` Contains tokens exported from figma.
|
|
111
111
|
- `tokens/tokens.json` Contains tokens in style dictionary format (generated from `base.json`).
|
|
@@ -895,11 +895,6 @@
|
|
|
895
895
|
--dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
|
|
896
896
|
--dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
|
|
897
897
|
--dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
|
|
898
|
-
--dt-color-gradient-magenta-purple-h: 0;
|
|
899
|
-
--dt-color-gradient-magenta-purple-s: 0%;
|
|
900
|
-
--dt-color-gradient-magenta-purple-l: 0%;
|
|
901
|
-
--dt-color-gradient-magenta-purple-hsl: var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l);
|
|
902
|
-
--dt-color-gradient-magenta-purple-hsla: hsla(var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l) / var(--alpha, 100%));
|
|
903
898
|
--dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
|
|
904
899
|
--dt-size-base: calc(var(--dt-font-size-root) * .8);
|
|
905
900
|
--dt-font-family-expressive: Archivo, var(--dt-font-family-body);
|
|
@@ -675,11 +675,6 @@
|
|
|
675
675
|
--dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
|
|
676
676
|
--dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
|
|
677
677
|
--dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
|
|
678
|
-
--dt-color-gradient-magenta-purple-h: 0;
|
|
679
|
-
--dt-color-gradient-magenta-purple-s: 0%;
|
|
680
|
-
--dt-color-gradient-magenta-purple-l: 0%;
|
|
681
|
-
--dt-color-gradient-magenta-purple-hsl: var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l);
|
|
682
|
-
--dt-color-gradient-magenta-purple-hsla: hsla(var(--dt-color-gradient-magenta-purple-h) var(--dt-color-gradient-magenta-purple-s) var(--dt-color-gradient-magenta-purple-l) / var(--alpha, 100%));
|
|
683
678
|
--dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
|
|
684
679
|
--dt-size-base: calc(var(--dt-font-size-root) * .8);
|
|
685
680
|
--dt-font-family-expressive: Archivo, var(--dt-font-family-body);
|