@carbon/charts 0.41.48 → 0.41.52

package/styles/vendor/@carbon/elements/scss/themes/generated/_tokens.scss

@@ -135,7 +135,7 @@ $text-02: if(
   global-variable-exists('carbon--theme') and
     map-has-key($carbon--theme, 'text-02'),
   map-get($carbon--theme, 'text-02'),
-  #393939
+  #525252
 ) !default;
 
 /// Placeholder text
@@ -224,6 +224,17 @@ $link-01: if(
   #0f62fe
 ) !default;
 
+/// Secondary link color for lower contrast backgrounds
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-02'),
+  map-get($carbon--theme, 'link-02'),
+  #0043ce
+) !default;
+
 /// @type {undefined}
 /// @access public
 /// @group @carbon/themes
@@ -380,10 +391,20 @@ $overlay-01: if(
 /// @type {undefined}
 /// @access public
 /// @group @carbon/themes
-$danger: if(
+$danger-01: if(
   global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'danger'),
-  map-get($carbon--theme, 'danger'),
+    map-has-key($carbon--theme, 'danger-01'),
+  map-get($carbon--theme, 'danger-01'),
+  #da1e28
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$danger-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'danger-02'),
+  map-get($carbon--theme, 'danger-02'),
   #da1e28
 ) !default;
 
@@ -496,6 +517,27 @@ $hover-ui: if(
   #e5e5e5
 ) !default;
 
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$hover-light-ui: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'hover-light-ui'),
+  map-get($carbon--theme, 'hover-light-ui'),
+  #e5e5e5
+) !default;
+
+/// Data table selected row hover
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$hover-selected-ui: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'hover-selected-ui'),
+  map-get($carbon--theme, 'hover-selected-ui'),
+  #cacaca
+) !default;
+
 /// `$ui-01` active; `$ui-02` active
 /// @type {undefined}
 /// @access public
@@ -507,6 +549,16 @@ $active-ui: if(
   #c6c6c6
 ) !default;
 
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$active-light-ui: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'active-light-ui'),
+  map-get($carbon--theme, 'active-light-ui'),
+  #c6c6c6
+) !default;
+
 /// Selected UI elements
 /// @type {undefined}
 /// @access public
@@ -518,15 +570,14 @@ $selected-ui: if(
   #e0e0e0
 ) !default;
 
-/// Data table selected row hover
 /// @type {undefined}
 /// @access public
 /// @group @carbon/themes
-$hover-selected-ui: if(
+$selected-light-ui: if(
   global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-selected-ui'),
-  map-get($carbon--theme, 'hover-selected-ui'),
-  #cacaca
+    map-has-key($carbon--theme, 'selected-light-ui'),
+  map-get($carbon--theme, 'selected-light-ui'),
+  #e0e0e0
 ) !default;
 
 /// @type {undefined}
@@ -627,6 +678,26 @@ $highlight: if(
   #d0e2ff
 ) !default;
 
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$decorative-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'decorative-01'),
+  map-get($carbon--theme, 'decorative-01'),
+  #e0e0e0
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-separator: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-separator'),
+  map-get($carbon--theme, 'button-separator'),
+  #e0e0e0
+) !default;
+
 /// Skeleton state of graphics
 /// @type {undefined}
 /// @access public
@@ -709,6 +780,16 @@ $hover-field: if(
   #e5e5e5
 ) !default;
 
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$danger: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'danger'),
+  map-get($carbon--theme, 'danger'),
+  #da1e28
+) !default;
+
 /// @type {Number}
 /// @access public
 /// @group @carbon/themes
@@ -719,7 +800,7 @@ $caption-01: if(
   (
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1rem,
+    line-height: 1.34,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -734,7 +815,7 @@ $label-01: if(
   (
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1rem,
+    line-height: 1.34,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -748,7 +829,7 @@ $helper-text-01: if(
   map-get($carbon--theme, 'helper-text-01'),
   (
     font-size: 0.75rem,
-    line-height: 1rem,
+    line-height: 1.34,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -763,7 +844,7 @@ $body-short-01: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.125rem,
+    line-height: 1.29,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -778,7 +859,7 @@ $body-long-01: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.25rem,
+    line-height: 1.43,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -793,7 +874,7 @@ $body-short-02: if(
   (
     font-size: 1rem,
     font-weight: 400,
-    line-height: 1.375rem,
+    line-height: 1.375,
     letter-spacing: 0,
   )
 ) !default;
@@ -808,7 +889,7 @@ $body-long-02: if(
   (
     font-size: 1rem,
     font-weight: 400,
-    line-height: 1.5rem,
+    line-height: 1.5,
     letter-spacing: 0,
   )
 ) !default;
@@ -827,7 +908,7 @@ $code-01: if(
       ),
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1rem,
+    line-height: 1.34,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -846,7 +927,7 @@ $code-02: if(
       ),
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.25rem,
+    line-height: 1.43,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -861,7 +942,7 @@ $heading-01: if(
   (
     font-size: 0.875rem,
     font-weight: 600,
-    line-height: 1.125rem,
+    line-height: 1.29,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -876,7 +957,7 @@ $productive-heading-01: if(
   (
     font-size: 0.875rem,
     font-weight: 600,
-    line-height: 1.125rem,
+    line-height: 1.29,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -891,7 +972,7 @@ $heading-02: if(
   (
     font-size: 1rem,
     font-weight: 600,
-    line-height: 1.375rem,
+    line-height: 1.375,
     letter-spacing: 0,
   )
 ) !default;
@@ -906,7 +987,7 @@ $productive-heading-02: if(
   (
     font-size: 1rem,
     font-weight: 600,
-    line-height: 1.375rem,
+    line-height: 1.375,
     letter-spacing: 0,
   )
 ) !default;
@@ -921,7 +1002,7 @@ $productive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 1.625rem,
+    line-height: 1.4,
     letter-spacing: 0,
   )
 ) !default;
@@ -936,7 +1017,7 @@ $productive-heading-04: if(
   (
     font-size: 1.75rem,
     font-weight: 400,
-    line-height: 2.25rem,
+    line-height: 1.29,
     letter-spacing: 0,
   )
 ) !default;
@@ -951,7 +1032,7 @@ $productive-heading-05: if(
   (
     font-size: 2rem,
     font-weight: 400,
-    line-height: 2.5rem,
+    line-height: 1.25,
     letter-spacing: 0,
   )
 ) !default;
@@ -966,7 +1047,7 @@ $productive-heading-06: if(
   (
     font-size: 2.625rem,
     font-weight: 300,
-    line-height: 3.125rem,
+    line-height: 1.199,
     letter-spacing: 0,
   )
 ) !default;
@@ -981,7 +1062,7 @@ $productive-heading-07: if(
   (
     font-size: 3.375rem,
     font-weight: 300,
-    line-height: 4rem,
+    line-height: 1.19,
     letter-spacing: 0,
   )
 ) !default;
@@ -996,7 +1077,7 @@ $expressive-heading-01: if(
   (
     font-size: 0.875rem,
     font-weight: 600,
-    line-height: 1.25rem,
+    line-height: 1.25,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -1011,7 +1092,7 @@ $expressive-heading-02: if(
   (
     font-size: 1rem,
     font-weight: 600,
-    line-height: 1.5rem,
+    line-height: 1.5,
     letter-spacing: 0,
   )
 ) !default;
@@ -1026,15 +1107,16 @@ $expressive-heading-03: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 130%,
+    line-height: 1.4,
     letter-spacing: 0,
     breakpoints: (
       xlg: (
         font-size: 1.25rem,
-        line-height: 125%,
+        line-height: 1.25,
       ),
       max: (
         font-size: 1.5rem,
+        line-height: 1.334,
       ),
     ),
   )
@@ -1050,12 +1132,12 @@ $expressive-heading-04: if(
   (
     font-size: 1.75rem,
     font-weight: 400,
-    line-height: 129%,
+    line-height: 1.29,
     letter-spacing: 0,
     breakpoints: (
       xlg: (
         font-size: 1.75rem,
-        line-height: 125%,
+        line-height: 1.25,
       ),
       max: (
         font-size: 2rem,
@@ -1074,31 +1156,30 @@ $expressive-heading-05: if(
   (
     font-size: 2rem,
     font-weight: 400,
-    line-height: 125%,
+    line-height: 1.25,
     letter-spacing: 0,
     breakpoints: (
       md: (
         font-size: 2.25rem,
         font-weight: 300,
-        line-height: 122%,
+        line-height: 1.22,
         letter-spacing: 0,
       ),
       lg: (
         font-size: 2.625rem,
         font-weight: 300,
-        line-height: 119%,
+        line-height: 1.19,
         letter-spacing: 0,
       ),
       xlg: (
         font-size: 3rem,
         font-weight: 300,
-        line-height: 117%,
+        line-height: 1.17,
         letter-spacing: 0,
       ),
       max: (
         font-size: 3.75rem,
         font-weight: 300,
-        line-height: 4.375rem,
         letter-spacing: 0,
       ),
     ),
@@ -1115,31 +1196,30 @@ $expressive-heading-06: if(
   (
     font-size: 2rem,
     font-weight: 600,
-    line-height: 125%,
+    line-height: 1.25,
     letter-spacing: 0,
     breakpoints: (
       md: (
         font-size: 2.25rem,
         font-weight: 600,
-        line-height: 122%,
+        line-height: 1.22,
         letter-spacing: 0,
       ),
       lg: (
         font-size: 2.625rem,
         font-weight: 600,
-        line-height: 119%,
+        line-height: 1.19,
         letter-spacing: 0,
       ),
       xlg: (
         font-size: 3rem,
         font-weight: 600,
-        line-height: 117%,
+        line-height: 1.17,
         letter-spacing: 0,
       ),
       max: (
         font-size: 3.75rem,
         font-weight: 600,
-        line-height: 4.375rem,
         letter-spacing: 0,
       ),
     ),
@@ -1156,15 +1236,17 @@ $expressive-paragraph-01: if(
   (
     font-size: 1.5rem,
     font-weight: 300,
-    line-height: 125%,
+    line-height: 1.334,
     letter-spacing: 0,
-    lg: (
-      font-size: 1.75rem,
-      line-height: 129%,
-    ),
-    max: (
-      font-size: 2rem,
-      line-height: 125%,
+    breakpoints: (
+      lg: (
+        font-size: 1.75rem,
+        line-height: 1.29,
+      ),
+      max: (
+        font-size: 2rem,
+        line-height: 1.25,
+      ),
     ),
   )
 ) !default;
@@ -1179,7 +1261,7 @@ $quotation-01: if(
   (
     font-size: 1.25rem,
     font-weight: 400,
-    line-height: 130%,
+    line-height: 1.3,
     letter-spacing: 0,
     breakpoints: (
       md: (
@@ -1190,19 +1272,19 @@ $quotation-01: if(
       lg: (
         font-size: 1.5rem,
         font-weight: 400,
-        line-height: 125%,
+        line-height: 1.334,
         letter-spacing: 0,
       ),
       xlg: (
         font-size: 1.75rem,
         font-weight: 400,
-        line-height: 129%,
+        line-height: 1.29,
         letter-spacing: 0,
       ),
       max: (
         font-size: 2rem,
         font-weight: 400,
-        line-height: 125%,
+        line-height: 1.25,
         letter-spacing: 0,
       ),
     ),
@@ -1219,20 +1301,20 @@ $quotation-02: if(
   (
     font-size: 2rem,
     font-weight: 300,
-    line-height: 125%,
+    line-height: 1.25,
     letter-spacing: 0,
     breakpoints: (
       md: (
         font-size: 2.25rem,
-        line-height: 122%,
+        line-height: 1.22,
       ),
       lg: (
         font-size: 2.625rem,
-        line-height: 119%,
+        line-height: 1.19,
       ),
       xlg: (
         font-size: 3rem,
-        line-height: 117%,
+        line-height: 1.17,
       ),
       max: (
         font-size: 3.75rem,
@@ -1251,7 +1333,7 @@ $display-01: if(
   (
     font-size: 2.625rem,
     font-weight: 300,
-    line-height: 119%,
+    line-height: 1.19,
     letter-spacing: 0,
     breakpoints: (
       md: (
@@ -1262,11 +1344,11 @@ $display-01: if(
       ),
       xlg: (
         font-size: 3.75rem,
-        line-height: 117%,
+        line-height: 1.17,
       ),
       max: (
         font-size: 4.75rem,
-        line-height: 113%,
+        line-height: 1.13,
       ),
     ),
   )
@@ -1282,7 +1364,7 @@ $display-02: if(
   (
     font-size: 2.625rem,
     font-weight: 600,
-    line-height: 119%,
+    line-height: 1.19,
     letter-spacing: 0,
     breakpoints: (
       md: (
@@ -1293,11 +1375,11 @@ $display-02: if(
       ),
       xlg: (
         font-size: 3.75rem,
-        line-height: 116%,
+        line-height: 1.16,
       ),
       max: (
         font-size: 4.75rem,
-        line-height: 113%,
+        line-height: 1.13,
       ),
     ),
   )
@@ -1313,25 +1395,25 @@ $display-03: if(
   (
     font-size: 2.625rem,
     font-weight: 300,
-    line-height: 119%,
+    line-height: 1.19,
     letter-spacing: 0,
     breakpoints: (
       md: (
         font-size: 4.25rem,
-        line-height: 115%,
+        line-height: 1.15,
       ),
       lg: (
         font-size: 5.75rem,
-        line-height: 111%,
+        line-height: 1.11,
         letter-spacing: -0.64px,
       ),
       xlg: (
         font-size: 7.625rem,
-        line-height: 107%,
+        line-height: 1.07,
       ),
       max: (
         font-size: 9.75rem,
-        line-height: 105%,
+        line-height: 1.05,
         letter-spacing: -0.96px,
       ),
     ),
@@ -1348,26 +1430,26 @@ $display-04: if(
   (
     font-size: 2.625rem,
     font-weight: 600,
-    line-height: 119%,
+    line-height: 1.19,
     letter-spacing: 0,
     breakpoints: (
       md: (
         font-size: 4.25rem,
-        line-height: 115%,
+        line-height: 1.15,
       ),
       lg: (
         font-size: 5.75rem,
-        line-height: 111%,
+        line-height: 1.11,
         letter-spacing: -0.64px,
       ),
       xlg: (
         font-size: 7.625rem,
-        line-height: 107%,
+        line-height: 1.07,
         letter-spacing: -0.64px,
       ),
       max: (
         font-size: 9.75rem,
-        line-height: 105%,
+        line-height: 1.05,
         letter-spacing: -0.96px,
       ),
     ),

package/styles/vendor/@carbon/elements/scss/themes/modules/_theme.scss

@@ -0,0 +1,50 @@
+//
+// 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.
+//
+
+@use 'sass:map';
+@use 'sass:meta';
+@use 'themes';
+
+$theme: themes.$white !default;
+$-custom-property-prefix: 'cds';
+
+/// @access public
+/// @group @carbon/themes
+@mixin theme($active-theme: $theme) {
+  $parent-theme: $theme;
+  $theme: $active-theme !global;
+
+  @each $token, $value in $theme {
+    @include -custom-property($token, $value);
+  }
+
+  @content;
+
+  $theme: $parent-theme !global;
+}
+
+/// @access public
+/// @group @carbon/themes
+@mixin set($active-theme) {
+  $theme: $active-theme !global;
+}
+
+/// @access private
+/// @group @carbon/themes
+@mixin -custom-property($name, $value, $prefix: $-custom-property-prefix) {
+  @if meta.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};
+  }
+}

package/styles/vendor/@carbon/elements/scss/themes/modules/_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/elements/scss/themes/modules/_utilities.scss

@@ -0,0 +1,18 @@
+//
+// 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.
+//
+
+@use 'sass:map';
+
+/// @access private
+/// @group @carbon/themes
+@function merge($map, $maps...) {
+  $result: $map;
+  @each $map in $maps {
+    $result: map.merge($result, $map);
+  }
+  @return $result;
+}