@phcdevworks/spectre-tokens 4.4.0 → 4.5.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 +1 -1
- package/dist/index.cjs +15 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +5 -0
- package/dist/index.d.cts +7 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +15 -2
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +22 -0
- package/package.json +2 -2
- package/tokens/primitives.json +8 -1
package/README.md
CHANGED
|
@@ -17,7 +17,7 @@ contracts for specific frameworks and runtimes.
|
|
|
17
17
|
| Project team | `project-design` |
|
|
18
18
|
| Repository role | Spectre L1 design-token contract |
|
|
19
19
|
| Package/artifact | `@phcdevworks/spectre-tokens` |
|
|
20
|
-
| Current version/status | 4.
|
|
20
|
+
| Current version/status | 4.5.0 |
|
|
21
21
|
|
|
22
22
|
## Standard Workflow
|
|
23
23
|
|
package/dist/index.cjs
CHANGED
|
@@ -1209,7 +1209,14 @@ var coreTokens = {
|
|
|
1209
1209
|
"md": "0 2px 6px -1px {colors.black} / 0.08",
|
|
1210
1210
|
"lg": "0 6px 16px -4px {colors.black} / 0.12",
|
|
1211
1211
|
"xl": "0 12px 24px -6px {colors.black} / 0.15",
|
|
1212
|
-
"2xl": "0 20px 48px -12px {colors.black} / 0.20"
|
|
1212
|
+
"2xl": "0 20px 48px -12px {colors.black} / 0.20",
|
|
1213
|
+
"inset": {
|
|
1214
|
+
"sm": "inset 0 1px 2px 0 {colors.black} / 0.06, inset 0 -1px 2px 0 {colors.black} / 0.06",
|
|
1215
|
+
"md": "inset 0 2px 6px -1px {colors.black} / 0.08, inset 0 -2px 6px -1px {colors.black} / 0.08",
|
|
1216
|
+
"lg": "inset 0 6px 16px -4px {colors.black} / 0.12, inset 0 -6px 16px -4px {colors.black} / 0.12",
|
|
1217
|
+
"xl": "inset 0 12px 24px -6px {colors.black} / 0.15, inset 0 -12px 24px -6px {colors.black} / 0.15",
|
|
1218
|
+
"2xl": "inset 0 20px 48px -12px {colors.black} / 0.20, inset 0 -20px 48px -12px {colors.black} / 0.20"
|
|
1219
|
+
}
|
|
1213
1220
|
},
|
|
1214
1221
|
"breakpoints": {
|
|
1215
1222
|
"sm": "640px",
|
|
@@ -1851,7 +1858,13 @@ var createCssVariableMap = (tokens2, options = {}) => {
|
|
|
1851
1858
|
assignRole(["body"], body);
|
|
1852
1859
|
}
|
|
1853
1860
|
Object.entries(baseTokens.shadows).forEach(([key, value]) => {
|
|
1854
|
-
|
|
1861
|
+
if (typeof value === "string") {
|
|
1862
|
+
assign(toVariableName(prefix, "shadow", key), value);
|
|
1863
|
+
return;
|
|
1864
|
+
}
|
|
1865
|
+
Object.entries(value).forEach(([nestedKey, nestedValue]) => {
|
|
1866
|
+
assign(toVariableName(prefix, "shadow", key, nestedKey), nestedValue);
|
|
1867
|
+
});
|
|
1855
1868
|
});
|
|
1856
1869
|
Object.entries(baseTokens.breakpoints).forEach(([key, value]) => {
|
|
1857
1870
|
assign(toVariableName(prefix, "breakpoint", key), value);
|