@carbon/colors 10.18.0 → 10.20.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 CHANGED
@@ -137,12 +137,6 @@ blue[50]; // Using the `blue` object.
137
137
  warmGray100; // Using the `warmGray100` variable.
138
138
  ```
139
139
 
140
- ## 📖 API Documentation
141
-
142
- If you're looking for `@carbon/colors` API documentation, check out:
143
-
144
- - [Sass](./docs/sass.md)
145
-
146
140
  ## 📚 Examples
147
141
 
148
142
  If you're looking for more examples on how to use `@carbon/colors`, we have some
package/es/index.js CHANGED
@@ -288,11 +288,4 @@ function rgba(hexcode, opacity) {
288
288
  return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
289
289
  }
290
290
 
291
- /**
292
- * Copyright IBM Corp. 2018, 2018
293
- *
294
- * This source code is licensed under the Apache-2.0 license found in the
295
- * LICENSE file in the root directory of this source tree.
296
- */
297
-
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 };
291
+ export { black, black100, blue, blue10, blue100, blue20, blue30, blue40, blue50, blue60, blue70, blue80, blue90, colors, coolGray, coolGray10, coolGray100, coolGray20, coolGray30, coolGray40, coolGray50, coolGray60, coolGray70, coolGray80, coolGray90, cyan, cyan10, cyan100, cyan20, cyan30, cyan40, cyan50, cyan60, cyan70, cyan80, cyan90, gray, gray10, gray100, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray90, green, green10, green100, green20, green30, green40, green50, green60, green70, green80, green90, magenta, magenta10, magenta100, magenta20, magenta30, magenta40, magenta50, magenta60, magenta70, magenta80, magenta90, orange, orange40, orange60, orange70, purple, purple10, purple100, purple20, purple30, purple40, purple50, purple60, purple70, purple80, purple90, red, red10, red100, red20, red30, red40, red50, red60, red70, red80, red90, rgba, teal, teal10, teal100, teal20, teal30, teal40, teal50, teal60, teal70, teal80, teal90, warmGray, warmGray10, warmGray100, warmGray20, warmGray30, warmGray40, warmGray50, warmGray60, warmGray70, warmGray80, warmGray90, white, white0, yellow, yellow20, yellow30, yellow40, yellow50 };
package/lib/index.js CHANGED
@@ -292,59 +292,11 @@ function rgba(hexcode, opacity) {
292
292
  return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
293
293
  }
294
294
 
295
- /**
296
- * Copyright IBM Corp. 2018, 2018
297
- *
298
- * This source code is licensed under the Apache-2.0 license found in the
299
- * LICENSE file in the root directory of this source tree.
300
- */
301
-
302
295
  exports.black = black;
303
296
  exports.black100 = black100;
304
- exports.white = white;
305
- exports.white0 = white0;
306
- exports.yellow = yellow;
307
- exports.yellow30 = yellow30;
308
- exports.yellow40 = yellow40;
309
- exports.yellow50 = yellow50;
310
- exports.orange = orange;
311
- exports.orange40 = orange40;
312
- exports.orange60 = orange60;
313
- exports.orange70 = orange70;
314
- exports.red10 = red10;
315
- exports.red20 = red20;
316
- exports.red30 = red30;
317
- exports.red40 = red40;
318
- exports.red50 = red50;
319
- exports.red60 = red60;
320
- exports.red70 = red70;
321
- exports.red80 = red80;
322
- exports.red90 = red90;
323
- exports.red100 = red100;
324
- exports.red = red;
325
- exports.magenta10 = magenta10;
326
- exports.magenta20 = magenta20;
327
- exports.magenta30 = magenta30;
328
- exports.magenta40 = magenta40;
329
- exports.magenta50 = magenta50;
330
- exports.magenta60 = magenta60;
331
- exports.magenta70 = magenta70;
332
- exports.magenta80 = magenta80;
333
- exports.magenta90 = magenta90;
334
- exports.magenta100 = magenta100;
335
- exports.magenta = magenta;
336
- exports.purple10 = purple10;
337
- exports.purple20 = purple20;
338
- exports.purple30 = purple30;
339
- exports.purple40 = purple40;
340
- exports.purple50 = purple50;
341
- exports.purple60 = purple60;
342
- exports.purple70 = purple70;
343
- exports.purple80 = purple80;
344
- exports.purple90 = purple90;
345
- exports.purple100 = purple100;
346
- exports.purple = purple;
297
+ exports.blue = blue;
347
298
  exports.blue10 = blue10;
299
+ exports.blue100 = blue100;
348
300
  exports.blue20 = blue20;
349
301
  exports.blue30 = blue30;
350
302
  exports.blue40 = blue40;
@@ -353,42 +305,10 @@ exports.blue60 = blue60;
353
305
  exports.blue70 = blue70;
354
306
  exports.blue80 = blue80;
355
307
  exports.blue90 = blue90;
356
- exports.blue100 = blue100;
357
- exports.blue = blue;
358
- exports.cyan10 = cyan10;
359
- exports.cyan20 = cyan20;
360
- exports.cyan30 = cyan30;
361
- exports.cyan40 = cyan40;
362
- exports.cyan50 = cyan50;
363
- exports.cyan60 = cyan60;
364
- exports.cyan70 = cyan70;
365
- exports.cyan80 = cyan80;
366
- exports.cyan90 = cyan90;
367
- exports.cyan100 = cyan100;
368
- exports.cyan = cyan;
369
- exports.teal10 = teal10;
370
- exports.teal20 = teal20;
371
- exports.teal30 = teal30;
372
- exports.teal40 = teal40;
373
- exports.teal50 = teal50;
374
- exports.teal60 = teal60;
375
- exports.teal70 = teal70;
376
- exports.teal80 = teal80;
377
- exports.teal90 = teal90;
378
- exports.teal100 = teal100;
379
- exports.teal = teal;
380
- exports.green10 = green10;
381
- exports.green20 = green20;
382
- exports.green30 = green30;
383
- exports.green40 = green40;
384
- exports.green50 = green50;
385
- exports.green60 = green60;
386
- exports.green70 = green70;
387
- exports.green80 = green80;
388
- exports.green90 = green90;
389
- exports.green100 = green100;
390
- exports.green = green;
308
+ exports.colors = colors;
309
+ exports.coolGray = coolGray;
391
310
  exports.coolGray10 = coolGray10;
311
+ exports.coolGray100 = coolGray100;
392
312
  exports.coolGray20 = coolGray20;
393
313
  exports.coolGray30 = coolGray30;
394
314
  exports.coolGray40 = coolGray40;
@@ -397,9 +317,20 @@ exports.coolGray60 = coolGray60;
397
317
  exports.coolGray70 = coolGray70;
398
318
  exports.coolGray80 = coolGray80;
399
319
  exports.coolGray90 = coolGray90;
400
- exports.coolGray100 = coolGray100;
401
- exports.coolGray = coolGray;
320
+ exports.cyan = cyan;
321
+ exports.cyan10 = cyan10;
322
+ exports.cyan100 = cyan100;
323
+ exports.cyan20 = cyan20;
324
+ exports.cyan30 = cyan30;
325
+ exports.cyan40 = cyan40;
326
+ exports.cyan50 = cyan50;
327
+ exports.cyan60 = cyan60;
328
+ exports.cyan70 = cyan70;
329
+ exports.cyan80 = cyan80;
330
+ exports.cyan90 = cyan90;
331
+ exports.gray = gray;
402
332
  exports.gray10 = gray10;
333
+ exports.gray100 = gray100;
403
334
  exports.gray20 = gray20;
404
335
  exports.gray30 = gray30;
405
336
  exports.gray40 = gray40;
@@ -408,9 +339,69 @@ exports.gray60 = gray60;
408
339
  exports.gray70 = gray70;
409
340
  exports.gray80 = gray80;
410
341
  exports.gray90 = gray90;
411
- exports.gray100 = gray100;
412
- exports.gray = gray;
342
+ exports.green = green;
343
+ exports.green10 = green10;
344
+ exports.green100 = green100;
345
+ exports.green20 = green20;
346
+ exports.green30 = green30;
347
+ exports.green40 = green40;
348
+ exports.green50 = green50;
349
+ exports.green60 = green60;
350
+ exports.green70 = green70;
351
+ exports.green80 = green80;
352
+ exports.green90 = green90;
353
+ exports.magenta = magenta;
354
+ exports.magenta10 = magenta10;
355
+ exports.magenta100 = magenta100;
356
+ exports.magenta20 = magenta20;
357
+ exports.magenta30 = magenta30;
358
+ exports.magenta40 = magenta40;
359
+ exports.magenta50 = magenta50;
360
+ exports.magenta60 = magenta60;
361
+ exports.magenta70 = magenta70;
362
+ exports.magenta80 = magenta80;
363
+ exports.magenta90 = magenta90;
364
+ exports.orange = orange;
365
+ exports.orange40 = orange40;
366
+ exports.orange60 = orange60;
367
+ exports.orange70 = orange70;
368
+ exports.purple = purple;
369
+ exports.purple10 = purple10;
370
+ exports.purple100 = purple100;
371
+ exports.purple20 = purple20;
372
+ exports.purple30 = purple30;
373
+ exports.purple40 = purple40;
374
+ exports.purple50 = purple50;
375
+ exports.purple60 = purple60;
376
+ exports.purple70 = purple70;
377
+ exports.purple80 = purple80;
378
+ exports.purple90 = purple90;
379
+ exports.red = red;
380
+ exports.red10 = red10;
381
+ exports.red100 = red100;
382
+ exports.red20 = red20;
383
+ exports.red30 = red30;
384
+ exports.red40 = red40;
385
+ exports.red50 = red50;
386
+ exports.red60 = red60;
387
+ exports.red70 = red70;
388
+ exports.red80 = red80;
389
+ exports.red90 = red90;
390
+ exports.rgba = rgba;
391
+ exports.teal = teal;
392
+ exports.teal10 = teal10;
393
+ exports.teal100 = teal100;
394
+ exports.teal20 = teal20;
395
+ exports.teal30 = teal30;
396
+ exports.teal40 = teal40;
397
+ exports.teal50 = teal50;
398
+ exports.teal60 = teal60;
399
+ exports.teal70 = teal70;
400
+ exports.teal80 = teal80;
401
+ exports.teal90 = teal90;
402
+ exports.warmGray = warmGray;
413
403
  exports.warmGray10 = warmGray10;
404
+ exports.warmGray100 = warmGray100;
414
405
  exports.warmGray20 = warmGray20;
415
406
  exports.warmGray30 = warmGray30;
416
407
  exports.warmGray40 = warmGray40;
@@ -419,8 +410,10 @@ exports.warmGray60 = warmGray60;
419
410
  exports.warmGray70 = warmGray70;
420
411
  exports.warmGray80 = warmGray80;
421
412
  exports.warmGray90 = warmGray90;
422
- exports.warmGray100 = warmGray100;
423
- exports.warmGray = warmGray;
413
+ exports.white = white;
414
+ exports.white0 = white0;
415
+ exports.yellow = yellow;
424
416
  exports.yellow20 = yellow20;
425
- exports.colors = colors;
426
- exports.rgba = rgba;
417
+ exports.yellow30 = yellow30;
418
+ exports.yellow40 = yellow40;
419
+ exports.yellow50 = yellow50;
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.18.0",
4
+ "version": "10.20.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -31,14 +31,14 @@
31
31
  "access": "public"
32
32
  },
33
33
  "scripts": {
34
- "build": "yarn clean && bundler bundle src/index.js --name CarbonColors && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/*.scss\"",
35
- "clean": "rimraf css es lib umd scss"
34
+ "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonColors && node tasks/build.js && carbon-cli check \"scss/*.scss\"",
35
+ "clean": "rimraf css es lib umd scss index.scss"
36
36
  },
37
37
  "devDependencies": {
38
- "@carbon/bundler": "^10.11.0",
38
+ "@carbon/cli": "^10.19.0",
39
39
  "@carbon/cli-reporter": "^10.4.0",
40
- "@carbon/scss-generator": "^10.11.0",
41
- "@carbon/test-utils": "^10.13.0",
40
+ "@carbon/scss-generator": "^10.13.0",
41
+ "@carbon/test-utils": "^10.14.0",
42
42
  "change-case": "^4.1.1",
43
43
  "core-js": "^3.6.5",
44
44
  "fs-extra": "^8.1.0",
@@ -51,5 +51,5 @@
51
51
  "sassDir": "scss",
52
52
  "needs": "^1.3.0"
53
53
  },
54
- "gitHead": "d41f538ce43d6acb8174e262532c5e4c23faf6a6"
54
+ "gitHead": "79db5535fee7f58e0fe21bac154b638cd17f659e"
55
55
  }
package/umd/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
3
3
  typeof define === 'function' && define.amd ? define(['exports'], factory) :
4
- (factory((global.CarbonColors = {})));
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonColors = {}));
5
5
  }(this, (function (exports) { 'use strict';
6
6
 
7
7
  /**
@@ -294,59 +294,11 @@
294
294
  return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
295
295
  }
296
296
 
297
- /**
298
- * Copyright IBM Corp. 2018, 2018
299
- *
300
- * This source code is licensed under the Apache-2.0 license found in the
301
- * LICENSE file in the root directory of this source tree.
302
- */
303
-
304
297
  exports.black = black;
305
298
  exports.black100 = black100;
306
- exports.white = white;
307
- exports.white0 = white0;
308
- exports.yellow = yellow;
309
- exports.yellow30 = yellow30;
310
- exports.yellow40 = yellow40;
311
- exports.yellow50 = yellow50;
312
- exports.orange = orange;
313
- exports.orange40 = orange40;
314
- exports.orange60 = orange60;
315
- exports.orange70 = orange70;
316
- exports.red10 = red10;
317
- exports.red20 = red20;
318
- exports.red30 = red30;
319
- exports.red40 = red40;
320
- exports.red50 = red50;
321
- exports.red60 = red60;
322
- exports.red70 = red70;
323
- exports.red80 = red80;
324
- exports.red90 = red90;
325
- exports.red100 = red100;
326
- exports.red = red;
327
- exports.magenta10 = magenta10;
328
- exports.magenta20 = magenta20;
329
- exports.magenta30 = magenta30;
330
- exports.magenta40 = magenta40;
331
- exports.magenta50 = magenta50;
332
- exports.magenta60 = magenta60;
333
- exports.magenta70 = magenta70;
334
- exports.magenta80 = magenta80;
335
- exports.magenta90 = magenta90;
336
- exports.magenta100 = magenta100;
337
- exports.magenta = magenta;
338
- exports.purple10 = purple10;
339
- exports.purple20 = purple20;
340
- exports.purple30 = purple30;
341
- exports.purple40 = purple40;
342
- exports.purple50 = purple50;
343
- exports.purple60 = purple60;
344
- exports.purple70 = purple70;
345
- exports.purple80 = purple80;
346
- exports.purple90 = purple90;
347
- exports.purple100 = purple100;
348
- exports.purple = purple;
299
+ exports.blue = blue;
349
300
  exports.blue10 = blue10;
301
+ exports.blue100 = blue100;
350
302
  exports.blue20 = blue20;
351
303
  exports.blue30 = blue30;
352
304
  exports.blue40 = blue40;
@@ -355,42 +307,10 @@
355
307
  exports.blue70 = blue70;
356
308
  exports.blue80 = blue80;
357
309
  exports.blue90 = blue90;
358
- exports.blue100 = blue100;
359
- exports.blue = blue;
360
- exports.cyan10 = cyan10;
361
- exports.cyan20 = cyan20;
362
- exports.cyan30 = cyan30;
363
- exports.cyan40 = cyan40;
364
- exports.cyan50 = cyan50;
365
- exports.cyan60 = cyan60;
366
- exports.cyan70 = cyan70;
367
- exports.cyan80 = cyan80;
368
- exports.cyan90 = cyan90;
369
- exports.cyan100 = cyan100;
370
- exports.cyan = cyan;
371
- exports.teal10 = teal10;
372
- exports.teal20 = teal20;
373
- exports.teal30 = teal30;
374
- exports.teal40 = teal40;
375
- exports.teal50 = teal50;
376
- exports.teal60 = teal60;
377
- exports.teal70 = teal70;
378
- exports.teal80 = teal80;
379
- exports.teal90 = teal90;
380
- exports.teal100 = teal100;
381
- exports.teal = teal;
382
- exports.green10 = green10;
383
- exports.green20 = green20;
384
- exports.green30 = green30;
385
- exports.green40 = green40;
386
- exports.green50 = green50;
387
- exports.green60 = green60;
388
- exports.green70 = green70;
389
- exports.green80 = green80;
390
- exports.green90 = green90;
391
- exports.green100 = green100;
392
- exports.green = green;
310
+ exports.colors = colors;
311
+ exports.coolGray = coolGray;
393
312
  exports.coolGray10 = coolGray10;
313
+ exports.coolGray100 = coolGray100;
394
314
  exports.coolGray20 = coolGray20;
395
315
  exports.coolGray30 = coolGray30;
396
316
  exports.coolGray40 = coolGray40;
@@ -399,9 +319,20 @@
399
319
  exports.coolGray70 = coolGray70;
400
320
  exports.coolGray80 = coolGray80;
401
321
  exports.coolGray90 = coolGray90;
402
- exports.coolGray100 = coolGray100;
403
- exports.coolGray = coolGray;
322
+ exports.cyan = cyan;
323
+ exports.cyan10 = cyan10;
324
+ exports.cyan100 = cyan100;
325
+ exports.cyan20 = cyan20;
326
+ exports.cyan30 = cyan30;
327
+ exports.cyan40 = cyan40;
328
+ exports.cyan50 = cyan50;
329
+ exports.cyan60 = cyan60;
330
+ exports.cyan70 = cyan70;
331
+ exports.cyan80 = cyan80;
332
+ exports.cyan90 = cyan90;
333
+ exports.gray = gray;
404
334
  exports.gray10 = gray10;
335
+ exports.gray100 = gray100;
405
336
  exports.gray20 = gray20;
406
337
  exports.gray30 = gray30;
407
338
  exports.gray40 = gray40;
@@ -410,9 +341,69 @@
410
341
  exports.gray70 = gray70;
411
342
  exports.gray80 = gray80;
412
343
  exports.gray90 = gray90;
413
- exports.gray100 = gray100;
414
- exports.gray = gray;
344
+ exports.green = green;
345
+ exports.green10 = green10;
346
+ exports.green100 = green100;
347
+ exports.green20 = green20;
348
+ exports.green30 = green30;
349
+ exports.green40 = green40;
350
+ exports.green50 = green50;
351
+ exports.green60 = green60;
352
+ exports.green70 = green70;
353
+ exports.green80 = green80;
354
+ exports.green90 = green90;
355
+ exports.magenta = magenta;
356
+ exports.magenta10 = magenta10;
357
+ exports.magenta100 = magenta100;
358
+ exports.magenta20 = magenta20;
359
+ exports.magenta30 = magenta30;
360
+ exports.magenta40 = magenta40;
361
+ exports.magenta50 = magenta50;
362
+ exports.magenta60 = magenta60;
363
+ exports.magenta70 = magenta70;
364
+ exports.magenta80 = magenta80;
365
+ exports.magenta90 = magenta90;
366
+ exports.orange = orange;
367
+ exports.orange40 = orange40;
368
+ exports.orange60 = orange60;
369
+ exports.orange70 = orange70;
370
+ exports.purple = purple;
371
+ exports.purple10 = purple10;
372
+ exports.purple100 = purple100;
373
+ exports.purple20 = purple20;
374
+ exports.purple30 = purple30;
375
+ exports.purple40 = purple40;
376
+ exports.purple50 = purple50;
377
+ exports.purple60 = purple60;
378
+ exports.purple70 = purple70;
379
+ exports.purple80 = purple80;
380
+ exports.purple90 = purple90;
381
+ exports.red = red;
382
+ exports.red10 = red10;
383
+ exports.red100 = red100;
384
+ exports.red20 = red20;
385
+ exports.red30 = red30;
386
+ exports.red40 = red40;
387
+ exports.red50 = red50;
388
+ exports.red60 = red60;
389
+ exports.red70 = red70;
390
+ exports.red80 = red80;
391
+ exports.red90 = red90;
392
+ exports.rgba = rgba;
393
+ exports.teal = teal;
394
+ exports.teal10 = teal10;
395
+ exports.teal100 = teal100;
396
+ exports.teal20 = teal20;
397
+ exports.teal30 = teal30;
398
+ exports.teal40 = teal40;
399
+ exports.teal50 = teal50;
400
+ exports.teal60 = teal60;
401
+ exports.teal70 = teal70;
402
+ exports.teal80 = teal80;
403
+ exports.teal90 = teal90;
404
+ exports.warmGray = warmGray;
415
405
  exports.warmGray10 = warmGray10;
406
+ exports.warmGray100 = warmGray100;
416
407
  exports.warmGray20 = warmGray20;
417
408
  exports.warmGray30 = warmGray30;
418
409
  exports.warmGray40 = warmGray40;
@@ -421,11 +412,13 @@
421
412
  exports.warmGray70 = warmGray70;
422
413
  exports.warmGray80 = warmGray80;
423
414
  exports.warmGray90 = warmGray90;
424
- exports.warmGray100 = warmGray100;
425
- exports.warmGray = warmGray;
415
+ exports.white = white;
416
+ exports.white0 = white0;
417
+ exports.yellow = yellow;
426
418
  exports.yellow20 = yellow20;
427
- exports.colors = colors;
428
- exports.rgba = rgba;
419
+ exports.yellow30 = yellow30;
420
+ exports.yellow40 = yellow40;
421
+ exports.yellow50 = yellow50;
429
422
 
430
423
  Object.defineProperty(exports, '__esModule', { value: true });
431
424
 
package/scss/module.scss DELETED
@@ -1,705 +0,0 @@
1
- // Code generated by @carbon/colors. DO NOT EDIT.
2
- //
3
- // Copyright IBM Corp. 2018, 2020
4
- //
5
- // This source code is licensed under the Apache-2.0 license found in the
6
- // LICENSE file in the root directory of this source tree.
7
- //
8
-
9
- /// Value for black
10
- /// @access public
11
- /// @group @carbon/colors
12
- $black: #000000 !default;
13
-
14
- /// Value for white
15
- /// @access public
16
- /// @group @carbon/colors
17
- $white: #ffffff !default;
18
-
19
- /// Value for black-100 from the IBM Design Language
20
- /// @access public
21
- /// @group @carbon/colors
22
- $black-100: #000000 !default;
23
-
24
- /// Value for blue-10 from the IBM Design Language
25
- /// @access public
26
- /// @group @carbon/colors
27
- $blue-10: #edf5ff !default;
28
-
29
- /// Value for blue-20 from the IBM Design Language
30
- /// @access public
31
- /// @group @carbon/colors
32
- $blue-20: #d0e2ff !default;
33
-
34
- /// Value for blue-30 from the IBM Design Language
35
- /// @access public
36
- /// @group @carbon/colors
37
- $blue-30: #a6c8ff !default;
38
-
39
- /// Value for blue-40 from the IBM Design Language
40
- /// @access public
41
- /// @group @carbon/colors
42
- $blue-40: #78a9ff !default;
43
-
44
- /// Value for blue-50 from the IBM Design Language
45
- /// @access public
46
- /// @group @carbon/colors
47
- $blue-50: #4589ff !default;
48
-
49
- /// Value for blue-60 from the IBM Design Language
50
- /// @access public
51
- /// @group @carbon/colors
52
- $blue-60: #0f62fe !default;
53
-
54
- /// Value for blue-70 from the IBM Design Language
55
- /// @access public
56
- /// @group @carbon/colors
57
- $blue-70: #0043ce !default;
58
-
59
- /// Value for blue-80 from the IBM Design Language
60
- /// @access public
61
- /// @group @carbon/colors
62
- $blue-80: #002d9c !default;
63
-
64
- /// Value for blue-90 from the IBM Design Language
65
- /// @access public
66
- /// @group @carbon/colors
67
- $blue-90: #001d6c !default;
68
-
69
- /// Value for blue-100 from the IBM Design Language
70
- /// @access public
71
- /// @group @carbon/colors
72
- $blue-100: #001141 !default;
73
-
74
- /// Value for cool-gray-10 from the IBM Design Language
75
- /// @access public
76
- /// @group @carbon/colors
77
- $cool-gray-10: #f2f4f8 !default;
78
-
79
- /// Value for cool-gray-20 from the IBM Design Language
80
- /// @access public
81
- /// @group @carbon/colors
82
- $cool-gray-20: #dde1e6 !default;
83
-
84
- /// Value for cool-gray-30 from the IBM Design Language
85
- /// @access public
86
- /// @group @carbon/colors
87
- $cool-gray-30: #c1c7cd !default;
88
-
89
- /// Value for cool-gray-40 from the IBM Design Language
90
- /// @access public
91
- /// @group @carbon/colors
92
- $cool-gray-40: #a2a9b0 !default;
93
-
94
- /// Value for cool-gray-50 from the IBM Design Language
95
- /// @access public
96
- /// @group @carbon/colors
97
- $cool-gray-50: #878d96 !default;
98
-
99
- /// Value for cool-gray-60 from the IBM Design Language
100
- /// @access public
101
- /// @group @carbon/colors
102
- $cool-gray-60: #697077 !default;
103
-
104
- /// Value for cool-gray-70 from the IBM Design Language
105
- /// @access public
106
- /// @group @carbon/colors
107
- $cool-gray-70: #4d5358 !default;
108
-
109
- /// Value for cool-gray-80 from the IBM Design Language
110
- /// @access public
111
- /// @group @carbon/colors
112
- $cool-gray-80: #343a3f !default;
113
-
114
- /// Value for cool-gray-90 from the IBM Design Language
115
- /// @access public
116
- /// @group @carbon/colors
117
- $cool-gray-90: #21272a !default;
118
-
119
- /// Value for cool-gray-100 from the IBM Design Language
120
- /// @access public
121
- /// @group @carbon/colors
122
- $cool-gray-100: #121619 !default;
123
-
124
- /// Value for cyan-10 from the IBM Design Language
125
- /// @access public
126
- /// @group @carbon/colors
127
- $cyan-10: #e5f6ff !default;
128
-
129
- /// Value for cyan-20 from the IBM Design Language
130
- /// @access public
131
- /// @group @carbon/colors
132
- $cyan-20: #bae6ff !default;
133
-
134
- /// Value for cyan-30 from the IBM Design Language
135
- /// @access public
136
- /// @group @carbon/colors
137
- $cyan-30: #82cfff !default;
138
-
139
- /// Value for cyan-40 from the IBM Design Language
140
- /// @access public
141
- /// @group @carbon/colors
142
- $cyan-40: #33b1ff !default;
143
-
144
- /// Value for cyan-50 from the IBM Design Language
145
- /// @access public
146
- /// @group @carbon/colors
147
- $cyan-50: #1192e8 !default;
148
-
149
- /// Value for cyan-60 from the IBM Design Language
150
- /// @access public
151
- /// @group @carbon/colors
152
- $cyan-60: #0072c3 !default;
153
-
154
- /// Value for cyan-70 from the IBM Design Language
155
- /// @access public
156
- /// @group @carbon/colors
157
- $cyan-70: #00539a !default;
158
-
159
- /// Value for cyan-80 from the IBM Design Language
160
- /// @access public
161
- /// @group @carbon/colors
162
- $cyan-80: #003a6d !default;
163
-
164
- /// Value for cyan-90 from the IBM Design Language
165
- /// @access public
166
- /// @group @carbon/colors
167
- $cyan-90: #012749 !default;
168
-
169
- /// Value for cyan-100 from the IBM Design Language
170
- /// @access public
171
- /// @group @carbon/colors
172
- $cyan-100: #061727 !default;
173
-
174
- /// Value for gray-10 from the IBM Design Language
175
- /// @access public
176
- /// @group @carbon/colors
177
- $gray-10: #f4f4f4 !default;
178
-
179
- /// Value for gray-20 from the IBM Design Language
180
- /// @access public
181
- /// @group @carbon/colors
182
- $gray-20: #e0e0e0 !default;
183
-
184
- /// Value for gray-30 from the IBM Design Language
185
- /// @access public
186
- /// @group @carbon/colors
187
- $gray-30: #c6c6c6 !default;
188
-
189
- /// Value for gray-40 from the IBM Design Language
190
- /// @access public
191
- /// @group @carbon/colors
192
- $gray-40: #a8a8a8 !default;
193
-
194
- /// Value for gray-50 from the IBM Design Language
195
- /// @access public
196
- /// @group @carbon/colors
197
- $gray-50: #8d8d8d !default;
198
-
199
- /// Value for gray-60 from the IBM Design Language
200
- /// @access public
201
- /// @group @carbon/colors
202
- $gray-60: #6f6f6f !default;
203
-
204
- /// Value for gray-70 from the IBM Design Language
205
- /// @access public
206
- /// @group @carbon/colors
207
- $gray-70: #525252 !default;
208
-
209
- /// Value for gray-80 from the IBM Design Language
210
- /// @access public
211
- /// @group @carbon/colors
212
- $gray-80: #393939 !default;
213
-
214
- /// Value for gray-90 from the IBM Design Language
215
- /// @access public
216
- /// @group @carbon/colors
217
- $gray-90: #262626 !default;
218
-
219
- /// Value for gray-100 from the IBM Design Language
220
- /// @access public
221
- /// @group @carbon/colors
222
- $gray-100: #161616 !default;
223
-
224
- /// Value for green-10 from the IBM Design Language
225
- /// @access public
226
- /// @group @carbon/colors
227
- $green-10: #defbe6 !default;
228
-
229
- /// Value for green-20 from the IBM Design Language
230
- /// @access public
231
- /// @group @carbon/colors
232
- $green-20: #a7f0ba !default;
233
-
234
- /// Value for green-30 from the IBM Design Language
235
- /// @access public
236
- /// @group @carbon/colors
237
- $green-30: #6fdc8c !default;
238
-
239
- /// Value for green-40 from the IBM Design Language
240
- /// @access public
241
- /// @group @carbon/colors
242
- $green-40: #42be65 !default;
243
-
244
- /// Value for green-50 from the IBM Design Language
245
- /// @access public
246
- /// @group @carbon/colors
247
- $green-50: #24a148 !default;
248
-
249
- /// Value for green-60 from the IBM Design Language
250
- /// @access public
251
- /// @group @carbon/colors
252
- $green-60: #198038 !default;
253
-
254
- /// Value for green-70 from the IBM Design Language
255
- /// @access public
256
- /// @group @carbon/colors
257
- $green-70: #0e6027 !default;
258
-
259
- /// Value for green-80 from the IBM Design Language
260
- /// @access public
261
- /// @group @carbon/colors
262
- $green-80: #044317 !default;
263
-
264
- /// Value for green-90 from the IBM Design Language
265
- /// @access public
266
- /// @group @carbon/colors
267
- $green-90: #022d0d !default;
268
-
269
- /// Value for green-100 from the IBM Design Language
270
- /// @access public
271
- /// @group @carbon/colors
272
- $green-100: #071908 !default;
273
-
274
- /// Value for magenta-10 from the IBM Design Language
275
- /// @access public
276
- /// @group @carbon/colors
277
- $magenta-10: #fff0f7 !default;
278
-
279
- /// Value for magenta-20 from the IBM Design Language
280
- /// @access public
281
- /// @group @carbon/colors
282
- $magenta-20: #ffd6e8 !default;
283
-
284
- /// Value for magenta-30 from the IBM Design Language
285
- /// @access public
286
- /// @group @carbon/colors
287
- $magenta-30: #ffafd2 !default;
288
-
289
- /// Value for magenta-40 from the IBM Design Language
290
- /// @access public
291
- /// @group @carbon/colors
292
- $magenta-40: #ff7eb6 !default;
293
-
294
- /// Value for magenta-50 from the IBM Design Language
295
- /// @access public
296
- /// @group @carbon/colors
297
- $magenta-50: #ee5396 !default;
298
-
299
- /// Value for magenta-60 from the IBM Design Language
300
- /// @access public
301
- /// @group @carbon/colors
302
- $magenta-60: #d02670 !default;
303
-
304
- /// Value for magenta-70 from the IBM Design Language
305
- /// @access public
306
- /// @group @carbon/colors
307
- $magenta-70: #9f1853 !default;
308
-
309
- /// Value for magenta-80 from the IBM Design Language
310
- /// @access public
311
- /// @group @carbon/colors
312
- $magenta-80: #740937 !default;
313
-
314
- /// Value for magenta-90 from the IBM Design Language
315
- /// @access public
316
- /// @group @carbon/colors
317
- $magenta-90: #510224 !default;
318
-
319
- /// Value for magenta-100 from the IBM Design Language
320
- /// @access public
321
- /// @group @carbon/colors
322
- $magenta-100: #2a0a18 !default;
323
-
324
- /// Value for orange-40 from the IBM Design Language
325
- /// @access public
326
- /// @group @carbon/colors
327
- $orange-40: #ff832b !default;
328
-
329
- /// Value for orange-60 from the IBM Design Language
330
- /// @access public
331
- /// @group @carbon/colors
332
- $orange-60: #ba4e00 !default;
333
-
334
- /// Value for orange-70 from the IBM Design Language
335
- /// @access public
336
- /// @group @carbon/colors
337
- $orange-70: #8a3800 !default;
338
-
339
- /// Value for purple-10 from the IBM Design Language
340
- /// @access public
341
- /// @group @carbon/colors
342
- $purple-10: #f6f2ff !default;
343
-
344
- /// Value for purple-20 from the IBM Design Language
345
- /// @access public
346
- /// @group @carbon/colors
347
- $purple-20: #e8daff !default;
348
-
349
- /// Value for purple-30 from the IBM Design Language
350
- /// @access public
351
- /// @group @carbon/colors
352
- $purple-30: #d4bbff !default;
353
-
354
- /// Value for purple-40 from the IBM Design Language
355
- /// @access public
356
- /// @group @carbon/colors
357
- $purple-40: #be95ff !default;
358
-
359
- /// Value for purple-50 from the IBM Design Language
360
- /// @access public
361
- /// @group @carbon/colors
362
- $purple-50: #a56eff !default;
363
-
364
- /// Value for purple-60 from the IBM Design Language
365
- /// @access public
366
- /// @group @carbon/colors
367
- $purple-60: #8a3ffc !default;
368
-
369
- /// Value for purple-70 from the IBM Design Language
370
- /// @access public
371
- /// @group @carbon/colors
372
- $purple-70: #6929c4 !default;
373
-
374
- /// Value for purple-80 from the IBM Design Language
375
- /// @access public
376
- /// @group @carbon/colors
377
- $purple-80: #491d8b !default;
378
-
379
- /// Value for purple-90 from the IBM Design Language
380
- /// @access public
381
- /// @group @carbon/colors
382
- $purple-90: #31135e !default;
383
-
384
- /// Value for purple-100 from the IBM Design Language
385
- /// @access public
386
- /// @group @carbon/colors
387
- $purple-100: #1c0f30 !default;
388
-
389
- /// Value for red-10 from the IBM Design Language
390
- /// @access public
391
- /// @group @carbon/colors
392
- $red-10: #fff1f1 !default;
393
-
394
- /// Value for red-20 from the IBM Design Language
395
- /// @access public
396
- /// @group @carbon/colors
397
- $red-20: #ffd7d9 !default;
398
-
399
- /// Value for red-30 from the IBM Design Language
400
- /// @access public
401
- /// @group @carbon/colors
402
- $red-30: #ffb3b8 !default;
403
-
404
- /// Value for red-40 from the IBM Design Language
405
- /// @access public
406
- /// @group @carbon/colors
407
- $red-40: #ff8389 !default;
408
-
409
- /// Value for red-50 from the IBM Design Language
410
- /// @access public
411
- /// @group @carbon/colors
412
- $red-50: #fa4d56 !default;
413
-
414
- /// Value for red-60 from the IBM Design Language
415
- /// @access public
416
- /// @group @carbon/colors
417
- $red-60: #da1e28 !default;
418
-
419
- /// Value for red-70 from the IBM Design Language
420
- /// @access public
421
- /// @group @carbon/colors
422
- $red-70: #a2191f !default;
423
-
424
- /// Value for red-80 from the IBM Design Language
425
- /// @access public
426
- /// @group @carbon/colors
427
- $red-80: #750e13 !default;
428
-
429
- /// Value for red-90 from the IBM Design Language
430
- /// @access public
431
- /// @group @carbon/colors
432
- $red-90: #520408 !default;
433
-
434
- /// Value for red-100 from the IBM Design Language
435
- /// @access public
436
- /// @group @carbon/colors
437
- $red-100: #2d0709 !default;
438
-
439
- /// Value for teal-10 from the IBM Design Language
440
- /// @access public
441
- /// @group @carbon/colors
442
- $teal-10: #d9fbfb !default;
443
-
444
- /// Value for teal-20 from the IBM Design Language
445
- /// @access public
446
- /// @group @carbon/colors
447
- $teal-20: #9ef0f0 !default;
448
-
449
- /// Value for teal-30 from the IBM Design Language
450
- /// @access public
451
- /// @group @carbon/colors
452
- $teal-30: #3ddbd9 !default;
453
-
454
- /// Value for teal-40 from the IBM Design Language
455
- /// @access public
456
- /// @group @carbon/colors
457
- $teal-40: #08bdba !default;
458
-
459
- /// Value for teal-50 from the IBM Design Language
460
- /// @access public
461
- /// @group @carbon/colors
462
- $teal-50: #009d9a !default;
463
-
464
- /// Value for teal-60 from the IBM Design Language
465
- /// @access public
466
- /// @group @carbon/colors
467
- $teal-60: #007d79 !default;
468
-
469
- /// Value for teal-70 from the IBM Design Language
470
- /// @access public
471
- /// @group @carbon/colors
472
- $teal-70: #005d5d !default;
473
-
474
- /// Value for teal-80 from the IBM Design Language
475
- /// @access public
476
- /// @group @carbon/colors
477
- $teal-80: #004144 !default;
478
-
479
- /// Value for teal-90 from the IBM Design Language
480
- /// @access public
481
- /// @group @carbon/colors
482
- $teal-90: #022b30 !default;
483
-
484
- /// Value for teal-100 from the IBM Design Language
485
- /// @access public
486
- /// @group @carbon/colors
487
- $teal-100: #081a1c !default;
488
-
489
- /// Value for warm-gray-10 from the IBM Design Language
490
- /// @access public
491
- /// @group @carbon/colors
492
- $warm-gray-10: #f7f3f2 !default;
493
-
494
- /// Value for warm-gray-20 from the IBM Design Language
495
- /// @access public
496
- /// @group @carbon/colors
497
- $warm-gray-20: #e5e0df !default;
498
-
499
- /// Value for warm-gray-30 from the IBM Design Language
500
- /// @access public
501
- /// @group @carbon/colors
502
- $warm-gray-30: #cac5c4 !default;
503
-
504
- /// Value for warm-gray-40 from the IBM Design Language
505
- /// @access public
506
- /// @group @carbon/colors
507
- $warm-gray-40: #ada8a8 !default;
508
-
509
- /// Value for warm-gray-50 from the IBM Design Language
510
- /// @access public
511
- /// @group @carbon/colors
512
- $warm-gray-50: #8f8b8b !default;
513
-
514
- /// Value for warm-gray-60 from the IBM Design Language
515
- /// @access public
516
- /// @group @carbon/colors
517
- $warm-gray-60: #726e6e !default;
518
-
519
- /// Value for warm-gray-70 from the IBM Design Language
520
- /// @access public
521
- /// @group @carbon/colors
522
- $warm-gray-70: #565151 !default;
523
-
524
- /// Value for warm-gray-80 from the IBM Design Language
525
- /// @access public
526
- /// @group @carbon/colors
527
- $warm-gray-80: #3c3838 !default;
528
-
529
- /// Value for warm-gray-90 from the IBM Design Language
530
- /// @access public
531
- /// @group @carbon/colors
532
- $warm-gray-90: #272525 !default;
533
-
534
- /// Value for warm-gray-100 from the IBM Design Language
535
- /// @access public
536
- /// @group @carbon/colors
537
- $warm-gray-100: #171414 !default;
538
-
539
- /// Value for white-0 from the IBM Design Language
540
- /// @access public
541
- /// @group @carbon/colors
542
- $white-0: #ffffff !default;
543
-
544
- /// Value for yellow-20 from the IBM Design Language
545
- /// @access public
546
- /// @group @carbon/colors
547
- $yellow-20: #fdd13a !default;
548
-
549
- /// Value for yellow-30 from the IBM Design Language
550
- /// @access public
551
- /// @group @carbon/colors
552
- $yellow-30: #f1c21b !default;
553
-
554
- /// Value for yellow-40 from the IBM Design Language
555
- /// @access public
556
- /// @group @carbon/colors
557
- $yellow-40: #d2a106 !default;
558
-
559
- /// Value for yellow-50 from the IBM Design Language
560
- /// @access public
561
- /// @group @carbon/colors
562
- $yellow-50: #b28600 !default;
563
-
564
- /// Colors from the IBM Design Language
565
- /// @access public
566
- /// @group @carbon/colors
567
- $colors: (
568
- black: (
569
- 100: #000000,
570
- ),
571
- blue: (
572
- 10: #edf5ff,
573
- 20: #d0e2ff,
574
- 30: #a6c8ff,
575
- 40: #78a9ff,
576
- 50: #4589ff,
577
- 60: #0f62fe,
578
- 70: #0043ce,
579
- 80: #002d9c,
580
- 90: #001d6c,
581
- 100: #001141,
582
- ),
583
- cool-gray: (
584
- 10: #f2f4f8,
585
- 20: #dde1e6,
586
- 30: #c1c7cd,
587
- 40: #a2a9b0,
588
- 50: #878d96,
589
- 60: #697077,
590
- 70: #4d5358,
591
- 80: #343a3f,
592
- 90: #21272a,
593
- 100: #121619,
594
- ),
595
- cyan: (
596
- 10: #e5f6ff,
597
- 20: #bae6ff,
598
- 30: #82cfff,
599
- 40: #33b1ff,
600
- 50: #1192e8,
601
- 60: #0072c3,
602
- 70: #00539a,
603
- 80: #003a6d,
604
- 90: #012749,
605
- 100: #061727,
606
- ),
607
- gray: (
608
- 10: #f4f4f4,
609
- 20: #e0e0e0,
610
- 30: #c6c6c6,
611
- 40: #a8a8a8,
612
- 50: #8d8d8d,
613
- 60: #6f6f6f,
614
- 70: #525252,
615
- 80: #393939,
616
- 90: #262626,
617
- 100: #161616,
618
- ),
619
- green: (
620
- 10: #defbe6,
621
- 20: #a7f0ba,
622
- 30: #6fdc8c,
623
- 40: #42be65,
624
- 50: #24a148,
625
- 60: #198038,
626
- 70: #0e6027,
627
- 80: #044317,
628
- 90: #022d0d,
629
- 100: #071908,
630
- ),
631
- magenta: (
632
- 10: #fff0f7,
633
- 20: #ffd6e8,
634
- 30: #ffafd2,
635
- 40: #ff7eb6,
636
- 50: #ee5396,
637
- 60: #d02670,
638
- 70: #9f1853,
639
- 80: #740937,
640
- 90: #510224,
641
- 100: #2a0a18,
642
- ),
643
- orange: (
644
- 40: #ff832b,
645
- 60: #ba4e00,
646
- 70: #8a3800,
647
- ),
648
- purple: (
649
- 10: #f6f2ff,
650
- 20: #e8daff,
651
- 30: #d4bbff,
652
- 40: #be95ff,
653
- 50: #a56eff,
654
- 60: #8a3ffc,
655
- 70: #6929c4,
656
- 80: #491d8b,
657
- 90: #31135e,
658
- 100: #1c0f30,
659
- ),
660
- red: (
661
- 10: #fff1f1,
662
- 20: #ffd7d9,
663
- 30: #ffb3b8,
664
- 40: #ff8389,
665
- 50: #fa4d56,
666
- 60: #da1e28,
667
- 70: #a2191f,
668
- 80: #750e13,
669
- 90: #520408,
670
- 100: #2d0709,
671
- ),
672
- teal: (
673
- 10: #d9fbfb,
674
- 20: #9ef0f0,
675
- 30: #3ddbd9,
676
- 40: #08bdba,
677
- 50: #009d9a,
678
- 60: #007d79,
679
- 70: #005d5d,
680
- 80: #004144,
681
- 90: #022b30,
682
- 100: #081a1c,
683
- ),
684
- warm-gray: (
685
- 10: #f7f3f2,
686
- 20: #e5e0df,
687
- 30: #cac5c4,
688
- 40: #ada8a8,
689
- 50: #8f8b8b,
690
- 60: #726e6e,
691
- 70: #565151,
692
- 80: #3c3838,
693
- 90: #272525,
694
- 100: #171414,
695
- ),
696
- white: (
697
- 0: #ffffff,
698
- ),
699
- yellow: (
700
- 20: #fdd13a,
701
- 30: #f1c21b,
702
- 40: #d2a106,
703
- 50: #b28600,
704
- ),
705
- ) !default;