@carbon/colors 10.17.0-rc.0 → 10.18.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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "10.17.0-rc.0",
+  "version": "10.18.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,10 +35,10 @@
     "clean": "rimraf css es lib umd scss"
   },
   "devDependencies": {
-    "@carbon/bundler": "^10.10.0-rc.0",
-    "@carbon/cli-reporter": "^10.4.0-rc.0",
-    "@carbon/scss-generator": "^10.11.0-rc.0",
-    "@carbon/test-utils": "^10.13.0-rc.0",
+    "@carbon/bundler": "^10.11.0",
+    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/scss-generator": "^10.11.0",
+    "@carbon/test-utils": "^10.13.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": "12294f95e7865ed6bbdb65213771c1beed287ca5"
+  "gitHead": "d41f538ce43d6acb8174e262532c5e4c23faf6a6"
 }

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;