@carbon/colors 10.27.0 → 10.29.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.
Files changed (5) hide show
  1. package/es/index.js +328 -19
  2. package/lib/index.js +475 -18
  3. package/package.json +4 -4
  4. package/scss/mixins.scss +248 -9
  5. package/umd/index.js +475 -18
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.27.0",
4
+ "version": "10.29.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -35,21 +35,21 @@
35
35
  "clean": "rimraf css es lib umd scss index.scss"
36
36
  },
37
37
  "devDependencies": {
38
- "@carbon/cli": "^10.25.0",
38
+ "@carbon/cli": "^10.26.0",
39
39
  "@carbon/cli-reporter": "^10.5.0",
40
40
  "@carbon/scss-generator": "^10.13.0",
41
41
  "@carbon/test-utils": "^10.16.0",
42
42
  "change-case": "^4.1.1",
43
- "core-js": "^3.6.5",
44
43
  "fs-extra": "^8.1.0",
45
44
  "node-sass": "^6.0.0",
46
45
  "rimraf": "^3.0.0"
47
46
  },
47
+ "sideEffects": false,
48
48
  "eyeglass": {
49
49
  "exports": false,
50
50
  "name": "@carbon/colors",
51
51
  "sassDir": "scss",
52
52
  "needs": "^1.3.0"
53
53
  },
54
- "gitHead": "74da5c7df7a93263ed79ed9b3dd6dc2b52d80024"
54
+ "gitHead": "388008d11f2996c262303445a2e26453cbda9261"
55
55
  }
package/scss/mixins.scss CHANGED
@@ -66,9 +66,16 @@ $ibm-color__magenta-70: #9f1853 !default;
66
66
  $ibm-color__magenta-80: #740937 !default;
67
67
  $ibm-color__magenta-90: #510224 !default;
68
68
  $ibm-color__magenta-100: #2a0a18 !default;
69
+ $ibm-color__orange-10: #fff2e8 !default;
70
+ $ibm-color__orange-20: #ffd9be !default;
71
+ $ibm-color__orange-30: #ffb784 !default;
69
72
  $ibm-color__orange-40: #ff832b !default;
73
+ $ibm-color__orange-50: #eb6200 !default;
70
74
  $ibm-color__orange-60: #ba4e00 !default;
71
75
  $ibm-color__orange-70: #8a3800 !default;
76
+ $ibm-color__orange-80: #5e2900 !default;
77
+ $ibm-color__orange-90: #3e1a00 !default;
78
+ $ibm-color__orange-100: #231000 !default;
72
79
  $ibm-color__purple-10: #f6f2ff !default;
73
80
  $ibm-color__purple-20: #e8daff !default;
74
81
  $ibm-color__purple-30: #d4bbff !default;
@@ -110,10 +117,16 @@ $ibm-color__warm-gray-80: #3c3838 !default;
110
117
  $ibm-color__warm-gray-90: #272525 !default;
111
118
  $ibm-color__warm-gray-100: #171414 !default;
112
119
  $ibm-color__white-0: #ffffff !default;
113
- $ibm-color__yellow-20: #fdd13a !default;
120
+ $ibm-color__yellow-10: #fcf4d6 !default;
121
+ $ibm-color__yellow-20: #fddc69 !default;
114
122
  $ibm-color__yellow-30: #f1c21b !default;
115
123
  $ibm-color__yellow-40: #d2a106 !default;
116
124
  $ibm-color__yellow-50: #b28600 !default;
125
+ $ibm-color__yellow-60: #8e6a00 !default;
126
+ $ibm-color__yellow-70: #684e00 !default;
127
+ $ibm-color__yellow-80: #483700 !default;
128
+ $ibm-color__yellow-90: #302400 !default;
129
+ $ibm-color__yellow-100: #1c1500 !default;
117
130
  $carbon--black-100: #000000 !default;
118
131
  $carbon--blue-10: #edf5ff !default;
119
132
  $carbon--blue-20: #d0e2ff !default;
@@ -175,9 +188,16 @@ $carbon--magenta-70: #9f1853 !default;
175
188
  $carbon--magenta-80: #740937 !default;
176
189
  $carbon--magenta-90: #510224 !default;
177
190
  $carbon--magenta-100: #2a0a18 !default;
191
+ $carbon--orange-10: #fff2e8 !default;
192
+ $carbon--orange-20: #ffd9be !default;
193
+ $carbon--orange-30: #ffb784 !default;
178
194
  $carbon--orange-40: #ff832b !default;
195
+ $carbon--orange-50: #eb6200 !default;
179
196
  $carbon--orange-60: #ba4e00 !default;
180
197
  $carbon--orange-70: #8a3800 !default;
198
+ $carbon--orange-80: #5e2900 !default;
199
+ $carbon--orange-90: #3e1a00 !default;
200
+ $carbon--orange-100: #231000 !default;
181
201
  $carbon--purple-10: #f6f2ff !default;
182
202
  $carbon--purple-20: #e8daff !default;
183
203
  $carbon--purple-30: #d4bbff !default;
@@ -219,10 +239,16 @@ $carbon--warm-gray-80: #3c3838 !default;
219
239
  $carbon--warm-gray-90: #272525 !default;
220
240
  $carbon--warm-gray-100: #171414 !default;
221
241
  $carbon--white-0: #ffffff !default;
222
- $carbon--yellow-20: #fdd13a !default;
242
+ $carbon--yellow-10: #fcf4d6 !default;
243
+ $carbon--yellow-20: #fddc69 !default;
223
244
  $carbon--yellow-30: #f1c21b !default;
224
245
  $carbon--yellow-40: #d2a106 !default;
225
246
  $carbon--yellow-50: #b28600 !default;
247
+ $carbon--yellow-60: #8e6a00 !default;
248
+ $carbon--yellow-70: #684e00 !default;
249
+ $carbon--yellow-80: #483700 !default;
250
+ $carbon--yellow-90: #302400 !default;
251
+ $carbon--yellow-100: #1c1500 !default;
226
252
  $black-100: #000000 !default;
227
253
  $blue-10: #edf5ff !default;
228
254
  $blue-20: #d0e2ff !default;
@@ -284,9 +310,16 @@ $magenta-70: #9f1853 !default;
284
310
  $magenta-80: #740937 !default;
285
311
  $magenta-90: #510224 !default;
286
312
  $magenta-100: #2a0a18 !default;
313
+ $orange-10: #fff2e8 !default;
314
+ $orange-20: #ffd9be !default;
315
+ $orange-30: #ffb784 !default;
287
316
  $orange-40: #ff832b !default;
317
+ $orange-50: #eb6200 !default;
288
318
  $orange-60: #ba4e00 !default;
289
319
  $orange-70: #8a3800 !default;
320
+ $orange-80: #5e2900 !default;
321
+ $orange-90: #3e1a00 !default;
322
+ $orange-100: #231000 !default;
290
323
  $purple-10: #f6f2ff !default;
291
324
  $purple-20: #e8daff !default;
292
325
  $purple-30: #d4bbff !default;
@@ -328,10 +361,138 @@ $warm-gray-80: #3c3838 !default;
328
361
  $warm-gray-90: #272525 !default;
329
362
  $warm-gray-100: #171414 !default;
330
363
  $white-0: #ffffff !default;
331
- $yellow-20: #fdd13a !default;
364
+ $yellow-10: #fcf4d6 !default;
365
+ $yellow-20: #fddc69 !default;
332
366
  $yellow-30: #f1c21b !default;
333
367
  $yellow-40: #d2a106 !default;
334
368
  $yellow-50: #b28600 !default;
369
+ $yellow-60: #8e6a00 !default;
370
+ $yellow-70: #684e00 !default;
371
+ $yellow-80: #483700 !default;
372
+ $yellow-90: #302400 !default;
373
+ $yellow-100: #1c1500 !default;
374
+ $white-hover: #e8e8e8 !default;
375
+ $black-hover: #212121 !default;
376
+ $blue-10-hover: #dbebff !default;
377
+ $blue-20-hover: #b8d3ff !default;
378
+ $blue-30-hover: #8ab6ff !default;
379
+ $blue-40-hover: #5c97ff !default;
380
+ $blue-50-hover: #1f70ff !default;
381
+ $blue-60-hover: #0050e6 !default;
382
+ $blue-70-hover: #0053ff !default;
383
+ $blue-80-hover: #0039c7 !default;
384
+ $blue-90-hover: #00258a !default;
385
+ $blue-100-hover: #001f75 !default;
386
+ $cool-gray-10-hover: #e4e9f1 !default;
387
+ $cool-gray-20-hover: #cdd3da !default;
388
+ $cool-gray-30-hover: #adb5bd !default;
389
+ $cool-gray-40-hover: #9199a1 !default;
390
+ $cool-gray-50-hover: #757b85 !default;
391
+ $cool-gray-60-hover: #585e64 !default;
392
+ $cool-gray-70-hover: #5d646a !default;
393
+ $cool-gray-80-hover: #434a51 !default;
394
+ $cool-gray-90-hover: #2b3236 !default;
395
+ $cool-gray-100-hover: #222a2f !default;
396
+ $cyan-10-hover: #cceeff !default;
397
+ $cyan-20-hover: #99daff !default;
398
+ $cyan-30-hover: #57beff !default;
399
+ $cyan-40-hover: #059fff !default;
400
+ $cyan-50-hover: #0f7ec8 !default;
401
+ $cyan-60-hover: #005fa3 !default;
402
+ $cyan-70-hover: #0066bd !default;
403
+ $cyan-80-hover: #00498a !default;
404
+ $cyan-90-hover: #013360 !default;
405
+ $cyan-100-hover: #0b2947 !default;
406
+ $gray-10-hover: #e8e8e8 !default;
407
+ $gray-20-hover: #d1d1d1 !default;
408
+ $gray-30-hover: #b5b5b5 !default;
409
+ $gray-40-hover: #999999 !default;
410
+ $gray-50-hover: #7a7a7a !default;
411
+ $gray-60-hover: #5e5e5e !default;
412
+ $gray-70-hover: #636363 !default;
413
+ $gray-80-hover: #474747 !default;
414
+ $gray-90-hover: #333333 !default;
415
+ $gray-100-hover: #292929 !default;
416
+ $green-10-hover: #b6f6c8 !default;
417
+ $green-20-hover: #74e792 !default;
418
+ $green-30-hover: #36ce5e !default;
419
+ $green-40-hover: #3bab5a !default;
420
+ $green-50-hover: #208e3f !default;
421
+ $green-60-hover: #166f31 !default;
422
+ $green-70-hover: #11742f !default;
423
+ $green-80-hover: #05521c !default;
424
+ $green-90-hover: #033b11 !default;
425
+ $green-100-hover: #0d300f !default;
426
+ $magenta-10-hover: #ffe0ef !default;
427
+ $magenta-20-hover: #ffbdda !default;
428
+ $magenta-30-hover: #ff94c3 !default;
429
+ $magenta-40-hover: #ff57a0 !default;
430
+ $magenta-50-hover: #e3176f !default;
431
+ $magenta-60-hover: #b0215f !default;
432
+ $magenta-70-hover: #bf1d63 !default;
433
+ $magenta-80-hover: #8e0b43 !default;
434
+ $magenta-90-hover: #68032e !default;
435
+ $magenta-100-hover: #53142f !default;
436
+ $orange-10-hover: #ffe2cc !default;
437
+ $orange-20-hover: #ffc69e !default;
438
+ $orange-30-hover: #ff9d57 !default;
439
+ $orange-40-hover: #fa6800 !default;
440
+ $orange-50-hover: #cc5500 !default;
441
+ $orange-60-hover: #9e4200 !default;
442
+ $orange-70-hover: #a84400 !default;
443
+ $orange-80-hover: #753300 !default;
444
+ $orange-90-hover: #522200 !default;
445
+ $orange-100-hover: #421e00 !default;
446
+ $purple-10-hover: #ede5ff !default;
447
+ $purple-20-hover: #dcc7ff !default;
448
+ $purple-30-hover: #c5a3ff !default;
449
+ $purple-40-hover: #ae7aff !default;
450
+ $purple-50-hover: #9352ff !default;
451
+ $purple-60-hover: #7822fb !default;
452
+ $purple-70-hover: #7c3dd6 !default;
453
+ $purple-80-hover: #5b24ad !default;
454
+ $purple-90-hover: #40197b !default;
455
+ $purple-100-hover: #341c59 !default;
456
+ $red-10-hover: #ffe0e0 !default;
457
+ $red-20-hover: #ffc2c5 !default;
458
+ $red-30-hover: #ff99a0 !default;
459
+ $red-40-hover: #ff6168 !default;
460
+ $red-50-hover: #ee0713 !default;
461
+ $red-60-hover: #b81922 !default;
462
+ $red-70-hover: #c21e25 !default;
463
+ $red-80-hover: #921118 !default;
464
+ $red-90-hover: #66050a !default;
465
+ $red-100-hover: #540d11 !default;
466
+ $teal-10-hover: #acf6f6 !default;
467
+ $teal-20-hover: #57e5e5 !default;
468
+ $teal-30-hover: #25cac8 !default;
469
+ $teal-40-hover: #07aba9 !default;
470
+ $teal-50-hover: #008a87 !default;
471
+ $teal-60-hover: #006b68 !default;
472
+ $teal-70-hover: #007070 !default;
473
+ $teal-80-hover: #005357 !default;
474
+ $teal-90-hover: #033940 !default;
475
+ $teal-100-hover: #0f3034 !default;
476
+ $warm-gray-10-hover: #f0e8e6 !default;
477
+ $warm-gray-20-hover: #d8d0cf !default;
478
+ $warm-gray-30-hover: #b9b3b1 !default;
479
+ $warm-gray-40-hover: #9c9696 !default;
480
+ $warm-gray-50-hover: #7f7b7b !default;
481
+ $warm-gray-60-hover: #605d5d !default;
482
+ $warm-gray-70-hover: #696363 !default;
483
+ $warm-gray-80-hover: #4c4848 !default;
484
+ $warm-gray-90-hover: #343232 !default;
485
+ $warm-gray-100-hover: #2c2626 !default;
486
+ $yellow-10-hover: #f8e6a0 !default;
487
+ $yellow-20-hover: #fccd27 !default;
488
+ $yellow-30-hover: #ddb00e !default;
489
+ $yellow-40-hover: #bc9005 !default;
490
+ $yellow-50-hover: #9e7700 !default;
491
+ $yellow-60-hover: #755800 !default;
492
+ $yellow-70-hover: #806000 !default;
493
+ $yellow-80-hover: #5c4600 !default;
494
+ $yellow-90-hover: #3d2e00 !default;
495
+ $yellow-100-hover: #332600 !default;
335
496
  $ibm-color-map: (
336
497
  'black': (
337
498
  100: #000000,
@@ -421,9 +582,16 @@ $ibm-color-map: (
421
582
  100: #2a0a18,
422
583
  ),
423
584
  'orange': (
585
+ 10: #fff2e8,
586
+ 20: #ffd9be,
587
+ 30: #ffb784,
424
588
  40: #ff832b,
589
+ 50: #eb6200,
425
590
  60: #ba4e00,
426
591
  70: #8a3800,
592
+ 80: #5e2900,
593
+ 90: #3e1a00,
594
+ 100: #231000,
427
595
  ),
428
596
  'purple': (
429
597
  10: #f6f2ff,
@@ -489,10 +657,16 @@ $ibm-color-map: (
489
657
  0: #ffffff,
490
658
  ),
491
659
  'yellow': (
492
- 20: #fdd13a,
660
+ 10: #fcf4d6,
661
+ 20: #fddc69,
493
662
  30: #f1c21b,
494
663
  40: #d2a106,
495
664
  50: #b28600,
665
+ 60: #8e6a00,
666
+ 70: #684e00,
667
+ 80: #483700,
668
+ 90: #302400,
669
+ 100: #1c1500,
496
670
  ),
497
671
  ) !default;
498
672
  $carbon--colors: (
@@ -584,9 +758,16 @@ $carbon--colors: (
584
758
  100: #2a0a18,
585
759
  ),
586
760
  'orange': (
761
+ 10: #fff2e8,
762
+ 20: #ffd9be,
763
+ 30: #ffb784,
587
764
  40: #ff832b,
765
+ 50: #eb6200,
588
766
  60: #ba4e00,
589
767
  70: #8a3800,
768
+ 80: #5e2900,
769
+ 90: #3e1a00,
770
+ 100: #231000,
590
771
  ),
591
772
  'purple': (
592
773
  10: #f6f2ff,
@@ -652,10 +833,16 @@ $carbon--colors: (
652
833
  0: #ffffff,
653
834
  ),
654
835
  'yellow': (
655
- 20: #fdd13a,
836
+ 10: #fcf4d6,
837
+ 20: #fddc69,
656
838
  30: #f1c21b,
657
839
  40: #d2a106,
658
840
  50: #b28600,
841
+ 60: #8e6a00,
842
+ 70: #684e00,
843
+ 80: #483700,
844
+ 90: #302400,
845
+ 100: #1c1500,
659
846
  ),
660
847
  ) !default;
661
848
 
@@ -725,9 +912,16 @@ $carbon--colors: (
725
912
  $ibm-color__magenta-80: #740937 !global;
726
913
  $ibm-color__magenta-90: #510224 !global;
727
914
  $ibm-color__magenta-100: #2a0a18 !global;
915
+ $ibm-color__orange-10: #fff2e8 !global;
916
+ $ibm-color__orange-20: #ffd9be !global;
917
+ $ibm-color__orange-30: #ffb784 !global;
728
918
  $ibm-color__orange-40: #ff832b !global;
919
+ $ibm-color__orange-50: #eb6200 !global;
729
920
  $ibm-color__orange-60: #ba4e00 !global;
730
921
  $ibm-color__orange-70: #8a3800 !global;
922
+ $ibm-color__orange-80: #5e2900 !global;
923
+ $ibm-color__orange-90: #3e1a00 !global;
924
+ $ibm-color__orange-100: #231000 !global;
731
925
  $ibm-color__purple-10: #f6f2ff !global;
732
926
  $ibm-color__purple-20: #e8daff !global;
733
927
  $ibm-color__purple-30: #d4bbff !global;
@@ -769,10 +963,16 @@ $carbon--colors: (
769
963
  $ibm-color__warm-gray-90: #272525 !global;
770
964
  $ibm-color__warm-gray-100: #171414 !global;
771
965
  $ibm-color__white-0: #ffffff !global;
772
- $ibm-color__yellow-20: #fdd13a !global;
966
+ $ibm-color__yellow-10: #fcf4d6 !global;
967
+ $ibm-color__yellow-20: #fddc69 !global;
773
968
  $ibm-color__yellow-30: #f1c21b !global;
774
969
  $ibm-color__yellow-40: #d2a106 !global;
775
970
  $ibm-color__yellow-50: #b28600 !global;
971
+ $ibm-color__yellow-60: #8e6a00 !global;
972
+ $ibm-color__yellow-70: #684e00 !global;
973
+ $ibm-color__yellow-80: #483700 !global;
974
+ $ibm-color__yellow-90: #302400 !global;
975
+ $ibm-color__yellow-100: #1c1500 !global;
776
976
  $ibm-color-map: (
777
977
  'black': (
778
978
  100: #000000,
@@ -862,9 +1062,16 @@ $carbon--colors: (
862
1062
  100: #2a0a18,
863
1063
  ),
864
1064
  'orange': (
1065
+ 10: #fff2e8,
1066
+ 20: #ffd9be,
1067
+ 30: #ffb784,
865
1068
  40: #ff832b,
1069
+ 50: #eb6200,
866
1070
  60: #ba4e00,
867
1071
  70: #8a3800,
1072
+ 80: #5e2900,
1073
+ 90: #3e1a00,
1074
+ 100: #231000,
868
1075
  ),
869
1076
  'purple': (
870
1077
  10: #f6f2ff,
@@ -930,10 +1137,16 @@ $carbon--colors: (
930
1137
  0: #ffffff,
931
1138
  ),
932
1139
  'yellow': (
933
- 20: #fdd13a,
1140
+ 10: #fcf4d6,
1141
+ 20: #fddc69,
934
1142
  30: #f1c21b,
935
1143
  40: #d2a106,
936
1144
  50: #b28600,
1145
+ 60: #8e6a00,
1146
+ 70: #684e00,
1147
+ 80: #483700,
1148
+ 90: #302400,
1149
+ 100: #1c1500,
937
1150
  ),
938
1151
  ) !global;
939
1152
  }
@@ -1003,9 +1216,16 @@ $carbon--colors: (
1003
1216
  $carbon--magenta-80: #740937 !global;
1004
1217
  $carbon--magenta-90: #510224 !global;
1005
1218
  $carbon--magenta-100: #2a0a18 !global;
1219
+ $carbon--orange-10: #fff2e8 !global;
1220
+ $carbon--orange-20: #ffd9be !global;
1221
+ $carbon--orange-30: #ffb784 !global;
1006
1222
  $carbon--orange-40: #ff832b !global;
1223
+ $carbon--orange-50: #eb6200 !global;
1007
1224
  $carbon--orange-60: #ba4e00 !global;
1008
1225
  $carbon--orange-70: #8a3800 !global;
1226
+ $carbon--orange-80: #5e2900 !global;
1227
+ $carbon--orange-90: #3e1a00 !global;
1228
+ $carbon--orange-100: #231000 !global;
1009
1229
  $carbon--purple-10: #f6f2ff !global;
1010
1230
  $carbon--purple-20: #e8daff !global;
1011
1231
  $carbon--purple-30: #d4bbff !global;
@@ -1047,10 +1267,16 @@ $carbon--colors: (
1047
1267
  $carbon--warm-gray-90: #272525 !global;
1048
1268
  $carbon--warm-gray-100: #171414 !global;
1049
1269
  $carbon--white-0: #ffffff !global;
1050
- $carbon--yellow-20: #fdd13a !global;
1270
+ $carbon--yellow-10: #fcf4d6 !global;
1271
+ $carbon--yellow-20: #fddc69 !global;
1051
1272
  $carbon--yellow-30: #f1c21b !global;
1052
1273
  $carbon--yellow-40: #d2a106 !global;
1053
1274
  $carbon--yellow-50: #b28600 !global;
1275
+ $carbon--yellow-60: #8e6a00 !global;
1276
+ $carbon--yellow-70: #684e00 !global;
1277
+ $carbon--yellow-80: #483700 !global;
1278
+ $carbon--yellow-90: #302400 !global;
1279
+ $carbon--yellow-100: #1c1500 !global;
1054
1280
  $carbon--colors: (
1055
1281
  'black': (
1056
1282
  100: #000000,
@@ -1140,9 +1366,16 @@ $carbon--colors: (
1140
1366
  100: #2a0a18,
1141
1367
  ),
1142
1368
  'orange': (
1369
+ 10: #fff2e8,
1370
+ 20: #ffd9be,
1371
+ 30: #ffb784,
1143
1372
  40: #ff832b,
1373
+ 50: #eb6200,
1144
1374
  60: #ba4e00,
1145
1375
  70: #8a3800,
1376
+ 80: #5e2900,
1377
+ 90: #3e1a00,
1378
+ 100: #231000,
1146
1379
  ),
1147
1380
  'purple': (
1148
1381
  10: #f6f2ff,
@@ -1208,10 +1441,16 @@ $carbon--colors: (
1208
1441
  0: #ffffff,
1209
1442
  ),
1210
1443
  'yellow': (
1211
- 20: #fdd13a,
1444
+ 10: #fcf4d6,
1445
+ 20: #fddc69,
1212
1446
  30: #f1c21b,
1213
1447
  40: #d2a106,
1214
1448
  50: #b28600,
1449
+ 60: #8e6a00,
1450
+ 70: #684e00,
1451
+ 80: #483700,
1452
+ 90: #302400,
1453
+ 100: #1c1500,
1215
1454
  ),
1216
1455
  ) !global;
1217
1456
  }