@phcdevworks/spectre-tokens 4.2.0 → 4.4.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 +2 -1
- package/dist/index.cjs +17 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +8 -0
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +17 -1
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +34 -0
- package/package.json +8 -8
- package/tokens/primitives.json +11 -1
package/dist/index.css
CHANGED
|
@@ -539,6 +539,7 @@
|
|
|
539
539
|
--sp-space-72: 4.5rem;
|
|
540
540
|
--sp-space-80: 5rem;
|
|
541
541
|
--sp-space-96: 6rem;
|
|
542
|
+
--sp-space-240: 15rem;
|
|
542
543
|
--sp-layout-section-padding-sm: 1.5rem;
|
|
543
544
|
--sp-layout-section-padding-md: 2rem;
|
|
544
545
|
--sp-layout-section-padding-lg: 3rem;
|
|
@@ -570,6 +571,13 @@
|
|
|
570
571
|
--sp-radius-3xl: 24px;
|
|
571
572
|
--sp-radius-4xl: 32px;
|
|
572
573
|
--sp-radius-pill: 999px;
|
|
574
|
+
--sp-tracking-tightest: -0.075em;
|
|
575
|
+
--sp-tracking-tighter: -0.05em;
|
|
576
|
+
--sp-tracking-tight: -0.025em;
|
|
577
|
+
--sp-tracking-normal: 0em;
|
|
578
|
+
--sp-tracking-wide: 0.025em;
|
|
579
|
+
--sp-tracking-wider: 0.05em;
|
|
580
|
+
--sp-tracking-widest: 0.1em;
|
|
573
581
|
--sp-icon-xs: 12px;
|
|
574
582
|
--sp-icon-sm: 16px;
|
|
575
583
|
--sp-icon-md: 20px;
|
package/dist/index.d.cts
CHANGED
|
@@ -1161,6 +1161,7 @@ interface SpectreGeneratedTokens {
|
|
|
1161
1161
|
'72': string;
|
|
1162
1162
|
'80': string;
|
|
1163
1163
|
'96': string;
|
|
1164
|
+
'240': string;
|
|
1164
1165
|
};
|
|
1165
1166
|
radii: {
|
|
1166
1167
|
none: string;
|
|
@@ -1356,6 +1357,15 @@ interface SpectreGeneratedTokens {
|
|
|
1356
1357
|
dotted: string;
|
|
1357
1358
|
};
|
|
1358
1359
|
};
|
|
1360
|
+
tracking: {
|
|
1361
|
+
tightest: string;
|
|
1362
|
+
tighter: string;
|
|
1363
|
+
tight: string;
|
|
1364
|
+
normal: string;
|
|
1365
|
+
wide: string;
|
|
1366
|
+
wider: string;
|
|
1367
|
+
widest: string;
|
|
1368
|
+
};
|
|
1359
1369
|
surface: {
|
|
1360
1370
|
page: string;
|
|
1361
1371
|
card: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1161,6 +1161,7 @@ interface SpectreGeneratedTokens {
|
|
|
1161
1161
|
'72': string;
|
|
1162
1162
|
'80': string;
|
|
1163
1163
|
'96': string;
|
|
1164
|
+
'240': string;
|
|
1164
1165
|
};
|
|
1165
1166
|
radii: {
|
|
1166
1167
|
none: string;
|
|
@@ -1356,6 +1357,15 @@ interface SpectreGeneratedTokens {
|
|
|
1356
1357
|
dotted: string;
|
|
1357
1358
|
};
|
|
1358
1359
|
};
|
|
1360
|
+
tracking: {
|
|
1361
|
+
tightest: string;
|
|
1362
|
+
tighter: string;
|
|
1363
|
+
tight: string;
|
|
1364
|
+
normal: string;
|
|
1365
|
+
wide: string;
|
|
1366
|
+
wider: string;
|
|
1367
|
+
widest: string;
|
|
1368
|
+
};
|
|
1359
1369
|
surface: {
|
|
1360
1370
|
page: string;
|
|
1361
1371
|
card: string;
|
package/dist/index.js
CHANGED
|
@@ -1161,7 +1161,8 @@ var coreTokens = {
|
|
|
1161
1161
|
"64": "4rem",
|
|
1162
1162
|
"72": "4.5rem",
|
|
1163
1163
|
"80": "5rem",
|
|
1164
|
-
"96": "6rem"
|
|
1164
|
+
"96": "6rem",
|
|
1165
|
+
"240": "15rem"
|
|
1165
1166
|
},
|
|
1166
1167
|
"radii": {
|
|
1167
1168
|
"none": "0",
|
|
@@ -1357,6 +1358,15 @@ var coreTokens = {
|
|
|
1357
1358
|
"dotted": "dotted"
|
|
1358
1359
|
}
|
|
1359
1360
|
},
|
|
1361
|
+
"tracking": {
|
|
1362
|
+
"tightest": "-0.075em",
|
|
1363
|
+
"tighter": "-0.05em",
|
|
1364
|
+
"tight": "-0.025em",
|
|
1365
|
+
"normal": "0em",
|
|
1366
|
+
"wide": "0.025em",
|
|
1367
|
+
"wider": "0.05em",
|
|
1368
|
+
"widest": "0.1em"
|
|
1369
|
+
},
|
|
1360
1370
|
"surface": {
|
|
1361
1371
|
"page": "{colors.neutral.50}",
|
|
1362
1372
|
"card": "{colors.white}",
|
|
@@ -1755,6 +1765,12 @@ var createCssVariableMap = (tokens2, options = {}) => {
|
|
|
1755
1765
|
Object.entries(baseTokens.radii).forEach(([key, value]) => {
|
|
1756
1766
|
assign(toVariableName(prefix, "radius", key), value);
|
|
1757
1767
|
});
|
|
1768
|
+
const tracking = baseTokens.tracking;
|
|
1769
|
+
if (tracking) {
|
|
1770
|
+
Object.entries(tracking).forEach(([key, value]) => {
|
|
1771
|
+
assign(toVariableName(prefix, "tracking", key), value);
|
|
1772
|
+
});
|
|
1773
|
+
}
|
|
1758
1774
|
const icons = baseTokens.icons;
|
|
1759
1775
|
if (icons) {
|
|
1760
1776
|
Object.entries(icons).forEach(([key, value]) => {
|