@carbon/colors 10.18.0-alpha.0 → 10.19.0

package/README.md

@@ -143,6 +143,13 @@ If you're looking for `@carbon/colors` API documentation, check out:
 
 - [Sass](./docs/sass.md)
 
+## 📚 Examples
+
+If you're looking for more examples on how to use `@carbon/colors`, we have some
+examples that you can check out:
+
+- [sass-modules](./examples/sass-modules)
+
 ## 🙌 Contributing
 
 We're always looking for contributors to help us fix bugs, build new features,

package/es/index.js

@@ -288,11 +288,4 @@ function rgba(hexcode, opacity) {
   return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
 }
 
-/**
- * Copyright IBM Corp. 2018, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-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 };
+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

@@ -292,59 +292,11 @@ function rgba(hexcode, opacity) {
   return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
 }
 
-/**
- * Copyright IBM Corp. 2018, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
 exports.black = black;
 exports.black100 = black100;
-exports.white = white;
-exports.white0 = white0;
-exports.yellow = yellow;
-exports.yellow30 = yellow30;
-exports.yellow40 = yellow40;
-exports.yellow50 = yellow50;
-exports.orange = orange;
-exports.orange40 = orange40;
-exports.orange60 = orange60;
-exports.orange70 = orange70;
-exports.red10 = red10;
-exports.red20 = red20;
-exports.red30 = red30;
-exports.red40 = red40;
-exports.red50 = red50;
-exports.red60 = red60;
-exports.red70 = red70;
-exports.red80 = red80;
-exports.red90 = red90;
-exports.red100 = red100;
-exports.red = red;
-exports.magenta10 = magenta10;
-exports.magenta20 = magenta20;
-exports.magenta30 = magenta30;
-exports.magenta40 = magenta40;
-exports.magenta50 = magenta50;
-exports.magenta60 = magenta60;
-exports.magenta70 = magenta70;
-exports.magenta80 = magenta80;
-exports.magenta90 = magenta90;
-exports.magenta100 = magenta100;
-exports.magenta = magenta;
-exports.purple10 = purple10;
-exports.purple20 = purple20;
-exports.purple30 = purple30;
-exports.purple40 = purple40;
-exports.purple50 = purple50;
-exports.purple60 = purple60;
-exports.purple70 = purple70;
-exports.purple80 = purple80;
-exports.purple90 = purple90;
-exports.purple100 = purple100;
-exports.purple = purple;
+exports.blue = blue;
 exports.blue10 = blue10;
+exports.blue100 = blue100;
 exports.blue20 = blue20;
 exports.blue30 = blue30;
 exports.blue40 = blue40;
@@ -353,42 +305,10 @@ exports.blue60 = blue60;
 exports.blue70 = blue70;
 exports.blue80 = blue80;
 exports.blue90 = blue90;
-exports.blue100 = blue100;
-exports.blue = blue;
-exports.cyan10 = cyan10;
-exports.cyan20 = cyan20;
-exports.cyan30 = cyan30;
-exports.cyan40 = cyan40;
-exports.cyan50 = cyan50;
-exports.cyan60 = cyan60;
-exports.cyan70 = cyan70;
-exports.cyan80 = cyan80;
-exports.cyan90 = cyan90;
-exports.cyan100 = cyan100;
-exports.cyan = cyan;
-exports.teal10 = teal10;
-exports.teal20 = teal20;
-exports.teal30 = teal30;
-exports.teal40 = teal40;
-exports.teal50 = teal50;
-exports.teal60 = teal60;
-exports.teal70 = teal70;
-exports.teal80 = teal80;
-exports.teal90 = teal90;
-exports.teal100 = teal100;
-exports.teal = teal;
-exports.green10 = green10;
-exports.green20 = green20;
-exports.green30 = green30;
-exports.green40 = green40;
-exports.green50 = green50;
-exports.green60 = green60;
-exports.green70 = green70;
-exports.green80 = green80;
-exports.green90 = green90;
-exports.green100 = green100;
-exports.green = green;
+exports.colors = colors;
+exports.coolGray = coolGray;
 exports.coolGray10 = coolGray10;
+exports.coolGray100 = coolGray100;
 exports.coolGray20 = coolGray20;
 exports.coolGray30 = coolGray30;
 exports.coolGray40 = coolGray40;
@@ -397,9 +317,20 @@ exports.coolGray60 = coolGray60;
 exports.coolGray70 = coolGray70;
 exports.coolGray80 = coolGray80;
 exports.coolGray90 = coolGray90;
-exports.coolGray100 = coolGray100;
-exports.coolGray = coolGray;
+exports.cyan = cyan;
+exports.cyan10 = cyan10;
+exports.cyan100 = cyan100;
+exports.cyan20 = cyan20;
+exports.cyan30 = cyan30;
+exports.cyan40 = cyan40;
+exports.cyan50 = cyan50;
+exports.cyan60 = cyan60;
+exports.cyan70 = cyan70;
+exports.cyan80 = cyan80;
+exports.cyan90 = cyan90;
+exports.gray = gray;
 exports.gray10 = gray10;
+exports.gray100 = gray100;
 exports.gray20 = gray20;
 exports.gray30 = gray30;
 exports.gray40 = gray40;
@@ -408,9 +339,69 @@ exports.gray60 = gray60;
 exports.gray70 = gray70;
 exports.gray80 = gray80;
 exports.gray90 = gray90;
-exports.gray100 = gray100;
-exports.gray = gray;
+exports.green = green;
+exports.green10 = green10;
+exports.green100 = green100;
+exports.green20 = green20;
+exports.green30 = green30;
+exports.green40 = green40;
+exports.green50 = green50;
+exports.green60 = green60;
+exports.green70 = green70;
+exports.green80 = green80;
+exports.green90 = green90;
+exports.magenta = magenta;
+exports.magenta10 = magenta10;
+exports.magenta100 = magenta100;
+exports.magenta20 = magenta20;
+exports.magenta30 = magenta30;
+exports.magenta40 = magenta40;
+exports.magenta50 = magenta50;
+exports.magenta60 = magenta60;
+exports.magenta70 = magenta70;
+exports.magenta80 = magenta80;
+exports.magenta90 = magenta90;
+exports.orange = orange;
+exports.orange40 = orange40;
+exports.orange60 = orange60;
+exports.orange70 = orange70;
+exports.purple = purple;
+exports.purple10 = purple10;
+exports.purple100 = purple100;
+exports.purple20 = purple20;
+exports.purple30 = purple30;
+exports.purple40 = purple40;
+exports.purple50 = purple50;
+exports.purple60 = purple60;
+exports.purple70 = purple70;
+exports.purple80 = purple80;
+exports.purple90 = purple90;
+exports.red = red;
+exports.red10 = red10;
+exports.red100 = red100;
+exports.red20 = red20;
+exports.red30 = red30;
+exports.red40 = red40;
+exports.red50 = red50;
+exports.red60 = red60;
+exports.red70 = red70;
+exports.red80 = red80;
+exports.red90 = red90;
+exports.rgba = rgba;
+exports.teal = teal;
+exports.teal10 = teal10;
+exports.teal100 = teal100;
+exports.teal20 = teal20;
+exports.teal30 = teal30;
+exports.teal40 = teal40;
+exports.teal50 = teal50;
+exports.teal60 = teal60;
+exports.teal70 = teal70;
+exports.teal80 = teal80;
+exports.teal90 = teal90;
+exports.warmGray = warmGray;
 exports.warmGray10 = warmGray10;
+exports.warmGray100 = warmGray100;
 exports.warmGray20 = warmGray20;
 exports.warmGray30 = warmGray30;
 exports.warmGray40 = warmGray40;
@@ -419,8 +410,10 @@ exports.warmGray60 = warmGray60;
 exports.warmGray70 = warmGray70;
 exports.warmGray80 = warmGray80;
 exports.warmGray90 = warmGray90;
-exports.warmGray100 = warmGray100;
-exports.warmGray = warmGray;
+exports.white = white;
+exports.white0 = white0;
+exports.yellow = yellow;
 exports.yellow20 = yellow20;
-exports.colors = colors;
-exports.rgba = rgba;
+exports.yellow30 = yellow30;
+exports.yellow40 = yellow40;
+exports.yellow50 = yellow50;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "10.18.0-alpha.0+ce3f6a9",
+  "version": "10.19.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,14 +31,14 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn clean && bundler bundle src/index.js --name CarbonColors && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/*.scss\"",
+    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonColors && node tasks/build.js && carbon-cli check \"scss/*.scss\" && carbon-cli sassdoc \"scss/*.scss\"",
     "clean": "rimraf css es lib umd scss"
   },
   "devDependencies": {
-    "@carbon/bundler": "10.11.0-alpha.0+ce3f6a9",
-    "@carbon/cli-reporter": "10.5.0-alpha.0+ce3f6a9",
-    "@carbon/scss-generator": "10.12.0-alpha.0+ce3f6a9",
-    "@carbon/test-utils": "10.14.0-alpha.0+ce3f6a9",
+    "@carbon/cli": "^10.18.0",
+    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/scss-generator": "^10.12.0",
+    "@carbon/test-utils": "^10.14.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",
@@ -51,5 +51,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "ce3f6a9adfd33c6da156caa09e16851428898370"
+  "gitHead": "9e4485a39c8ced35313aa834c4d162a99bc57fb9"
 }

package/scss/colors.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/colors. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2018
+// Copyright IBM Corp. 2018, 2020
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/index.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/colors. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2018
+// Copyright IBM Corp. 2018, 2020
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/mixins.scss

@@ -1,6 +1,6 @@
 // Code generated by @carbon/colors. DO NOT EDIT.
 //
-// Copyright IBM Corp. 2018, 2018
+// Copyright IBM Corp. 2018, 2020
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/module.scss

@@ -0,0 +1,705 @@
+// Code generated by @carbon/colors. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2020
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// Value for black
+/// @access public
+/// @group @carbon/colors
+$black: #000000 !default;
+
+/// Value for white
+/// @access public
+/// @group @carbon/colors
+$white: #ffffff !default;
+
+/// Value for black-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$black-100: #000000 !default;
+
+/// Value for blue-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-10: #edf5ff !default;
+
+/// Value for blue-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-20: #d0e2ff !default;
+
+/// Value for blue-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-30: #a6c8ff !default;
+
+/// Value for blue-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-40: #78a9ff !default;
+
+/// Value for blue-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-50: #4589ff !default;
+
+/// Value for blue-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-60: #0f62fe !default;
+
+/// Value for blue-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-70: #0043ce !default;
+
+/// Value for blue-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-80: #002d9c !default;
+
+/// Value for blue-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-90: #001d6c !default;
+
+/// Value for blue-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$blue-100: #001141 !default;
+
+/// Value for cool-gray-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-10: #f2f4f8 !default;
+
+/// Value for cool-gray-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-20: #dde1e6 !default;
+
+/// Value for cool-gray-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-30: #c1c7cd !default;
+
+/// Value for cool-gray-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-40: #a2a9b0 !default;
+
+/// Value for cool-gray-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-50: #878d96 !default;
+
+/// Value for cool-gray-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-60: #697077 !default;
+
+/// Value for cool-gray-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-70: #4d5358 !default;
+
+/// Value for cool-gray-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-80: #343a3f !default;
+
+/// Value for cool-gray-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-90: #21272a !default;
+
+/// Value for cool-gray-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cool-gray-100: #121619 !default;
+
+/// Value for cyan-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-10: #e5f6ff !default;
+
+/// Value for cyan-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-20: #bae6ff !default;
+
+/// Value for cyan-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-30: #82cfff !default;
+
+/// Value for cyan-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-40: #33b1ff !default;
+
+/// Value for cyan-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-50: #1192e8 !default;
+
+/// Value for cyan-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-60: #0072c3 !default;
+
+/// Value for cyan-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-70: #00539a !default;
+
+/// Value for cyan-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-80: #003a6d !default;
+
+/// Value for cyan-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-90: #012749 !default;
+
+/// Value for cyan-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$cyan-100: #061727 !default;
+
+/// Value for gray-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-10: #f4f4f4 !default;
+
+/// Value for gray-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-20: #e0e0e0 !default;
+
+/// Value for gray-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-30: #c6c6c6 !default;
+
+/// Value for gray-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-40: #a8a8a8 !default;
+
+/// Value for gray-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-50: #8d8d8d !default;
+
+/// Value for gray-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-60: #6f6f6f !default;
+
+/// Value for gray-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-70: #525252 !default;
+
+/// Value for gray-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-80: #393939 !default;
+
+/// Value for gray-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-90: #262626 !default;
+
+/// Value for gray-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$gray-100: #161616 !default;
+
+/// Value for green-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-10: #defbe6 !default;
+
+/// Value for green-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-20: #a7f0ba !default;
+
+/// Value for green-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-30: #6fdc8c !default;
+
+/// Value for green-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-40: #42be65 !default;
+
+/// Value for green-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-50: #24a148 !default;
+
+/// Value for green-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-60: #198038 !default;
+
+/// Value for green-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-70: #0e6027 !default;
+
+/// Value for green-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-80: #044317 !default;
+
+/// Value for green-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-90: #022d0d !default;
+
+/// Value for green-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$green-100: #071908 !default;
+
+/// Value for magenta-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-10: #fff0f7 !default;
+
+/// Value for magenta-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-20: #ffd6e8 !default;
+
+/// Value for magenta-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-30: #ffafd2 !default;
+
+/// Value for magenta-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-40: #ff7eb6 !default;
+
+/// Value for magenta-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-50: #ee5396 !default;
+
+/// Value for magenta-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-60: #d02670 !default;
+
+/// Value for magenta-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-70: #9f1853 !default;
+
+/// Value for magenta-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-80: #740937 !default;
+
+/// Value for magenta-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-90: #510224 !default;
+
+/// Value for magenta-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$magenta-100: #2a0a18 !default;
+
+/// Value for orange-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$orange-40: #ff832b !default;
+
+/// Value for orange-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$orange-60: #ba4e00 !default;
+
+/// Value for orange-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$orange-70: #8a3800 !default;
+
+/// Value for purple-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-10: #f6f2ff !default;
+
+/// Value for purple-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-20: #e8daff !default;
+
+/// Value for purple-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-30: #d4bbff !default;
+
+/// Value for purple-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-40: #be95ff !default;
+
+/// Value for purple-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-50: #a56eff !default;
+
+/// Value for purple-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-60: #8a3ffc !default;
+
+/// Value for purple-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-70: #6929c4 !default;
+
+/// Value for purple-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-80: #491d8b !default;
+
+/// Value for purple-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-90: #31135e !default;
+
+/// Value for purple-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$purple-100: #1c0f30 !default;
+
+/// Value for red-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-10: #fff1f1 !default;
+
+/// Value for red-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-20: #ffd7d9 !default;
+
+/// Value for red-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-30: #ffb3b8 !default;
+
+/// Value for red-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-40: #ff8389 !default;
+
+/// Value for red-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-50: #fa4d56 !default;
+
+/// Value for red-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-60: #da1e28 !default;
+
+/// Value for red-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-70: #a2191f !default;
+
+/// Value for red-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-80: #750e13 !default;
+
+/// Value for red-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-90: #520408 !default;
+
+/// Value for red-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$red-100: #2d0709 !default;
+
+/// Value for teal-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-10: #d9fbfb !default;
+
+/// Value for teal-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-20: #9ef0f0 !default;
+
+/// Value for teal-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-30: #3ddbd9 !default;
+
+/// Value for teal-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-40: #08bdba !default;
+
+/// Value for teal-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-50: #009d9a !default;
+
+/// Value for teal-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-60: #007d79 !default;
+
+/// Value for teal-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-70: #005d5d !default;
+
+/// Value for teal-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-80: #004144 !default;
+
+/// Value for teal-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-90: #022b30 !default;
+
+/// Value for teal-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$teal-100: #081a1c !default;
+
+/// Value for warm-gray-10 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-10: #f7f3f2 !default;
+
+/// Value for warm-gray-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-20: #e5e0df !default;
+
+/// Value for warm-gray-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-30: #cac5c4 !default;
+
+/// Value for warm-gray-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-40: #ada8a8 !default;
+
+/// Value for warm-gray-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-50: #8f8b8b !default;
+
+/// Value for warm-gray-60 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-60: #726e6e !default;
+
+/// Value for warm-gray-70 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-70: #565151 !default;
+
+/// Value for warm-gray-80 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-80: #3c3838 !default;
+
+/// Value for warm-gray-90 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-90: #272525 !default;
+
+/// Value for warm-gray-100 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$warm-gray-100: #171414 !default;
+
+/// Value for white-0 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$white-0: #ffffff !default;
+
+/// Value for yellow-20 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$yellow-20: #fdd13a !default;
+
+/// Value for yellow-30 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$yellow-30: #f1c21b !default;
+
+/// Value for yellow-40 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$yellow-40: #d2a106 !default;
+
+/// Value for yellow-50 from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$yellow-50: #b28600 !default;
+
+/// Colors from the IBM Design Language
+/// @access public
+/// @group @carbon/colors
+$colors: (
+  black: (
+    100: #000000,
+  ),
+  blue: (
+    10: #edf5ff,
+    20: #d0e2ff,
+    30: #a6c8ff,
+    40: #78a9ff,
+    50: #4589ff,
+    60: #0f62fe,
+    70: #0043ce,
+    80: #002d9c,
+    90: #001d6c,
+    100: #001141,
+  ),
+  cool-gray: (
+    10: #f2f4f8,
+    20: #dde1e6,
+    30: #c1c7cd,
+    40: #a2a9b0,
+    50: #878d96,
+    60: #697077,
+    70: #4d5358,
+    80: #343a3f,
+    90: #21272a,
+    100: #121619,
+  ),
+  cyan: (
+    10: #e5f6ff,
+    20: #bae6ff,
+    30: #82cfff,
+    40: #33b1ff,
+    50: #1192e8,
+    60: #0072c3,
+    70: #00539a,
+    80: #003a6d,
+    90: #012749,
+    100: #061727,
+  ),
+  gray: (
+    10: #f4f4f4,
+    20: #e0e0e0,
+    30: #c6c6c6,
+    40: #a8a8a8,
+    50: #8d8d8d,
+    60: #6f6f6f,
+    70: #525252,
+    80: #393939,
+    90: #262626,
+    100: #161616,
+  ),
+  green: (
+    10: #defbe6,
+    20: #a7f0ba,
+    30: #6fdc8c,
+    40: #42be65,
+    50: #24a148,
+    60: #198038,
+    70: #0e6027,
+    80: #044317,
+    90: #022d0d,
+    100: #071908,
+  ),
+  magenta: (
+    10: #fff0f7,
+    20: #ffd6e8,
+    30: #ffafd2,
+    40: #ff7eb6,
+    50: #ee5396,
+    60: #d02670,
+    70: #9f1853,
+    80: #740937,
+    90: #510224,
+    100: #2a0a18,
+  ),
+  orange: (
+    40: #ff832b,
+    60: #ba4e00,
+    70: #8a3800,
+  ),
+  purple: (
+    10: #f6f2ff,
+    20: #e8daff,
+    30: #d4bbff,
+    40: #be95ff,
+    50: #a56eff,
+    60: #8a3ffc,
+    70: #6929c4,
+    80: #491d8b,
+    90: #31135e,
+    100: #1c0f30,
+  ),
+  red: (
+    10: #fff1f1,
+    20: #ffd7d9,
+    30: #ffb3b8,
+    40: #ff8389,
+    50: #fa4d56,
+    60: #da1e28,
+    70: #a2191f,
+    80: #750e13,
+    90: #520408,
+    100: #2d0709,
+  ),
+  teal: (
+    10: #d9fbfb,
+    20: #9ef0f0,
+    30: #3ddbd9,
+    40: #08bdba,
+    50: #009d9a,
+    60: #007d79,
+    70: #005d5d,
+    80: #004144,
+    90: #022b30,
+    100: #081a1c,
+  ),
+  warm-gray: (
+    10: #f7f3f2,
+    20: #e5e0df,
+    30: #cac5c4,
+    40: #ada8a8,
+    50: #8f8b8b,
+    60: #726e6e,
+    70: #565151,
+    80: #3c3838,
+    90: #272525,
+    100: #171414,
+  ),
+  white: (
+    0: #ffffff,
+  ),
+  yellow: (
+    20: #fdd13a,
+    30: #f1c21b,
+    40: #d2a106,
+    50: #b28600,
+  ),
+) !default;

package/umd/index.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (factory((global.CarbonColors = {})));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonColors = {}));
 }(this, (function (exports) { 'use strict';
 
   /**
@@ -294,59 +294,11 @@
     return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
   }
 
-  /**
-   * Copyright IBM Corp. 2018, 2018
-   *
-   * This source code is licensed under the Apache-2.0 license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-
   exports.black = black;
   exports.black100 = black100;
-  exports.white = white;
-  exports.white0 = white0;
-  exports.yellow = yellow;
-  exports.yellow30 = yellow30;
-  exports.yellow40 = yellow40;
-  exports.yellow50 = yellow50;
-  exports.orange = orange;
-  exports.orange40 = orange40;
-  exports.orange60 = orange60;
-  exports.orange70 = orange70;
-  exports.red10 = red10;
-  exports.red20 = red20;
-  exports.red30 = red30;
-  exports.red40 = red40;
-  exports.red50 = red50;
-  exports.red60 = red60;
-  exports.red70 = red70;
-  exports.red80 = red80;
-  exports.red90 = red90;
-  exports.red100 = red100;
-  exports.red = red;
-  exports.magenta10 = magenta10;
-  exports.magenta20 = magenta20;
-  exports.magenta30 = magenta30;
-  exports.magenta40 = magenta40;
-  exports.magenta50 = magenta50;
-  exports.magenta60 = magenta60;
-  exports.magenta70 = magenta70;
-  exports.magenta80 = magenta80;
-  exports.magenta90 = magenta90;
-  exports.magenta100 = magenta100;
-  exports.magenta = magenta;
-  exports.purple10 = purple10;
-  exports.purple20 = purple20;
-  exports.purple30 = purple30;
-  exports.purple40 = purple40;
-  exports.purple50 = purple50;
-  exports.purple60 = purple60;
-  exports.purple70 = purple70;
-  exports.purple80 = purple80;
-  exports.purple90 = purple90;
-  exports.purple100 = purple100;
-  exports.purple = purple;
+  exports.blue = blue;
   exports.blue10 = blue10;
+  exports.blue100 = blue100;
   exports.blue20 = blue20;
   exports.blue30 = blue30;
   exports.blue40 = blue40;
@@ -355,42 +307,10 @@
   exports.blue70 = blue70;
   exports.blue80 = blue80;
   exports.blue90 = blue90;
-  exports.blue100 = blue100;
-  exports.blue = blue;
-  exports.cyan10 = cyan10;
-  exports.cyan20 = cyan20;
-  exports.cyan30 = cyan30;
-  exports.cyan40 = cyan40;
-  exports.cyan50 = cyan50;
-  exports.cyan60 = cyan60;
-  exports.cyan70 = cyan70;
-  exports.cyan80 = cyan80;
-  exports.cyan90 = cyan90;
-  exports.cyan100 = cyan100;
-  exports.cyan = cyan;
-  exports.teal10 = teal10;
-  exports.teal20 = teal20;
-  exports.teal30 = teal30;
-  exports.teal40 = teal40;
-  exports.teal50 = teal50;
-  exports.teal60 = teal60;
-  exports.teal70 = teal70;
-  exports.teal80 = teal80;
-  exports.teal90 = teal90;
-  exports.teal100 = teal100;
-  exports.teal = teal;
-  exports.green10 = green10;
-  exports.green20 = green20;
-  exports.green30 = green30;
-  exports.green40 = green40;
-  exports.green50 = green50;
-  exports.green60 = green60;
-  exports.green70 = green70;
-  exports.green80 = green80;
-  exports.green90 = green90;
-  exports.green100 = green100;
-  exports.green = green;
+  exports.colors = colors;
+  exports.coolGray = coolGray;
   exports.coolGray10 = coolGray10;
+  exports.coolGray100 = coolGray100;
   exports.coolGray20 = coolGray20;
   exports.coolGray30 = coolGray30;
   exports.coolGray40 = coolGray40;
@@ -399,9 +319,20 @@
   exports.coolGray70 = coolGray70;
   exports.coolGray80 = coolGray80;
   exports.coolGray90 = coolGray90;
-  exports.coolGray100 = coolGray100;
-  exports.coolGray = coolGray;
+  exports.cyan = cyan;
+  exports.cyan10 = cyan10;
+  exports.cyan100 = cyan100;
+  exports.cyan20 = cyan20;
+  exports.cyan30 = cyan30;
+  exports.cyan40 = cyan40;
+  exports.cyan50 = cyan50;
+  exports.cyan60 = cyan60;
+  exports.cyan70 = cyan70;
+  exports.cyan80 = cyan80;
+  exports.cyan90 = cyan90;
+  exports.gray = gray;
   exports.gray10 = gray10;
+  exports.gray100 = gray100;
   exports.gray20 = gray20;
   exports.gray30 = gray30;
   exports.gray40 = gray40;
@@ -410,9 +341,69 @@
   exports.gray70 = gray70;
   exports.gray80 = gray80;
   exports.gray90 = gray90;
-  exports.gray100 = gray100;
-  exports.gray = gray;
+  exports.green = green;
+  exports.green10 = green10;
+  exports.green100 = green100;
+  exports.green20 = green20;
+  exports.green30 = green30;
+  exports.green40 = green40;
+  exports.green50 = green50;
+  exports.green60 = green60;
+  exports.green70 = green70;
+  exports.green80 = green80;
+  exports.green90 = green90;
+  exports.magenta = magenta;
+  exports.magenta10 = magenta10;
+  exports.magenta100 = magenta100;
+  exports.magenta20 = magenta20;
+  exports.magenta30 = magenta30;
+  exports.magenta40 = magenta40;
+  exports.magenta50 = magenta50;
+  exports.magenta60 = magenta60;
+  exports.magenta70 = magenta70;
+  exports.magenta80 = magenta80;
+  exports.magenta90 = magenta90;
+  exports.orange = orange;
+  exports.orange40 = orange40;
+  exports.orange60 = orange60;
+  exports.orange70 = orange70;
+  exports.purple = purple;
+  exports.purple10 = purple10;
+  exports.purple100 = purple100;
+  exports.purple20 = purple20;
+  exports.purple30 = purple30;
+  exports.purple40 = purple40;
+  exports.purple50 = purple50;
+  exports.purple60 = purple60;
+  exports.purple70 = purple70;
+  exports.purple80 = purple80;
+  exports.purple90 = purple90;
+  exports.red = red;
+  exports.red10 = red10;
+  exports.red100 = red100;
+  exports.red20 = red20;
+  exports.red30 = red30;
+  exports.red40 = red40;
+  exports.red50 = red50;
+  exports.red60 = red60;
+  exports.red70 = red70;
+  exports.red80 = red80;
+  exports.red90 = red90;
+  exports.rgba = rgba;
+  exports.teal = teal;
+  exports.teal10 = teal10;
+  exports.teal100 = teal100;
+  exports.teal20 = teal20;
+  exports.teal30 = teal30;
+  exports.teal40 = teal40;
+  exports.teal50 = teal50;
+  exports.teal60 = teal60;
+  exports.teal70 = teal70;
+  exports.teal80 = teal80;
+  exports.teal90 = teal90;
+  exports.warmGray = warmGray;
   exports.warmGray10 = warmGray10;
+  exports.warmGray100 = warmGray100;
   exports.warmGray20 = warmGray20;
   exports.warmGray30 = warmGray30;
   exports.warmGray40 = warmGray40;
@@ -421,11 +412,13 @@
   exports.warmGray70 = warmGray70;
   exports.warmGray80 = warmGray80;
   exports.warmGray90 = warmGray90;
-  exports.warmGray100 = warmGray100;
-  exports.warmGray = warmGray;
+  exports.white = white;
+  exports.white0 = white0;
+  exports.yellow = yellow;
   exports.yellow20 = yellow20;
-  exports.colors = colors;
-  exports.rgba = rgba;
+  exports.yellow30 = yellow30;
+  exports.yellow40 = yellow40;
+  exports.yellow50 = yellow50;
 
   Object.defineProperty(exports, '__esModule', { value: true });