@dialpad/dialtone-tokens 1.34.4-beta.1 → 1.35.0
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 +9 -0
- package/dist/doc.json +17037 -17037
- package/dist/postcss/rem-to-px.cjs +1 -0
- package/dist/postcss/rem-to-px.js +19 -0
- package/dist/themes/dp-dark.cjs +1 -1
- package/dist/themes/dp-dark.js +1 -1
- package/dist/themes/dp-light.cjs +1 -1
- package/dist/themes/dp-light.js +1 -1
- package/dist/themes/expressive-dark.cjs +1 -1
- package/dist/themes/expressive-dark.js +1 -1
- package/dist/themes/expressive-light.cjs +1 -1
- package/dist/themes/expressive-light.js +1 -1
- package/dist/themes/expressive-sm-dark.cjs +1 -1
- package/dist/themes/expressive-sm-dark.js +1 -1
- package/dist/themes/expressive-sm-light.cjs +1 -1
- package/dist/themes/expressive-sm-light.js +1 -1
- package/dist/themes/tmo-dark.cjs +1 -1
- package/dist/themes/tmo-dark.js +1 -1
- package/dist/themes/tmo-light.cjs +1 -1
- package/dist/themes/tmo-light.js +1 -1
- package/dist/themes/types/{config.d.ts.map → themes/config.d.ts.map} +1 -1
- package/dist/themes/types/{dp-dark.d.ts.map → themes/dp-dark.d.ts.map} +1 -1
- package/dist/themes/types/{dp-light.d.ts.map → themes/dp-light.d.ts.map} +1 -1
- package/dist/themes/types/themes/expressive-dark.d.ts.map +1 -0
- package/dist/themes/types/themes/expressive-light.d.ts.map +1 -0
- package/dist/themes/types/themes/expressive-sm-dark.d.ts.map +1 -0
- package/dist/themes/types/themes/expressive-sm-light.d.ts.map +1 -0
- package/dist/themes/types/{tmo-dark.d.ts.map → themes/tmo-dark.d.ts.map} +1 -1
- package/dist/themes/types/{tmo-light.d.ts.map → themes/tmo-light.d.ts.map} +1 -1
- package/package.json +4 -3
- package/dist/themes/types/expressive-dark.d.ts.map +0 -1
- package/dist/themes/types/expressive-light.d.ts.map +0 -1
- package/dist/themes/types/expressive-sm-dark.d.ts.map +0 -1
- package/dist/themes/types/expressive-sm-light.d.ts.map +0 -1
- /package/dist/themes/chunks/{tokens-base-dark--ozK7f0P.js → tokens-base-dark-C_VClg5s.js} +0 -0
- /package/dist/themes/chunks/{tokens-base-dark-V8E4WaJI.js → tokens-base-dark-CsflOADh.js} +0 -0
- /package/dist/themes/chunks/{tokens-base-light-ljPrpLe2.js → tokens-base-light-9TN2mC0P.js} +0 -0
- /package/dist/themes/chunks/{tokens-base-light-LYlvM3eZ.js → tokens-base-light-Bg9yNmR_.js} +0 -0
- /package/dist/themes/types/{config.d.ts → themes/config.d.ts} +0 -0
- /package/dist/themes/types/{dp-dark.d.ts → themes/dp-dark.d.ts} +0 -0
- /package/dist/themes/types/{dp-light.d.ts → themes/dp-light.d.ts} +0 -0
- /package/dist/themes/types/{expressive-dark.d.ts → themes/expressive-dark.d.ts} +0 -0
- /package/dist/themes/types/{expressive-light.d.ts → themes/expressive-light.d.ts} +0 -0
- /package/dist/themes/types/{expressive-sm-dark.d.ts → themes/expressive-sm-dark.d.ts} +0 -0
- /package/dist/themes/types/{expressive-sm-light.d.ts → themes/expressive-sm-light.d.ts} +0 -0
- /package/dist/themes/types/{tmo-dark.d.ts → themes/tmo-dark.d.ts} +0 -0
- /package/dist/themes/types/{tmo-light.d.ts → themes/tmo-light.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -25,6 +25,15 @@ npm install @dialpad/dialtone-tokens
|
|
|
25
25
|
@import "@dialpad/dialtone-tokens/dist/tokens-base-dark.css"; // Dark variables
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
+
dialtone-tokens provides a postcss plugin that you can use to convert all tokens using rem to px. This could be useful if you are using dialtone in an embedded situation where you don't have control over the root font size.
|
|
29
|
+
|
|
30
|
+
You can reference this script from:
|
|
31
|
+
|
|
32
|
+
- @dialpad/dialtone-tokens package: `@dialpad/dialtone-tokens/dist/postcss/rem-to-px.js`
|
|
33
|
+
- @dialpad/dialtone package: `@dialpad/dialtone/tokens/postcss/rem-to-px.js`
|
|
34
|
+
|
|
35
|
+
To use this script you will have to run it as part of your build process on the tokens files you are importing. There are various ways to run postcss as part of your build process, please see the documentation here: <https://github.com/postcss/postcss?tab=readme-ov-file#usage>
|
|
36
|
+
|
|
28
37
|
#### Use CSS Token
|
|
29
38
|
|
|
30
39
|
```css
|