@carbon/colors 11.58.0 → 11.59.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 +20 -0
- package/es/index.js +227 -101
- package/index.scss +252 -252
- package/lib/index.d.ts +1 -1
- package/lib/index.js +227 -101
- package/package.json +6 -7
- package/umd/index.js +227 -101
- package/lib/colors.d.ts +0 -545
package/lib/index.js
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
//#region
|
|
3
|
-
/**
|
|
4
|
-
* Copyright IBM Corp. 2018, 2026
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
2
|
+
//#region js/generated/colors.js
|
|
9
3
|
const black = "#000000";
|
|
10
4
|
const black100 = black;
|
|
11
5
|
const blackHover = "#212121";
|
|
@@ -122,27 +116,27 @@ const red = {
|
|
|
122
116
|
90: red90,
|
|
123
117
|
100: red100
|
|
124
118
|
};
|
|
125
|
-
const red100Hover = "#540d11";
|
|
126
|
-
const red90Hover = "#66050a";
|
|
127
|
-
const red80Hover = "#921118";
|
|
128
|
-
const red70Hover = "#c21e25";
|
|
129
|
-
const red60Hover = "#b81922";
|
|
130
|
-
const red50Hover = "#ee0713";
|
|
131
|
-
const red40Hover = "#ff6168";
|
|
132
|
-
const red30Hover = "#ff99a0";
|
|
133
|
-
const red20Hover = "#ffc2c5";
|
|
134
119
|
const red10Hover = "#ffe0e0";
|
|
120
|
+
const red20Hover = "#ffc2c5";
|
|
121
|
+
const red30Hover = "#ff99a0";
|
|
122
|
+
const red40Hover = "#ff6168";
|
|
123
|
+
const red50Hover = "#ee0713";
|
|
124
|
+
const red60Hover = "#b81922";
|
|
125
|
+
const red70Hover = "#c21e25";
|
|
126
|
+
const red80Hover = "#921118";
|
|
127
|
+
const red90Hover = "#66050a";
|
|
128
|
+
const red100Hover = "#540d11";
|
|
135
129
|
const redHover = {
|
|
136
|
-
|
|
137
|
-
90: red90Hover,
|
|
138
|
-
80: red80Hover,
|
|
139
|
-
70: red70Hover,
|
|
140
|
-
60: red60Hover,
|
|
141
|
-
50: red50Hover,
|
|
142
|
-
40: red40Hover,
|
|
143
|
-
30: red30Hover,
|
|
130
|
+
10: red10Hover,
|
|
144
131
|
20: red20Hover,
|
|
145
|
-
|
|
132
|
+
30: red30Hover,
|
|
133
|
+
40: red40Hover,
|
|
134
|
+
50: red50Hover,
|
|
135
|
+
60: red60Hover,
|
|
136
|
+
70: red70Hover,
|
|
137
|
+
80: red80Hover,
|
|
138
|
+
90: red90Hover,
|
|
139
|
+
100: red100Hover
|
|
146
140
|
};
|
|
147
141
|
const magenta10 = "#fff0f7";
|
|
148
142
|
const magenta20 = "#ffd6e8";
|
|
@@ -166,27 +160,27 @@ const magenta = {
|
|
|
166
160
|
90: magenta90,
|
|
167
161
|
100: magenta100
|
|
168
162
|
};
|
|
169
|
-
const magenta100Hover = "#53142f";
|
|
170
|
-
const magenta90Hover = "#68032e";
|
|
171
|
-
const magenta80Hover = "#8e0b43";
|
|
172
|
-
const magenta70Hover = "#bf1d63";
|
|
173
|
-
const magenta60Hover = "#b0215f";
|
|
174
|
-
const magenta50Hover = "#e3176f";
|
|
175
|
-
const magenta40Hover = "#ff57a0";
|
|
176
|
-
const magenta30Hover = "#ff94c3";
|
|
177
|
-
const magenta20Hover = "#ffbdda";
|
|
178
163
|
const magenta10Hover = "#ffe0ef";
|
|
164
|
+
const magenta20Hover = "#ffbdda";
|
|
165
|
+
const magenta30Hover = "#ff94c3";
|
|
166
|
+
const magenta40Hover = "#ff57a0";
|
|
167
|
+
const magenta50Hover = "#e3176f";
|
|
168
|
+
const magenta60Hover = "#b0215f";
|
|
169
|
+
const magenta70Hover = "#bf1d63";
|
|
170
|
+
const magenta80Hover = "#8e0b43";
|
|
171
|
+
const magenta90Hover = "#68032e";
|
|
172
|
+
const magenta100Hover = "#53142f";
|
|
179
173
|
const magentaHover = {
|
|
180
|
-
|
|
181
|
-
90: magenta90Hover,
|
|
182
|
-
80: magenta80Hover,
|
|
183
|
-
70: magenta70Hover,
|
|
184
|
-
60: magenta60Hover,
|
|
185
|
-
50: magenta50Hover,
|
|
186
|
-
40: magenta40Hover,
|
|
187
|
-
30: magenta30Hover,
|
|
174
|
+
10: magenta10Hover,
|
|
188
175
|
20: magenta20Hover,
|
|
189
|
-
|
|
176
|
+
30: magenta30Hover,
|
|
177
|
+
40: magenta40Hover,
|
|
178
|
+
50: magenta50Hover,
|
|
179
|
+
60: magenta60Hover,
|
|
180
|
+
70: magenta70Hover,
|
|
181
|
+
80: magenta80Hover,
|
|
182
|
+
90: magenta90Hover,
|
|
183
|
+
100: magenta100Hover
|
|
190
184
|
};
|
|
191
185
|
const purple10 = "#f6f2ff";
|
|
192
186
|
const purple20 = "#e8daff";
|
|
@@ -210,27 +204,27 @@ const purple = {
|
|
|
210
204
|
90: purple90,
|
|
211
205
|
100: purple100
|
|
212
206
|
};
|
|
213
|
-
const purple100Hover = "#341c59";
|
|
214
|
-
const purple90Hover = "#40197b";
|
|
215
|
-
const purple80Hover = "#5b24ad";
|
|
216
|
-
const purple70Hover = "#7c3dd6";
|
|
217
|
-
const purple60Hover = "#7822fb";
|
|
218
|
-
const purple50Hover = "#9352ff";
|
|
219
|
-
const purple40Hover = "#ae7aff";
|
|
220
|
-
const purple30Hover = "#c5a3ff";
|
|
221
|
-
const purple20Hover = "#dcc7ff";
|
|
222
207
|
const purple10Hover = "#ede5ff";
|
|
208
|
+
const purple20Hover = "#dcc7ff";
|
|
209
|
+
const purple30Hover = "#c5a3ff";
|
|
210
|
+
const purple40Hover = "#ae7aff";
|
|
211
|
+
const purple50Hover = "#9352ff";
|
|
212
|
+
const purple60Hover = "#7822fb";
|
|
213
|
+
const purple70Hover = "#7c3dd6";
|
|
214
|
+
const purple80Hover = "#5b24ad";
|
|
215
|
+
const purple90Hover = "#40197b";
|
|
216
|
+
const purple100Hover = "#341c59";
|
|
223
217
|
const purpleHover = {
|
|
224
|
-
|
|
225
|
-
90: purple90Hover,
|
|
226
|
-
80: purple80Hover,
|
|
227
|
-
70: purple70Hover,
|
|
228
|
-
60: purple60Hover,
|
|
229
|
-
50: purple50Hover,
|
|
230
|
-
40: purple40Hover,
|
|
231
|
-
30: purple30Hover,
|
|
218
|
+
10: purple10Hover,
|
|
232
219
|
20: purple20Hover,
|
|
233
|
-
|
|
220
|
+
30: purple30Hover,
|
|
221
|
+
40: purple40Hover,
|
|
222
|
+
50: purple50Hover,
|
|
223
|
+
60: purple60Hover,
|
|
224
|
+
70: purple70Hover,
|
|
225
|
+
80: purple80Hover,
|
|
226
|
+
90: purple90Hover,
|
|
227
|
+
100: purple100Hover
|
|
234
228
|
};
|
|
235
229
|
const blue10 = "#edf5ff";
|
|
236
230
|
const blue20 = "#d0e2ff";
|
|
@@ -254,27 +248,27 @@ const blue = {
|
|
|
254
248
|
90: blue90,
|
|
255
249
|
100: blue100
|
|
256
250
|
};
|
|
257
|
-
const blue100Hover = "#001f75";
|
|
258
|
-
const blue90Hover = "#00258a";
|
|
259
|
-
const blue80Hover = "#0039c7";
|
|
260
|
-
const blue70Hover = "#0053ff";
|
|
261
|
-
const blue60Hover = "#0050e6";
|
|
262
|
-
const blue50Hover = "#1f70ff";
|
|
263
|
-
const blue40Hover = "#5c97ff";
|
|
264
|
-
const blue30Hover = "#8ab6ff";
|
|
265
|
-
const blue20Hover = "#b8d3ff";
|
|
266
251
|
const blue10Hover = "#dbebff";
|
|
252
|
+
const blue20Hover = "#b8d3ff";
|
|
253
|
+
const blue30Hover = "#8ab6ff";
|
|
254
|
+
const blue40Hover = "#5c97ff";
|
|
255
|
+
const blue50Hover = "#1f70ff";
|
|
256
|
+
const blue60Hover = "#0050e6";
|
|
257
|
+
const blue70Hover = "#0053ff";
|
|
258
|
+
const blue80Hover = "#0039c7";
|
|
259
|
+
const blue90Hover = "#00258a";
|
|
260
|
+
const blue100Hover = "#001f75";
|
|
267
261
|
const blueHover = {
|
|
268
|
-
|
|
269
|
-
90: blue90Hover,
|
|
270
|
-
80: blue80Hover,
|
|
271
|
-
70: blue70Hover,
|
|
272
|
-
60: blue60Hover,
|
|
273
|
-
50: blue50Hover,
|
|
274
|
-
40: blue40Hover,
|
|
275
|
-
30: blue30Hover,
|
|
262
|
+
10: blue10Hover,
|
|
276
263
|
20: blue20Hover,
|
|
277
|
-
|
|
264
|
+
30: blue30Hover,
|
|
265
|
+
40: blue40Hover,
|
|
266
|
+
50: blue50Hover,
|
|
267
|
+
60: blue60Hover,
|
|
268
|
+
70: blue70Hover,
|
|
269
|
+
80: blue80Hover,
|
|
270
|
+
90: blue90Hover,
|
|
271
|
+
100: blue100Hover
|
|
278
272
|
};
|
|
279
273
|
const cyan10 = "#e5f6ff";
|
|
280
274
|
const cyan20 = "#bae6ff";
|
|
@@ -542,35 +536,167 @@ const warmGrayHover = {
|
|
|
542
536
|
};
|
|
543
537
|
const colors = {
|
|
544
538
|
black: { 100: black },
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
539
|
+
yellow: {
|
|
540
|
+
10: yellow10,
|
|
541
|
+
20: yellow20,
|
|
542
|
+
30: yellow30,
|
|
543
|
+
40: yellow40,
|
|
544
|
+
50: yellow50,
|
|
545
|
+
60: yellow60,
|
|
546
|
+
70: yellow70,
|
|
547
|
+
80: yellow80,
|
|
548
|
+
90: yellow90,
|
|
549
|
+
100: yellow100
|
|
550
|
+
},
|
|
551
|
+
orange: {
|
|
552
|
+
10: orange10,
|
|
553
|
+
20: orange20,
|
|
554
|
+
30: orange30,
|
|
555
|
+
40: orange40,
|
|
556
|
+
50: orange50,
|
|
557
|
+
60: orange60,
|
|
558
|
+
70: orange70,
|
|
559
|
+
80: orange80,
|
|
560
|
+
90: orange90,
|
|
561
|
+
100: orange100
|
|
562
|
+
},
|
|
563
|
+
red: {
|
|
564
|
+
10: red10,
|
|
565
|
+
20: red20,
|
|
566
|
+
30: red30,
|
|
567
|
+
40: red40,
|
|
568
|
+
50: red50,
|
|
569
|
+
60: red60,
|
|
570
|
+
70: red70,
|
|
571
|
+
80: red80,
|
|
572
|
+
90: red90,
|
|
573
|
+
100: red100
|
|
574
|
+
},
|
|
575
|
+
magenta: {
|
|
576
|
+
10: magenta10,
|
|
577
|
+
20: magenta20,
|
|
578
|
+
30: magenta30,
|
|
579
|
+
40: magenta40,
|
|
580
|
+
50: magenta50,
|
|
581
|
+
60: magenta60,
|
|
582
|
+
70: magenta70,
|
|
583
|
+
80: magenta80,
|
|
584
|
+
90: magenta90,
|
|
585
|
+
100: magenta100
|
|
586
|
+
},
|
|
587
|
+
purple: {
|
|
588
|
+
10: purple10,
|
|
589
|
+
20: purple20,
|
|
590
|
+
30: purple30,
|
|
591
|
+
40: purple40,
|
|
592
|
+
50: purple50,
|
|
593
|
+
60: purple60,
|
|
594
|
+
70: purple70,
|
|
595
|
+
80: purple80,
|
|
596
|
+
90: purple90,
|
|
597
|
+
100: purple100
|
|
598
|
+
},
|
|
599
|
+
blue: {
|
|
600
|
+
10: blue10,
|
|
601
|
+
20: blue20,
|
|
602
|
+
30: blue30,
|
|
603
|
+
40: blue40,
|
|
604
|
+
50: blue50,
|
|
605
|
+
60: blue60,
|
|
606
|
+
70: blue70,
|
|
607
|
+
80: blue80,
|
|
608
|
+
90: blue90,
|
|
609
|
+
100: blue100
|
|
610
|
+
},
|
|
611
|
+
cyan: {
|
|
612
|
+
10: cyan10,
|
|
613
|
+
20: cyan20,
|
|
614
|
+
30: cyan30,
|
|
615
|
+
40: cyan40,
|
|
616
|
+
50: cyan50,
|
|
617
|
+
60: cyan60,
|
|
618
|
+
70: cyan70,
|
|
619
|
+
80: cyan80,
|
|
620
|
+
90: cyan90,
|
|
621
|
+
100: cyan100
|
|
622
|
+
},
|
|
623
|
+
teal: {
|
|
624
|
+
10: teal10,
|
|
625
|
+
20: teal20,
|
|
626
|
+
30: teal30,
|
|
627
|
+
40: teal40,
|
|
628
|
+
50: teal50,
|
|
629
|
+
60: teal60,
|
|
630
|
+
70: teal70,
|
|
631
|
+
80: teal80,
|
|
632
|
+
90: teal90,
|
|
633
|
+
100: teal100
|
|
634
|
+
},
|
|
635
|
+
green: {
|
|
636
|
+
10: green10,
|
|
637
|
+
20: green20,
|
|
638
|
+
30: green30,
|
|
639
|
+
40: green40,
|
|
640
|
+
50: green50,
|
|
641
|
+
60: green60,
|
|
642
|
+
70: green70,
|
|
643
|
+
80: green80,
|
|
644
|
+
90: green90,
|
|
645
|
+
100: green100
|
|
646
|
+
},
|
|
647
|
+
coolGray: {
|
|
648
|
+
10: coolGray10,
|
|
649
|
+
20: coolGray20,
|
|
650
|
+
30: coolGray30,
|
|
651
|
+
40: coolGray40,
|
|
652
|
+
50: coolGray50,
|
|
653
|
+
60: coolGray60,
|
|
654
|
+
70: coolGray70,
|
|
655
|
+
80: coolGray80,
|
|
656
|
+
90: coolGray90,
|
|
657
|
+
100: coolGray100
|
|
658
|
+
},
|
|
659
|
+
gray: {
|
|
660
|
+
10: gray10,
|
|
661
|
+
20: gray20,
|
|
662
|
+
30: gray30,
|
|
663
|
+
40: gray40,
|
|
664
|
+
50: gray50,
|
|
665
|
+
60: gray60,
|
|
666
|
+
70: gray70,
|
|
667
|
+
80: gray80,
|
|
668
|
+
90: gray90,
|
|
669
|
+
100: gray100
|
|
670
|
+
},
|
|
671
|
+
warmGray: {
|
|
672
|
+
10: warmGray10,
|
|
673
|
+
20: warmGray20,
|
|
674
|
+
30: warmGray30,
|
|
675
|
+
40: warmGray40,
|
|
676
|
+
50: warmGray50,
|
|
677
|
+
60: warmGray60,
|
|
678
|
+
70: warmGray70,
|
|
679
|
+
80: warmGray80,
|
|
680
|
+
90: warmGray90,
|
|
681
|
+
100: warmGray100
|
|
682
|
+
},
|
|
683
|
+
white: { 0: white }
|
|
558
684
|
};
|
|
559
685
|
const hoverColors = {
|
|
560
|
-
whiteHover,
|
|
561
686
|
blackHover,
|
|
562
|
-
|
|
563
|
-
coolGrayHover,
|
|
564
|
-
cyanHover,
|
|
565
|
-
grayHover,
|
|
566
|
-
greenHover,
|
|
567
|
-
magentaHover,
|
|
687
|
+
yellowHover,
|
|
568
688
|
orangeHover,
|
|
569
|
-
purpleHover,
|
|
570
689
|
redHover,
|
|
690
|
+
magentaHover,
|
|
691
|
+
purpleHover,
|
|
692
|
+
blueHover,
|
|
693
|
+
cyanHover,
|
|
571
694
|
tealHover,
|
|
695
|
+
greenHover,
|
|
696
|
+
coolGrayHover,
|
|
697
|
+
grayHover,
|
|
572
698
|
warmGrayHover,
|
|
573
|
-
|
|
699
|
+
whiteHover
|
|
574
700
|
};
|
|
575
701
|
//#endregion
|
|
576
702
|
//#region src/rgb.ts
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/colors",
|
|
3
3
|
"description": "Colors for digital and software products using the Carbon Design System",
|
|
4
|
-
"version": "11.
|
|
4
|
+
"version": "11.59.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"types": "lib/index.d.ts",
|
|
@@ -37,18 +37,17 @@
|
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"build:types": "tsc -p tsconfig.types.json",
|
|
40
|
-
"build": "yarn clean && carbon-cli bundle src/index.ts --name CarbonColors &&
|
|
41
|
-
"clean": "rimraf css es lib umd scss index.scss",
|
|
40
|
+
"build": "yarn clean && node tasks/build.js && carbon-cli bundle src/index.ts --name CarbonColors && yarn build:types && carbon-cli check \"scss/*.scss\"",
|
|
41
|
+
"clean": "rimraf css es js/generated lib umd scss index.scss",
|
|
42
42
|
"postinstall": "ibmtelemetry --config=telemetry.yml"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@carbon/cli": "^11.
|
|
45
|
+
"@carbon/cli": "^11.51.0",
|
|
46
46
|
"@carbon/cli-reporter": "^10.9.0",
|
|
47
|
-
"@carbon/scss-generator": "^10.20.0",
|
|
48
47
|
"@carbon/test-utils": "^10.41.0",
|
|
49
|
-
"change-case-all": "^2.1.0",
|
|
50
48
|
"fs-extra": "^11.0.0",
|
|
51
49
|
"rimraf": "^6.0.1",
|
|
50
|
+
"style-dictionary": "^5.5.0",
|
|
52
51
|
"typescript": "^6.0.3",
|
|
53
52
|
"typescript-config-carbon": "^0.11.0"
|
|
54
53
|
},
|
|
@@ -62,5 +61,5 @@
|
|
|
62
61
|
"dependencies": {
|
|
63
62
|
"@ibm/telemetry-js": "^1.5.0"
|
|
64
63
|
},
|
|
65
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "7e1d5e5492fd70ab8ec901114898c12a374cea98"
|
|
66
65
|
}
|