@carbon/charts 0.58.0 → 0.58.1

package/styles/vendor/carbon-components/src/globals/scss/vendor/@carbon/type/scss/modules/_styles.scss

@@ -5,18 +5,23 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+// stylelint-disable number-max-precision
+
 @use 'sass:map';
-@use '@carbon/layout';
+@use 'sass:math';
+@use '@carbon/grid/scss/modules/config' as gridconfig;
+@use '@carbon/grid/scss/modules/breakpoint' as grid;
 @use 'font-family';
 @use 'scale';
 
 /// @type Map
 /// @access public
+/// @deprecated
 /// @group @carbon/type
 $caption-01: (
   font-size: scale.type-scale(1),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.34,
+  line-height: 1.33333,
   letter-spacing: 0.32px,
 ) !default;
 
@@ -26,16 +31,37 @@ $caption-01: (
 $label-01: (
   font-size: scale.type-scale(1),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.34,
+  line-height: 1.33333,
   letter-spacing: 0.32px,
 ) !default;
 
 /// @type Map
 /// @access public
 /// @group @carbon/type
+$legal-01: (
+  font-size: scale.type-scale(1),
+  font-weight: font-family.font-weight('regular'),
+  line-height: 1.33333,
+  letter-spacing: 0.32px,
+) !default;
+
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$legal-02: (
+  font-size: scale.type-scale(2),
+  font-weight: font-family.font-weight('regular'),
+  line-height: 1.28572,
+  letter-spacing: 0.16px,
+) !default;
+
+/// @type Map
+/// @access public
+/// @deprecated
+/// @group @carbon/type
 $helper-text-01: (
   font-size: scale.type-scale(1),
-  line-height: 1.34,
+  line-height: 1.33333,
   letter-spacing: 0.32px,
 ) !default;
 
@@ -45,20 +71,30 @@ $helper-text-01: (
 $body-short-01: (
   font-size: scale.type-scale(2),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.29,
+  line-height: 1.28572,
   letter-spacing: 0.16px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$body-compact-01: $body-short-01 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $body-long-01: (
   font-size: scale.type-scale(2),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.43,
+  line-height: 1.42857,
   letter-spacing: 0.16px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$body-01: $body-long-01 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -69,6 +105,11 @@ $body-short-02: (
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$body-compact-02: $body-short-02 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -79,6 +120,11 @@ $body-long-02: (
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$body-02: $body-long-02 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -86,7 +132,7 @@ $code-01: (
   font-family: font-family.font-family('mono'),
   font-size: scale.type-scale(1),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.34,
+  line-height: 1.33333,
   letter-spacing: 0.32px,
 ) !default;
 
@@ -97,7 +143,7 @@ $code-02: (
   font-family: font-family.font-family('mono'),
   font-size: scale.type-scale(2),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.43,
+  line-height: 1.42857,
   letter-spacing: 0.32px,
 ) !default;
 
@@ -107,19 +153,39 @@ $code-02: (
 $heading-01: (
   font-size: scale.type-scale(2),
   font-weight: font-family.font-weight('semibold'),
-  line-height: 1.29,
+  line-height: 1.42857,
   letter-spacing: 0.16px,
 ) !default;
 
 /// @type Map
 /// @access public
 /// @group @carbon/type
-$productive-heading-01: $heading-01 !default;
+$productive-heading-01: (
+  font-size: scale.type-scale(2),
+  font-weight: font-family.font-weight('semibold'),
+  line-height: 1.28572,
+  letter-spacing: 0.16px,
+) !default;
+
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$heading-compact-01: $productive-heading-01 !default;
 
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $heading-02: (
+  font-size: scale.type-scale(3),
+  font-weight: font-family.font-weight('semibold'),
+  line-height: 1.5,
+  letter-spacing: 0,
+) !default;
+
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$productive-heading-02: (
   font-size: scale.type-scale(3),
   font-weight: font-family.font-weight('semibold'),
   line-height: 1.375,
@@ -129,7 +195,7 @@ $heading-02: (
 /// @type Map
 /// @access public
 /// @group @carbon/type
-$productive-heading-02: $heading-02 !default;
+$heading-compact-02: $productive-heading-02 !default;
 
 /// @type Map
 /// @access public
@@ -141,16 +207,26 @@ $productive-heading-03: (
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$heading-03: $productive-heading-03 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $productive-heading-04: (
   font-size: scale.type-scale(7),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.29,
+  line-height: 1.28572,
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$heading-04: $productive-heading-04 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -161,6 +237,11 @@ $productive-heading-05: (
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$heading-05: $productive-heading-05 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -172,6 +253,11 @@ $productive-heading-06: (
   letter-spacing: 0,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$heading-06: $productive-heading-06 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -185,22 +271,17 @@ $productive-heading-07: (
 /// @type Map
 /// @access public
 /// @group @carbon/type
-$expressive-heading-01: map.merge(
-  $heading-01,
-  (
-    line-height: 1.25,
-  )
-) !default;
+$heading-07: $productive-heading-07 !default;
 
 /// @type Map
 /// @access public
 /// @group @carbon/type
-$expressive-heading-02: map.merge(
-  $heading-02,
-  (
-    line-height: 1.5,
-  )
-) !default;
+$expressive-heading-01: $heading-01 !default;
+
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$expressive-heading-02: $heading-02 !default;
 
 /// @type Map
 /// @access public
@@ -222,13 +303,18 @@ $expressive-heading-03: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-heading-03: $expressive-heading-03 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $expressive-heading-04: (
   font-size: scale.type-scale(7),
   font-weight: font-family.font-weight('regular'),
-  line-height: 1.29,
+  line-height: 1.28572,
   letter-spacing: 0,
   breakpoints: (
     xlg: (
@@ -241,6 +327,11 @@ $expressive-heading-04: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-heading-04: $expressive-heading-04 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -269,6 +360,11 @@ $expressive-heading-05: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-heading-05: $expressive-heading-05 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -296,6 +392,11 @@ $expressive-heading-06: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-heading-06: $expressive-heading-06 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -307,7 +408,7 @@ $expressive-paragraph-01: (
   breakpoints: (
     lg: (
       font-size: scale.type-scale(7),
-      line-height: 1.29,
+      line-height: 1.28572,
     ),
     max: (
       font-size: scale.type-scale(8),
@@ -316,10 +417,16 @@ $expressive-paragraph-01: (
   ),
 );
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-paragraph-01: $expressive-paragraph-01 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $quotation-01: (
+  font-family: font-family.font-family('serif'),
   font-size: scale.type-scale(5),
   font-weight: font-family.font-weight('regular'),
   line-height: 1.3,
@@ -334,7 +441,7 @@ $quotation-01: (
     ),
     xlg: (
       font-size: scale.type-scale(7),
-      line-height: 1.29,
+      line-height: 1.28572,
     ),
     max: (
       font-size: scale.type-scale(8),
@@ -343,10 +450,16 @@ $quotation-01: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-quotation-01: $quotation-01 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
 $quotation-02: (
+  font-family: font-family.font-family('serif'),
   font-size: scale.type-scale(8),
   font-weight: font-family.font-weight('light'),
   line-height: 1.25,
@@ -370,6 +483,11 @@ $quotation-02: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-quotation-02: $quotation-02 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -396,6 +514,11 @@ $display-01: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-display-01: $display-01 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -422,6 +545,11 @@ $display-02: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-display-02: $display-02 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -453,6 +581,11 @@ $display-03: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-display-03: $display-03 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -484,6 +617,11 @@ $display-04: (
   ),
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$fluid-display-04: $display-04 !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -519,6 +657,31 @@ $tokens: (
   display-02: $display-02,
   display-03: $display-03,
   display-04: $display-04,
+  // V11 Tokens
+  legal-01: $legal-01,
+  legal-02: $legal-02,
+  body-compact-01: $body-compact-01,
+  body-compact-02: $body-compact-02,
+  heading-compact-01: $heading-compact-01,
+  heading-compact-02: $heading-compact-02,
+  body-01: $body-01,
+  body-02: $body-02,
+  heading-03: $heading-03,
+  heading-04: $heading-04,
+  heading-05: $heading-05,
+  heading-06: $heading-06,
+  heading-07: $heading-07,
+  fluid-heading-03: $fluid-heading-03,
+  fluid-heading-04: $fluid-heading-04,
+  fluid-heading-05: $fluid-heading-05,
+  fluid-heading-06: $fluid-heading-06,
+  fluid-paragraph-01: $fluid-paragraph-01,
+  fluid-quotation-01: $fluid-quotation-01,
+  fluid-quotation-02: $fluid-quotation-02,
+  fluid-display-01: $fluid-display-01,
+  fluid-display-02: $fluid-display-02,
+  fluid-display-03: $fluid-display-03,
+  fluid-display-04: $fluid-display-04,
 );
 
 /// @param {Map} $map
@@ -535,7 +698,7 @@ $tokens: (
 /// @access public
 /// @group @carbon/type
 @function strip-unit($value) {
-  @return $value / ($value * 0 + 1);
+  @return math.div($value, $value * 0 + 1);
 }
 
 /// This helper includes fluid type styles for the given token value. Fluid type
@@ -554,7 +717,7 @@ $tokens: (
 /// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use
 /// @access public
 /// @group @carbon/type
-@mixin fluid-type($type-styles, $breakpoints: layout.$grid-breakpoints) {
+@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {
   // Include the initial styles for the given token by default without any
   // media query guard. This includes `font-size` as a fallback in the case
   // that a browser does not support `calc()`
@@ -567,7 +730,7 @@ $tokens: (
   // token and apply the properties and fluid type size for that given
   // breakpoint
   @each $name, $values in map.get($type-styles, breakpoints) {
-    @include layout.breakpoint($name) {
+    @include grid.breakpoint($name) {
       @include properties($values);
       @include fluid-type-size($type-styles, $name, $breakpoints);
     }
@@ -583,7 +746,7 @@ $tokens: (
 @mixin fluid-type-size(
   $type-styles,
   $name,
-  $breakpoints: layout.$grid-breakpoints
+  $breakpoints: gridconfig.$grid-breakpoints
 ) {
   // Get the information about the breakpoint we're currently working in. Useful
   // for getting initial width information
@@ -614,7 +777,7 @@ $tokens: (
 
   // We can use `breakpoint-next` to see if there is another breakpoint we can
   // use to update `max-font-size` and `max-vw` with larger values
-  $next-breakpoint-available: layout.breakpoint-next($name, $breakpoints);
+  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);
   $next-fluid-breakpoint-name: null;
 
   // We need to figure out what the next available fluid breakpoint is for our
@@ -626,7 +789,7 @@ $tokens: (
       $next-fluid-breakpoint-name: $next-breakpoint-available;
       $next-breakpoint-available: null;
     } @else {
-      $next-breakpoint-available: layout.breakpoint-next(
+      $next-breakpoint-available: grid.breakpoint-next(
         $next-breakpoint-available,
         $breakpoints
       );
@@ -687,7 +850,7 @@ $custom-property-prefix: 'cds' !default;
 @mixin type-style(
   $name,
   $fluid: false,
-  $breakpoints: layout.$grid-breakpoints
+  $breakpoints: gridconfig.$grid-breakpoints
 ) {
   @if not map.has-key($tokens, $name) {
     @error 'Unable to find a token with the name: `#{$name}`';

package/styles/vendor/carbon-components/src/globals/scss/vendor/@carbon/type/scss/vendor/@carbon/grid/12.scss

@@ -0,0 +1,41 @@
+//
+// 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 'mixins';
+
+/// Overrides `$carbon--grid-breakpoints` to use a 12 column grid instead of the default 16
+/// @type Map
+/// @access public
+/// @group @carbon/grid
+$carbon--12-column-grid: map-merge(
+  $carbon--grid-breakpoints,
+  (
+    lg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, lg),
+        (
+          columns: 12,
+        )
+      ),
+    xlg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, xlg),
+        (
+          columns: 12,
+        )
+      ),
+    max:
+      map-merge(
+        map-get($carbon--grid-breakpoints, max),
+        (
+          columns: 12,
+        )
+      ),
+  )
+);
+
+@include carbon--grid($breakpoints: $carbon--12-column-grid);

package/styles/vendor/carbon-components/src/globals/scss/vendor/@carbon/type/scss/vendor/@carbon/grid/_inlined/12.scss

@@ -0,0 +1,41 @@
+//
+// 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 'mixins';
+
+/// Overrides `$carbon--grid-breakpoints` to use a 12 column grid instead of the default 16
+/// @type Map
+/// @access public
+/// @group @carbon/grid
+$carbon--12-column-grid: map-merge(
+  $carbon--grid-breakpoints,
+  (
+    lg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, lg),
+        (
+          columns: 12,
+        )
+      ),
+    xlg:
+      map-merge(
+        map-get($carbon--grid-breakpoints, xlg),
+        (
+          columns: 12,
+        )
+      ),
+    max:
+      map-merge(
+        map-get($carbon--grid-breakpoints, max),
+        (
+          columns: 12,
+        )
+      ),
+  )
+);
+
+@include carbon--grid($breakpoints: $carbon--12-column-grid);