@carbon/charts 0.58.0 → 0.58.1

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/type/_reset.scss

@@ -0,0 +1,8 @@
+//
+// 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.
+//
+
+@forward '@carbon/type/scss/modules/reset';

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_box-shadow.scss

@@ -5,10 +5,12 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use '../theme';
+
 /// Adds box shadow
 /// @access public
 /// @example @include box-shadow;
 /// @group utilities
 @mixin box-shadow {
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 6px theme.$shadow;
 }

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_component-tokens.scss

@@ -6,6 +6,11 @@
 //
 
 @use 'sass:map';
+@use 'sass:meta';
+@use "sass:list";
+@use '../themes';
+@use '../theme';
+@use './custom-property';
 
 /// Extract the component tokens from a given theme
 /// @param {SassMap} $tokens
@@ -25,3 +30,72 @@
 
   @return $result;
 }
+
+/// Get the CSS Custom Property value for a given token map
+/// @param {any} $token-map The possible values for the token, this value can
+/// be a plain value used as a CSS value or a Sass Map
+/// @param {String} $name The name of the CSS Custom Property
+@function get-var($token-map, $name) {
+  @if meta.type-of($token-map) == map {
+    $fallback: map.get($token-map, fallback);
+    $theme-values: map.get($token-map, values);
+
+    @each $theme-value in $theme-values {
+      $theme: map.get($theme-value, theme);
+      $value: map.get($theme-value, value);
+
+      @if theme.matches($theme, theme.$theme) {
+        @return custom-property.get-var($name, $value);
+      }
+    }
+
+    @return custom-property.get-var($name, $fallback);
+  }
+
+  @return custom-property.get-var($name, $token-map);
+}
+
+/// Get inverse theme values for a given component token.
+/// @param {any} $token-map The possible values for the token, this value can
+/// be a plain value used as a CSS value or a Sass Map
+@function get-inverse-theme-values($token-map) {
+  $inverse-theme-values: ();
+  $inverse-value: ();
+
+  @each $theme-value in map.get($token-map, values) {
+    $theme: map.get($theme-value, theme);
+    $value: map.get($theme-value, value);
+
+    @if $theme == themes.$g100 {
+      $inverse-value: (
+        theme: themes.$white,
+        value: $value,
+      );
+    }
+
+    @if $theme == themes.$g90 {
+      $inverse-value: (
+        theme: themes.$g10,
+        value: $value,
+      );
+    }
+
+    @if $theme == themes.$g10 {
+      $inverse-value: (
+        theme: themes.$g90,
+        value: $value,
+      );
+    }
+
+    @if $theme == themes.$white {
+      $inverse-value: (
+        theme: themes.$g100,
+        value: $value,
+      );
+    }
+
+    $inverse-theme-values: list.append($inverse-theme-values, $inverse-value);
+  }
+
+  @return $inverse-theme-values;
+}

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_convert.scss

@@ -5,6 +5,9 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use 'sass:meta';
+@use "sass:math";
+
 /// Default font size
 /// @type Number
 /// @access public
@@ -21,7 +24,11 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $base-font-size) * 1rem;
+  @if meta.function-exists('div', 'math') {
+    @return math.div($px, $base-font-size) * 1rem;
+  } @else {
+    @return ($px / $base-font-size) * 1rem;
+  }
 }
 
 /// Convert a given px unit to a em unit
@@ -35,5 +42,9 @@ $base-font-size: 16px !default;
     @warn "Expected argument $px to be of type `px`, instead received: `#{unit($px)}`";
   }
 
-  @return ($px / $base-font-size) * 1em;
+  @if meta.function-exists('div', 'math') {
+    @return math.div($px, $base-font-size) * 1em;
+  } @else {
+    @return ($px / $base-font-size) * 1em;
+  }
 }

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_keyframes.scss

@@ -19,6 +19,7 @@
   0% {
     @include content-visible;
   }
+
   100% {
     @include content-hidden;
   }
@@ -28,6 +29,7 @@
   0% {
     @include content-hidden;
   }
+
   100% {
     @include content-visible;
   }
@@ -39,35 +41,43 @@
     transform: scaleX(0);
     transform-origin: left;
   }
+
   20% {
     opacity: 1;
     transform: scaleX(1);
     transform-origin: left;
   }
+
   28% {
     transform: scaleX(1);
     transform-origin: right;
   }
+
   51% {
     transform: scaleX(0);
     transform-origin: right;
   }
+
   58% {
     transform: scaleX(0);
     transform-origin: right;
   }
+
   82% {
     transform: scaleX(1);
     transform-origin: right;
   }
+
   83% {
     transform: scaleX(1);
     transform-origin: left;
   }
+
   96% {
     transform: scaleX(0);
     transform-origin: left;
   }
+
   100% {
     opacity: 0.3;
     transform: scaleX(0);

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/styles/scss/utilities/_tooltip.scss

@@ -51,7 +51,7 @@
   font-weight: 400;
   text-align: left;
   transform: translateX(-50%);
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   // IE media query
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
@@ -93,6 +93,7 @@
 
   @if $tooltip-type == 'icon' {
     cursor: pointer;
+
     &:focus {
       outline: 1px solid transparent;
 
@@ -126,6 +127,10 @@
   &::before,
   &::after {
     transition: opacity $duration-fast-01 motion(standard, productive);
+
+    @media screen and (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
   }
 
   &.#{$prefix}--tooltip--a11y::before,
@@ -181,6 +186,7 @@
       from {
         opacity: 0;
       }
+
       to {
         opacity: 1;
       }

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/themes/scss/compat/_themes.scss

@@ -0,0 +1,8 @@
+//
+// 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.
+//
+
+@forward 'generated/themes';

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/themes/scss/compat/_tokens.scss

@@ -0,0 +1,8 @@
+//
+// 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.
+//
+
+@forward 'generated/tokens';

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/themes/scss/compat/generated/_themes.scss

@@ -0,0 +1,271 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2019
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// Token values for the white theme
+$white: (
+  active-danger: #750e13,
+  active-light-ui: #c6c6c6,
+  active-primary: #002d9c,
+  active-secondary: #6f6f6f,
+  active-tertiary: #002d9c,
+  active-ui: #c6c6c6,
+  button-separator: #e0e0e0,
+  danger-01: #da1e28,
+  danger-02: #da1e28,
+  decorative-01: #e0e0e0,
+  disabled-01: #f4f4f4,
+  disabled-02: #c6c6c6,
+  disabled-03: #8d8d8d,
+  hover-danger: #b81921,
+  hover-field: #e5e5e5,
+  hover-light-ui: #e5e5e5,
+  hover-primary: #0353e9,
+  hover-primary-text: #0043ce,
+  hover-row: #e5e5e5,
+  hover-secondary: #4c4c4c,
+  hover-selected-ui: #cacaca,
+  hover-tertiary: #0353e9,
+  hover-ui: #e5e5e5,
+  icon-01: #161616,
+  icon-02: #525252,
+  icon-03: #ffffff,
+  interactive-01: #0f62fe,
+  interactive-02: #393939,
+  interactive-03: #0f62fe,
+  interactive-04: #0f62fe,
+  inverse-01: #ffffff,
+  inverse-02: #393939,
+  inverse-focus-ui: #ffffff,
+  inverse-hover-ui: #4c4c4c,
+  inverse-link: #78a9ff,
+  inverse-support-01: #fa4d56,
+  inverse-support-02: #42be65,
+  inverse-support-03: #f1c21b,
+  inverse-support-04: #4589ff,
+  link-01: #0f62fe,
+  link-02: #0043ce,
+  overlay-01: rgba(22, 22, 22, 0.5),
+  selected-light-ui: #e0e0e0,
+  selected-ui: #e0e0e0,
+  skeleton-01: #e5e5e5,
+  skeleton-02: #c6c6c6,
+  support-01: #da1e28,
+  support-02: #198038,
+  support-03: #f1c21b,
+  support-04: #0043ce,
+  text-01: #161616,
+  text-02: #525252,
+  text-03: #a8a8a8,
+  text-04: #ffffff,
+  text-05: #6f6f6f,
+  ui-01: #f4f4f4,
+  ui-02: #ffffff,
+  ui-03: #e0e0e0,
+  ui-04: #8d8d8d,
+  ui-05: #161616,
+  ui-background: #ffffff,
+  visited-link: #8a3ffc,
+) !default;
+
+/// Token values for the g10 theme
+$g10: (
+  active-danger: #750e13,
+  active-light-ui: #c6c6c6,
+  active-primary: #002d9c,
+  active-secondary: #6f6f6f,
+  active-tertiary: #002d9c,
+  active-ui: #c6c6c6,
+  button-separator: #e0e0e0,
+  danger-01: #da1e28,
+  danger-02: #da1e28,
+  decorative-01: #e0e0e0,
+  disabled-01: #ffffff,
+  disabled-02: #c6c6c6,
+  disabled-03: #8d8d8d,
+  hover-danger: #b81921,
+  hover-field: #e5e5e5,
+  hover-light-ui: #e5e5e5,
+  hover-primary: #0353e9,
+  hover-primary-text: #0043ce,
+  hover-row: #e5e5e5,
+  hover-secondary: #4c4c4c,
+  hover-selected-ui: #cacaca,
+  hover-tertiary: #0353e9,
+  hover-ui: #e5e5e5,
+  icon-01: #161616,
+  icon-02: #525252,
+  icon-03: #ffffff,
+  interactive-01: #0f62fe,
+  interactive-02: #393939,
+  interactive-03: #0f62fe,
+  interactive-04: #0f62fe,
+  inverse-01: #ffffff,
+  inverse-02: #393939,
+  inverse-focus-ui: #ffffff,
+  inverse-hover-ui: #4c4c4c,
+  inverse-link: #78a9ff,
+  inverse-support-01: #fa4d56,
+  inverse-support-02: #42be65,
+  inverse-support-03: #f1c21b,
+  inverse-support-04: #4589ff,
+  link-01: #0f62fe,
+  link-02: #0043ce,
+  overlay-01: rgba(22, 22, 22, 0.5),
+  selected-light-ui: #e0e0e0,
+  selected-ui: #e0e0e0,
+  skeleton-01: #e5e5e5,
+  skeleton-02: #c6c6c6,
+  support-01: #da1e28,
+  support-02: #198038,
+  support-03: #f1c21b,
+  support-04: #0043ce,
+  text-01: #161616,
+  text-02: #525252,
+  text-03: #a8a8a8,
+  text-04: #ffffff,
+  text-05: #6f6f6f,
+  ui-01: #ffffff,
+  ui-02: #f4f4f4,
+  ui-03: #e0e0e0,
+  ui-04: #8d8d8d,
+  ui-05: #161616,
+  ui-background: #f4f4f4,
+  visited-link: #8a3ffc,
+) !default;
+
+/// Token values for the g90 theme
+$g90: (
+  active-danger: #750e13,
+  active-light-ui: #8d8d8d,
+  active-primary: #002d9c,
+  active-secondary: #393939,
+  active-tertiary: #c6c6c6,
+  active-ui: #6f6f6f,
+  button-separator: #161616,
+  danger-01: #da1e28,
+  danger-02: #ff8389,
+  decorative-01: #6f6f6f,
+  disabled-01: #393939,
+  disabled-02: #6f6f6f,
+  disabled-03: #a8a8a8,
+  hover-danger: #b81921,
+  hover-field: #4c4c4c,
+  hover-light-ui: #656565,
+  hover-primary: #0353e9,
+  hover-primary-text: #a6c8ff,
+  hover-row: #4c4c4c,
+  hover-secondary: #606060,
+  hover-selected-ui: #656565,
+  hover-tertiary: #f4f4f4,
+  hover-ui: #4c4c4c,
+  icon-01: #f4f4f4,
+  icon-02: #c6c6c6,
+  icon-03: #ffffff,
+  interactive-01: #0f62fe,
+  interactive-02: #6f6f6f,
+  interactive-03: #ffffff,
+  interactive-04: #4589ff,
+  inverse-01: #161616,
+  inverse-02: #f4f4f4,
+  inverse-focus-ui: #0f62fe,
+  inverse-hover-ui: #e5e5e5,
+  inverse-link: #0f62fe,
+  inverse-support-01: #da1e28,
+  inverse-support-02: #24a148,
+  inverse-support-03: #f1c21b,
+  inverse-support-04: #0f62fe,
+  link-01: #78a9ff,
+  link-02: #a6c8ff,
+  overlay-01: rgba(0, 0, 0, 0.65),
+  selected-light-ui: #6f6f6f,
+  selected-ui: #525252,
+  skeleton-01: #353535,
+  skeleton-02: #525252,
+  support-01: #ff8389,
+  support-02: #42be65,
+  support-03: #f1c21b,
+  support-04: #4589ff,
+  text-01: #f4f4f4,
+  text-02: #c6c6c6,
+  text-03: #6f6f6f,
+  text-04: #ffffff,
+  text-05: #8d8d8d,
+  ui-01: #393939,
+  ui-02: #525252,
+  ui-03: #525252,
+  ui-04: #8d8d8d,
+  ui-05: #f4f4f4,
+  ui-background: #262626,
+  visited-link: #be95ff,
+) !default;
+
+/// Token values for the g100 theme
+$g100: (
+  active-danger: #750e13,
+  active-light-ui: #6f6f6f,
+  active-primary: #002d9c,
+  active-secondary: #393939,
+  active-tertiary: #c6c6c6,
+  active-ui: #525252,
+  button-separator: #161616,
+  danger-01: #da1e28,
+  danger-02: #fa4d56,
+  decorative-01: #525252,
+  disabled-01: #262626,
+  disabled-02: #525252,
+  disabled-03: #8d8d8d,
+  hover-danger: #b81921,
+  hover-field: #353535,
+  hover-light-ui: #4c4c4c,
+  hover-primary: #0353e9,
+  hover-primary-text: #a6c8ff,
+  hover-row: #353535,
+  hover-secondary: #606060,
+  hover-selected-ui: #4c4c4c,
+  hover-tertiary: #f4f4f4,
+  hover-ui: #353535,
+  icon-01: #f4f4f4,
+  icon-02: #c6c6c6,
+  icon-03: #ffffff,
+  interactive-01: #0f62fe,
+  interactive-02: #6f6f6f,
+  interactive-03: #ffffff,
+  interactive-04: #4589ff,
+  inverse-01: #161616,
+  inverse-02: #f4f4f4,
+  inverse-focus-ui: #0f62fe,
+  inverse-hover-ui: #e5e5e5,
+  inverse-link: #0f62fe,
+  inverse-support-01: #da1e28,
+  inverse-support-02: #24a148,
+  inverse-support-03: #f1c21b,
+  inverse-support-04: #0f62fe,
+  link-01: #78a9ff,
+  link-02: #a6c8ff,
+  overlay-01: rgba(0, 0, 0, 0.65),
+  selected-light-ui: #525252,
+  selected-ui: #393939,
+  skeleton-01: #353535,
+  skeleton-02: #525252,
+  support-01: #fa4d56,
+  support-02: #42be65,
+  support-03: #f1c21b,
+  support-04: #4589ff,
+  text-01: #f4f4f4,
+  text-02: #c6c6c6,
+  text-03: #6f6f6f,
+  text-04: #ffffff,
+  text-05: #8d8d8d,
+  ui-01: #262626,
+  ui-02: #393939,
+  ui-03: #393939,
+  ui-04: #6f6f6f,
+  ui-05: #f4f4f4,
+  ui-background: #161616,
+  visited-link: #be95ff,
+) !default;