@carbon/charts 0.41.46 → 0.41.50

package/styles/vendor/@carbon/themes/metadata.yml

@@ -73,6 +73,9 @@ tokens:
     role:
       - Primary links
       - Ghost button
+  - name: link02
+    role:
+      - Secondary link color for lower contrast backgrounds
   - name: field01
     role:
       - Default input fields

package/styles/vendor/@carbon/themes/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.4.0",
+  "version": "10.30.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/themes",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/carbon-design-system/carbon.git",
+    "directory": "packages/themes"
+  },
   "bugs": "https://github.com/carbon-design-system/carbon/issues",
   "keywords": [
     "ibm",
@@ -20,22 +24,27 @@
     "access": "public"
   },
   "scripts": {
-    "clean": "rimraf es lib umd scss/_mixins.scss scss/_tokens.scss scss/_theme-maps.scss",
-    "build": "yarn clean && bundler bundle src/index.js --name CarbonThemes && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/*.scss\""
+    "ci-check": "carbon-cli check \"scss/**/*.scss\" -i \"**/generated/**\"",
+    "clean": "rimraf es lib umd scss/generated",
+    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && node tasks/build.js && carbon-cli check \"scss/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "10.3.0"
+    "@carbon/colors": "^10.22.0",
+    "@carbon/layout": "^10.21.0",
+    "@carbon/type": "^10.24.0",
+    "color": "^3.1.2"
   },
   "devDependencies": {
-    "@carbon/cli-reporter": "10.3.0",
-    "@carbon/scss-generator": "10.3.0",
-    "@carbon/test-utils": "10.3.0",
-    "change-case": "^3.0.2",
-    "core-js": "^3.0.1",
-    "fs-extra": "^7.0.1",
+    "@carbon/cli": "^10.21.0",
+    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/scss-generator": "^10.13.0",
+    "@carbon/test-utils": "^10.15.0",
+    "change-case": "^4.1.1",
+    "core-js": "^3.6.5",
+    "fs-extra": "^8.1.0",
     "js-yaml": "^3.13.0",
-    "node-sass": "^4.11.0",
-    "rimraf": "^2.6.3"
+    "node-sass": "^4.13.1",
+    "rimraf": "^3.0.0"
   },
-  "gitHead": "1a786efd8ef95572699cc00a03bc2858c794ca08"
+  "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
 }

package/styles/vendor/@carbon/themes/scss/_mixins.scss

@@ -1,158 +1,39 @@
-// Code generated by @carbon/themes. DO NOT EDIT.
 //
 // 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.
 //
-@import './theme-maps';
-/// Define theme variables from a map of tokens
-/// @access public
-/// @param {Map} $theme [$carbon--theme] - Map of theme tokens
-/// @param {Bool} $emit-custom-properties [false] - Output CSS Custom Properties for theme tokens
-/// @content Pass in your custom declaration blocks to be used after the token maps set theming variables.
-///
-/// @example scss
-///   // Default usage
-///   @include carbon--theme();
-///
-///   // Alternate styling (not white theme)
-///   @include carbon--theme($carbon--theme--g90) {
-///     // declarations...
-///   }
-///
-///   // Inline styling
-///   @include carbon--theme($carbon--theme--g90) {
-///     .my-dark-theme {
-///       // declarations...
-///     }
-///   }
-///
+
+/// @access private
 /// @group @carbon/themes
-@mixin carbon--theme($theme: $carbon--theme, $emit-custom-properties: false) {
-  $interactive-01: map-get($theme, 'interactive-01') !global;
-  $interactive-02: map-get($theme, 'interactive-02') !global;
-  $interactive-03: map-get($theme, 'interactive-03') !global;
-  $interactive-04: map-get($theme, 'interactive-04') !global;
-  $ui-background: map-get($theme, 'ui-background') !global;
-  $ui-01: map-get($theme, 'ui-01') !global;
-  $ui-02: map-get($theme, 'ui-02') !global;
-  $ui-03: map-get($theme, 'ui-03') !global;
-  $ui-04: map-get($theme, 'ui-04') !global;
-  $ui-05: map-get($theme, 'ui-05') !global;
-  $text-01: map-get($theme, 'text-01') !global;
-  $text-02: map-get($theme, 'text-02') !global;
-  $text-03: map-get($theme, 'text-03') !global;
-  $text-04: map-get($theme, 'text-04') !global;
-  $icon-01: map-get($theme, 'icon-01') !global;
-  $icon-02: map-get($theme, 'icon-02') !global;
-  $icon-03: map-get($theme, 'icon-03') !global;
-  $link-01: map-get($theme, 'link-01') !global;
-  $field-01: map-get($theme, 'field-01') !global;
-  $field-02: map-get($theme, 'field-02') !global;
-  $inverse-01: map-get($theme, 'inverse-01') !global;
-  $inverse-02: map-get($theme, 'inverse-02') !global;
-  $support-01: map-get($theme, 'support-01') !global;
-  $support-02: map-get($theme, 'support-02') !global;
-  $support-03: map-get($theme, 'support-03') !global;
-  $support-04: map-get($theme, 'support-04') !global;
-  $inverse-support-01: map-get($theme, 'inverse-support-01') !global;
-  $inverse-support-02: map-get($theme, 'inverse-support-02') !global;
-  $inverse-support-03: map-get($theme, 'inverse-support-03') !global;
-  $inverse-support-04: map-get($theme, 'inverse-support-04') !global;
-  $overlay-01: map-get($theme, 'overlay-01') !global;
-  $focus: map-get($theme, 'focus') !global;
-  $hover-primary: map-get($theme, 'hover-primary') !global;
-  $active-primary: map-get($theme, 'active-primary') !global;
-  $hover-primary-text: map-get($theme, 'hover-primary-text') !global;
-  $hover-secondary: map-get($theme, 'hover-secondary') !global;
-  $active-secondary: map-get($theme, 'active-secondary') !global;
-  $hover-tertiary: map-get($theme, 'hover-tertiary') !global;
-  $active-tertiary: map-get($theme, 'active-tertiary') !global;
-  $hover-ui: map-get($theme, 'hover-ui') !global;
-  $active-ui: map-get($theme, 'active-ui') !global;
-  $selected-ui: map-get($theme, 'selected-ui') !global;
-  $hover-selected-ui: map-get($theme, 'hover-selected-ui') !global;
-  $hover-danger: map-get($theme, 'hover-danger') !global;
-  $active-danger: map-get($theme, 'active-danger') !global;
-  $hover-row: map-get($theme, 'hover-row') !global;
-  $visited-link: map-get($theme, 'visited-link') !global;
-  $disabled-01: map-get($theme, 'disabled-01') !global;
-  $disabled-02: map-get($theme, 'disabled-02') !global;
-  $disabled-03: map-get($theme, 'disabled-03') !global;
-  $highlight: map-get($theme, 'highlight') !global;
-  $skeleton-01: map-get($theme, 'skeleton-01') !global;
-  $skeleton-02: map-get($theme, 'skeleton-02') !global;
-  $brand-01: map-get($theme, 'brand-01') !global;
-  $brand-02: map-get($theme, 'brand-02') !global;
-  $brand-03: map-get($theme, 'brand-03') !global;
-  $active-01: map-get($theme, 'active-01') !global;
-  $hover-field: map-get($theme, 'hover-field') !global;
+$custom-property-prefix: 'cds' !default;
 
-  @if $emit-custom-properties == true {
-    --interactive-01: #{map-get($theme, 'interactive-01')};
-    --interactive-02: #{map-get($theme, 'interactive-02')};
-    --interactive-03: #{map-get($theme, 'interactive-03')};
-    --interactive-04: #{map-get($theme, 'interactive-04')};
-    --ui-background: #{map-get($theme, 'ui-background')};
-    --ui-01: #{map-get($theme, 'ui-01')};
-    --ui-02: #{map-get($theme, 'ui-02')};
-    --ui-03: #{map-get($theme, 'ui-03')};
-    --ui-04: #{map-get($theme, 'ui-04')};
-    --ui-05: #{map-get($theme, 'ui-05')};
-    --text-01: #{map-get($theme, 'text-01')};
-    --text-02: #{map-get($theme, 'text-02')};
-    --text-03: #{map-get($theme, 'text-03')};
-    --text-04: #{map-get($theme, 'text-04')};
-    --icon-01: #{map-get($theme, 'icon-01')};
-    --icon-02: #{map-get($theme, 'icon-02')};
-    --icon-03: #{map-get($theme, 'icon-03')};
-    --link-01: #{map-get($theme, 'link-01')};
-    --field-01: #{map-get($theme, 'field-01')};
-    --field-02: #{map-get($theme, 'field-02')};
-    --inverse-01: #{map-get($theme, 'inverse-01')};
-    --inverse-02: #{map-get($theme, 'inverse-02')};
-    --support-01: #{map-get($theme, 'support-01')};
-    --support-02: #{map-get($theme, 'support-02')};
-    --support-03: #{map-get($theme, 'support-03')};
-    --support-04: #{map-get($theme, 'support-04')};
-    --inverse-support-01: #{map-get($theme, 'inverse-support-01')};
-    --inverse-support-02: #{map-get($theme, 'inverse-support-02')};
-    --inverse-support-03: #{map-get($theme, 'inverse-support-03')};
-    --inverse-support-04: #{map-get($theme, 'inverse-support-04')};
-    --overlay-01: #{map-get($theme, 'overlay-01')};
-    --focus: #{map-get($theme, 'focus')};
-    --hover-primary: #{map-get($theme, 'hover-primary')};
-    --active-primary: #{map-get($theme, 'active-primary')};
-    --hover-primary-text: #{map-get($theme, 'hover-primary-text')};
-    --hover-secondary: #{map-get($theme, 'hover-secondary')};
-    --active-secondary: #{map-get($theme, 'active-secondary')};
-    --hover-tertiary: #{map-get($theme, 'hover-tertiary')};
-    --active-tertiary: #{map-get($theme, 'active-tertiary')};
-    --hover-ui: #{map-get($theme, 'hover-ui')};
-    --active-ui: #{map-get($theme, 'active-ui')};
-    --selected-ui: #{map-get($theme, 'selected-ui')};
-    --hover-selected-ui: #{map-get($theme, 'hover-selected-ui')};
-    --hover-danger: #{map-get($theme, 'hover-danger')};
-    --active-danger: #{map-get($theme, 'active-danger')};
-    --hover-row: #{map-get($theme, 'hover-row')};
-    --visited-link: #{map-get($theme, 'visited-link')};
-    --disabled-01: #{map-get($theme, 'disabled-01')};
-    --disabled-02: #{map-get($theme, 'disabled-02')};
-    --disabled-03: #{map-get($theme, 'disabled-03')};
-    --highlight: #{map-get($theme, 'highlight')};
-    --skeleton-01: #{map-get($theme, 'skeleton-01')};
-    --skeleton-02: #{map-get($theme, 'skeleton-02')};
-    --brand-01: #{map-get($theme, 'brand-01')};
-    --brand-02: #{map-get($theme, 'brand-02')};
-    --brand-03: #{map-get($theme, 'brand-03')};
-    --active-01: #{map-get($theme, 'active-01')};
-    --hover-field: #{map-get($theme, 'hover-field')};
+/// @access private
+/// @group @carbon/themes
+@mixin custom-property($name, $value, $prefix: $custom-property-prefix) {
+  @if type-of($value) == map {
+    @each $property, $property-value in $value {
+      // Only support one-level of depth for values that are maps. This is to
+      // avoid bringing properties like `breakpoints` on type tokens
+      @if type-of($property-value) != map {
+        @include custom-property('#{$name}-#{$property}', $property-value);
+      }
+    }
+  } @else {
+    --#{$prefix}-#{$name}: #{$value};
   }
+}
 
-  @content;
-  // Reset to default theme after apply in content
-  @if $theme != $carbon--theme {
-    @include carbon--theme();
+/// @access private
+/// @group @carbon/themes
+@function should-emit($theme-a, $theme-b, $token, $emit-difference) {
+  @if $emit-difference == false {
+    @return true;
   }
+  @return map-get($theme-a, $token) != map-get($theme-b, $token);
 }
+
+// We import mixins last so that these methods are made available to the
+// carbon--theme mixin
+@import './generated/mixins';

package/styles/vendor/@carbon/themes/scss/_theme-maps.scss

@@ -1,269 +1,9 @@
-// Code generated by @carbon/themes. DO NOT EDIT.
 //
 // 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.
 //
-/// Carbon's white color theme
-/// @type Map
-/// @access public
-/// @group @carbon/themes
-$carbon--theme--white: (
-  interactive-01: #0062ff,
-  interactive-02: #171717,
-  interactive-03: #0062ff,
-  interactive-04: #0062ff,
-  ui-background: #ffffff,
-  ui-01: #f3f3f3,
-  ui-02: #ffffff,
-  ui-03: #dcdcdc,
-  ui-04: #8c8c8c,
-  ui-05: #171717,
-  text-01: #171717,
-  text-02: #565656,
-  text-03: #8c8c8c,
-  text-04: #ffffff,
-  icon-01: #171717,
-  icon-02: #565656,
-  icon-03: #ffffff,
-  link-01: #0062ff,
-  field-01: #f3f3f3,
-  field-02: #ffffff,
-  inverse-01: #ffffff,
-  inverse-02: #3d3d3d,
-  support-01: #da1e28,
-  support-02: #24a148,
-  support-03: #fdd13a,
-  support-04: #054ada,
-  inverse-support-01: #fb4b53,
-  inverse-support-02: #3dbb61,
-  inverse-support-03: #fdd13a,
-  inverse-support-04: #408bfc,
-  overlay-01: rgba(23, 23, 23, 0.5),
-  focus: #0062ff,
-  hover-primary: #0353e9,
-  active-primary: #0530ad,
-  hover-primary-text: #054ada,
-  hover-secondary: #4c4c4c,
-  active-secondary: #6f6f6f,
-  hover-tertiary: #0353e9,
-  active-tertiary: #0530ad,
-  hover-ui: #e5e5e5,
-  active-ui: #bebebe,
-  selected-ui: #dcdcdc,
-  hover-selected-ui: #cacaca,
-  hover-danger: #ba1b23,
-  active-danger: #750e13,
-  hover-row: #e5e5e5,
-  visited-link: #8a3ffc,
-  disabled-01: #f3f3f3,
-  disabled-02: #bebebe,
-  disabled-03: #8c8c8c,
-  highlight: #c9deff,
-  skeleton-01: #e5e5e5,
-  skeleton-02: #bebebe,
-  brand-01: #0062ff,
-  brand-02: #171717,
-  brand-03: #0062ff,
-  active-01: #bebebe,
-  hover-field: #e5e5e5,
-) !default;
-/// Carbon's g10 color theme
-/// @type Map
-/// @access public
-/// @group @carbon/themes
-$carbon--theme--g10: (
-  interactive-01: #0062ff,
-  interactive-02: #171717,
-  interactive-03: #0062ff,
-  interactive-04: #0062ff,
-  ui-background: #f3f3f3,
-  ui-01: #ffffff,
-  ui-02: #f3f3f3,
-  ui-03: #dcdcdc,
-  ui-04: #8c8c8c,
-  ui-05: #171717,
-  text-01: #171717,
-  text-02: #565656,
-  text-03: #8c8c8c,
-  text-04: #ffffff,
-  icon-01: #171717,
-  icon-02: #565656,
-  icon-03: #ffffff,
-  link-01: #0062ff,
-  field-01: #ffffff,
-  field-02: #f3f3f3,
-  inverse-01: #ffffff,
-  inverse-02: #3d3d3d,
-  support-01: #da1e28,
-  support-02: #24a148,
-  support-03: #fdd13a,
-  support-04: #054ada,
-  inverse-support-01: #fb4b53,
-  inverse-support-02: #3dbb61,
-  inverse-support-03: #fdd13a,
-  inverse-support-04: #408bfc,
-  overlay-01: rgba(23, 23, 23, 0.5),
-  focus: #0062ff,
-  hover-primary: #0353e9,
-  active-primary: #0530ad,
-  hover-primary-text: #054ada,
-  hover-secondary: #4c4c4c,
-  active-secondary: #6f6f6f,
-  hover-tertiary: #0353e9,
-  active-tertiary: #0530ad,
-  hover-ui: #e5e5e5,
-  active-ui: #bebebe,
-  selected-ui: #dcdcdc,
-  hover-selected-ui: #cacaca,
-  hover-danger: #ba1b23,
-  active-danger: #750e13,
-  hover-row: #e5e5e5,
-  visited-link: #8a3ffc,
-  disabled-01: #ffffff,
-  disabled-02: #bebebe,
-  disabled-03: #8c8c8c,
-  highlight: #c9deff,
-  skeleton-01: #e5e5e5,
-  skeleton-02: #bebebe,
-  brand-01: #0062ff,
-  brand-02: #171717,
-  brand-03: #0062ff,
-  active-01: #bebebe,
-  hover-field: #e5e5e5,
-) !default;
-/// Carbon's g90 color theme
-/// @type Map
-/// @access public
-/// @group @carbon/themes
-$carbon--theme--g90: (
-  interactive-01: #0062ff,
-  interactive-02: #6f6f6f,
-  interactive-03: #ffffff,
-  interactive-04: #408bfc,
-  ui-background: #282828,
-  ui-01: #3d3d3d,
-  ui-02: #565656,
-  ui-03: #565656,
-  ui-04: #8c8c8c,
-  ui-05: #f3f3f3,
-  text-01: #f3f3f3,
-  text-02: #bebebe,
-  text-03: #8c8c8c,
-  text-04: #ffffff,
-  icon-01: #f3f3f3,
-  icon-02: #bebebe,
-  icon-03: #ffffff,
-  link-01: #6ea6ff,
-  field-01: #3d3d3d,
-  field-02: #565656,
-  inverse-01: #171717,
-  inverse-02: #f3f3f3,
-  support-01: #fb4b53,
-  support-02: #3dbb61,
-  support-03: #fdd13a,
-  support-04: #408bfc,
-  inverse-support-01: #da1e28,
-  inverse-support-02: #24a148,
-  inverse-support-03: #fdd13a,
-  inverse-support-04: #0062ff,
-  overlay-01: rgba(23, 23, 23, 0.7),
-  focus: #ffffff,
-  hover-primary: #0353e9,
-  active-primary: #0530ad,
-  hover-primary-text: #97c1ff,
-  hover-secondary: #606060,
-  active-secondary: #3d3d3d,
-  hover-tertiary: #f3f3f3,
-  active-tertiary: #bebebe,
-  hover-ui: #4c4c4c,
-  active-ui: #6f6f6f,
-  selected-ui: #565656,
-  hover-selected-ui: #656565,
-  hover-danger: #ba1b23,
-  active-danger: #750e13,
-  hover-row: #4c4c4c,
-  visited-link: #bb8eff,
-  disabled-01: #3d3d3d,
-  disabled-02: #565656,
-  disabled-03: #8c8c8c,
-  highlight: #054ada,
-  skeleton-01: #353535,
-  skeleton-02: #565656,
-  brand-01: #0062ff,
-  brand-02: #6f6f6f,
-  brand-03: #ffffff,
-  active-01: #6f6f6f,
-  hover-field: #4c4c4c,
-) !default;
-/// Carbon's g100 color theme
-/// @type Map
-/// @access public
-/// @group @carbon/themes
-$carbon--theme--g100: (
-  interactive-01: #0062ff,
-  interactive-02: #6f6f6f,
-  interactive-03: #ffffff,
-  interactive-04: #408bfc,
-  ui-background: #171717,
-  ui-01: #282828,
-  ui-02: #3d3d3d,
-  ui-03: #3d3d3d,
-  ui-04: #6f6f6f,
-  ui-05: #f3f3f3,
-  text-01: #f3f3f3,
-  text-02: #bebebe,
-  text-03: #6f6f6f,
-  text-04: #ffffff,
-  icon-01: #f3f3f3,
-  icon-02: #bebebe,
-  icon-03: #ffffff,
-  link-01: #6ea6ff,
-  field-01: #282828,
-  field-02: #3d3d3d,
-  inverse-01: #171717,
-  inverse-02: #f3f3f3,
-  support-01: #fb4b53,
-  support-02: #3dbb61,
-  support-03: #fdd13a,
-  support-04: #408bfc,
-  inverse-support-01: #da1e28,
-  inverse-support-02: #24a148,
-  inverse-support-03: #fdd13a,
-  inverse-support-04: #0062ff,
-  overlay-01: rgba(23, 23, 23, 0.7),
-  focus: #ffffff,
-  hover-primary: #0353e9,
-  active-primary: #0530ad,
-  hover-primary-text: #97c1ff,
-  hover-secondary: #606060,
-  active-secondary: #3d3d3d,
-  hover-tertiary: #f3f3f3,
-  active-tertiary: #bebebe,
-  hover-ui: #353535,
-  active-ui: #565656,
-  selected-ui: #3d3d3d,
-  hover-selected-ui: #4c4c4c,
-  hover-danger: #ba1b23,
-  active-danger: #750e13,
-  hover-row: #353535,
-  visited-link: #bb8eff,
-  disabled-01: #282828,
-  disabled-02: #3d3d3d,
-  disabled-03: #6f6f6f,
-  highlight: #0530ad,
-  skeleton-01: #353535,
-  skeleton-02: #3d3d3d,
-  brand-01: #0062ff,
-  brand-02: #6f6f6f,
-  brand-03: #ffffff,
-  active-01: #565656,
-  hover-field: #353535,
-) !default;
-/// Carbon's default theme
-/// @type Map
-/// @access public
-/// @alias carbon--theme--white
-/// @group @carbon/themes
-$carbon--theme: $carbon--theme--white !default;
+
+@import './generated/tokens';
+@import './generated/themes';