@carbon/charts 0.57.1 → 0.58.1

package/styles/vendor/carbon-components/src/globals/scss/vendor/@carbon/elements/scss/themes/modules/generated/_themes.scss

@@ -13,99 +13,100 @@
 
 $white: (
   background: #ffffff,
-  background-inverse: #393939,
+  background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
-  background-active: #c6c6c6,
-  background-hover: #e8e8e8,
+  background-hover: rgba(141, 141, 141, 0.12),
+  background-inverse: #393939,
   background-inverse-hover: #474747,
-  background-selected: #e0e0e0,
-  background-selected-hover: #d1d1d1,
+  background-selected: rgba(141, 141, 141, 0.2),
+  background-selected-hover: rgba(141, 141, 141, 0.32),
+  border-disabled: #c6c6c6,
+  border-interactive: #0f62fe,
+  border-inverse: #161616,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #8d8d8d,
+  border-subtle-00: #e0e0e0,
+  border-subtle-01: #e0e0e0,
+  border-subtle-02: #e0e0e0,
+  border-subtle-03: #e0e0e0,
+  border-subtle-selected-01: #c6c6c6,
+  border-subtle-selected-02: #c6c6c6,
+  border-subtle-selected-03: #c6c6c6,
+  field-01: #f4f4f4,
+  field-02: #ffffff,
+  field-03: #f4f4f4,
+  field-hover-01: #e8e8e8,
+  field-hover-02: #e8e8e8,
+  field-hover-03: #e8e8e8,
+  focus: #0f62fe,
+  focus-inset: #ffffff,
+  focus-inverse: #ffffff,
+  highlight: #d0e2ff,
+  icon-disabled: rgba(22, 22, 22, 0.25),
+  icon-inverse: #ffffff,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #8d8d8d,
+  icon-primary: #161616,
+  icon-secondary: #525252,
+  interactive: #0f62fe,
   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-01: #a8a8a8,
+  layer-accent-active-02: #a8a8a8,
   layer-accent-active-03: #a8a8a8,
+  layer-accent-hover-01: #d1d1d1,
+  layer-accent-hover-02: #d1d1d1,
   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,
+  layer-active-01: #c6c6c6,
+  layer-active-02: #c6c6c6,
+  layer-active-03: #c6c6c6,
+  layer-hover-01: #e8e8e8,
+  layer-hover-02: #e8e8e8,
+  layer-hover-03: #e8e8e8,
+  layer-selected-01: #e0e0e0,
+  layer-selected-02: #e0e0e0,
+  layer-selected-03: #e0e0e0,
+  layer-selected-disabled: #8d8d8d,
+  layer-selected-hover-01: #d1d1d1,
+  layer-selected-hover-02: #d1d1d1,
+  layer-selected-hover-03: #d1d1d1,
+  layer-selected-inverse: #161616,
+  link-inverse: #78a9ff,
+  link-inverse-active: #f4f4f4,
+  link-inverse-hover: #a6c8ff,
   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,
+  overlay: rgba(22, 22, 22, 0.5),
+  shadow: rgba(0, 0, 0, 0.3),
+  skeleton-background: #e8e8e8,
+  skeleton-element: #c6c6c6,
+  support-caution-major: #ff832b,
+  support-caution-minor: #f1c21b,
+  support-caution-undefined: #8a3ffc,
   support-error: #da1e28,
-  support-success: #24a148,
-  support-warning: #f1c21b,
-  support-info: #0043ce,
   support-error-inverse: #fa4d56,
+  support-info: #0043ce,
+  support-info-inverse: #4589ff,
+  support-success: #24a148,
   support-success-inverse: #42be65,
+  support-warning: #f1c21b,
   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),
+  text-disabled: rgba(22, 22, 22, 0.25),
+  text-error: #da1e28,
+  text-helper: #6f6f6f,
+  text-inverse: #ffffff,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #8d8d8d,
+  text-placeholder: rgba(22, 22, 22, 0.4),
+  text-primary: #161616,
+  text-secondary: #525252,
   toggle-off: #8d8d8d,
 ) !default;
 $white: utilities.merge(
@@ -117,99 +118,100 @@ $white: utilities.merge(
 
 $g10: (
   background: #f4f4f4,
-  background-inverse: #393939,
+  background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
-  background-active: #c6c6c6,
-  background-hover: #e8e8e8,
+  background-hover: rgba(141, 141, 141, 0.12),
+  background-inverse: #393939,
   background-inverse-hover: #474747,
-  background-selected: #e0e0e0,
-  background-selected-hover: #d1d1d1,
+  background-selected: rgba(141, 141, 141, 0.2),
+  background-selected-hover: rgba(141, 141, 141, 0.32),
+  border-disabled: #c6c6c6,
+  border-interactive: #0f62fe,
+  border-inverse: #161616,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #8d8d8d,
+  border-subtle-00: #e0e0e0,
+  border-subtle-01: #e0e0e0,
+  border-subtle-02: #e0e0e0,
+  border-subtle-03: #e0e0e0,
+  border-subtle-selected-01: #c6c6c6,
+  border-subtle-selected-02: #c6c6c6,
+  border-subtle-selected-03: #c6c6c6,
+  field-01: #ffffff,
+  field-02: #f4f4f4,
+  field-03: #ffffff,
+  field-hover-01: #e8e8e8,
+  field-hover-02: #e8e8e8,
+  field-hover-03: #e8e8e8,
+  focus: #0f62fe,
+  focus-inset: #ffffff,
+  focus-inverse: #ffffff,
+  highlight: #d0e2ff,
+  icon-disabled: rgba(22, 22, 22, 0.25),
+  icon-inverse: #ffffff,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: #8d8d8d,
+  icon-primary: #161616,
+  icon-secondary: #525252,
+  interactive: #0f62fe,
   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-01: #a8a8a8,
+  layer-accent-active-02: #a8a8a8,
   layer-accent-active-03: #a8a8a8,
+  layer-accent-hover-01: #d1d1d1,
+  layer-accent-hover-02: #d1d1d1,
   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,
+  layer-active-01: #c6c6c6,
+  layer-active-02: #c6c6c6,
+  layer-active-03: #c6c6c6,
+  layer-hover-01: #e8e8e8,
+  layer-hover-02: #e8e8e8,
+  layer-hover-03: #e8e8e8,
+  layer-selected-01: #e0e0e0,
+  layer-selected-02: #e0e0e0,
+  layer-selected-03: #e0e0e0,
+  layer-selected-disabled: #8d8d8d,
+  layer-selected-hover-01: #d1d1d1,
+  layer-selected-hover-02: #d1d1d1,
+  layer-selected-hover-03: #d1d1d1,
+  layer-selected-inverse: #161616,
+  link-inverse: #78a9ff,
+  link-inverse-active: #f4f4f4,
+  link-inverse-hover: #a6c8ff,
   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,
+  overlay: rgba(22, 22, 22, 0.5),
+  shadow: rgba(0, 0, 0, 0.3),
+  skeleton-background: #e8e8e8,
+  skeleton-element: #c6c6c6,
+  support-caution-major: #ff832b,
+  support-caution-minor: #f1c21b,
+  support-caution-undefined: #8a3ffc,
   support-error: #da1e28,
-  support-success: #24a148,
-  support-warning: #f1c21b,
-  support-info: #0043ce,
   support-error-inverse: #fa4d56,
+  support-info: #0043ce,
+  support-info-inverse: #4589ff,
+  support-success: #24a148,
   support-success-inverse: #42be65,
+  support-warning: #f1c21b,
   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),
+  text-disabled: rgba(22, 22, 22, 0.25),
+  text-error: #da1e28,
+  text-helper: #6f6f6f,
+  text-inverse: #ffffff,
+  text-on-color: #ffffff,
+  text-on-color-disabled: #8d8d8d,
+  text-placeholder: rgba(22, 22, 22, 0.4),
+  text-primary: #161616,
+  text-secondary: #525252,
   toggle-off: #8d8d8d,
 ) !default;
 $g10: utilities.merge(
@@ -221,99 +223,100 @@ $g10: utilities.merge(
 
 $g90: (
   background: #262626,
-  background-inverse: #f4f4f4,
+  background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
-  background-active: #393939,
-  background-hover: #333333,
+  background-hover: rgba(141, 141, 141, 0.16),
+  background-inverse: #f4f4f4,
   background-inverse-hover: #e8e8e8,
-  background-selected: #393939,
-  background-selected-hover: #474747,
+  background-selected: rgba(141, 141, 141, 0.24),
+  background-selected-hover: rgba(141, 141, 141, 0.32),
+  border-disabled: rgba(141, 141, 141, 0.5),
+  border-interactive: #4589ff,
+  border-inverse: #f4f4f4,
+  border-strong-01: #8d8d8d,
+  border-strong-02: #a8a8a8,
+  border-strong-03: #c6c6c6,
+  border-subtle-00: #525252,
+  border-subtle-01: #525252,
+  border-subtle-02: #6f6f6f,
+  border-subtle-03: #8d8d8d,
+  border-subtle-selected-01: #6f6f6f,
+  border-subtle-selected-02: #8d8d8d,
+  border-subtle-selected-03: #a8a8a8,
+  field-01: #393939,
+  field-02: #525252,
+  field-03: #6f6f6f,
+  field-hover-01: #474747,
+  field-hover-02: #636363,
+  field-hover-03: #5e5e5e,
+  focus: #ffffff,
+  focus-inset: #161616,
+  focus-inverse: #0f62fe,
+  highlight: #0043ce,
+  icon-disabled: rgba(244, 244, 244, 0.25),
+  icon-inverse: #161616,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: rgba(255, 255, 255, 0.25),
+  icon-primary: #f4f4f4,
+  icon-secondary: #c6c6c6,
+  interactive: #4589ff,
   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-01: #8d8d8d,
+  layer-accent-active-02: #393939,
   layer-accent-active-03: #525252,
+  layer-accent-hover-01: #636363,
+  layer-accent-hover-02: #5e5e5e,
   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,
+  layer-active-01: #6f6f6f,
+  layer-active-02: #8d8d8d,
+  layer-active-03: #393939,
+  layer-hover-01: #474747,
+  layer-hover-02: #636363,
+  layer-hover-03: #5e5e5e,
+  layer-selected-01: #525252,
+  layer-selected-02: #6f6f6f,
+  layer-selected-03: #8d8d8d,
+  layer-selected-disabled: #a8a8a8,
+  layer-selected-hover-01: #636363,
+  layer-selected-hover-02: #5e5e5e,
+  layer-selected-hover-03: #7a7a7a,
+  layer-selected-inverse: #f4f4f4,
+  link-inverse: #0f62fe,
+  link-inverse-active: #161616,
+  link-inverse-hover: #0043ce,
   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,
+  overlay: rgba(0, 0, 0, 0.65),
+  shadow: rgba(0, 0, 0, 0.8),
+  skeleton-background: #333333,
+  skeleton-element: #525252,
+  support-caution-major: #ff832b,
+  support-caution-minor: #f1c21b,
+  support-caution-undefined: #a56eff,
   support-error: #ff8389,
-  support-success: #42be65,
-  support-warning: #f1c21b,
-  support-info: #4589ff,
   support-error-inverse: #da1e28,
+  support-info: #4589ff,
+  support-info-inverse: #0043ce,
+  support-success: #42be65,
   support-success-inverse: #24a148,
+  support-warning: #f1c21b,
   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),
+  text-disabled: rgba(244, 244, 244, 0.25),
+  text-error: #ffb3b8,
+  text-helper: #c6c6c6,
+  text-inverse: #161616,
+  text-on-color: #ffffff,
+  text-on-color-disabled: rgba(255, 255, 255, 0.25),
+  text-placeholder: rgba(244, 244, 244, 0.4),
+  text-primary: #f4f4f4,
+  text-secondary: #c6c6c6,
   toggle-off: #8d8d8d,
 ) !default;
 $g90: utilities.merge(
@@ -325,100 +328,101 @@ $g90: utilities.merge(
 
 $g100: (
   background: #161616,
-  background-inverse: #f4f4f4,
+  background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
-  background-active: #393939,
-  background-hover: #292929,
+  background-hover: rgba(141, 141, 141, 0.16),
+  background-inverse: #f4f4f4,
   background-inverse-hover: #e8e8e8,
-  background-selected: #262626,
-  background-selected-hover: #333333,
+  background-selected: rgba(141, 141, 141, 0.24),
+  background-selected-hover: rgba(141, 141, 141, 0.32),
+  border-disabled: rgba(141, 141, 141, 0.5),
+  border-interactive: #4589ff,
+  border-inverse: #f4f4f4,
+  border-strong-01: #6f6f6f,
+  border-strong-02: #8d8d8d,
+  border-strong-03: #a8a8a8,
+  border-subtle-00: #393939,
+  border-subtle-01: #393939,
+  border-subtle-02: #525252,
+  border-subtle-03: #6f6f6f,
+  border-subtle-selected-01: #525252,
+  border-subtle-selected-02: #6f6f6f,
+  border-subtle-selected-03: #8d8d8d,
+  field-01: #262626,
+  field-02: #393939,
+  field-03: #525252,
+  field-hover-01: #333333,
+  field-hover-02: #474747,
+  field-hover-03: #636363,
+  focus: #ffffff,
+  focus-inset: #161616,
+  focus-inverse: #0f62fe,
+  highlight: #002d9c,
+  icon-disabled: rgba(244, 244, 244, 0.25),
+  icon-inverse: #161616,
+  icon-on-color: #ffffff,
+  icon-on-color-disabled: rgba(255, 255, 255, 0.25),
+  icon-primary: #f4f4f4,
+  icon-secondary: #c6c6c6,
+  interactive: #4589ff,
   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-01: #6f6f6f,
+  layer-accent-active-02: #8d8d8d,
   layer-accent-active-03: #393939,
+  layer-accent-hover-01: #474747,
+  layer-accent-hover-02: #636363,
   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,
+  layer-active-01: #525252,
+  layer-active-02: #6f6f6f,
+  layer-active-03: #8d8d8d,
+  layer-hover-01: #333333,
+  layer-hover-02: #474747,
+  layer-hover-03: #636363,
+  layer-selected-01: #393939,
+  layer-selected-02: #525252,
+  layer-selected-03: #6f6f6f,
+  layer-selected-disabled: #a8a8a8,
+  layer-selected-hover-01: #474747,
+  layer-selected-hover-02: #636363,
+  layer-selected-hover-03: #5e5e5e,
+  layer-selected-inverse: #f4f4f4,
+  link-inverse: #0f62fe,
+  link-inverse-active: #161616,
+  link-inverse-hover: #0043ce,
   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,
+  overlay: rgba(0, 0, 0, 0.65),
+  shadow: rgba(0, 0, 0, 0.8),
+  skeleton-background: #292929,
+  skeleton-element: #393939,
+  support-caution-major: #ff832b,
+  support-caution-minor: #f1c21b,
+  support-caution-undefined: #a56eff,
   support-error: #fa4d56,
-  support-success: #42be65,
-  support-warning: #f1c21b,
-  support-info: #4589ff,
   support-error-inverse: #da1e28,
+  support-info: #4589ff,
+  support-info-inverse: #0043ce,
+  support-success: #42be65,
   support-success-inverse: #24a148,
+  support-warning: #f1c21b,
   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,
+  text-disabled: rgba(244, 244, 244, 0.25),
+  text-error: #ff8389,
+  text-helper: #a8a8a8,
+  text-inverse: #161616,
+  text-on-color: #ffffff,
+  text-on-color-disabled: rgba(255, 255, 255, 0.25),
+  text-placeholder: rgba(244, 244, 244, 0.4),
+  text-primary: #f4f4f4,
+  text-secondary: #c6c6c6,
+  toggle-off: #6f6f6f,
 ) !default;
 $g100: utilities.merge(
   $g100,