@carbon/charts 0.41.91 → 0.41.92

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

@@ -11,237 +11,418 @@
 @use '@carbon/type';
 @use '../utilities';
 
+$white: (
+  background: #ffffff,
+  background-inverse: #393939,
+  background-brand: #0f62fe,
+  background-active: #c6c6c6,
+  background-hover: #e8e8e8,
+  background-inverse-hover: #474747,
+  background-selected: #e0e0e0,
+  background-selected-hover: #d1d1d1,
+  layer-01: #f4f4f4,
+  layer-active-01: #c6c6c6,
+  layer-hover-01: #e8e8e8,
+  layer-selected-01: #e0e0e0,
+  layer-selected-hover-01: #d1d1d1,
+  layer-02: #ffffff,
+  layer-active-02: #c6c6c6,
+  layer-hover-02: #e8e8e8,
+  layer-selected-02: #e0e0e0,
+  layer-selected-hover-02: #d1d1d1,
+  layer-03: #f4f4f4,
+  layer-active-03: #c6c6c6,
+  layer-hover-03: #e8e8e8,
+  layer-selected-03: #e0e0e0,
+  layer-selected-hover-03: #d1d1d1,
+  layer-disabled: #f4f4f4,
+  layer-selected-inverse: #161616,
+  layer-selected-disabled: #8d8d8d,
+  layer-accent-01: #e0e0e0,
+  layer-accent-active-01: #a8a8a8,
+  layer-accent-hover-01: #d1d1d1,
+  layer-accent-02: #e0e0e0,
+  layer-accent-active-02: #a8a8a8,
+  layer-accent-hover-02: #d1d1d1,
+  layer-accent-03: #e0e0e0,
+  layer-accent-active-03: #a8a8a8,
+  layer-accent-hover-03: #d1d1d1,
+  field-01: #f4f4f4,
+  field-hover-01: #e8e8e8,
+  field-02: #ffffff,
+  field-hover-02: #e8e8e8,
+  field-03: #f4f4f4,
+  field-hover-03: #e8e8e8,
+  field-disabled: #f4f4f4,
+  border-subtle-00: #e0e0e0,
+  border-subtle-01: #e0e0e0,
+  border-subtle-selected-01: #c6c6c6,
+  border-subtle-02: #e0e0e0,
+  border-subtle-selected-02: #c6c6c6,
+  border-subtle-03: #e0e0e0,
+  border-subtle-selected-03: #c6c6c6,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #8d8d8d,
+  border-inverse: #161616,
+  border-interactive: #0f62fe,
+  border-disabled: #f4f4f4,
+  text-primary: #161616,
+  text-secondary: #525252,
+  text-placeholder: #a8a8a8,
+  text-helper: #6f6f6f,
+  text-error: #da1e28,
+  text-inverse: #ffffff,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #8d8d8d,
+  text-disabled: #c6c6c6,
+  link-primary: #0f62fe,
+  link-primary-hover: #0043ce,
+  link-secondary: #0043ce,
+  link-inverse: #78a9ff,
+  link-visited: #8a3ffc,
+  icon-primary: #161616,
+  icon-secondary: #525252,
+  icon-inverse: #ffffff,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #8d8d8d,
+  icon-disabled: #c6c6c6,
+  support-error: #da1e28,
+  support-success: #24a148,
+  support-warning: #f1c21b,
+  support-info: #0043ce,
+  support-error-inverse: #fa4d56,
+  support-success-inverse: #42be65,
+  support-warning-inverse: #f1c21b,
+  support-info-inverse: #4589ff,
+  support-caution-minor: #f1c21b,
+  support-caution-major: #ff832b,
+  support-caution-undefined: #8a3ffc,
+  focus: #0f62fe,
+  focus-inset: #ffffff,
+  focus-inverse: #ffffff,
+  skeleton-background: #e8e8e8,
+  skeleton-element: #c6c6c6,
+  interactive: #0f62fe,
+  highlight: #d0e2ff,
+  overlay: rgba(22, 22, 22, 0.5),
+  toggle-off: #8d8d8d,
+) !default;
 $white: utilities.merge(
+  $white,
   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;
+  type.$tokens
+);
 
-/// 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,
-  )
+$g10: (
+  background: #f4f4f4,
+  background-inverse: #393939,
+  background-brand: #0f62fe,
+  background-active: #c6c6c6,
+  background-hover: #e8e8e8,
+  background-inverse-hover: #474747,
+  background-selected: #e0e0e0,
+  background-selected-hover: #d1d1d1,
+  layer-01: #ffffff,
+  layer-active-01: #c6c6c6,
+  layer-hover-01: #e8e8e8,
+  layer-selected-01: #e0e0e0,
+  layer-selected-hover-01: #d1d1d1,
+  layer-02: #f4f4f4,
+  layer-active-02: #c6c6c6,
+  layer-hover-02: #e8e8e8,
+  layer-selected-02: #e0e0e0,
+  layer-selected-hover-02: #d1d1d1,
+  layer-03: #ffffff,
+  layer-active-03: #c6c6c6,
+  layer-hover-03: #e8e8e8,
+  layer-selected-03: #e0e0e0,
+  layer-selected-hover-03: #d1d1d1,
+  layer-disabled: #ffffff,
+  layer-selected-inverse: #161616,
+  layer-selected-disabled: #8d8d8d,
+  layer-accent-01: #e0e0e0,
+  layer-accent-active-01: #a8a8a8,
+  layer-accent-hover-01: #d1d1d1,
+  layer-accent-02: #e0e0e0,
+  layer-accent-active-02: #a8a8a8,
+  layer-accent-hover-02: #d1d1d1,
+  layer-accent-03: #e0e0e0,
+  layer-accent-active-03: #a8a8a8,
+  layer-accent-hover-03: #d1d1d1,
+  field-01: #ffffff,
+  field-hover-01: #e8e8e8,
+  field-02: #f4f4f4,
+  field-hover-02: #e8e8e8,
+  field-03: #ffffff,
+  field-hover-03: #e8e8e8,
+  field-disabled: #ffffff,
+  border-subtle-00: #e0e0e0,
+  border-subtle-01: #e0e0e0,
+  border-subtle-selected-01: #c6c6c6,
+  border-subtle-02: #e0e0e0,
+  border-subtle-selected-02: #c6c6c6,
+  border-subtle-03: #e0e0e0,
+  border-subtle-selected-03: #c6c6c6,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #8d8d8d,
+  border-inverse: #161616,
+  border-interactive: #0f62fe,
+  border-disabled: #ffffff,
+  text-primary: #161616,
+  text-secondary: #525252,
+  text-placeholder: #a8a8a8,
+  text-helper: #6f6f6f,
+  text-error: #da1e28,
+  text-inverse: #ffffff,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #8d8d8d,
+  text-disabled: #c6c6c6,
+  link-primary: #0f62fe,
+  link-primary-hover: #0043ce,
+  link-secondary: #0043ce,
+  link-inverse: #78a9ff,
+  link-visited: #8a3ffc,
+  icon-primary: #161616,
+  icon-secondary: #525252,
+  icon-inverse: #ffffff,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #8d8d8d,
+  icon-disabled: #c6c6c6,
+  support-error: #da1e28,
+  support-success: #24a148,
+  support-warning: #f1c21b,
+  support-info: #0043ce,
+  support-error-inverse: #fa4d56,
+  support-success-inverse: #42be65,
+  support-warning-inverse: #f1c21b,
+  support-info-inverse: #4589ff,
+  support-caution-minor: #f1c21b,
+  support-caution-major: #ff832b,
+  support-caution-undefined: #8a3ffc,
+  focus: #0f62fe,
+  focus-inset: #ffffff,
+  focus-inverse: #ffffff,
+  skeleton-background: #e8e8e8,
+  skeleton-element: #c6c6c6,
+  interactive: #0f62fe,
+  highlight: #d0e2ff,
+  overlay: rgba(22, 22, 22, 0.5),
+  toggle-off: #8d8d8d,
 ) !default;
+$g10: utilities.merge(
+  $g10,
+  layout.$spacing,
+  layout.$fluid-spacing,
+  type.$tokens
+);
 
-/// 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,
-  )
+$g90: (
+  background: #262626,
+  background-inverse: #f4f4f4,
+  background-brand: #0f62fe,
+  background-active: #393939,
+  background-hover: #333333,
+  background-inverse-hover: #e8e8e8,
+  background-selected: #393939,
+  background-selected-hover: #474747,
+  layer-01: #393939,
+  layer-active-01: #6f6f6f,
+  layer-hover-01: #474747,
+  layer-selected-01: #525252,
+  layer-selected-hover-01: #636363,
+  layer-02: #525252,
+  layer-active-02: #8d8d8d,
+  layer-hover-02: #636363,
+  layer-selected-02: #6f6f6f,
+  layer-selected-hover-02: #5e5e5e,
+  layer-03: #6f6f6f,
+  layer-active-03: #393939,
+  layer-hover-03: #5e5e5e,
+  layer-selected-03: #8d8d8d,
+  layer-selected-hover-03: #7a7a7a,
+  layer-disabled: #393939,
+  layer-selected-inverse: #f4f4f4,
+  layer-selected-disabled: #a8a8a8,
+  layer-accent-01: #525252,
+  layer-accent-active-01: #8d8d8d,
+  layer-accent-hover-01: #636363,
+  layer-accent-02: #6f6f6f,
+  layer-accent-active-02: #393939,
+  layer-accent-hover-02: #404040,
+  layer-accent-03: #8d8d8d,
+  layer-accent-active-03: #525252,
+  layer-accent-hover-03: #7a7a7a,
+  field-01: #393939,
+  field-hover-01: #474747,
+  field-02: #525252,
+  field-hover-02: #636363,
+  field-03: #6f6f6f,
+  field-hover-03: #5e5e5e,
+  field-disabled: #393939,
+  border-subtle-00: #525252,
+  border-subtle-01: #525252,
+  border-subtle-selected-01: #6f6f6f,
+  border-subtle-02: #6f6f6f,
+  border-subtle-selected-02: #8d8d8d,
+  border-subtle-03: #8d8d8d,
+  border-subtle-selected-03: #a8a8a8,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #a8a8a8,
+  border-strong-03: #c6c6c6,
+  border-inverse: #f4f4f4,
+  border-interactive: #4589ff,
+  border-disabled: #393939,
+  text-primary: #f4f4f4,
+  text-secondary: #c6c6c6,
+  text-placeholder: #6f6f6f,
+  text-helper: #8d8d8d,
+  text-error: #ffb3b8,
+  text-inverse: #161616,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #a8a8a8,
+  text-disabled: #6f6f6f,
+  link-primary: #78a9ff,
+  link-primary-hover: #a6c8ff,
+  link-secondary: #a6c8ff,
+  link-inverse: #0f62fe,
+  link-visited: #be95ff,
+  icon-primary: #f4f4f4,
+  icon-secondary: #c6c6c6,
+  icon-inverse: #161616,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #a8a8a8,
+  icon-disabled: #6f6f6f,
+  support-error: #ff8389,
+  support-success: #42be65,
+  support-warning: #f1c21b,
+  support-info: #4589ff,
+  support-error-inverse: #da1e28,
+  support-success-inverse: #24a148,
+  support-warning-inverse: #f1c21b,
+  support-info-inverse: #0f62fe,
+  support-caution-minor: #f1c21b,
+  support-caution-major: #ff832b,
+  support-caution-undefined: #a56eff,
+  focus: #ffffff,
+  focus-inset: #161616,
+  focus-inverse: #0f62fe,
+  skeleton-background: #333333,
+  skeleton-element: #525252,
+  interactive: #4589ff,
+  highlight: #0043ce,
+  overlay: rgba(22, 22, 22, 0.7),
+  toggle-off: #8d8d8d,
 ) !default;
+$g90: utilities.merge(
+  $g90,
+  layout.$spacing,
+  layout.$fluid-spacing,
+  type.$tokens
+);
 
-/// 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,
-  )
+$g100: (
+  background: #161616,
+  background-inverse: #f4f4f4,
+  background-brand: #0f62fe,
+  background-active: #393939,
+  background-hover: #292929,
+  background-inverse-hover: #e8e8e8,
+  background-selected: #262626,
+  background-selected-hover: #333333,
+  layer-01: #262626,
+  layer-active-01: #525252,
+  layer-hover-01: #333333,
+  layer-selected-01: #393939,
+  layer-selected-hover-01: #474747,
+  layer-02: #393939,
+  layer-active-02: #6f6f6f,
+  layer-hover-02: #474747,
+  layer-selected-02: #525252,
+  layer-selected-hover-02: #636363,
+  layer-03: #525252,
+  layer-active-03: #8d8d8d,
+  layer-hover-03: #636363,
+  layer-selected-03: #6f6f6f,
+  layer-selected-hover-03: #5e5e5e,
+  layer-disabled: #262626,
+  layer-selected-inverse: #f4f4f4,
+  layer-selected-disabled: #a8a8a8,
+  layer-accent-01: #393939,
+  layer-accent-active-01: #6f6f6f,
+  layer-accent-hover-01: #474747,
+  layer-accent-02: #525252,
+  layer-accent-active-02: #8d8d8d,
+  layer-accent-hover-02: #636363,
+  layer-accent-03: #6f6f6f,
+  layer-accent-active-03: #393939,
+  layer-accent-hover-03: #5e5e5e,
+  field-01: #262626,
+  field-hover-01: #333333,
+  field-02: #393939,
+  field-hover-02: #474747,
+  field-03: #525252,
+  field-hover-03: #636363,
+  field-disabled: #393939,
+  border-subtle-00: #393939,
+  border-subtle-01: #393939,
+  border-subtle-selected-01: #525252,
+  border-subtle-02: #525252,
+  border-subtle-selected-02: #6f6f6f,
+  border-subtle-03: #6f6f6f,
+  border-subtle-selected-03: #8d8d8d,
+  border-strong-01: #6f6f6f,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #a8a8a8,
+  border-inverse: #f4f4f4,
+  border-interactive: #4589ff,
+  border-disabled: #262626,
+  text-primary: #f4f4f4,
+  text-secondary: #c6c6c6,
+  text-placeholder: #6f6f6f,
+  text-helper: #8d8d8d,
+  text-error: #ffb3b8,
+  text-inverse: #161616,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #a8a8a8,
+  text-disabled: #525252,
+  link-primary: #78a9ff,
+  link-primary-hover: #a6c8ff,
+  link-secondary: #a6c8ff,
+  link-inverse: #0f62fe,
+  link-visited: #be95ff,
+  icon-primary: #f4f4f4,
+  icon-secondary: #c6c6c6,
+  icon-inverse: #161616,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #a8a8a8,
+  icon-disabled: #525252,
+  support-error: #fa4d56,
+  support-success: #42be65,
+  support-warning: #f1c21b,
+  support-info: #4589ff,
+  support-error-inverse: #da1e28,
+  support-success-inverse: #24a148,
+  support-warning-inverse: #f1c21b,
+  support-info-inverse: #0f62fe,
+  support-caution-minor: #f1c21b,
+  support-caution-major: #ff832b,
+  support-caution-undefined: #a56eff,
+  focus: #ffffff,
+  focus-inset: #161616,
+  focus-inverse: #0f62fe,
+  skeleton-background: #292929,
+  skeleton-element: #393939,
+  interactive: #4589ff,
+  highlight: #d0e2ff,
+  overlay: rgba(22, 22, 22, 0.5),
+  toggle-off: #8d8d8d,
 ) !default;
+$g100: utilities.merge(
+  $g100,
+  layout.$spacing,
+  layout.$fluid-spacing,
+  type.$tokens
+);