@carbon/themes 11.78.0 → 11.79.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/es/index.js +7 -7
- package/js/generated/themes/g10.d.ts +2 -2
- package/js/generated/themes/g10.js +2 -2
- package/js/generated/themes/g100.d.ts +2 -2
- package/js/generated/themes/g100.js +2 -2
- package/js/generated/themes/g90.d.ts +2 -2
- package/js/generated/themes/g90.js +2 -2
- package/js/generated/themes/white.d.ts +1 -1
- package/js/generated/themes/white.js +1 -1
- package/lib/index.js +7 -7
- package/package.json +11 -7
- package/src/dtcg/color-palette.json +1464 -244
- package/style-dictionary/formats/js-component-tokens.js +128 -0
- package/style-dictionary/formats/js-themes.js +84 -0
- package/style-dictionary/formats/scss-component-tokens.js +149 -0
- package/style-dictionary/formats/scss-themes.js +127 -0
- package/style-dictionary/formats/scss-tokens.js +91 -0
- package/style-dictionary/preprocessors/component-tokens.js +119 -0
- package/style-dictionary/preprocessors/dual-role.js +157 -0
- package/style-dictionary/preprocessors/theme-metadata.js +46 -0
- package/style-dictionary/sd.config.js +342 -0
- package/style-dictionary/transforms/alpha-modifier.js +68 -0
- package/style-dictionary/transforms/color-flatten.js +79 -0
- package/umd/index.js +7 -7
package/umd/index.js
CHANGED
|
@@ -278,7 +278,6 @@
|
|
|
278
278
|
textSecondary: () => textSecondary,
|
|
279
279
|
toggleOff: () => toggleOff
|
|
280
280
|
});
|
|
281
|
-
const colorScheme = "light";
|
|
282
281
|
const background = "#ffffff";
|
|
283
282
|
const backgroundInverse = "#393939";
|
|
284
283
|
const backgroundBrand = "#0f62fe";
|
|
@@ -513,6 +512,7 @@
|
|
|
513
512
|
const chatButtonActive = "rgba(141, 141, 141, 0.5)";
|
|
514
513
|
const chatButtonSelected = "rgba(141, 141, 141, 0.2)";
|
|
515
514
|
const chatButtonTextSelected = "#525252";
|
|
515
|
+
const colorScheme = "light";
|
|
516
516
|
//#endregion
|
|
517
517
|
//#region js/generated/themes/g10.js
|
|
518
518
|
var g10_exports = /* @__PURE__ */ __exportAll({
|
|
@@ -752,7 +752,6 @@
|
|
|
752
752
|
textSecondary: () => textSecondary$7,
|
|
753
753
|
toggleOff: () => toggleOff$7
|
|
754
754
|
});
|
|
755
|
-
const colorScheme$3 = "light";
|
|
756
755
|
const aiAuraEnd$3 = "rgba(255, 255, 255, 0)";
|
|
757
756
|
const aiAuraHoverBackground$3 = "#edf5ff";
|
|
758
757
|
const aiAuraHoverEnd$3 = "rgba(255, 255, 255, 0)";
|
|
@@ -923,13 +922,13 @@
|
|
|
923
922
|
const syntaxEscape$3 = "#343a3f";
|
|
924
923
|
const syntaxFloat$3 = "#198038";
|
|
925
924
|
const syntaxFunction$3 = "#8e6a00";
|
|
926
|
-
const syntaxHeading$3 = "#00539a";
|
|
927
925
|
const syntaxHeading1$3 = "#00539a";
|
|
928
926
|
const syntaxHeading2$3 = "#00539a";
|
|
929
927
|
const syntaxHeading3$3 = "#00539a";
|
|
930
928
|
const syntaxHeading4$3 = "#00539a";
|
|
931
929
|
const syntaxHeading5$3 = "#00539a";
|
|
932
930
|
const syntaxHeading6$3 = "#00539a";
|
|
931
|
+
const syntaxHeading$3 = "#00539a";
|
|
933
932
|
const syntaxInserted$3 = "#a7f0ba";
|
|
934
933
|
const syntaxInteger$3 = "#198038";
|
|
935
934
|
const syntaxInvalid$3 = "#da1e28";
|
|
@@ -987,6 +986,7 @@
|
|
|
987
986
|
const textPrimary$7 = "#161616";
|
|
988
987
|
const textSecondary$7 = "#525252";
|
|
989
988
|
const toggleOff$7 = "#8d8d8d";
|
|
989
|
+
const colorScheme$3 = "light";
|
|
990
990
|
//#endregion
|
|
991
991
|
//#region js/generated/themes/g90.js
|
|
992
992
|
var g90_exports = /* @__PURE__ */ __exportAll({
|
|
@@ -1226,7 +1226,6 @@
|
|
|
1226
1226
|
textSecondary: () => textSecondary$6,
|
|
1227
1227
|
toggleOff: () => toggleOff$6
|
|
1228
1228
|
});
|
|
1229
|
-
const colorScheme$2 = "dark";
|
|
1230
1229
|
const aiAuraEnd$2 = "rgba(0, 0, 0, 0)";
|
|
1231
1230
|
const aiAuraHoverBackground$2 = "#474747";
|
|
1232
1231
|
const aiAuraHoverEnd$2 = "rgba(0, 0, 0, 0)";
|
|
@@ -1397,13 +1396,13 @@
|
|
|
1397
1396
|
const syntaxEscape$2 = "#e0e0e0";
|
|
1398
1397
|
const syntaxFloat$2 = "#6fdc8c";
|
|
1399
1398
|
const syntaxFunction$2 = "#f1c21b";
|
|
1400
|
-
const syntaxHeading$2 = "#33b1ff";
|
|
1401
1399
|
const syntaxHeading1$2 = "#33b1ff";
|
|
1402
1400
|
const syntaxHeading2$2 = "#33b1ff";
|
|
1403
1401
|
const syntaxHeading3$2 = "#33b1ff";
|
|
1404
1402
|
const syntaxHeading4$2 = "#33b1ff";
|
|
1405
1403
|
const syntaxHeading5$2 = "#33b1ff";
|
|
1406
1404
|
const syntaxHeading6$2 = "#33b1ff";
|
|
1405
|
+
const syntaxHeading$2 = "#33b1ff";
|
|
1407
1406
|
const syntaxInserted$2 = "#198038";
|
|
1408
1407
|
const syntaxInteger$2 = "#6fdc8c";
|
|
1409
1408
|
const syntaxInvalid$2 = "#fa4d56";
|
|
@@ -1461,6 +1460,7 @@
|
|
|
1461
1460
|
const textPrimary$6 = "#f4f4f4";
|
|
1462
1461
|
const textSecondary$6 = "#c6c6c6";
|
|
1463
1462
|
const toggleOff$6 = "#8d8d8d";
|
|
1463
|
+
const colorScheme$2 = "dark";
|
|
1464
1464
|
//#endregion
|
|
1465
1465
|
//#region js/generated/themes/g100.js
|
|
1466
1466
|
var g100_exports = /* @__PURE__ */ __exportAll({
|
|
@@ -1700,7 +1700,6 @@
|
|
|
1700
1700
|
textSecondary: () => textSecondary$5,
|
|
1701
1701
|
toggleOff: () => toggleOff$5
|
|
1702
1702
|
});
|
|
1703
|
-
const colorScheme$1 = "dark";
|
|
1704
1703
|
const aiAuraEnd$1 = "rgba(0, 0, 0, 0)";
|
|
1705
1704
|
const aiAuraHoverBackground$1 = "#333333";
|
|
1706
1705
|
const aiAuraHoverEnd$1 = "rgba(0, 0, 0, 0)";
|
|
@@ -1871,13 +1870,13 @@
|
|
|
1871
1870
|
const syntaxEscape$1 = "#e0e0e0";
|
|
1872
1871
|
const syntaxFloat$1 = "#6fdc8c";
|
|
1873
1872
|
const syntaxFunction$1 = "#f1c21b";
|
|
1874
|
-
const syntaxHeading$1 = "#33b1ff";
|
|
1875
1873
|
const syntaxHeading1$1 = "#33b1ff";
|
|
1876
1874
|
const syntaxHeading2$1 = "#33b1ff";
|
|
1877
1875
|
const syntaxHeading3$1 = "#33b1ff";
|
|
1878
1876
|
const syntaxHeading4$1 = "#33b1ff";
|
|
1879
1877
|
const syntaxHeading5$1 = "#33b1ff";
|
|
1880
1878
|
const syntaxHeading6$1 = "#33b1ff";
|
|
1879
|
+
const syntaxHeading$1 = "#33b1ff";
|
|
1881
1880
|
const syntaxInserted$1 = "#198038";
|
|
1882
1881
|
const syntaxInteger$1 = "#6fdc8c";
|
|
1883
1882
|
const syntaxInvalid$1 = "#fa4d56";
|
|
@@ -1935,6 +1934,7 @@
|
|
|
1935
1934
|
const textPrimary$5 = "#f4f4f4";
|
|
1936
1935
|
const textSecondary$5 = "#c6c6c6";
|
|
1937
1936
|
const toggleOff$5 = "#6f6f6f";
|
|
1937
|
+
const colorScheme$1 = "dark";
|
|
1938
1938
|
//#endregion
|
|
1939
1939
|
//#region src/tools.ts
|
|
1940
1940
|
/**
|