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