@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/dist/index.css
CHANGED
|
@@ -676,6 +676,11 @@
|
|
|
676
676
|
--sp-shadow-lg: 0 6px 16px -4px rgba(0, 0, 0, 0.12);
|
|
677
677
|
--sp-shadow-xl: 0 12px 24px -6px rgba(0, 0, 0, 0.15);
|
|
678
678
|
--sp-shadow-2xl: 0 20px 48px -12px rgba(0, 0, 0, 0.20);
|
|
679
|
+
--sp-shadow-inset-sm: inset 0 1px 2px 0 rgba(0, 0, 0, 0.06), inset 0 -1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
680
|
+
--sp-shadow-inset-md: inset 0 2px 6px -1px rgba(0, 0, 0, 0.08), inset 0 -2px 6px -1px rgba(0, 0, 0, 0.08);
|
|
681
|
+
--sp-shadow-inset-lg: inset 0 6px 16px -4px rgba(0, 0, 0, 0.12), inset 0 -6px 16px -4px rgba(0, 0, 0, 0.12);
|
|
682
|
+
--sp-shadow-inset-xl: inset 0 12px 24px -6px rgba(0, 0, 0, 0.15), inset 0 -12px 24px -6px rgba(0, 0, 0, 0.15);
|
|
683
|
+
--sp-shadow-inset-2xl: inset 0 20px 48px -12px rgba(0, 0, 0, 0.20), inset 0 -20px 48px -12px rgba(0, 0, 0, 0.20);
|
|
679
684
|
--sp-breakpoint-sm: 640px;
|
|
680
685
|
--sp-breakpoint-md: 768px;
|
|
681
686
|
--sp-breakpoint-lg: 1024px;
|
package/dist/index.d.cts
CHANGED
|
@@ -1181,6 +1181,13 @@ interface SpectreGeneratedTokens {
|
|
|
1181
1181
|
lg: string;
|
|
1182
1182
|
xl: string;
|
|
1183
1183
|
'2xl': string;
|
|
1184
|
+
inset: {
|
|
1185
|
+
sm: string;
|
|
1186
|
+
md: string;
|
|
1187
|
+
lg: string;
|
|
1188
|
+
xl: string;
|
|
1189
|
+
'2xl': string;
|
|
1190
|
+
};
|
|
1184
1191
|
};
|
|
1185
1192
|
breakpoints: {
|
|
1186
1193
|
sm: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1181,6 +1181,13 @@ interface SpectreGeneratedTokens {
|
|
|
1181
1181
|
lg: string;
|
|
1182
1182
|
xl: string;
|
|
1183
1183
|
'2xl': string;
|
|
1184
|
+
inset: {
|
|
1185
|
+
sm: string;
|
|
1186
|
+
md: string;
|
|
1187
|
+
lg: string;
|
|
1188
|
+
xl: string;
|
|
1189
|
+
'2xl': string;
|
|
1190
|
+
};
|
|
1184
1191
|
};
|
|
1185
1192
|
breakpoints: {
|
|
1186
1193
|
sm: string;
|
package/dist/index.js
CHANGED
|
@@ -1181,7 +1181,14 @@ var coreTokens = {
|
|
|
1181
1181
|
"md": "0 2px 6px -1px {colors.black} / 0.08",
|
|
1182
1182
|
"lg": "0 6px 16px -4px {colors.black} / 0.12",
|
|
1183
1183
|
"xl": "0 12px 24px -6px {colors.black} / 0.15",
|
|
1184
|
-
"2xl": "0 20px 48px -12px {colors.black} / 0.20"
|
|
1184
|
+
"2xl": "0 20px 48px -12px {colors.black} / 0.20",
|
|
1185
|
+
"inset": {
|
|
1186
|
+
"sm": "inset 0 1px 2px 0 {colors.black} / 0.06, inset 0 -1px 2px 0 {colors.black} / 0.06",
|
|
1187
|
+
"md": "inset 0 2px 6px -1px {colors.black} / 0.08, inset 0 -2px 6px -1px {colors.black} / 0.08",
|
|
1188
|
+
"lg": "inset 0 6px 16px -4px {colors.black} / 0.12, inset 0 -6px 16px -4px {colors.black} / 0.12",
|
|
1189
|
+
"xl": "inset 0 12px 24px -6px {colors.black} / 0.15, inset 0 -12px 24px -6px {colors.black} / 0.15",
|
|
1190
|
+
"2xl": "inset 0 20px 48px -12px {colors.black} / 0.20, inset 0 -20px 48px -12px {colors.black} / 0.20"
|
|
1191
|
+
}
|
|
1185
1192
|
},
|
|
1186
1193
|
"breakpoints": {
|
|
1187
1194
|
"sm": "640px",
|
|
@@ -1823,7 +1830,13 @@ var createCssVariableMap = (tokens2, options = {}) => {
|
|
|
1823
1830
|
assignRole(["body"], body);
|
|
1824
1831
|
}
|
|
1825
1832
|
Object.entries(baseTokens.shadows).forEach(([key, value]) => {
|
|
1826
|
-
|
|
1833
|
+
if (typeof value === "string") {
|
|
1834
|
+
assign(toVariableName(prefix, "shadow", key), value);
|
|
1835
|
+
return;
|
|
1836
|
+
}
|
|
1837
|
+
Object.entries(value).forEach(([nestedKey, nestedValue]) => {
|
|
1838
|
+
assign(toVariableName(prefix, "shadow", key, nestedKey), nestedValue);
|
|
1839
|
+
});
|
|
1827
1840
|
});
|
|
1828
1841
|
Object.entries(baseTokens.breakpoints).forEach(([key, value]) => {
|
|
1829
1842
|
assign(toVariableName(prefix, "breakpoint", key), value);
|