@carbon/charts 0.41.48 → 0.41.52

package/styles/vendor/@carbon/themes/scss/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/themes/scss/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/themes/scss/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;
+}

package/styles/vendor/@carbon/themes/scss/modules/generated/_themes.scss

@@ -0,0 +1,247 @@
+// 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 '@carbon/layout';
+@use '@carbon/type';
+@use '../utilities';
+
+$white: utilities.merge(
+  layout.$spacing,
+  layout.$fluid-spacing,
+  type.$tokens,
+  (
+    interactive-01: #0f62fe,
+    interactive-02: #393939,
+    interactive-03: #0f62fe,
+    interactive-04: #0f62fe,
+    ui-background: #ffffff,
+    ui-01: #f4f4f4,
+    ui-02: #ffffff,
+    ui-03: #e0e0e0,
+    ui-04: #8d8d8d,
+    ui-05: #161616,
+    text-01: #161616,
+    text-02: #525252,
+    text-03: #a8a8a8,
+    text-04: #ffffff,
+    text-05: #6f6f6f,
+    text-error: #da1e28,
+    icon-01: #161616,
+    icon-02: #525252,
+    icon-03: #ffffff,
+    link-01: #0f62fe,
+    link-02: #0043ce,
+    inverse-link: #78a9ff,
+    field-01: #f4f4f4,
+    field-02: #ffffff,
+    inverse-01: #ffffff,
+    inverse-02: #393939,
+    support-01: #da1e28,
+    support-02: #24a148,
+    support-03: #f1c21b,
+    support-04: #0043ce,
+    inverse-support-01: #fa4d56,
+    inverse-support-02: #42be65,
+    inverse-support-03: #f1c21b,
+    inverse-support-04: #4589ff,
+    overlay-01: rgba(22, 22, 22, 0.5),
+    danger-01: #da1e28,
+    danger-02: #da1e28,
+    focus: #0f62fe,
+    inverse-focus-ui: #ffffff,
+    hover-primary: #0353e9,
+    active-primary: #002d9c,
+    hover-primary-text: #0043ce,
+    hover-secondary: #4c4c4c,
+    active-secondary: #6f6f6f,
+    hover-tertiary: #0353e9,
+    active-tertiary: #002d9c,
+    hover-ui: #e5e5e5,
+    hover-light-ui: #e5e5e5,
+    active-ui: #c6c6c6,
+    active-light-ui: #c6c6c6,
+    selected-ui: #e0e0e0,
+    selected-light-ui: #e0e0e0,
+    inverse-hover-ui: #4c4c4c,
+    hover-selected-ui: #cacaca,
+    hover-danger: #b81921,
+    active-danger: #750e13,
+    hover-row: #e5e5e5,
+    visited-link: #8a3ffc,
+    disabled-01: #f4f4f4,
+    disabled-02: #c6c6c6,
+    disabled-03: #8d8d8d,
+    highlight: #d0e2ff,
+    decorative-01: #e0e0e0,
+    button-separator: #e0e0e0,
+    skeleton-01: #e5e5e5,
+    skeleton-02: #c6c6c6,
+    brand-01: #0f62fe,
+    brand-02: #393939,
+    brand-03: #0f62fe,
+    active-01: #c6c6c6,
+    hover-field: #e5e5e5,
+    danger: #da1e28,
+  )
+) !default;
+
+/// Carbon's g10 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g10: map.merge(
+  $white,
+  (
+    ui-background: #f4f4f4,
+    ui-01: #ffffff,
+    ui-02: #f4f4f4,
+    field-01: #ffffff,
+    field-02: #f4f4f4,
+    disabled-01: #ffffff,
+    highlight: #edf5ff,
+  )
+) !default;
+
+/// Carbon's g90 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g90: map.merge(
+  $white,
+  (
+    interactive-02: #6f6f6f,
+    interactive-03: #ffffff,
+    interactive-04: #4589ff,
+    ui-background: #262626,
+    ui-01: #393939,
+    ui-02: #525252,
+    ui-03: #525252,
+    ui-05: #f4f4f4,
+    text-01: #f4f4f4,
+    text-02: #c6c6c6,
+    text-03: #6f6f6f,
+    text-05: #8d8d8d,
+    text-error: #ffb3b8,
+    icon-01: #f4f4f4,
+    icon-02: #c6c6c6,
+    link-01: #78a9ff,
+    link-02: #a6c8ff,
+    inverse-link: #0f62fe,
+    field-01: #393939,
+    field-02: #525252,
+    inverse-01: #161616,
+    inverse-02: #f4f4f4,
+    support-01: #ff8389,
+    support-02: #42be65,
+    support-04: #4589ff,
+    inverse-support-01: #da1e28,
+    inverse-support-02: #24a148,
+    inverse-support-04: #0f62fe,
+    overlay-01: rgba(22, 22, 22, 0.7),
+    danger-02: #ff8389,
+    focus: #ffffff,
+    inverse-focus-ui: #0f62fe,
+    hover-primary-text: #a6c8ff,
+    hover-secondary: #606060,
+    active-secondary: #393939,
+    hover-tertiary: #f4f4f4,
+    active-tertiary: #c6c6c6,
+    hover-ui: #4c4c4c,
+    hover-light-ui: #656565,
+    active-ui: #6f6f6f,
+    active-light-ui: #8d8d8d,
+    selected-ui: #525252,
+    selected-light-ui: #6f6f6f,
+    inverse-hover-ui: #e5e5e5,
+    hover-selected-ui: #656565,
+    hover-row: #4c4c4c,
+    visited-link: #be95ff,
+    disabled-01: #393939,
+    disabled-02: #6f6f6f,
+    disabled-03: #a8a8a8,
+    highlight: #0043ce,
+    decorative-01: #6f6f6f,
+    button-separator: #161616,
+    skeleton-01: #353535,
+    skeleton-02: #525252,
+    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
+$g100: map.merge(
+  $white,
+  (
+    interactive-02: #6f6f6f,
+    interactive-03: #ffffff,
+    interactive-04: #4589ff,
+    ui-background: #161616,
+    ui-01: #262626,
+    ui-02: #393939,
+    ui-03: #393939,
+    ui-04: #6f6f6f,
+    ui-05: #f4f4f4,
+    text-01: #f4f4f4,
+    text-02: #c6c6c6,
+    text-03: #6f6f6f,
+    text-05: #8d8d8d,
+    text-error: #ff8389,
+    icon-01: #f4f4f4,
+    icon-02: #c6c6c6,
+    link-01: #78a9ff,
+    link-02: #a6c8ff,
+    inverse-link: #0f62fe,
+    field-01: #262626,
+    field-02: #393939,
+    inverse-01: #161616,
+    inverse-02: #f4f4f4,
+    support-01: #fa4d56,
+    support-02: #42be65,
+    support-04: #4589ff,
+    inverse-support-01: #da1e28,
+    inverse-support-02: #24a148,
+    inverse-support-04: #0f62fe,
+    overlay-01: rgba(22, 22, 22, 0.7),
+    danger-02: #fa4d56,
+    focus: #ffffff,
+    inverse-focus-ui: #0f62fe,
+    hover-primary-text: #a6c8ff,
+    hover-secondary: #606060,
+    active-secondary: #393939,
+    hover-tertiary: #f4f4f4,
+    active-tertiary: #c6c6c6,
+    hover-ui: #353535,
+    hover-light-ui: #4c4c4c,
+    active-ui: #525252,
+    active-light-ui: #6f6f6f,
+    selected-ui: #393939,
+    selected-light-ui: #525252,
+    inverse-hover-ui: #e5e5e5,
+    hover-selected-ui: #4c4c4c,
+    hover-row: #353535,
+    visited-link: #be95ff,
+    disabled-01: #262626,
+    disabled-02: #525252,
+    highlight: #002d9c,
+    decorative-01: #525252,
+    button-separator: #161616,
+    skeleton-01: #353535,
+    skeleton-02: #525252,
+    brand-02: #6f6f6f,
+    brand-03: #ffffff,
+    active-01: #525252,
+    hover-field: #353535,
+  )
+) !default;

package/styles/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/themes/src/g10.js

@@ -4,10 +4,12 @@
  * 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 { adjustLightness } from './tools';
 
 import {
   // Blue
-  blue20,
+  blue10,
+  blue40,
   blue60,
   blue70,
   blue80,
@@ -16,6 +18,7 @@ import {
   gray10,
   gray20,
   gray30,
+  gray40,
   gray50,
   gray60,
   gray70,
@@ -40,7 +43,7 @@ import {
 } from '@carbon/colors';
 
 export const interactive01 = blue60;
-export const interactive02 = gray100;
+export const interactive02 = gray80;
 export const interactive03 = blue60;
 export const interactive04 = blue60;
 
@@ -54,14 +57,19 @@ export const ui05 = gray100;
 
 export const text01 = gray100;
 export const text02 = gray70;
-export const text03 = gray50;
+export const text03 = gray40;
 export const text04 = white;
+export const text05 = gray60;
+export const textError = red60;
 
 export const icon01 = gray100;
 export const icon02 = gray70;
 export const icon03 = white;
 
 export const link01 = blue60;
+export const link02 = blue70;
+
+export const inverseLink = blue40;
 
 export const field01 = white;
 export const field02 = gray10;
@@ -81,8 +89,12 @@ export const inverseSupport04 = blue50;
 
 export const overlay01 = rgba(gray100, 0.5);
 
+export const danger01 = red60;
+export const danger02 = red60;
+
 // Interaction states
 export const focus = blue60;
+export const inverseFocusUi = white;
 
 export const hoverPrimary = '#0353e9';
 export const activePrimary = blue80;
@@ -96,12 +108,16 @@ export const hoverTertiary = '#0353e9';
 export const activeTertiary = blue80;
 
 export const hoverUI = '#e5e5e5';
+export const hoverLightUI = '#e5e5e5';
 export const activeUI = gray30;
+export const activeLightUI = gray30;
 export const selectedUI = gray20;
+export const selectedLightUI = gray20;
+export const inverseHoverUI = '#4c4c4c';
 
 export const hoverSelectedUI = '#cacaca';
 
-export const hoverDanger = '#ba1b23';
+export const hoverDanger = adjustLightness(danger01, -8);
 export const activeDanger = red80;
 
 export const hoverRow = '#e5e5e5';
@@ -112,14 +128,90 @@ export const disabled01 = white;
 export const disabled02 = gray30;
 export const disabled03 = gray50;
 
-export const highlight = blue20;
+export const highlight = blue10;
+
+export const decorative01 = gray20;
+
+export const buttonSeparator = '#e0e0e0';
 
 export const skeleton01 = '#e5e5e5';
 export const skeleton02 = gray30;
 
+export {
+  // Type
+  caption01,
+  label01,
+  helperText01,
+  bodyShort01,
+  bodyLong01,
+  bodyShort02,
+  bodyLong02,
+  code01,
+  code02,
+  heading01,
+  productiveHeading01,
+  heading02,
+  productiveHeading02,
+  productiveHeading03,
+  productiveHeading04,
+  productiveHeading05,
+  productiveHeading06,
+  productiveHeading07,
+  expressiveHeading01,
+  expressiveHeading02,
+  expressiveHeading03,
+  expressiveHeading04,
+  expressiveHeading05,
+  expressiveHeading06,
+  expressiveParagraph01,
+  quotation01,
+  quotation02,
+  display01,
+  display02,
+  display03,
+  display04,
+  // Layout
+  // Spacing
+  spacing01,
+  spacing02,
+  spacing03,
+  spacing04,
+  spacing05,
+  spacing06,
+  spacing07,
+  spacing08,
+  spacing09,
+  spacing10,
+  spacing11,
+  spacing12,
+  // Fluid spacing
+  fluidSpacing01,
+  fluidSpacing02,
+  fluidSpacing03,
+  fluidSpacing04,
+  // Layout
+  layout01,
+  layout02,
+  layout03,
+  layout04,
+  layout05,
+  layout06,
+  layout07,
+  // Containers
+  container01,
+  container02,
+  container03,
+  container04,
+  container05,
+  // Icon sizes
+  iconSize01,
+  iconSize02,
+} from './white';
+
 // Deprecated ☠️
 export const brand01 = interactive01;
 export const brand02 = interactive02;
 export const brand03 = interactive03;
 export const active01 = activeUI;
 export const hoverField = hoverUI;
+export const danger = danger01;

package/styles/vendor/@carbon/themes/src/g100.js

@@ -4,6 +4,7 @@
  * 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 { adjustLightness } from './tools';
 
 import {
   // Blue
@@ -16,6 +17,7 @@ import {
   // Gray
   gray10,
   gray30,
+  gray50,
   gray60,
   gray70,
   gray80,
@@ -26,6 +28,7 @@ import {
   green40,
   green50,
   yellow,
+  red40,
   red50,
   red60,
   red80,
@@ -55,12 +58,17 @@ export const text01 = gray10;
 export const text02 = gray30;
 export const text03 = gray60;
 export const text04 = white;
+export const text05 = gray50;
+export const textError = red40;
 
 export const icon01 = gray10;
 export const icon02 = gray30;
 export const icon03 = white;
 
 export const link01 = blue40;
+export const link02 = blue30;
+
+export const inverseLink = blue60;
 
 export const field01 = gray90;
 export const field02 = gray80;
@@ -80,8 +88,12 @@ export const inverseSupport04 = blue60;
 
 export const overlay01 = rgba(gray100, 0.7);
 
+export const danger01 = red60;
+export const danger02 = red50;
+
 // Interaction states
 export const focus = white;
+export const inverseFocusUi = blue60;
 
 export const hoverPrimary = '#0353e9';
 export const activePrimary = blue80;
@@ -95,12 +107,16 @@ export const hoverTertiary = gray10;
 export const activeTertiary = gray30;
 
 export const hoverUI = '#353535';
+export const hoverLightUI = '#4c4c4c';
 export const activeUI = gray70;
+export const activeLightUI = gray60;
 export const selectedUI = gray80;
+export const selectedLightUI = gray70;
+export const inverseHoverUI = '#e5e5e5';
 
 export const hoverSelectedUI = '#4c4c4c';
 
-export const hoverDanger = '#ba1b23';
+export const hoverDanger = adjustLightness(danger01, -8);
 export const activeDanger = red80;
 
 export const hoverRow = '#353535';
@@ -108,13 +124,88 @@ export const hoverRow = '#353535';
 export const visitedLink = purple40;
 
 export const disabled01 = gray90;
-export const disabled02 = gray80;
-export const disabled03 = gray60;
+export const disabled02 = gray70;
+export const disabled03 = gray50;
 
 export const highlight = blue80;
 
+export const decorative01 = gray70;
+
+export const buttonSeparator = '#161616';
+
 export const skeleton01 = '#353535';
-export const skeleton02 = gray80;
+export const skeleton02 = gray70;
+
+export {
+  // Type
+  caption01,
+  label01,
+  helperText01,
+  bodyShort01,
+  bodyLong01,
+  bodyShort02,
+  bodyLong02,
+  code01,
+  code02,
+  heading01,
+  productiveHeading01,
+  heading02,
+  productiveHeading02,
+  productiveHeading03,
+  productiveHeading04,
+  productiveHeading05,
+  productiveHeading06,
+  productiveHeading07,
+  expressiveHeading01,
+  expressiveHeading02,
+  expressiveHeading03,
+  expressiveHeading04,
+  expressiveHeading05,
+  expressiveHeading06,
+  expressiveParagraph01,
+  quotation01,
+  quotation02,
+  display01,
+  display02,
+  display03,
+  display04,
+  // Layout
+  // Spacing
+  spacing01,
+  spacing02,
+  spacing03,
+  spacing04,
+  spacing05,
+  spacing06,
+  spacing07,
+  spacing08,
+  spacing09,
+  spacing10,
+  spacing11,
+  spacing12,
+  // Fluid spacing
+  fluidSpacing01,
+  fluidSpacing02,
+  fluidSpacing03,
+  fluidSpacing04,
+  // Layout
+  layout01,
+  layout02,
+  layout03,
+  layout04,
+  layout05,
+  layout06,
+  layout07,
+  // Containers
+  container01,
+  container02,
+  container03,
+  container04,
+  container05,
+  // Icon sizes
+  iconSize01,
+  iconSize02,
+} from './white';
 
 // Deprecated ☠️
 export const brand01 = interactive01;
@@ -122,3 +213,4 @@ export const brand02 = interactive02;
 export const brand03 = interactive03;
 export const active01 = activeUI;
 export const hoverField = hoverUI;
+export const danger = danger01;