@carbon/charts 0.41.91 → 0.41.92

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

@@ -0,0 +1,308 @@
+// 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.
+//
+
+@use 'sass:map';
+@use '../config';
+@use '../theme';
+
+/// Specify if a fallback value should be provided for the CSS Custom Property
+$use-fallback-value: false !default;
+
+/// Internal helper for generating CSS Custom Properties
+@function _get($token) {
+  @if $use-fallback-value == false {
+    @return var(--#{config.$prefix}-#{$token});
+  } @else {
+    @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});
+  }
+}
+
+/// The CSS Custom Property for the `background` token
+$background: _get('background') !default;
+
+/// The CSS Custom Property for the `background-active` token
+$background-active: _get('background-active') !default;
+
+/// The CSS Custom Property for the `background-selected` token
+$background-selected: _get('background-selected') !default;
+
+/// The CSS Custom Property for the `background-selected-hover` token
+$background-selected-hover: _get('background-selected-hover') !default;
+
+/// The CSS Custom Property for the `background-hover` token
+$background-hover: _get('background-hover') !default;
+
+/// The CSS Custom Property for the `background-brand` token
+$background-brand: _get('background-brand') !default;
+
+/// The CSS Custom Property for the `background-inverse` token
+$background-inverse: _get('background-inverse') !default;
+
+/// The CSS Custom Property for the `background-inverse-hover` token
+$background-inverse-hover: _get('background-inverse-hover') !default;
+
+/// The CSS Custom Property for the `layer-01` token
+$layer-01: _get('layer-01') !default;
+
+/// The CSS Custom Property for the `layer-active-01` token
+$layer-active-01: _get('layer-active-01') !default;
+
+/// The CSS Custom Property for the `layer-hover-01` token
+$layer-hover-01: _get('layer-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-selected-01` token
+$layer-selected-01: _get('layer-selected-01') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-01` token
+$layer-selected-hover-01: _get('layer-selected-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-02` token
+$layer-02: _get('layer-02') !default;
+
+/// The CSS Custom Property for the `layer-active-02` token
+$layer-active-02: _get('layer-active-02') !default;
+
+/// The CSS Custom Property for the `layer-hover-02` token
+$layer-hover-02: _get('layer-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-selected-02` token
+$layer-selected-02: _get('layer-selected-02') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-02` token
+$layer-selected-hover-02: _get('layer-selected-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-03` token
+$layer-03: _get('layer-03') !default;
+
+/// The CSS Custom Property for the `layer-active-03` token
+$layer-active-03: _get('layer-active-03') !default;
+
+/// The CSS Custom Property for the `layer-hover-03` token
+$layer-hover-03: _get('layer-hover-03') !default;
+
+/// The CSS Custom Property for the `layer-selected-03` token
+$layer-selected-03: _get('layer-selected-03') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-03` token
+$layer-selected-hover-03: _get('layer-selected-hover-03') !default;
+
+/// The CSS Custom Property for the `layer-disabled` token
+$layer-disabled: _get('layer-disabled') !default;
+
+/// The CSS Custom Property for the `layer-selected-inverse` token
+$layer-selected-inverse: _get('layer-selected-inverse') !default;
+
+/// The CSS Custom Property for the `layer-selected-disabled` token
+$layer-selected-disabled: _get('layer-selected-disabled') !default;
+
+/// The CSS Custom Property for the `layer-accent-01` token
+$layer-accent-01: _get('layer-accent-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-01` token
+$layer-accent-active-01: _get('layer-accent-active-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-01` token
+$layer-accent-hover-01: _get('layer-accent-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-02` token
+$layer-accent-02: _get('layer-accent-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-02` token
+$layer-accent-active-02: _get('layer-accent-active-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-02` token
+$layer-accent-hover-02: _get('layer-accent-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-03` token
+$layer-accent-03: _get('layer-accent-03') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-03` token
+$layer-accent-active-03: _get('layer-accent-active-03') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-03` token
+$layer-accent-hover-03: _get('layer-accent-hover-03') !default;
+
+/// The CSS Custom Property for the `field-01` token
+$field-01: _get('field-01') !default;
+
+/// The CSS Custom Property for the `field-hover-01` token
+$field-hover-01: _get('field-hover-01') !default;
+
+/// The CSS Custom Property for the `field-02` token
+$field-02: _get('field-02') !default;
+
+/// The CSS Custom Property for the `field-hover-02` token
+$field-hover-02: _get('field-hover-02') !default;
+
+/// The CSS Custom Property for the `field-03` token
+$field-03: _get('field-03') !default;
+
+/// The CSS Custom Property for the `field-hover-03` token
+$field-hover-03: _get('field-hover-03') !default;
+
+/// The CSS Custom Property for the `field-disabled` token
+$field-disabled: _get('field-disabled') !default;
+
+/// The CSS Custom Property for the `interactive` token
+$interactive: _get('interactive') !default;
+
+/// The CSS Custom Property for the `border-subtle-00` token
+$border-subtle-00: _get('border-subtle-00') !default;
+
+/// The CSS Custom Property for the `border-subtle-01` token
+$border-subtle-01: _get('border-subtle-01') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-01` token
+$border-subtle-selected-01: _get('border-subtle-selected-01') !default;
+
+/// The CSS Custom Property for the `border-subtle-02` token
+$border-subtle-02: _get('border-subtle-02') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-02` token
+$border-subtle-selected-02: _get('border-subtle-selected-02') !default;
+
+/// The CSS Custom Property for the `border-subtle-03` token
+$border-subtle-03: _get('border-subtle-03') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-03` token
+$border-subtle-selected-03: _get('border-subtle-selected-03') !default;
+
+/// The CSS Custom Property for the `border-strong-01` token
+$border-strong-01: _get('border-strong-01') !default;
+
+/// The CSS Custom Property for the `border-strong-02` token
+$border-strong-02: _get('border-strong-02') !default;
+
+/// The CSS Custom Property for the `border-strong-03` token
+$border-strong-03: _get('border-strong-03') !default;
+
+/// The CSS Custom Property for the `border-inverse` token
+$border-inverse: _get('border-inverse') !default;
+
+/// The CSS Custom Property for the `border-interactive` token
+$border-interactive: _get('border-interactive') !default;
+
+/// The CSS Custom Property for the `border-disabled` token
+$border-disabled: _get('border-disabled') !default;
+
+/// The CSS Custom Property for the `text-primary` token
+$text-primary: _get('text-primary') !default;
+
+/// The CSS Custom Property for the `text-secondary` token
+$text-secondary: _get('text-secondary') !default;
+
+/// The CSS Custom Property for the `text-placeholder` token
+$text-placeholder: _get('text-placeholder') !default;
+
+/// The CSS Custom Property for the `text-helper` token
+$text-helper: _get('text-helper') !default;
+
+/// The CSS Custom Property for the `text-error` token
+$text-error: _get('text-error') !default;
+
+/// The CSS Custom Property for the `text-inverse` token
+$text-inverse: _get('text-inverse') !default;
+
+/// The CSS Custom Property for the `text-on-color` token
+$text-on-color: _get('text-on-color') !default;
+
+/// The CSS Custom Property for the `text-on-color-disabled` token
+$text-on-color-disabled: _get('text-on-color-disabled') !default;
+
+/// The CSS Custom Property for the `text-disabled` token
+$text-disabled: _get('text-disabled') !default;
+
+/// The CSS Custom Property for the `link-primary` token
+$link-primary: _get('link-primary') !default;
+
+/// The CSS Custom Property for the `link-primary-hover` token
+$link-primary-hover: _get('link-primary-hover') !default;
+
+/// The CSS Custom Property for the `link-secondary` token
+$link-secondary: _get('link-secondary') !default;
+
+/// The CSS Custom Property for the `link-inverse` token
+$link-inverse: _get('link-inverse') !default;
+
+/// The CSS Custom Property for the `link-visited` token
+$link-visited: _get('link-visited') !default;
+
+/// The CSS Custom Property for the `icon-primary` token
+$icon-primary: _get('icon-primary') !default;
+
+/// The CSS Custom Property for the `icon-secondary` token
+$icon-secondary: _get('icon-secondary') !default;
+
+/// The CSS Custom Property for the `icon-inverse` token
+$icon-inverse: _get('icon-inverse') !default;
+
+/// The CSS Custom Property for the `icon-on-color` token
+$icon-on-color: _get('icon-on-color') !default;
+
+/// The CSS Custom Property for the `icon-on-color-disabled` token
+$icon-on-color-disabled: _get('icon-on-color-disabled') !default;
+
+/// The CSS Custom Property for the `icon-disabled` token
+$icon-disabled: _get('icon-disabled') !default;
+
+/// The CSS Custom Property for the `support-error` token
+$support-error: _get('support-error') !default;
+
+/// The CSS Custom Property for the `support-success` token
+$support-success: _get('support-success') !default;
+
+/// The CSS Custom Property for the `support-warning` token
+$support-warning: _get('support-warning') !default;
+
+/// The CSS Custom Property for the `support-info` token
+$support-info: _get('support-info') !default;
+
+/// The CSS Custom Property for the `support-error-inverse` token
+$support-error-inverse: _get('support-error-inverse') !default;
+
+/// The CSS Custom Property for the `support-success-inverse` token
+$support-success-inverse: _get('support-success-inverse') !default;
+
+/// The CSS Custom Property for the `support-warning-inverse` token
+$support-warning-inverse: _get('support-warning-inverse') !default;
+
+/// The CSS Custom Property for the `support-info-inverse` token
+$support-info-inverse: _get('support-info-inverse') !default;
+
+/// The CSS Custom Property for the `support-caution-major` token
+$support-caution-major: _get('support-caution-major') !default;
+
+/// The CSS Custom Property for the `support-caution-minor` token
+$support-caution-minor: _get('support-caution-minor') !default;
+
+/// The CSS Custom Property for the `support-caution-undefined` token
+$support-caution-undefined: _get('support-caution-undefined') !default;
+
+/// The CSS Custom Property for the `highlight` token
+$highlight: _get('highlight') !default;
+
+/// The CSS Custom Property for the `overlay` token
+$overlay: _get('overlay') !default;
+
+/// The CSS Custom Property for the `toggle-off` token
+$toggle-off: _get('toggle-off') !default;
+
+/// The CSS Custom Property for the `focus` token
+$focus: _get('focus') !default;
+
+/// The CSS Custom Property for the `focus-inset` token
+$focus-inset: _get('focus-inset') !default;
+
+/// The CSS Custom Property for the `focus-inverse` token
+$focus-inverse: _get('focus-inverse') !default;
+
+/// The CSS Custom Property for the `skeleton-background` token
+$skeleton-background: _get('skeleton-background') !default;
+
+/// The CSS Custom Property for the `skeleton-element` token
+$skeleton-element: _get('skeleton-element') !default;

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

@@ -5,5 +5,6 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-@import 'mixins';
-@import 'tokens';
+@import './generated/tokens';
+@import './generated/themes';
+@import './mixins';

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

@@ -23,7 +23,7 @@ $carbon--font-families: (
       "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
     ),
   'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-);
+) !default;
 
 /// Get the font-family for an IBM Plex font
 /// @param {String} $name
@@ -50,7 +50,7 @@ $carbon--font-weights: (
   'light': 300,
   'regular': 400,
   'semibold': 600,
-);
+) !default;
 
 /// Retrieve the font-weight value for a given name
 /// @param {String} $weight

package/styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/type/scss/_inlined/_font-family.scss

@@ -23,7 +23,7 @@ $carbon--font-families: (
       "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif"
     ),
   'serif': unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-);
+) !default;
 
 /// Get the font-family for an IBM Plex font
 /// @param {String} $name
@@ -50,7 +50,7 @@ $carbon--font-weights: (
   'light': 300,
   'regular': 400,
   'semibold': 600,
-);
+) !default;
 
 /// Retrieve the font-weight value for a given name
 /// @param {String} $weight

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

@@ -10,32 +10,42 @@
 @import 'styles';
 
 /// Include a type reset for a given body and mono font family
-/// @param {Number} $base-font-size [$carbon--base-font-size] - The base font size for your document
 /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
 /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
 /// @access public
 /// @group @carbon/type
 @mixin carbon--type-reset(
+  // TODO: remove in next major release. This has been replaced with 100%
   $base-font-size: $carbon--base-font-size,
   $body-font-family: carbon--font-family('sans'),
   $mono-font-family: carbon--font-family('mono')
 ) {
   html {
-    font-size: $base-font-size;
+    font-size: 100%;
   }
 
   body {
-    font-family: $body-font-family;
     @include carbon--font-weight('regular');
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
+
+    font-family: $body-font-family;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   code {
     font-family: $mono-font-family;
   }
 
+  strong {
+    @include carbon--font-weight('semibold');
+  }
+}
+
+/// Include default type styles
+/// @access public
+/// @group @carbon/type
+@mixin carbon--default-type {
   h1 {
     @include carbon--type-style('productive-heading-06');
   }
@@ -65,14 +75,16 @@
   }
 
   a {
-    color: #0062ff;
+    @if global-variable-exists('carbon--theme') and
+      map-has-key($carbon--theme, 'link-01')
+    {
+      color: map-get($carbon--theme, 'link-01');
+    } @else {
+      color: #0062fe;
+    }
   }
 
   em {
     font-style: italic;
   }
-
-  strong {
-    @include carbon--font-weight('semibold');
-  }
 }

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

@@ -20,7 +20,7 @@
   @return carbon--get-type-size($step - 1) + (floor(($step - 2) / 4) + 1) * 2;
 }
 
-/// Type scole follows a custom formula for determining each step size and supports sizes from 12px to 92px
+/// Type scale follows a custom formula for determining each step size and supports sizes from 12px to 92px
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -32,7 +32,7 @@ $carbon--type-scale: ();
   );
 }
 
-/// Get the value of a specific step in the typescale
+/// Get the value of a specific step in the type scale
 /// @param {Number} $step
 /// @return {Number} In rem
 /// @access public