@carbon/colors 10.14.0-rc.0 → 10.16.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 +11 -3
- package/lib/index.js +14 -2
- package/package.json +3 -3
- package/scss/mixins.scss +20 -0
- package/umd/index.js +14 -2
package/es/index.js
CHANGED
|
@@ -10,8 +10,12 @@ var white = '#ffffff';
|
|
|
10
10
|
var white0 = white;
|
|
11
11
|
var yellow = '#f1c21b';
|
|
12
12
|
var yellow30 = yellow;
|
|
13
|
+
var yellow40 = '#d2a106';
|
|
14
|
+
var yellow50 = '#b28600';
|
|
13
15
|
var orange = '#ff832b';
|
|
14
16
|
var orange40 = orange;
|
|
17
|
+
var orange60 = '#ba4e00';
|
|
18
|
+
var orange70 = '#8a3800';
|
|
15
19
|
var red10 = '#fff1f1';
|
|
16
20
|
var red20 = '#ffd7d9';
|
|
17
21
|
var red30 = '#ffb3b8';
|
|
@@ -245,7 +249,9 @@ var colors = {
|
|
|
245
249
|
green: green,
|
|
246
250
|
magenta: magenta,
|
|
247
251
|
orange: {
|
|
248
|
-
40: orange40
|
|
252
|
+
40: orange40,
|
|
253
|
+
60: orange60,
|
|
254
|
+
70: orange70
|
|
249
255
|
},
|
|
250
256
|
purple: purple,
|
|
251
257
|
red: red,
|
|
@@ -256,7 +262,9 @@ var colors = {
|
|
|
256
262
|
},
|
|
257
263
|
yellow: {
|
|
258
264
|
20: yellow20,
|
|
259
|
-
30: yellow30
|
|
265
|
+
30: yellow30,
|
|
266
|
+
40: yellow40,
|
|
267
|
+
50: yellow50
|
|
260
268
|
}
|
|
261
269
|
};
|
|
262
270
|
|
|
@@ -287,4 +295,4 @@ function rgba(hexcode, opacity) {
|
|
|
287
295
|
* LICENSE file in the root directory of this source tree.
|
|
288
296
|
*/
|
|
289
297
|
|
|
290
|
-
export { black, black100, white, white0, yellow, yellow30, orange, orange40, red10, red20, red30, red40, red50, red60, red70, red80, red90, red100, red, magenta10, magenta20, magenta30, magenta40, magenta50, magenta60, magenta70, magenta80, magenta90, magenta100, magenta, purple10, purple20, purple30, purple40, purple50, purple60, purple70, purple80, purple90, purple100, purple, blue10, blue20, blue30, blue40, blue50, blue60, blue70, blue80, blue90, blue100, blue, cyan10, cyan20, cyan30, cyan40, cyan50, cyan60, cyan70, cyan80, cyan90, cyan100, cyan, teal10, teal20, teal30, teal40, teal50, teal60, teal70, teal80, teal90, teal100, teal, green10, green20, green30, green40, green50, green60, green70, green80, green90, green100, green, coolGray10, coolGray20, coolGray30, coolGray40, coolGray50, coolGray60, coolGray70, coolGray80, coolGray90, coolGray100, coolGray, gray10, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray90, gray100, gray, warmGray10, warmGray20, warmGray30, warmGray40, warmGray50, warmGray60, warmGray70, warmGray80, warmGray90, warmGray100, warmGray, yellow20, colors, rgba };
|
|
298
|
+
export { black, black100, white, white0, yellow, yellow30, yellow40, yellow50, orange, orange40, orange60, orange70, red10, red20, red30, red40, red50, red60, red70, red80, red90, red100, red, magenta10, magenta20, magenta30, magenta40, magenta50, magenta60, magenta70, magenta80, magenta90, magenta100, magenta, purple10, purple20, purple30, purple40, purple50, purple60, purple70, purple80, purple90, purple100, purple, blue10, blue20, blue30, blue40, blue50, blue60, blue70, blue80, blue90, blue100, blue, cyan10, cyan20, cyan30, cyan40, cyan50, cyan60, cyan70, cyan80, cyan90, cyan100, cyan, teal10, teal20, teal30, teal40, teal50, teal60, teal70, teal80, teal90, teal100, teal, green10, green20, green30, green40, green50, green60, green70, green80, green90, green100, green, coolGray10, coolGray20, coolGray30, coolGray40, coolGray50, coolGray60, coolGray70, coolGray80, coolGray90, coolGray100, coolGray, gray10, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray90, gray100, gray, warmGray10, warmGray20, warmGray30, warmGray40, warmGray50, warmGray60, warmGray70, warmGray80, warmGray90, warmGray100, warmGray, yellow20, colors, rgba };
|
package/lib/index.js
CHANGED
|
@@ -14,8 +14,12 @@ var white = '#ffffff';
|
|
|
14
14
|
var white0 = white;
|
|
15
15
|
var yellow = '#f1c21b';
|
|
16
16
|
var yellow30 = yellow;
|
|
17
|
+
var yellow40 = '#d2a106';
|
|
18
|
+
var yellow50 = '#b28600';
|
|
17
19
|
var orange = '#ff832b';
|
|
18
20
|
var orange40 = orange;
|
|
21
|
+
var orange60 = '#ba4e00';
|
|
22
|
+
var orange70 = '#8a3800';
|
|
19
23
|
var red10 = '#fff1f1';
|
|
20
24
|
var red20 = '#ffd7d9';
|
|
21
25
|
var red30 = '#ffb3b8';
|
|
@@ -249,7 +253,9 @@ var colors = {
|
|
|
249
253
|
green: green,
|
|
250
254
|
magenta: magenta,
|
|
251
255
|
orange: {
|
|
252
|
-
40: orange40
|
|
256
|
+
40: orange40,
|
|
257
|
+
60: orange60,
|
|
258
|
+
70: orange70
|
|
253
259
|
},
|
|
254
260
|
purple: purple,
|
|
255
261
|
red: red,
|
|
@@ -260,7 +266,9 @@ var colors = {
|
|
|
260
266
|
},
|
|
261
267
|
yellow: {
|
|
262
268
|
20: yellow20,
|
|
263
|
-
30: yellow30
|
|
269
|
+
30: yellow30,
|
|
270
|
+
40: yellow40,
|
|
271
|
+
50: yellow50
|
|
264
272
|
}
|
|
265
273
|
};
|
|
266
274
|
|
|
@@ -297,8 +305,12 @@ exports.white = white;
|
|
|
297
305
|
exports.white0 = white0;
|
|
298
306
|
exports.yellow = yellow;
|
|
299
307
|
exports.yellow30 = yellow30;
|
|
308
|
+
exports.yellow40 = yellow40;
|
|
309
|
+
exports.yellow50 = yellow50;
|
|
300
310
|
exports.orange = orange;
|
|
301
311
|
exports.orange40 = orange40;
|
|
312
|
+
exports.orange60 = orange60;
|
|
313
|
+
exports.orange70 = orange70;
|
|
302
314
|
exports.red10 = red10;
|
|
303
315
|
exports.red20 = red20;
|
|
304
316
|
exports.red30 = red30;
|
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": "10.
|
|
4
|
+
"version": "10.16.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@carbon/bundler": "^10.9.0",
|
|
35
35
|
"@carbon/cli-reporter": "^10.3.0",
|
|
36
36
|
"@carbon/scss-generator": "^10.10.0",
|
|
37
|
-
"@carbon/test-utils": "^10.
|
|
37
|
+
"@carbon/test-utils": "^10.12.0",
|
|
38
38
|
"change-case": "^4.1.1",
|
|
39
39
|
"core-js": "^3.6.5",
|
|
40
40
|
"fs-extra": "^8.1.0",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"sassDir": "scss",
|
|
48
48
|
"needs": "^1.3.0"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "c8bb7cd25e5e4f92b3e12feb90261bcc87572470"
|
|
51
51
|
}
|
package/scss/mixins.scss
CHANGED
|
@@ -72,6 +72,8 @@
|
|
|
72
72
|
$ibm-color__magenta-90: #510224 !default !global;
|
|
73
73
|
$ibm-color__magenta-100: #2a0a18 !default !global;
|
|
74
74
|
$ibm-color__orange-40: #ff832b !default !global;
|
|
75
|
+
$ibm-color__orange-60: #ba4e00 !default !global;
|
|
76
|
+
$ibm-color__orange-70: #8a3800 !default !global;
|
|
75
77
|
$ibm-color__purple-10: #f6f2ff !default !global;
|
|
76
78
|
$ibm-color__purple-20: #e8daff !default !global;
|
|
77
79
|
$ibm-color__purple-30: #d4bbff !default !global;
|
|
@@ -115,6 +117,8 @@
|
|
|
115
117
|
$ibm-color__white-0: #ffffff !default !global;
|
|
116
118
|
$ibm-color__yellow-20: #fdd13a !default !global;
|
|
117
119
|
$ibm-color__yellow-30: #f1c21b !default !global;
|
|
120
|
+
$ibm-color__yellow-40: #d2a106 !default !global;
|
|
121
|
+
$ibm-color__yellow-50: #b28600 !default !global;
|
|
118
122
|
$ibm-color-map: (
|
|
119
123
|
'black': (
|
|
120
124
|
100: #000000,
|
|
@@ -205,6 +209,8 @@
|
|
|
205
209
|
),
|
|
206
210
|
'orange': (
|
|
207
211
|
40: #ff832b,
|
|
212
|
+
60: #ba4e00,
|
|
213
|
+
70: #8a3800,
|
|
208
214
|
),
|
|
209
215
|
'purple': (
|
|
210
216
|
10: #f6f2ff,
|
|
@@ -272,6 +278,8 @@
|
|
|
272
278
|
'yellow': (
|
|
273
279
|
20: #fdd13a,
|
|
274
280
|
30: #f1c21b,
|
|
281
|
+
40: #d2a106,
|
|
282
|
+
50: #b28600,
|
|
275
283
|
),
|
|
276
284
|
) !default !global;
|
|
277
285
|
}
|
|
@@ -341,6 +349,8 @@
|
|
|
341
349
|
$carbon--magenta-90: #510224 !default !global;
|
|
342
350
|
$carbon--magenta-100: #2a0a18 !default !global;
|
|
343
351
|
$carbon--orange-40: #ff832b !default !global;
|
|
352
|
+
$carbon--orange-60: #ba4e00 !default !global;
|
|
353
|
+
$carbon--orange-70: #8a3800 !default !global;
|
|
344
354
|
$carbon--purple-10: #f6f2ff !default !global;
|
|
345
355
|
$carbon--purple-20: #e8daff !default !global;
|
|
346
356
|
$carbon--purple-30: #d4bbff !default !global;
|
|
@@ -384,6 +394,8 @@
|
|
|
384
394
|
$carbon--white-0: #ffffff !default !global;
|
|
385
395
|
$carbon--yellow-20: #fdd13a !default !global;
|
|
386
396
|
$carbon--yellow-30: #f1c21b !default !global;
|
|
397
|
+
$carbon--yellow-40: #d2a106 !default !global;
|
|
398
|
+
$carbon--yellow-50: #b28600 !default !global;
|
|
387
399
|
$black-100: #000000 !default !global;
|
|
388
400
|
$blue-10: #edf5ff !default !global;
|
|
389
401
|
$blue-20: #d0e2ff !default !global;
|
|
@@ -446,6 +458,8 @@
|
|
|
446
458
|
$magenta-90: #510224 !default !global;
|
|
447
459
|
$magenta-100: #2a0a18 !default !global;
|
|
448
460
|
$orange-40: #ff832b !default !global;
|
|
461
|
+
$orange-60: #ba4e00 !default !global;
|
|
462
|
+
$orange-70: #8a3800 !default !global;
|
|
449
463
|
$purple-10: #f6f2ff !default !global;
|
|
450
464
|
$purple-20: #e8daff !default !global;
|
|
451
465
|
$purple-30: #d4bbff !default !global;
|
|
@@ -489,6 +503,8 @@
|
|
|
489
503
|
$white-0: #ffffff !default !global;
|
|
490
504
|
$yellow-20: #fdd13a !default !global;
|
|
491
505
|
$yellow-30: #f1c21b !default !global;
|
|
506
|
+
$yellow-40: #d2a106 !default !global;
|
|
507
|
+
$yellow-50: #b28600 !default !global;
|
|
492
508
|
$carbon--colors: (
|
|
493
509
|
'black': (
|
|
494
510
|
100: #000000,
|
|
@@ -579,6 +595,8 @@
|
|
|
579
595
|
),
|
|
580
596
|
'orange': (
|
|
581
597
|
40: #ff832b,
|
|
598
|
+
60: #ba4e00,
|
|
599
|
+
70: #8a3800,
|
|
582
600
|
),
|
|
583
601
|
'purple': (
|
|
584
602
|
10: #f6f2ff,
|
|
@@ -646,6 +664,8 @@
|
|
|
646
664
|
'yellow': (
|
|
647
665
|
20: #fdd13a,
|
|
648
666
|
30: #f1c21b,
|
|
667
|
+
40: #d2a106,
|
|
668
|
+
50: #b28600,
|
|
649
669
|
),
|
|
650
670
|
) !default !global;
|
|
651
671
|
}
|
package/umd/index.js
CHANGED
|
@@ -16,8 +16,12 @@
|
|
|
16
16
|
var white0 = white;
|
|
17
17
|
var yellow = '#f1c21b';
|
|
18
18
|
var yellow30 = yellow;
|
|
19
|
+
var yellow40 = '#d2a106';
|
|
20
|
+
var yellow50 = '#b28600';
|
|
19
21
|
var orange = '#ff832b';
|
|
20
22
|
var orange40 = orange;
|
|
23
|
+
var orange60 = '#ba4e00';
|
|
24
|
+
var orange70 = '#8a3800';
|
|
21
25
|
var red10 = '#fff1f1';
|
|
22
26
|
var red20 = '#ffd7d9';
|
|
23
27
|
var red30 = '#ffb3b8';
|
|
@@ -251,7 +255,9 @@
|
|
|
251
255
|
green: green,
|
|
252
256
|
magenta: magenta,
|
|
253
257
|
orange: {
|
|
254
|
-
40: orange40
|
|
258
|
+
40: orange40,
|
|
259
|
+
60: orange60,
|
|
260
|
+
70: orange70
|
|
255
261
|
},
|
|
256
262
|
purple: purple,
|
|
257
263
|
red: red,
|
|
@@ -262,7 +268,9 @@
|
|
|
262
268
|
},
|
|
263
269
|
yellow: {
|
|
264
270
|
20: yellow20,
|
|
265
|
-
30: yellow30
|
|
271
|
+
30: yellow30,
|
|
272
|
+
40: yellow40,
|
|
273
|
+
50: yellow50
|
|
266
274
|
}
|
|
267
275
|
};
|
|
268
276
|
|
|
@@ -299,8 +307,12 @@
|
|
|
299
307
|
exports.white0 = white0;
|
|
300
308
|
exports.yellow = yellow;
|
|
301
309
|
exports.yellow30 = yellow30;
|
|
310
|
+
exports.yellow40 = yellow40;
|
|
311
|
+
exports.yellow50 = yellow50;
|
|
302
312
|
exports.orange = orange;
|
|
303
313
|
exports.orange40 = orange40;
|
|
314
|
+
exports.orange60 = orange60;
|
|
315
|
+
exports.orange70 = orange70;
|
|
304
316
|
exports.red10 = red10;
|
|
305
317
|
exports.red20 = red20;
|
|
306
318
|
exports.red30 = red30;
|