@carbon/themes 11.74.0 → 11.75.0-rc.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 +68 -101
- package/lib/component-tokens/button/index.d.ts +7 -0
- package/lib/component-tokens/button/tokens.d.ts +98 -0
- package/{src/component-tokens/content-switcher/index.js → lib/component-tokens/content-switcher/index.d.ts} +1 -1
- package/lib/component-tokens/content-switcher/tokens.d.ts +24 -0
- package/lib/component-tokens/notification/index.d.ts +7 -0
- package/lib/component-tokens/notification/tokens.d.ts +64 -0
- package/lib/component-tokens/status/index.d.ts +7 -0
- package/lib/component-tokens/status/tokens.d.ts +62 -0
- package/lib/component-tokens/tag/index.d.ts +7 -0
- package/lib/component-tokens/tag/tokens.d.ts +246 -0
- package/lib/g10.d.ts +242 -0
- package/lib/g100.d.ts +242 -0
- package/lib/g90.d.ts +242 -0
- package/lib/index.d.ts +26 -0
- package/lib/index.js +68 -101
- package/lib/tokens/Token.d.ts +20 -0
- package/lib/tokens/TokenFormat.d.ts +15 -0
- package/lib/tokens/TokenGroup.d.ts +57 -0
- package/lib/tokens/TokenSet.d.ts +30 -0
- package/lib/tokens/components.d.ts +12 -0
- package/lib/tokens/index.d.ts +21 -0
- package/lib/tokens/layout.d.ts +8 -0
- package/lib/tokens/type.d.ts +8 -0
- package/lib/tokens/types.d.ts +23 -0
- package/lib/tokens/v10.d.ts +10 -0
- package/lib/tokens/v11TokenGroup.d.ts +21 -0
- package/lib/tokens/v11TokenSet.d.ts +8 -0
- package/lib/tools.d.ts +17 -0
- package/lib/v10/g10.d.ts +154 -0
- package/lib/v10/g100.d.ts +154 -0
- package/lib/v10/g90.d.ts +154 -0
- package/lib/v10/index.d.ts +19 -0
- package/lib/v10/tokens.d.ts +18 -0
- package/lib/v10/white.d.ts +155 -0
- package/lib/white.d.ts +243 -0
- package/package.json +10 -5
- package/src/component-tokens/button/{index.js → index.ts} +1 -1
- package/src/component-tokens/button/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/content-switcher/index.ts +7 -0
- package/src/component-tokens/content-switcher/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/notification/{index.js → index.ts} +1 -1
- package/src/component-tokens/notification/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/status/{index.js → index.ts} +1 -1
- package/src/component-tokens/status/{tokens.js → tokens.ts} +1 -1
- package/src/component-tokens/tag/{index.js → index.ts} +1 -1
- package/src/component-tokens/tag/{tokens.js → tokens.ts} +1 -1
- package/src/{g10.js → g10.ts} +1 -1
- package/src/{g100.js → g100.ts} +1 -1
- package/src/{g90.js → g90.ts} +1 -1
- package/src/{index.js → index.ts} +1 -1
- package/src/tokens/{Token.js → Token.ts} +10 -4
- package/src/tokens/{TokenFormat.js → TokenFormat.ts} +12 -7
- package/src/tokens/{TokenGroup.js → TokenGroup.ts} +38 -16
- package/src/tokens/{TokenSet.js → TokenSet.ts} +22 -8
- package/src/tokens/{components.js → components.ts} +1 -1
- package/src/tokens/{index.js → index.ts} +13 -22
- package/src/tokens/{layout.js → layout.ts} +1 -1
- package/src/tokens/{type.js → type.ts} +1 -1
- package/src/tokens/types.ts +28 -0
- package/src/tokens/{v10.js → v10.ts} +1 -1
- package/src/tokens/{v11TokenGroup.js → v11TokenGroup.ts} +1 -1
- package/src/tokens/v11TokenSet.ts +93 -0
- package/src/{tools.js → tools.ts} +7 -15
- package/src/v10/{g10.js → g10.ts} +1 -1
- package/src/v10/{g100.js → g100.ts} +1 -1
- package/src/v10/{g90.js → g90.ts} +1 -1
- package/src/v10/{index.js → index.ts} +1 -1
- package/src/v10/{tokens.js → tokens.ts} +1 -1
- package/src/v10/{white.js → white.ts} +1 -1
- package/src/{white.js → white.ts} +1 -1
- package/tsconfig.json +8 -0
- package/tsconfig.types.json +9 -0
- package/umd/index.js +68 -101
- package/src/tokens/v11TokenSet.js +0 -94
package/umd/index.js
CHANGED
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
}) : target, mod));
|
|
41
41
|
//#endregion
|
|
42
42
|
color = __toESM(color);
|
|
43
|
-
//#region src/tools.
|
|
43
|
+
//#region src/tools.ts
|
|
44
44
|
/**
|
|
45
|
-
* Copyright IBM Corp. 2016,
|
|
45
|
+
* Copyright IBM Corp. 2016, 2026
|
|
46
46
|
*
|
|
47
47
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
48
48
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -52,28 +52,22 @@
|
|
|
52
52
|
* Example: token = hsl(10, 10, 10);
|
|
53
53
|
* adjustLightness(token, 5) === hsl(10, 10, 15);
|
|
54
54
|
* adjustLightness(token, -5) === hsl(10, 10, 5);
|
|
55
|
-
* @param {string} token
|
|
56
|
-
* @param {integer} shift The number of percentage points (positive or negative) by which to shift the lightness of a token.
|
|
57
|
-
* @returns {string}
|
|
58
55
|
*/
|
|
59
|
-
|
|
56
|
+
const adjustLightness = (token, shift) => {
|
|
60
57
|
const original = (0, color.default)(token).hsl().object();
|
|
61
58
|
return (0, color.default)({
|
|
62
59
|
...original,
|
|
63
60
|
l: original.l += shift
|
|
64
61
|
}).round().hex().toLowerCase();
|
|
65
|
-
}
|
|
62
|
+
};
|
|
66
63
|
/**
|
|
67
64
|
* Adjust a given token's alpha by a specified amount
|
|
68
65
|
* Example: token = rgba(10, 10, 10, 1.0);
|
|
69
66
|
* adjustAlpha(token, 0.3) === rgba(10, 10, 10, 0.3);
|
|
70
|
-
* @param {string} token
|
|
71
|
-
* @param {float} alpha
|
|
72
|
-
* @returns {string}
|
|
73
67
|
*/
|
|
74
|
-
|
|
68
|
+
const adjustAlpha = (token, alpha) => {
|
|
75
69
|
return (0, color.default)(token).rgb().alpha(alpha).string();
|
|
76
|
-
}
|
|
70
|
+
};
|
|
77
71
|
const numbers = [
|
|
78
72
|
"0",
|
|
79
73
|
"1",
|
|
@@ -88,10 +82,8 @@
|
|
|
88
82
|
];
|
|
89
83
|
/**
|
|
90
84
|
* Format a given token into the format expected in CSS/SCSS-based projects.
|
|
91
|
-
* @param {string} token
|
|
92
|
-
* @returns {string}
|
|
93
85
|
*/
|
|
94
|
-
|
|
86
|
+
const formatTokenName = (token) => {
|
|
95
87
|
let string = "";
|
|
96
88
|
for (let i = 0; i < token.length; i++) {
|
|
97
89
|
if (numbers.indexOf(token[i]) !== -1) {
|
|
@@ -109,11 +101,11 @@
|
|
|
109
101
|
string += token[i];
|
|
110
102
|
}
|
|
111
103
|
return string;
|
|
112
|
-
}
|
|
104
|
+
};
|
|
113
105
|
//#endregion
|
|
114
|
-
//#region src/white.
|
|
106
|
+
//#region src/white.ts
|
|
115
107
|
/**
|
|
116
|
-
* Copyright IBM Corp. 2018,
|
|
108
|
+
* Copyright IBM Corp. 2018, 2026
|
|
117
109
|
*
|
|
118
110
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
119
111
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -662,9 +654,9 @@
|
|
|
662
654
|
const chatButtonSelected = backgroundSelected;
|
|
663
655
|
const chatButtonTextSelected = textSecondary;
|
|
664
656
|
//#endregion
|
|
665
|
-
//#region src/g10.
|
|
657
|
+
//#region src/g10.ts
|
|
666
658
|
/**
|
|
667
|
-
* Copyright IBM Corp. 2018,
|
|
659
|
+
* Copyright IBM Corp. 2018, 2026
|
|
668
660
|
*
|
|
669
661
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
670
662
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -1213,9 +1205,9 @@
|
|
|
1213
1205
|
const chatButtonSelected$3 = backgroundSelected$7;
|
|
1214
1206
|
const chatButtonTextSelected$3 = textSecondary$7;
|
|
1215
1207
|
//#endregion
|
|
1216
|
-
//#region src/g90.
|
|
1208
|
+
//#region src/g90.ts
|
|
1217
1209
|
/**
|
|
1218
|
-
* Copyright IBM Corp. 2018,
|
|
1210
|
+
* Copyright IBM Corp. 2018, 2026
|
|
1219
1211
|
*
|
|
1220
1212
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
1221
1213
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -1764,9 +1756,9 @@
|
|
|
1764
1756
|
const chatButtonSelected$2 = backgroundSelected$6;
|
|
1765
1757
|
const chatButtonTextSelected$2 = textSecondary$6;
|
|
1766
1758
|
//#endregion
|
|
1767
|
-
//#region src/g100.
|
|
1759
|
+
//#region src/g100.ts
|
|
1768
1760
|
/**
|
|
1769
|
-
* Copyright IBM Corp. 2018,
|
|
1761
|
+
* Copyright IBM Corp. 2018, 2026
|
|
1770
1762
|
*
|
|
1771
1763
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
1772
1764
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -2315,9 +2307,9 @@
|
|
|
2315
2307
|
const chatButtonSelected$1 = backgroundSelected$5;
|
|
2316
2308
|
const chatButtonTextSelected$1 = textSecondary$5;
|
|
2317
2309
|
//#endregion
|
|
2318
|
-
//#region src/v10/white.
|
|
2310
|
+
//#region src/v10/white.ts
|
|
2319
2311
|
/**
|
|
2320
|
-
* Copyright IBM Corp. 2018,
|
|
2312
|
+
* Copyright IBM Corp. 2018, 2026
|
|
2321
2313
|
*
|
|
2322
2314
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
2323
2315
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -2714,9 +2706,9 @@
|
|
|
2714
2706
|
const hoverField$3 = hoverUI$3;
|
|
2715
2707
|
const danger$3 = danger01$3;
|
|
2716
2708
|
//#endregion
|
|
2717
|
-
//#region src/v10/g10.
|
|
2709
|
+
//#region src/v10/g10.ts
|
|
2718
2710
|
/**
|
|
2719
|
-
* Copyright IBM Corp. 2018,
|
|
2711
|
+
* Copyright IBM Corp. 2018, 2026
|
|
2720
2712
|
*
|
|
2721
2713
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
2722
2714
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -3113,9 +3105,9 @@
|
|
|
3113
3105
|
const hoverField$2 = hoverUI$2;
|
|
3114
3106
|
const danger$2 = danger01$2;
|
|
3115
3107
|
//#endregion
|
|
3116
|
-
//#region src/v10/g90.
|
|
3108
|
+
//#region src/v10/g90.ts
|
|
3117
3109
|
/**
|
|
3118
|
-
* Copyright IBM Corp. 2018,
|
|
3110
|
+
* Copyright IBM Corp. 2018, 2026
|
|
3119
3111
|
*
|
|
3120
3112
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
3121
3113
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -3512,9 +3504,9 @@
|
|
|
3512
3504
|
const hoverField$1 = hoverUI$1;
|
|
3513
3505
|
const danger$1 = danger01$1;
|
|
3514
3506
|
//#endregion
|
|
3515
|
-
//#region src/v10/g100.
|
|
3507
|
+
//#region src/v10/g100.ts
|
|
3516
3508
|
/**
|
|
3517
|
-
* Copyright IBM Corp. 2018,
|
|
3509
|
+
* Copyright IBM Corp. 2018, 2026
|
|
3518
3510
|
*
|
|
3519
3511
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
3520
3512
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4064,9 +4056,9 @@
|
|
|
4064
4056
|
layout: _carbon_layout.unstable_tokens
|
|
4065
4057
|
};
|
|
4066
4058
|
//#endregion
|
|
4067
|
-
//#region src/v10/index.
|
|
4059
|
+
//#region src/v10/index.ts
|
|
4068
4060
|
/**
|
|
4069
|
-
* Copyright IBM Corp. 2018,
|
|
4061
|
+
* Copyright IBM Corp. 2018, 2026
|
|
4070
4062
|
*
|
|
4071
4063
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4072
4064
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4328,7 +4320,7 @@
|
|
|
4328
4320
|
g100: g100_exports$1
|
|
4329
4321
|
};
|
|
4330
4322
|
//#endregion
|
|
4331
|
-
//#region src/component-tokens/button/tokens.
|
|
4323
|
+
//#region src/component-tokens/button/tokens.ts
|
|
4332
4324
|
var tokens_exports$4 = /* @__PURE__ */ __exportAll({
|
|
4333
4325
|
buttonDangerActive: () => buttonDangerActive,
|
|
4334
4326
|
buttonDangerHover: () => buttonDangerHover,
|
|
@@ -4347,7 +4339,7 @@
|
|
|
4347
4339
|
buttonTertiaryHover: () => buttonTertiaryHover
|
|
4348
4340
|
});
|
|
4349
4341
|
/**
|
|
4350
|
-
* Copyright IBM Corp. 2022
|
|
4342
|
+
* Copyright IBM Corp. 2022, 2026
|
|
4351
4343
|
*
|
|
4352
4344
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4353
4345
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4444,12 +4436,12 @@
|
|
|
4444
4436
|
g100: "rgb(141 141 141 / 30%)"
|
|
4445
4437
|
};
|
|
4446
4438
|
//#endregion
|
|
4447
|
-
//#region src/component-tokens/button/index.
|
|
4439
|
+
//#region src/component-tokens/button/index.ts
|
|
4448
4440
|
var button_exports = /* @__PURE__ */ __exportAll({ buttonTokens: () => tokens_exports$4 });
|
|
4449
4441
|
//#endregion
|
|
4450
|
-
//#region src/component-tokens/tag/tokens.
|
|
4442
|
+
//#region src/component-tokens/tag/tokens.ts
|
|
4451
4443
|
/**
|
|
4452
|
-
* Copyright IBM Corp. 2022,
|
|
4444
|
+
* Copyright IBM Corp. 2022, 2026
|
|
4453
4445
|
*
|
|
4454
4446
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4455
4447
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4737,12 +4729,12 @@
|
|
|
4737
4729
|
g100: _carbon_colors.warmGray50
|
|
4738
4730
|
};
|
|
4739
4731
|
//#endregion
|
|
4740
|
-
//#region src/component-tokens/tag/index.
|
|
4732
|
+
//#region src/component-tokens/tag/index.ts
|
|
4741
4733
|
var tag_exports = /* @__PURE__ */ __exportAll({ tagTokens: () => tokens_exports$3 });
|
|
4742
4734
|
//#endregion
|
|
4743
|
-
//#region src/component-tokens/notification/tokens.
|
|
4735
|
+
//#region src/component-tokens/notification/tokens.ts
|
|
4744
4736
|
/**
|
|
4745
|
-
* Copyright IBM Corp. 2022,
|
|
4737
|
+
* Copyright IBM Corp. 2022, 2026
|
|
4746
4738
|
*
|
|
4747
4739
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4748
4740
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4818,12 +4810,12 @@
|
|
|
4818
4810
|
g100: textOnColorDisabled
|
|
4819
4811
|
};
|
|
4820
4812
|
//#endregion
|
|
4821
|
-
//#region src/component-tokens/notification/index.
|
|
4813
|
+
//#region src/component-tokens/notification/index.ts
|
|
4822
4814
|
var notification_exports = /* @__PURE__ */ __exportAll({ notificationTokens: () => tokens_exports$2 });
|
|
4823
4815
|
//#endregion
|
|
4824
|
-
//#region src/component-tokens/status/tokens.
|
|
4816
|
+
//#region src/component-tokens/status/tokens.ts
|
|
4825
4817
|
/**
|
|
4826
|
-
* Copyright IBM Corp. 2025
|
|
4818
|
+
* Copyright IBM Corp. 2025, 2026
|
|
4827
4819
|
*
|
|
4828
4820
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4829
4821
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4897,12 +4889,12 @@
|
|
|
4897
4889
|
g100: _carbon_colors.gray100
|
|
4898
4890
|
};
|
|
4899
4891
|
//#endregion
|
|
4900
|
-
//#region src/component-tokens/status/index.
|
|
4892
|
+
//#region src/component-tokens/status/index.ts
|
|
4901
4893
|
var status_exports = /* @__PURE__ */ __exportAll({ statusTokens: () => tokens_exports$1 });
|
|
4902
4894
|
//#endregion
|
|
4903
|
-
//#region src/component-tokens/content-switcher/tokens.
|
|
4895
|
+
//#region src/component-tokens/content-switcher/tokens.ts
|
|
4904
4896
|
/**
|
|
4905
|
-
* Copyright IBM Corp. 2025
|
|
4897
|
+
* Copyright IBM Corp. 2025, 2026
|
|
4906
4898
|
*
|
|
4907
4899
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4908
4900
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4932,21 +4924,10 @@
|
|
|
4932
4924
|
g100: (0, _carbon_colors.rgba)(_carbon_colors.gray50, .12)
|
|
4933
4925
|
};
|
|
4934
4926
|
//#endregion
|
|
4935
|
-
//#region src/component-tokens/content-switcher/index.
|
|
4927
|
+
//#region src/component-tokens/content-switcher/index.ts
|
|
4936
4928
|
var content_switcher_exports = /* @__PURE__ */ __exportAll({ contentSwitcherTokens: () => tokens_exports });
|
|
4937
4929
|
//#endregion
|
|
4938
|
-
//#region src/tokens/Token.
|
|
4939
|
-
/**
|
|
4940
|
-
* Copyright IBM Corp. 2018, 2025
|
|
4941
|
-
*
|
|
4942
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
4943
|
-
* LICENSE file in the root directory of this source tree.
|
|
4944
|
-
*/
|
|
4945
|
-
/**
|
|
4946
|
-
* A Token is the simplest unit in our theme. It can have a name, properties
|
|
4947
|
-
* that it applies to like border or background, along with a state if the
|
|
4948
|
-
* token should only be used for specific states like hover or focus.
|
|
4949
|
-
*/
|
|
4930
|
+
//#region src/tokens/Token.ts
|
|
4950
4931
|
var Token = class Token {
|
|
4951
4932
|
static create(token) {
|
|
4952
4933
|
if (typeof token === "string") return new Token(token);
|
|
@@ -4960,9 +4941,9 @@
|
|
|
4960
4941
|
}
|
|
4961
4942
|
};
|
|
4962
4943
|
//#endregion
|
|
4963
|
-
//#region src/tokens/TokenGroup.
|
|
4944
|
+
//#region src/tokens/TokenGroup.ts
|
|
4964
4945
|
/**
|
|
4965
|
-
* Copyright IBM Corp. 2018,
|
|
4946
|
+
* Copyright IBM Corp. 2018, 2026
|
|
4966
4947
|
*
|
|
4967
4948
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
4968
4949
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -4987,7 +4968,7 @@
|
|
|
4987
4968
|
this.name = name;
|
|
4988
4969
|
if (properties) this.properties = properties;
|
|
4989
4970
|
this.children = tokens.map((child) => {
|
|
4990
|
-
if (child.kind === "TokenGroup") return child;
|
|
4971
|
+
if (typeof child !== "string" && "kind" in child && child.kind === "TokenGroup") return child;
|
|
4991
4972
|
return Token.create(child);
|
|
4992
4973
|
});
|
|
4993
4974
|
}
|
|
@@ -5001,7 +4982,6 @@
|
|
|
5001
4982
|
/**
|
|
5002
4983
|
* Get all the tokens available in every Token Group in this TokenGroup,
|
|
5003
4984
|
* including itself.
|
|
5004
|
-
* @returns {Array<Token>}
|
|
5005
4985
|
*/
|
|
5006
4986
|
getTokens(parentContext = {}) {
|
|
5007
4987
|
const context = {
|
|
@@ -5023,7 +5003,6 @@
|
|
|
5023
5003
|
/**
|
|
5024
5004
|
* Get a specific token from the TokenGroup, or form one of its nested
|
|
5025
5005
|
* TokenGroups
|
|
5026
|
-
* @returns {Token}
|
|
5027
5006
|
*/
|
|
5028
5007
|
getToken(tokenOrName) {
|
|
5029
5008
|
const name = typeof tokenOrName === "string" ? tokenOrName : tokenOrName.name;
|
|
@@ -5035,7 +5014,6 @@
|
|
|
5035
5014
|
}
|
|
5036
5015
|
/**
|
|
5037
5016
|
* Get all the unique groups in the token group, including this group
|
|
5038
|
-
* @returns {Array<TokenGroup>}
|
|
5039
5017
|
*/
|
|
5040
5018
|
getTokenGroups() {
|
|
5041
5019
|
const set = /* @__PURE__ */ new Set();
|
|
@@ -5047,7 +5025,6 @@
|
|
|
5047
5025
|
}
|
|
5048
5026
|
/**
|
|
5049
5027
|
* Get all the unique properties in the token group, including this group
|
|
5050
|
-
* @returns {Array<string>}
|
|
5051
5028
|
*/
|
|
5052
5029
|
getTokenProperties() {
|
|
5053
5030
|
const set = /* @__PURE__ */ new Set();
|
|
@@ -5059,7 +5036,6 @@
|
|
|
5059
5036
|
}
|
|
5060
5037
|
/**
|
|
5061
5038
|
* Get all the unique states in the token group, including this group
|
|
5062
|
-
* @returns {Array<string>}
|
|
5063
5039
|
*/
|
|
5064
5040
|
getTokenStates() {
|
|
5065
5041
|
const set = /* @__PURE__ */ new Set();
|
|
@@ -5071,9 +5047,9 @@
|
|
|
5071
5047
|
}
|
|
5072
5048
|
};
|
|
5073
5049
|
//#endregion
|
|
5074
|
-
//#region src/tokens/v11TokenGroup.
|
|
5050
|
+
//#region src/tokens/v11TokenGroup.ts
|
|
5075
5051
|
/**
|
|
5076
|
-
* Copyright IBM Corp. 2018,
|
|
5052
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5077
5053
|
*
|
|
5078
5054
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5079
5055
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -5548,9 +5524,9 @@
|
|
|
5548
5524
|
]
|
|
5549
5525
|
});
|
|
5550
5526
|
//#endregion
|
|
5551
|
-
//#region src/tokens/components.
|
|
5527
|
+
//#region src/tokens/components.ts
|
|
5552
5528
|
/**
|
|
5553
|
-
* Copyright IBM Corp. 2018,
|
|
5529
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5554
5530
|
*
|
|
5555
5531
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5556
5532
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -5670,9 +5646,9 @@
|
|
|
5670
5646
|
]
|
|
5671
5647
|
});
|
|
5672
5648
|
//#endregion
|
|
5673
|
-
//#region src/tokens/type.
|
|
5649
|
+
//#region src/tokens/type.ts
|
|
5674
5650
|
/**
|
|
5675
|
-
* Copyright IBM Corp. 2018,
|
|
5651
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5676
5652
|
*
|
|
5677
5653
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5678
5654
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -5718,9 +5694,9 @@
|
|
|
5718
5694
|
]
|
|
5719
5695
|
});
|
|
5720
5696
|
//#endregion
|
|
5721
|
-
//#region src/tokens/layout.
|
|
5697
|
+
//#region src/tokens/layout.ts
|
|
5722
5698
|
/**
|
|
5723
|
-
* Copyright IBM Corp. 2018,
|
|
5699
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5724
5700
|
*
|
|
5725
5701
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5726
5702
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -5756,9 +5732,9 @@
|
|
|
5756
5732
|
]
|
|
5757
5733
|
});
|
|
5758
5734
|
//#endregion
|
|
5759
|
-
//#region src/tokens/v10.
|
|
5735
|
+
//#region src/tokens/v10.ts
|
|
5760
5736
|
/**
|
|
5761
|
-
* Copyright IBM Corp. 2018,
|
|
5737
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5762
5738
|
*
|
|
5763
5739
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5764
5740
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -5938,47 +5914,38 @@
|
|
|
5938
5914
|
};
|
|
5939
5915
|
})
|
|
5940
5916
|
];
|
|
5917
|
+
//#endregion
|
|
5918
|
+
//#region src/tokens/index.ts
|
|
5919
|
+
const formatMetadata = (name, type) => ({
|
|
5920
|
+
name,
|
|
5921
|
+
type
|
|
5922
|
+
});
|
|
5941
5923
|
const unstable_metadata = {
|
|
5942
5924
|
v11: [
|
|
5943
5925
|
...group.getTokens().map((token) => {
|
|
5944
|
-
return
|
|
5945
|
-
name: token.name,
|
|
5946
|
-
type: "color"
|
|
5947
|
-
};
|
|
5926
|
+
return formatMetadata(token.name, "color");
|
|
5948
5927
|
}),
|
|
5949
5928
|
...contextual.getTokens().map((token) => {
|
|
5950
|
-
return
|
|
5951
|
-
name: token.name,
|
|
5952
|
-
type: "color"
|
|
5953
|
-
};
|
|
5929
|
+
return formatMetadata(token.name, "color");
|
|
5954
5930
|
}),
|
|
5955
5931
|
...Object.values(components_exports).flatMap((group) => {
|
|
5956
5932
|
return group.getTokens().map((token) => {
|
|
5957
|
-
return
|
|
5958
|
-
name: token.name,
|
|
5959
|
-
type: "color"
|
|
5960
|
-
};
|
|
5933
|
+
return formatMetadata(token.name, "color");
|
|
5961
5934
|
});
|
|
5962
5935
|
}),
|
|
5963
5936
|
...type$1.getTokens().map((token) => {
|
|
5964
|
-
return
|
|
5965
|
-
name: token.name,
|
|
5966
|
-
type: "type"
|
|
5967
|
-
};
|
|
5937
|
+
return formatMetadata(token.name, "type");
|
|
5968
5938
|
}),
|
|
5969
5939
|
...layout$1.getTokens().map((token) => {
|
|
5970
|
-
return
|
|
5971
|
-
name: token.name,
|
|
5972
|
-
type: "layout"
|
|
5973
|
-
};
|
|
5940
|
+
return formatMetadata(token.name, "layout");
|
|
5974
5941
|
})
|
|
5975
5942
|
],
|
|
5976
5943
|
v10
|
|
5977
5944
|
};
|
|
5978
5945
|
//#endregion
|
|
5979
|
-
//#region src/index.
|
|
5946
|
+
//#region src/index.ts
|
|
5980
5947
|
/**
|
|
5981
|
-
* Copyright IBM Corp. 2018,
|
|
5948
|
+
* Copyright IBM Corp. 2018, 2026
|
|
5982
5949
|
*
|
|
5983
5950
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5984
5951
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2018, 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { TokenSet } from './TokenSet';
|
|
9
|
-
import { background, border, field, layer } from './v11TokenGroup';
|
|
10
|
-
|
|
11
|
-
export const set = TokenSet.create({
|
|
12
|
-
name: 'All',
|
|
13
|
-
tokens: [
|
|
14
|
-
TokenSet.create({
|
|
15
|
-
name: 'Base set',
|
|
16
|
-
tokens: [
|
|
17
|
-
background.getToken('background'),
|
|
18
|
-
background.getToken('background-hover'),
|
|
19
|
-
background.getToken('background-selected'),
|
|
20
|
-
background.getToken('background-selected-hover'),
|
|
21
|
-
border.getToken('border-subtle-00'),
|
|
22
|
-
],
|
|
23
|
-
}),
|
|
24
|
-
TokenSet.create({
|
|
25
|
-
name: '01 Layer set',
|
|
26
|
-
tokens: [
|
|
27
|
-
layer.getToken('layer-01'),
|
|
28
|
-
layer.getToken('layer-active-01'),
|
|
29
|
-
layer.getToken('layer-background-01'),
|
|
30
|
-
layer.getToken('layer-hover-01'),
|
|
31
|
-
layer.getToken('layer-selected-hover-01'),
|
|
32
|
-
layer.getToken('layer-accent-01'),
|
|
33
|
-
layer.getToken('layer-accent-active-01'),
|
|
34
|
-
layer.getToken('layer-accent-hover-01'),
|
|
35
|
-
|
|
36
|
-
field.getToken('field-01'),
|
|
37
|
-
field.getToken('field-hover-01'),
|
|
38
|
-
|
|
39
|
-
border.getToken('border-subtle-01'),
|
|
40
|
-
border.getToken('border-subtle-selected-01'),
|
|
41
|
-
|
|
42
|
-
border.getToken('border-strong-01'),
|
|
43
|
-
|
|
44
|
-
border.getToken('border-tile-01'),
|
|
45
|
-
],
|
|
46
|
-
}),
|
|
47
|
-
TokenSet.create({
|
|
48
|
-
name: '02 Layer set',
|
|
49
|
-
tokens: [
|
|
50
|
-
layer.getToken('layer-02'),
|
|
51
|
-
layer.getToken('layer-active-02'),
|
|
52
|
-
layer.getToken('layer-background-02'),
|
|
53
|
-
layer.getToken('layer-hover-02'),
|
|
54
|
-
layer.getToken('layer-selected-hover-02'),
|
|
55
|
-
layer.getToken('layer-accent-02'),
|
|
56
|
-
layer.getToken('layer-accent-active-02'),
|
|
57
|
-
layer.getToken('layer-accent-hover-02'),
|
|
58
|
-
|
|
59
|
-
field.getToken('field-02'),
|
|
60
|
-
field.getToken('field-hover-02'),
|
|
61
|
-
|
|
62
|
-
border.getToken('border-subtle-02'),
|
|
63
|
-
border.getToken('border-subtle-selected-02'),
|
|
64
|
-
|
|
65
|
-
border.getToken('border-strong-02'),
|
|
66
|
-
|
|
67
|
-
border.getToken('border-tile-02'),
|
|
68
|
-
],
|
|
69
|
-
}),
|
|
70
|
-
TokenSet.create({
|
|
71
|
-
name: '03 Layer set',
|
|
72
|
-
tokens: [
|
|
73
|
-
layer.getToken('layer-03'),
|
|
74
|
-
layer.getToken('layer-active-03'),
|
|
75
|
-
layer.getToken('layer-background-03'),
|
|
76
|
-
layer.getToken('layer-hover-03'),
|
|
77
|
-
layer.getToken('layer-selected-hover-03'),
|
|
78
|
-
layer.getToken('layer-accent-03'),
|
|
79
|
-
layer.getToken('layer-accent-active-03'),
|
|
80
|
-
layer.getToken('layer-accent-hover-03'),
|
|
81
|
-
|
|
82
|
-
field.getToken('field-03'),
|
|
83
|
-
field.getToken('field-hover-03'),
|
|
84
|
-
|
|
85
|
-
border.getToken('border-subtle-03'),
|
|
86
|
-
border.getToken('border-subtle-selected-03'),
|
|
87
|
-
|
|
88
|
-
border.getToken('border-strong-03'),
|
|
89
|
-
|
|
90
|
-
border.getToken('border-tile-03'),
|
|
91
|
-
],
|
|
92
|
-
}),
|
|
93
|
-
],
|
|
94
|
-
});
|