@carbon/charts 0.41.88 → 0.41.92

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

@@ -0,0 +1,2483 @@
+// 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.
+//
+
+$carbon--theme--white: (
+  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: #198038,
+  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,
+  background: #ffffff,
+  layer: #f4f4f4,
+  layer-accent: #e0e0e0,
+  layer-accent-active: #a8a8a8,
+  layer-accent-hover: #d1d1d1,
+  field: #f4f4f4,
+  background-inverse: #393939,
+  background-brand: #0f62fe,
+  interactive: #0f62fe,
+  border-subtle: #e0e0e0,
+  border-strong: #8d8d8d,
+  border-inverse: #161616,
+  border-interactive: #0f62fe,
+  text-primary: #161616,
+  text-secondary: #525252,
+  text-placeholder: #a8a8a8,
+  text-helper: #6f6f6f,
+  text-on-color: #ffffff,
+  text-inverse: #ffffff,
+  link-primary: #0f62fe,
+  link-secondary: #0043ce,
+  link-visited: #8a3ffc,
+  link-inverse: #78a9ff,
+  icon-primary: #161616,
+  icon-secondary: #525252,
+  icon-on-color: #ffffff,
+  icon-inverse: #ffffff,
+  support-error: #da1e28,
+  support-success: #198038,
+  support-warning: #f1c21b,
+  support-info: #0043ce,
+  support-error-inverse: #fa4d56,
+  support-success-inverse: #42be65,
+  support-warning-inverse: #f1c21b,
+  support-info-inverse: #4589ff,
+  overlay: rgba(22, 22, 22, 0.5),
+  toggle-off: #8d8d8d,
+  button-primary: #0f62fe,
+  button-secondary: #393939,
+  button-tertiary: #0f62fe,
+  button-danger-primary: #da1e28,
+  button-danger-secondary: #da1e28,
+  background-active: #c6c6c6,
+  layer-active: #c6c6c6,
+  button-danger-active: #750e13,
+  button-primary-active: #002d9c,
+  button-secondary-active: #6f6f6f,
+  button-tertiary-active: #002d9c,
+  focus-inset: #ffffff,
+  focus-inverse: #ffffff,
+  background-hover: #e5e5e5,
+  layer-hover: #e5e5e5,
+  field-hover: #e5e5e5,
+  background-inverse-hover: #4c4c4c,
+  link-primary-hover: #0043ce,
+  button-danger-hover: #b81921,
+  button-primary-hover: #0353e9,
+  button-secondary-hover: #4c4c4c,
+  button-tertiary-hover: #0353e9,
+  background-selected: #e0e0e0,
+  background-selected-hover: #cacaca,
+  layer-selected: #e0e0e0,
+  layer-selected-hover: #cacaca,
+  layer-selected-inverse: #161616,
+  border-subtle-selected: #c6c6c6,
+  layer-disabled: #f4f4f4,
+  field-disabled: #f4f4f4,
+  border-disabled: #f4f4f4,
+  text-disabled: #c6c6c6,
+  button-disabled: #c6c6c6,
+  icon-disabled: #c6c6c6,
+  text-on-color-disabled: #8d8d8d,
+  icon-on-color-disabled: #8d8d8d,
+  layer-selected-disabled: #8d8d8d,
+  skeleton-background: #e5e5e5,
+  skeleton-element: #c6c6c6,
+  brand-01: #0f62fe,
+  brand-02: #393939,
+  brand-03: #0f62fe,
+  active-01: #c6c6c6,
+  hover-field: #e5e5e5,
+  danger: #da1e28,
+  caption-01: (
+    font-size: 0.75rem,
+    font-weight: 400,
+    line-height: 1.34,
+    letter-spacing: 0.32px,
+  ),
+  caption-02: (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.29,
+    letter-spacing: 0.32px,
+  ),
+  label-01: (
+    font-size: 0.75rem,
+    font-weight: 400,
+    line-height: 1.34,
+    letter-spacing: 0.32px,
+  ),
+  label-02: (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.29,
+    letter-spacing: 0.32px,
+  ),
+  helper-text-01: (
+    font-size: 0.75rem,
+    line-height: 1.34,
+    letter-spacing: 0.32px,
+  ),
+  helper-text-02: (
+    font-size: 0.875rem,
+    line-height: 1.29,
+    letter-spacing: 0.32px,
+  ),
+  body-short-01: (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.29,
+    letter-spacing: 0.16px,
+  ),
+  body-long-01: (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.43,
+    letter-spacing: 0.16px,
+  ),
+  body-short-02: (
+    font-size: 1rem,
+    font-weight: 400,
+    line-height: 1.375,
+    letter-spacing: 0,
+  ),
+  body-long-02: (
+    font-size: 1rem,
+    font-weight: 400,
+    line-height: 1.5,
+    letter-spacing: 0,
+  ),
+  code-01: (
+    font-family:
+      unquote(
+        "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
+      ),
+    font-size: 0.75rem,
+    font-weight: 400,
+    line-height: 1.34,
+    letter-spacing: 0.32px,
+  ),
+  code-02: (
+    font-family:
+      unquote(
+        "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
+      ),
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.43,
+    letter-spacing: 0.32px,
+  ),
+  heading-01: (
+    font-size: 0.875rem,
+    font-weight: 600,
+    line-height: 1.29,
+    letter-spacing: 0.16px,
+  ),
+  productive-heading-01: (
+    font-size: 0.875rem,
+    font-weight: 600,
+    line-height: 1.29,
+    letter-spacing: 0.16px,
+  ),
+  heading-02: (
+    font-size: 1rem,
+    font-weight: 600,
+    line-height: 1.375,
+    letter-spacing: 0,
+  ),
+  productive-heading-02: (
+    font-size: 1rem,
+    font-weight: 600,
+    line-height: 1.375,
+    letter-spacing: 0,
+  ),
+  productive-heading-03: (
+    font-size: 1.25rem,
+    font-weight: 400,
+    line-height: 1.4,
+    letter-spacing: 0,
+  ),
+  productive-heading-04: (
+    font-size: 1.75rem,
+    font-weight: 400,
+    line-height: 1.29,
+    letter-spacing: 0,
+  ),
+  productive-heading-05: (
+    font-size: 2rem,
+    font-weight: 400,
+    line-height: 1.25,
+    letter-spacing: 0,
+  ),
+  productive-heading-06: (
+    font-size: 2.625rem,
+    font-weight: 300,
+    line-height: 1.199,
+    letter-spacing: 0,
+  ),
+  productive-heading-07: (
+    font-size: 3.375rem,
+    font-weight: 300,
+    line-height: 1.19,
+    letter-spacing: 0,
+  ),
+  expressive-heading-01: (
+    font-size: 0.875rem,
+    font-weight: 600,
+    line-height: 1.25,
+    letter-spacing: 0.16px,
+  ),
+  expressive-heading-02: (
+    font-size: 1rem,
+    font-weight: 600,
+    line-height: 1.5,
+    letter-spacing: 0,
+  ),
+  expressive-heading-03: (
+    font-size: 1.25rem,
+    font-weight: 400,
+    line-height: 1.4,
+    letter-spacing: 0,
+    breakpoints: (
+      xlg: (
+        font-size: 1.25rem,
+        line-height: 1.25,
+      ),
+      max: (
+        font-size: 1.5rem,
+        line-height: 1.334,
+      ),
+    ),
+  ),
+  expressive-heading-04: (
+    font-size: 1.75rem,
+    font-weight: 400,
+    line-height: 1.29,
+    letter-spacing: 0,
+    breakpoints: (
+      xlg: (
+        font-size: 1.75rem,
+        line-height: 1.25,
+      ),
+      max: (
+        font-size: 2rem,
+      ),
+    ),
+  ),
+  expressive-heading-05: (
+    font-size: 2rem,
+    font-weight: 400,
+    line-height: 1.25,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 2.25rem,
+        font-weight: 300,
+        line-height: 1.22,
+        letter-spacing: 0,
+      ),
+      lg: (
+        font-size: 2.625rem,
+        font-weight: 300,
+        line-height: 1.19,
+        letter-spacing: 0,
+      ),
+      xlg: (
+        font-size: 3rem,
+        font-weight: 300,
+        line-height: 1.17,
+        letter-spacing: 0,
+      ),
+      max: (
+        font-size: 3.75rem,
+        font-weight: 300,
+        letter-spacing: 0,
+      ),
+    ),
+  ),
+  expressive-heading-06: (
+    font-size: 2rem,
+    font-weight: 600,
+    line-height: 1.25,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 2.25rem,
+        font-weight: 600,
+        line-height: 1.22,
+        letter-spacing: 0,
+      ),
+      lg: (
+        font-size: 2.625rem,
+        font-weight: 600,
+        line-height: 1.19,
+        letter-spacing: 0,
+      ),
+      xlg: (
+        font-size: 3rem,
+        font-weight: 600,
+        line-height: 1.17,
+        letter-spacing: 0,
+      ),
+      max: (
+        font-size: 3.75rem,
+        font-weight: 600,
+        letter-spacing: 0,
+      ),
+    ),
+  ),
+  expressive-paragraph-01: (
+    font-size: 1.5rem,
+    font-weight: 300,
+    line-height: 1.334,
+    letter-spacing: 0,
+    breakpoints: (
+      lg: (
+        font-size: 1.75rem,
+        line-height: 1.29,
+      ),
+      max: (
+        font-size: 2rem,
+        line-height: 1.25,
+      ),
+    ),
+  ),
+  quotation-01: (
+    font-size: 1.25rem,
+    font-weight: 400,
+    line-height: 1.3,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 1.25rem,
+        font-weight: 400,
+        letter-spacing: 0,
+      ),
+      lg: (
+        font-size: 1.5rem,
+        font-weight: 400,
+        line-height: 1.334,
+        letter-spacing: 0,
+      ),
+      xlg: (
+        font-size: 1.75rem,
+        font-weight: 400,
+        line-height: 1.29,
+        letter-spacing: 0,
+      ),
+      max: (
+        font-size: 2rem,
+        font-weight: 400,
+        line-height: 1.25,
+        letter-spacing: 0,
+      ),
+    ),
+  ),
+  quotation-02: (
+    font-size: 2rem,
+    font-weight: 300,
+    line-height: 1.25,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 2.25rem,
+        line-height: 1.22,
+      ),
+      lg: (
+        font-size: 2.625rem,
+        line-height: 1.19,
+      ),
+      xlg: (
+        font-size: 3rem,
+        line-height: 1.17,
+      ),
+      max: (
+        font-size: 3.75rem,
+      ),
+    ),
+  ),
+  display-01: (
+    font-size: 2.625rem,
+    font-weight: 300,
+    line-height: 1.19,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 2.625rem,
+      ),
+      lg: (
+        font-size: 3.375rem,
+      ),
+      xlg: (
+        font-size: 3.75rem,
+        line-height: 1.17,
+      ),
+      max: (
+        font-size: 4.75rem,
+        line-height: 1.13,
+      ),
+    ),
+  ),
+  display-02: (
+    font-size: 2.625rem,
+    font-weight: 600,
+    line-height: 1.19,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 2.625rem,
+      ),
+      lg: (
+        font-size: 3.375rem,
+      ),
+      xlg: (
+        font-size: 3.75rem,
+        line-height: 1.16,
+      ),
+      max: (
+        font-size: 4.75rem,
+        line-height: 1.13,
+      ),
+    ),
+  ),
+  display-03: (
+    font-size: 2.625rem,
+    font-weight: 300,
+    line-height: 1.19,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 4.25rem,
+        line-height: 1.15,
+      ),
+      lg: (
+        font-size: 5.75rem,
+        line-height: 1.11,
+        letter-spacing: -0.64px,
+      ),
+      xlg: (
+        font-size: 7.625rem,
+        line-height: 1.07,
+      ),
+      max: (
+        font-size: 9.75rem,
+        line-height: 1.05,
+        letter-spacing: -0.96px,
+      ),
+    ),
+  ),
+  display-04: (
+    font-size: 2.625rem,
+    font-weight: 600,
+    line-height: 1.19,
+    letter-spacing: 0,
+    breakpoints: (
+      md: (
+        font-size: 4.25rem,
+        line-height: 1.15,
+      ),
+      lg: (
+        font-size: 5.75rem,
+        line-height: 1.11,
+        letter-spacing: -0.64px,
+      ),
+      xlg: (
+        font-size: 7.625rem,
+        line-height: 1.07,
+        letter-spacing: -0.64px,
+      ),
+      max: (
+        font-size: 9.75rem,
+        line-height: 1.05,
+        letter-spacing: -0.96px,
+      ),
+    ),
+  ),
+  spacing-01: 0.125rem,
+  spacing-02: 0.25rem,
+  spacing-03: 0.5rem,
+  spacing-04: 0.75rem,
+  spacing-05: 1rem,
+  spacing-06: 1.5rem,
+  spacing-07: 2rem,
+  spacing-08: 2.5rem,
+  spacing-09: 3rem,
+  spacing-10: 4rem,
+  spacing-11: 5rem,
+  spacing-12: 6rem,
+  spacing-13: 10rem,
+  fluid-spacing-01: 0,
+  fluid-spacing-02: 2vw,
+  fluid-spacing-03: 5vw,
+  fluid-spacing-04: 10vw,
+  layout-01: 1rem,
+  layout-02: 1.5rem,
+  layout-03: 2rem,
+  layout-04: 3rem,
+  layout-05: 4rem,
+  layout-06: 6rem,
+  layout-07: 10rem,
+  container-01: 1.5rem,
+  container-02: 2rem,
+  container-03: 2.5rem,
+  container-04: 3rem,
+  container-05: 4rem,
+  size-xsmall: 1.5rem,
+  size-small: 2rem,
+  size-medium: 2.5rem,
+  size-large: 3rem,
+  size-xlarge: 4rem,
+  size-2XLarge: 5rem,
+  icon-size-01: 1rem,
+  icon-size-02: 1.25rem,
+) !default;
+
+/// Carbon's g10 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$carbon--theme--g10: map-merge(
+  $carbon--theme--white,
+  (
+    ui-background: #f4f4f4,
+    ui-01: #ffffff,
+    ui-02: #f4f4f4,
+    field-01: #ffffff,
+    field-02: #f4f4f4,
+    disabled-01: #ffffff,
+    background: #f4f4f4,
+    layer: #ffffff,
+    field: #ffffff,
+    layer-disabled: #ffffff,
+    field-disabled: #ffffff,
+    border-disabled: #ffffff,
+  )
+) !default;
+
+/// Carbon's g80 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$carbon--theme--g80: map-merge(
+  $carbon--theme--white,
+  (
+    background: #393939,
+    layer: #525252,
+    layer-accent: #6f6f6f,
+    layer-accent-active: #525252,
+    layer-accent-hover: #5e5e5e,
+    field: #525252,
+    background-inverse: #f4f4f4,
+    interactive: #78a9ff,
+    border-subtle: #6f6f6f,
+    border-strong: #a8a8a8,
+    border-inverse: #f4f4f4,
+    border-interactive: #4589ff,
+    text-primary: #f4f4f4,
+    text-secondary: #c6c6c6,
+    text-placeholder: #6f6f6f,
+    text-helper: #a8a8a8,
+    text-error: #ffb3b8,
+    text-inverse: #161616,
+    link-primary: #78a9ff,
+    link-secondary: #a6c8ff,
+    link-visited: #be95ff,
+    link-inverse: #0f62fe,
+    icon-primary: #f4f4f4,
+    icon-secondary: #c6c6c6,
+    icon-inverse: #161616,
+    support-error: #ff8389,
+    support-success: #42be65,
+    support-info: #4589ff,
+    support-error-inverse: #da1e28,
+    support-success-inverse: #24a148,
+    support-info-inverse: #0f62fe,
+    overlay: rgba(22, 22, 22, 0.7),
+    button-secondary: #6f6f6f,
+    button-tertiary: #ffffff,
+    button-danger-secondary: #ff8389,
+    button-separator: #161616,
+    background-active: #525252,
+    layer-active: #6f6f6f,
+    button-secondary-active: #525252,
+    button-tertiary-active: #c6c6c6,
+    focus: #ffffff,
+    focus-inset: #161616,
+    focus-inverse: #0f62fe,
+    highlight: #0043ce,
+    background-hover: #474747,
+    layer-hover: #636363,
+    field-hover: #636363,
+    background-inverse-hover: #e8e8e8,
+    link-primary-hover: #a6c8ff,
+    button-primary-hover: #0151e4,
+    button-secondary-hover: #5e5e5e,
+    button-tertiary-hover: #ffffff,
+    background-selected: #525252,
+    background-selected-hover: #636363,
+    layer-selected: #6f6f6f,
+    layer-selected-hover: #616161,
+    layer-selected-inverse: #f4f4f4,
+    border-subtle-selected: #8d8d8d,
+    layer-disabled: #525252,
+    field-disabled: #525252,
+    border-disabled: #525252,
+    text-disabled: #8d8d8d,
+    button-disabled: #8d8d8d,
+    icon-disabled: #8d8d8d,
+    text-on-color-disabled: #c6c6c6,
+    icon-on-color-disabled: #c6c6c6,
+    layer-selected-disabled: #c6c6c6,
+    skeleton-background: #474747,
+    skeleton-element: #6f6f6f,
+    interactive-02: #6f6f6f,
+    interactive-03: #ffffff,
+    interactive-04: #78a9ff,
+    ui-background: #393939,
+    ui-01: #525252,
+    ui-02: #525252,
+    ui-03: #6f6f6f,
+    ui-04: #a8a8a8,
+    ui-05: #f4f4f4,
+    text-01: #f4f4f4,
+    text-02: #c6c6c6,
+    text-03: #6f6f6f,
+    text-05: #a8a8a8,
+    icon-01: #f4f4f4,
+    icon-02: #c6c6c6,
+    link-01: #78a9ff,
+    link-02: #a6c8ff,
+    inverse-link: #0f62fe,
+    field-01: #525252,
+    field-02: #6f6f6f,
+    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,
+    inverse-focus-ui: #0f62fe,
+    hover-primary: #0151e4,
+    hover-primary-text: #a6c8ff,
+    hover-secondary: #5e5e5e,
+    active-secondary: #525252,
+    hover-tertiary: #ffffff,
+    active-tertiary: #c6c6c6,
+    hover-ui: #474747,
+    hover-light-ui: #5e5e5e,
+    active-ui: #525252,
+    active-light-ui: #8d8d8d,
+    selected-ui: #525252,
+    selected-light-ui: #8d8d8d,
+    inverse-hover-ui: #e8e8e8,
+    hover-selected-ui: #616161,
+    hover-row: #636363,
+    visited-link: #be95ff,
+    disabled-01: #525252,
+    disabled-02: #8d8d8d,
+    disabled-03: #c6c6c6,
+    decorative-01: #6f6f6f,
+    skeleton-01: #474747,
+    skeleton-02: #6f6f6f,
+    brand-02: #6f6f6f,
+    brand-03: #ffffff,
+    active-01: #525252,
+    hover-field: #474747,
+  )
+) !default;
+
+/// Carbon's g90 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$carbon--theme--g90: map-merge(
+  $carbon--theme--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,
+    background: #262626,
+    layer: #393939,
+    layer-accent: #525252,
+    layer-accent-active: #8d8d8d,
+    layer-accent-hover: #636363,
+    field: #393939,
+    background-inverse: #f4f4f4,
+    interactive: #4589ff,
+    border-subtle: #525252,
+    border-inverse: #f4f4f4,
+    border-interactive: #4589ff,
+    text-primary: #f4f4f4,
+    text-secondary: #c6c6c6,
+    text-placeholder: #6f6f6f,
+    text-helper: #8d8d8d,
+    text-inverse: #161616,
+    link-primary: #78a9ff,
+    link-secondary: #a6c8ff,
+    link-visited: #be95ff,
+    link-inverse: #0f62fe,
+    icon-primary: #f4f4f4,
+    icon-secondary: #c6c6c6,
+    icon-inverse: #161616,
+    support-error: #ff8389,
+    support-success: #42be65,
+    support-info: #4589ff,
+    support-error-inverse: #da1e28,
+    support-success-inverse: #24a148,
+    support-info-inverse: #0f62fe,
+    overlay: rgba(22, 22, 22, 0.7),
+    button-secondary: #6f6f6f,
+    button-tertiary: #ffffff,
+    button-danger-secondary: #ff8389,
+    background-active: #6f6f6f,
+    layer-active: #6f6f6f,
+    button-secondary-active: #393939,
+    button-tertiary-active: #c6c6c6,
+    focus-inset: #161616,
+    focus-inverse: #0f62fe,
+    background-hover: #4c4c4c,
+    layer-hover: #4c4c4c,
+    field-hover: #4c4c4c,
+    background-inverse-hover: #e5e5e5,
+    link-primary-hover: #a6c8ff,
+    button-secondary-hover: #606060,
+    button-tertiary-hover: #f4f4f4,
+    background-selected: #525252,
+    background-selected-hover: #656565,
+    layer-selected: #525252,
+    layer-selected-hover: #656565,
+    layer-selected-inverse: #f4f4f4,
+    border-subtle-selected: #6f6f6f,
+    layer-disabled: #393939,
+    field-disabled: #393939,
+    border-disabled: #393939,
+    text-disabled: #6f6f6f,
+    button-disabled: #6f6f6f,
+    icon-disabled: #6f6f6f,
+    text-on-color-disabled: #a8a8a8,
+    icon-on-color-disabled: #a8a8a8,
+    layer-selected-disabled: #a8a8a8,
+    skeleton-background: #353535,
+    skeleton-element: #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
+$carbon--theme--g100: map-merge(
+  $carbon--theme--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,
+    background: #161616,
+    layer: #262626,
+    layer-accent: #393939,
+    layer-accent-active: #6f6f6f,
+    layer-accent-hover: #474747,
+    field: #262626,
+    background-inverse: #f4f4f4,
+    interactive: #4589ff,
+    border-subtle: #393939,
+    border-strong: #6f6f6f,
+    border-inverse: #f4f4f4,
+    border-interactive: #4589ff,
+    text-primary: #f4f4f4,
+    text-secondary: #c6c6c6,
+    text-placeholder: #6f6f6f,
+    text-helper: #8d8d8d,
+    text-inverse: #161616,
+    link-primary: #78a9ff,
+    link-secondary: #a6c8ff,
+    link-visited: #be95ff,
+    link-inverse: #0f62fe,
+    icon-primary: #f4f4f4,
+    icon-secondary: #c6c6c6,
+    icon-inverse: #161616,
+    support-error: #fa4d56,
+    support-success: #42be65,
+    support-info: #4589ff,
+    support-error-inverse: #da1e28,
+    support-success-inverse: #24a148,
+    support-info-inverse: #0f62fe,
+    overlay: rgba(22, 22, 22, 0.7),
+    toggle-off: #6f6f6f,
+    button-secondary: #6f6f6f,
+    button-tertiary: #ffffff,
+    button-danger-secondary: #fa4d56,
+    background-active: #525252,
+    layer-active: #525252,
+    button-secondary-active: #393939,
+    button-tertiary-active: #c6c6c6,
+    focus-inset: #161616,
+    focus-inverse: #0f62fe,
+    background-hover: #353535,
+    layer-hover: #353535,
+    field-hover: #353535,
+    background-inverse-hover: #e5e5e5,
+    link-primary-hover: #a6c8ff,
+    button-secondary-hover: #606060,
+    button-tertiary-hover: #f4f4f4,
+    background-selected: #393939,
+    background-selected-hover: #4c4c4c,
+    layer-selected: #393939,
+    layer-selected-hover: #4c4c4c,
+    layer-selected-inverse: #f4f4f4,
+    border-subtle-selected: #525252,
+    layer-disabled: #262626,
+    field-disabled: #262626,
+    border-disabled: #262626,
+    text-disabled: #525252,
+    button-disabled: #525252,
+    icon-disabled: #525252,
+    skeleton-background: #353535,
+    skeleton-element: #525252,
+    brand-02: #6f6f6f,
+    brand-03: #ffffff,
+    active-01: #525252,
+    hover-field: #353535,
+  )
+) !default;
+
+/// Carbon's v9 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$carbon--theme--v9: map-merge(
+  $carbon--theme--white,
+  (
+    interactive-01: #3d70b2,
+    interactive-02: #4d5358,
+    interactive-03: #3d70b2,
+    interactive-04: #3d70b2,
+    ui-background: #f4f7fb,
+    ui-01: #ffffff,
+    ui-02: #f4f7fb,
+    ui-03: #dfe3e6,
+    ui-04: #8897a2,
+    ui-05: #5a6872,
+    text-01: #152935,
+    text-02: #5a6872,
+    text-03: #cdd1d4,
+    text-05: #5a6872,
+    text-error: #e0182d,
+    icon-01: #3d70b2,
+    icon-02: #5a6872,
+    link-01: #3d70b2,
+    link-02: #3d70b2,
+    inverse-link: #5596e6,
+    field-01: #ffffff,
+    field-02: #f4f7fb,
+    inverse-02: #272d33,
+    support-01: #e0182d,
+    support-02: #5aa700,
+    support-03: #efc100,
+    support-04: #5aaafa,
+    inverse-support-01: #ff5050,
+    inverse-support-02: #8cd211,
+    inverse-support-03: #fdd600,
+    inverse-support-04: #5aaafa,
+    overlay-01: rgba(223, 227, 230, 0.5),
+    focus: #3d70b2,
+    inverse-focus-ui: #3d70b2,
+    hover-primary: #30588c,
+    active-primary: #30588c,
+    hover-primary-text: #294c86,
+    hover-secondary: #4d5b65,
+    active-secondary: #414f59,
+    hover-tertiary: #5a6872,
+    active-tertiary: #414f59,
+    hover-ui: #eef4fc,
+    hover-light-ui: #eef4fc,
+    active-ui: #dfeafa,
+    active-light-ui: #dfeafa,
+    selected-ui: #eef4fc,
+    selected-light-ui: #eef4fc,
+    hover-selected-ui: #dfeafa,
+    hover-danger: #c70014,
+    active-danger: #ad1625,
+    hover-row: #eef4fc,
+    visited-link: #294c86,
+    disabled-01: #fafbfd,
+    disabled-02: #dfe3e6,
+    disabled-03: #cdd1d4,
+    highlight: #f4f7fb,
+    decorative-01: #eef4fc,
+    skeleton-01: rgba(61, 112, 178, 0.1),
+    skeleton-02: rgba(61, 112, 178, 0.1),
+    background: #f4f7fb,
+    layer: #ffffff,
+    layer-accent: #dfe3e6,
+    layer-accent-hover: #ced4d9,
+    field: #ffffff,
+    background-inverse: #272d33,
+    background-brand: #3d70b2,
+    interactive: #3d70b2,
+    border-subtle: #dfe3e6,
+    border-strong: #8897a2,
+    border-inverse: #5a6872,
+    border-interactive: #3d70b2,
+    text-primary: #152935,
+    text-secondary: #5a6872,
+    text-placeholder: #cdd1d4,
+    text-helper: #5a6872,
+    link-primary: #3d70b2,
+    link-secondary: #3d70b2,
+    link-visited: #294c86,
+    link-inverse: #5596e6,
+    icon-primary: #3d70b2,
+    icon-secondary: #5a6872,
+    support-error: #e0182d,
+    support-success: #5aa700,
+    support-warning: #efc100,
+    support-info: #5aaafa,
+    support-error-inverse: #ff5050,
+    support-success-inverse: #8cd211,
+    support-warning-inverse: #fdd600,
+    support-info-inverse: #5aaafa,
+    overlay: rgba(223, 227, 230, 0.5),
+    toggle-off: #8897a2,
+    button-primary: #3d70b2,
+    button-secondary: #4d5358,
+    button-tertiary: #3d70b2,
+    background-active: #dfeafa,
+    layer-active: #dfeafa,
+    button-danger-active: #ad1625,
+    button-primary-active: #30588c,
+    button-secondary-active: #414f59,
+    button-tertiary-active: #414f59,
+    focus-inverse: #3d70b2,
+    background-hover: #eef4fc,
+    layer-hover: #eef4fc,
+    field-hover: #eef4fc,
+    link-primary-hover: #294c86,
+    button-danger-hover: #c70014,
+    button-primary-hover: #30588c,
+    button-secondary-hover: #4d5b65,
+    button-tertiary-hover: #5a6872,
+    background-selected: #eef4fc,
+    background-selected-hover: #dfeafa,
+    layer-selected: #eef4fc,
+    layer-selected-hover: #dfeafa,
+    layer-selected-inverse: #5a6872,
+    border-subtle-selected: #dfeafa,
+    layer-disabled: #fafbfd,
+    field-disabled: #fafbfd,
+    border-disabled: #fafbfd,
+    text-disabled: #dfe3e6,
+    button-disabled: #dfe3e6,
+    icon-disabled: #dfe3e6,
+    text-on-color-disabled: #cdd1d4,
+    icon-on-color-disabled: #cdd1d4,
+    layer-selected-disabled: #cdd1d4,
+    skeleton-background: rgba(61, 112, 178, 0.1),
+    skeleton-element: rgba(61, 112, 178, 0.1),
+    brand-01: #3d70b2,
+    brand-02: #4d5358,
+    brand-03: #3d70b2,
+    active-01: #dfeafa,
+    hover-field: #eef4fc,
+  )
+) !default;
+
+/// Carbon's default theme
+/// @type Map
+/// @access public
+/// @alias carbon--theme--white
+/// @group @carbon/themes
+$carbon--theme: (
+  interactive-01:
+    if(
+      global-variable-exists('interactive-01'),
+      $interactive-01,
+      map-get($carbon--theme--white, 'interactive-01')
+    ),
+  interactive-02:
+    if(
+      global-variable-exists('interactive-02'),
+      $interactive-02,
+      map-get($carbon--theme--white, 'interactive-02')
+    ),
+  interactive-03:
+    if(
+      global-variable-exists('interactive-03'),
+      $interactive-03,
+      map-get($carbon--theme--white, 'interactive-03')
+    ),
+  interactive-04:
+    if(
+      global-variable-exists('interactive-04'),
+      $interactive-04,
+      map-get($carbon--theme--white, 'interactive-04')
+    ),
+  ui-background:
+    if(
+      global-variable-exists('ui-background'),
+      $ui-background,
+      map-get($carbon--theme--white, 'ui-background')
+    ),
+  ui-01:
+    if(
+      global-variable-exists('ui-01'),
+      $ui-01,
+      map-get($carbon--theme--white, 'ui-01')
+    ),
+  ui-02:
+    if(
+      global-variable-exists('ui-02'),
+      $ui-02,
+      map-get($carbon--theme--white, 'ui-02')
+    ),
+  ui-03:
+    if(
+      global-variable-exists('ui-03'),
+      $ui-03,
+      map-get($carbon--theme--white, 'ui-03')
+    ),
+  ui-04:
+    if(
+      global-variable-exists('ui-04'),
+      $ui-04,
+      map-get($carbon--theme--white, 'ui-04')
+    ),
+  ui-05:
+    if(
+      global-variable-exists('ui-05'),
+      $ui-05,
+      map-get($carbon--theme--white, 'ui-05')
+    ),
+  text-01:
+    if(
+      global-variable-exists('text-01'),
+      $text-01,
+      map-get($carbon--theme--white, 'text-01')
+    ),
+  text-02:
+    if(
+      global-variable-exists('text-02'),
+      $text-02,
+      map-get($carbon--theme--white, 'text-02')
+    ),
+  text-03:
+    if(
+      global-variable-exists('text-03'),
+      $text-03,
+      map-get($carbon--theme--white, 'text-03')
+    ),
+  text-04:
+    if(
+      global-variable-exists('text-04'),
+      $text-04,
+      map-get($carbon--theme--white, 'text-04')
+    ),
+  text-05:
+    if(
+      global-variable-exists('text-05'),
+      $text-05,
+      map-get($carbon--theme--white, 'text-05')
+    ),
+  text-error:
+    if(
+      global-variable-exists('text-error'),
+      $text-error,
+      map-get($carbon--theme--white, 'text-error')
+    ),
+  icon-01:
+    if(
+      global-variable-exists('icon-01'),
+      $icon-01,
+      map-get($carbon--theme--white, 'icon-01')
+    ),
+  icon-02:
+    if(
+      global-variable-exists('icon-02'),
+      $icon-02,
+      map-get($carbon--theme--white, 'icon-02')
+    ),
+  icon-03:
+    if(
+      global-variable-exists('icon-03'),
+      $icon-03,
+      map-get($carbon--theme--white, 'icon-03')
+    ),
+  link-01:
+    if(
+      global-variable-exists('link-01'),
+      $link-01,
+      map-get($carbon--theme--white, 'link-01')
+    ),
+  link-02:
+    if(
+      global-variable-exists('link-02'),
+      $link-02,
+      map-get($carbon--theme--white, 'link-02')
+    ),
+  inverse-link:
+    if(
+      global-variable-exists('inverse-link'),
+      $inverse-link,
+      map-get($carbon--theme--white, 'inverse-link')
+    ),
+  field-01:
+    if(
+      global-variable-exists('field-01'),
+      $field-01,
+      map-get($carbon--theme--white, 'field-01')
+    ),
+  field-02:
+    if(
+      global-variable-exists('field-02'),
+      $field-02,
+      map-get($carbon--theme--white, 'field-02')
+    ),
+  inverse-01:
+    if(
+      global-variable-exists('inverse-01'),
+      $inverse-01,
+      map-get($carbon--theme--white, 'inverse-01')
+    ),
+  inverse-02:
+    if(
+      global-variable-exists('inverse-02'),
+      $inverse-02,
+      map-get($carbon--theme--white, 'inverse-02')
+    ),
+  support-01:
+    if(
+      global-variable-exists('support-01'),
+      $support-01,
+      map-get($carbon--theme--white, 'support-01')
+    ),
+  support-02:
+    if(
+      global-variable-exists('support-02'),
+      $support-02,
+      map-get($carbon--theme--white, 'support-02')
+    ),
+  support-03:
+    if(
+      global-variable-exists('support-03'),
+      $support-03,
+      map-get($carbon--theme--white, 'support-03')
+    ),
+  support-04:
+    if(
+      global-variable-exists('support-04'),
+      $support-04,
+      map-get($carbon--theme--white, 'support-04')
+    ),
+  inverse-support-01:
+    if(
+      global-variable-exists('inverse-support-01'),
+      $inverse-support-01,
+      map-get($carbon--theme--white, 'inverse-support-01')
+    ),
+  inverse-support-02:
+    if(
+      global-variable-exists('inverse-support-02'),
+      $inverse-support-02,
+      map-get($carbon--theme--white, 'inverse-support-02')
+    ),
+  inverse-support-03:
+    if(
+      global-variable-exists('inverse-support-03'),
+      $inverse-support-03,
+      map-get($carbon--theme--white, 'inverse-support-03')
+    ),
+  inverse-support-04:
+    if(
+      global-variable-exists('inverse-support-04'),
+      $inverse-support-04,
+      map-get($carbon--theme--white, 'inverse-support-04')
+    ),
+  overlay-01:
+    if(
+      global-variable-exists('overlay-01'),
+      $overlay-01,
+      map-get($carbon--theme--white, 'overlay-01')
+    ),
+  danger-01:
+    if(
+      global-variable-exists('danger-01'),
+      $danger-01,
+      map-get($carbon--theme--white, 'danger-01')
+    ),
+  danger-02:
+    if(
+      global-variable-exists('danger-02'),
+      $danger-02,
+      map-get($carbon--theme--white, 'danger-02')
+    ),
+  focus:
+    if(
+      global-variable-exists('focus'),
+      $focus,
+      map-get($carbon--theme--white, 'focus')
+    ),
+  inverse-focus-ui:
+    if(
+      global-variable-exists('inverse-focus-ui'),
+      $inverse-focus-ui,
+      map-get($carbon--theme--white, 'inverse-focus-ui')
+    ),
+  hover-primary:
+    if(
+      global-variable-exists('hover-primary'),
+      $hover-primary,
+      map-get($carbon--theme--white, 'hover-primary')
+    ),
+  active-primary:
+    if(
+      global-variable-exists('active-primary'),
+      $active-primary,
+      map-get($carbon--theme--white, 'active-primary')
+    ),
+  hover-primary-text:
+    if(
+      global-variable-exists('hover-primary-text'),
+      $hover-primary-text,
+      map-get($carbon--theme--white, 'hover-primary-text')
+    ),
+  hover-secondary:
+    if(
+      global-variable-exists('hover-secondary'),
+      $hover-secondary,
+      map-get($carbon--theme--white, 'hover-secondary')
+    ),
+  active-secondary:
+    if(
+      global-variable-exists('active-secondary'),
+      $active-secondary,
+      map-get($carbon--theme--white, 'active-secondary')
+    ),
+  hover-tertiary:
+    if(
+      global-variable-exists('hover-tertiary'),
+      $hover-tertiary,
+      map-get($carbon--theme--white, 'hover-tertiary')
+    ),
+  active-tertiary:
+    if(
+      global-variable-exists('active-tertiary'),
+      $active-tertiary,
+      map-get($carbon--theme--white, 'active-tertiary')
+    ),
+  hover-ui:
+    if(
+      global-variable-exists('hover-ui'),
+      $hover-ui,
+      map-get($carbon--theme--white, 'hover-ui')
+    ),
+  hover-light-ui:
+    if(
+      global-variable-exists('hover-light-ui'),
+      $hover-light-ui,
+      map-get($carbon--theme--white, 'hover-light-ui')
+    ),
+  hover-selected-ui:
+    if(
+      global-variable-exists('hover-selected-ui'),
+      $hover-selected-ui,
+      map-get($carbon--theme--white, 'hover-selected-ui')
+    ),
+  active-ui:
+    if(
+      global-variable-exists('active-ui'),
+      $active-ui,
+      map-get($carbon--theme--white, 'active-ui')
+    ),
+  active-light-ui:
+    if(
+      global-variable-exists('active-light-ui'),
+      $active-light-ui,
+      map-get($carbon--theme--white, 'active-light-ui')
+    ),
+  selected-ui:
+    if(
+      global-variable-exists('selected-ui'),
+      $selected-ui,
+      map-get($carbon--theme--white, 'selected-ui')
+    ),
+  selected-light-ui:
+    if(
+      global-variable-exists('selected-light-ui'),
+      $selected-light-ui,
+      map-get($carbon--theme--white, 'selected-light-ui')
+    ),
+  inverse-hover-ui:
+    if(
+      global-variable-exists('inverse-hover-ui'),
+      $inverse-hover-ui,
+      map-get($carbon--theme--white, 'inverse-hover-ui')
+    ),
+  hover-danger:
+    if(
+      global-variable-exists('hover-danger'),
+      $hover-danger,
+      map-get($carbon--theme--white, 'hover-danger')
+    ),
+  active-danger:
+    if(
+      global-variable-exists('active-danger'),
+      $active-danger,
+      map-get($carbon--theme--white, 'active-danger')
+    ),
+  hover-row:
+    if(
+      global-variable-exists('hover-row'),
+      $hover-row,
+      map-get($carbon--theme--white, 'hover-row')
+    ),
+  visited-link:
+    if(
+      global-variable-exists('visited-link'),
+      $visited-link,
+      map-get($carbon--theme--white, 'visited-link')
+    ),
+  disabled-01:
+    if(
+      global-variable-exists('disabled-01'),
+      $disabled-01,
+      map-get($carbon--theme--white, 'disabled-01')
+    ),
+  disabled-02:
+    if(
+      global-variable-exists('disabled-02'),
+      $disabled-02,
+      map-get($carbon--theme--white, 'disabled-02')
+    ),
+  disabled-03:
+    if(
+      global-variable-exists('disabled-03'),
+      $disabled-03,
+      map-get($carbon--theme--white, 'disabled-03')
+    ),
+  highlight:
+    if(
+      global-variable-exists('highlight'),
+      $highlight,
+      map-get($carbon--theme--white, 'highlight')
+    ),
+  decorative-01:
+    if(
+      global-variable-exists('decorative-01'),
+      $decorative-01,
+      map-get($carbon--theme--white, 'decorative-01')
+    ),
+  button-separator:
+    if(
+      global-variable-exists('button-separator'),
+      $button-separator,
+      map-get($carbon--theme--white, 'button-separator')
+    ),
+  skeleton-01:
+    if(
+      global-variable-exists('skeleton-01'),
+      $skeleton-01,
+      map-get($carbon--theme--white, 'skeleton-01')
+    ),
+  skeleton-02:
+    if(
+      global-variable-exists('skeleton-02'),
+      $skeleton-02,
+      map-get($carbon--theme--white, 'skeleton-02')
+    ),
+  background:
+    if(
+      global-variable-exists('background'),
+      $background,
+      map-get($carbon--theme--white, 'background')
+    ),
+  layer:
+    if(
+      global-variable-exists('layer'),
+      $layer,
+      map-get($carbon--theme--white, 'layer')
+    ),
+  layer-accent:
+    if(
+      global-variable-exists('layer-accent'),
+      $layer-accent,
+      map-get($carbon--theme--white, 'layer-accent')
+    ),
+  layer-accent-hover:
+    if(
+      global-variable-exists('layer-accent-hover'),
+      $layer-accent-hover,
+      map-get($carbon--theme--white, 'layer-accent-hover')
+    ),
+  layer-accent-active:
+    if(
+      global-variable-exists('layer-accent-active'),
+      $layer-accent-active,
+      map-get($carbon--theme--white, 'layer-accent-active')
+    ),
+  field:
+    if(
+      global-variable-exists('field'),
+      $field,
+      map-get($carbon--theme--white, 'field')
+    ),
+  background-inverse:
+    if(
+      global-variable-exists('background-inverse'),
+      $background-inverse,
+      map-get($carbon--theme--white, 'background-inverse')
+    ),
+  background-brand:
+    if(
+      global-variable-exists('background-brand'),
+      $background-brand,
+      map-get($carbon--theme--white, 'background-brand')
+    ),
+  interactive:
+    if(
+      global-variable-exists('interactive'),
+      $interactive,
+      map-get($carbon--theme--white, 'interactive')
+    ),
+  border-subtle:
+    if(
+      global-variable-exists('border-subtle'),
+      $border-subtle,
+      map-get($carbon--theme--white, 'border-subtle')
+    ),
+  border-strong:
+    if(
+      global-variable-exists('border-strong'),
+      $border-strong,
+      map-get($carbon--theme--white, 'border-strong')
+    ),
+  border-inverse:
+    if(
+      global-variable-exists('border-inverse'),
+      $border-inverse,
+      map-get($carbon--theme--white, 'border-inverse')
+    ),
+  border-interactive:
+    if(
+      global-variable-exists('border-interactive'),
+      $border-interactive,
+      map-get($carbon--theme--white, 'border-interactive')
+    ),
+  text-primary:
+    if(
+      global-variable-exists('text-primary'),
+      $text-primary,
+      map-get($carbon--theme--white, 'text-primary')
+    ),
+  text-secondary:
+    if(
+      global-variable-exists('text-secondary'),
+      $text-secondary,
+      map-get($carbon--theme--white, 'text-secondary')
+    ),
+  text-placeholder:
+    if(
+      global-variable-exists('text-placeholder'),
+      $text-placeholder,
+      map-get($carbon--theme--white, 'text-placeholder')
+    ),
+  text-helper:
+    if(
+      global-variable-exists('text-helper'),
+      $text-helper,
+      map-get($carbon--theme--white, 'text-helper')
+    ),
+  text-on-color:
+    if(
+      global-variable-exists('text-on-color'),
+      $text-on-color,
+      map-get($carbon--theme--white, 'text-on-color')
+    ),
+  text-inverse:
+    if(
+      global-variable-exists('text-inverse'),
+      $text-inverse,
+      map-get($carbon--theme--white, 'text-inverse')
+    ),
+  link-primary:
+    if(
+      global-variable-exists('link-primary'),
+      $link-primary,
+      map-get($carbon--theme--white, 'link-primary')
+    ),
+  link-secondary:
+    if(
+      global-variable-exists('link-secondary'),
+      $link-secondary,
+      map-get($carbon--theme--white, 'link-secondary')
+    ),
+  link-visited:
+    if(
+      global-variable-exists('link-visited'),
+      $link-visited,
+      map-get($carbon--theme--white, 'link-visited')
+    ),
+  link-inverse:
+    if(
+      global-variable-exists('link-inverse'),
+      $link-inverse,
+      map-get($carbon--theme--white, 'link-inverse')
+    ),
+  icon-primary:
+    if(
+      global-variable-exists('icon-primary'),
+      $icon-primary,
+      map-get($carbon--theme--white, 'icon-primary')
+    ),
+  icon-secondary:
+    if(
+      global-variable-exists('icon-secondary'),
+      $icon-secondary,
+      map-get($carbon--theme--white, 'icon-secondary')
+    ),
+  icon-on-color:
+    if(
+      global-variable-exists('icon-on-color'),
+      $icon-on-color,
+      map-get($carbon--theme--white, 'icon-on-color')
+    ),
+  icon-inverse:
+    if(
+      global-variable-exists('icon-inverse'),
+      $icon-inverse,
+      map-get($carbon--theme--white, 'icon-inverse')
+    ),
+  support-error:
+    if(
+      global-variable-exists('support-error'),
+      $support-error,
+      map-get($carbon--theme--white, 'support-error')
+    ),
+  support-success:
+    if(
+      global-variable-exists('support-success'),
+      $support-success,
+      map-get($carbon--theme--white, 'support-success')
+    ),
+  support-warning:
+    if(
+      global-variable-exists('support-warning'),
+      $support-warning,
+      map-get($carbon--theme--white, 'support-warning')
+    ),
+  support-info:
+    if(
+      global-variable-exists('support-info'),
+      $support-info,
+      map-get($carbon--theme--white, 'support-info')
+    ),
+  support-error-inverse:
+    if(
+      global-variable-exists('support-error-inverse'),
+      $support-error-inverse,
+      map-get($carbon--theme--white, 'support-error-inverse')
+    ),
+  support-success-inverse:
+    if(
+      global-variable-exists('support-success-inverse'),
+      $support-success-inverse,
+      map-get($carbon--theme--white, 'support-success-inverse')
+    ),
+  support-warning-inverse:
+    if(
+      global-variable-exists('support-warning-inverse'),
+      $support-warning-inverse,
+      map-get($carbon--theme--white, 'support-warning-inverse')
+    ),
+  support-info-inverse:
+    if(
+      global-variable-exists('support-info-inverse'),
+      $support-info-inverse,
+      map-get($carbon--theme--white, 'support-info-inverse')
+    ),
+  overlay:
+    if(
+      global-variable-exists('overlay'),
+      $overlay,
+      map-get($carbon--theme--white, 'overlay')
+    ),
+  toggle-off:
+    if(
+      global-variable-exists('toggle-off'),
+      $toggle-off,
+      map-get($carbon--theme--white, 'toggle-off')
+    ),
+  button-primary:
+    if(
+      global-variable-exists('button-primary'),
+      $button-primary,
+      map-get($carbon--theme--white, 'button-primary')
+    ),
+  button-secondary:
+    if(
+      global-variable-exists('button-secondary'),
+      $button-secondary,
+      map-get($carbon--theme--white, 'button-secondary')
+    ),
+  button-tertiary:
+    if(
+      global-variable-exists('button-tertiary'),
+      $button-tertiary,
+      map-get($carbon--theme--white, 'button-tertiary')
+    ),
+  button-danger-primary:
+    if(
+      global-variable-exists('button-danger-primary'),
+      $button-danger-primary,
+      map-get($carbon--theme--white, 'button-danger-primary')
+    ),
+  button-danger-secondary:
+    if(
+      global-variable-exists('button-danger-secondary'),
+      $button-danger-secondary,
+      map-get($carbon--theme--white, 'button-danger-secondary')
+    ),
+  background-active:
+    if(
+      global-variable-exists('background-active'),
+      $background-active,
+      map-get($carbon--theme--white, 'background-active')
+    ),
+  layer-active:
+    if(
+      global-variable-exists('layer-active'),
+      $layer-active,
+      map-get($carbon--theme--white, 'layer-active')
+    ),
+  button-danger-active:
+    if(
+      global-variable-exists('button-danger-active'),
+      $button-danger-active,
+      map-get($carbon--theme--white, 'button-danger-active')
+    ),
+  button-primary-active:
+    if(
+      global-variable-exists('button-primary-active'),
+      $button-primary-active,
+      map-get($carbon--theme--white, 'button-primary-active')
+    ),
+  button-secondary-active:
+    if(
+      global-variable-exists('button-secondary-active'),
+      $button-secondary-active,
+      map-get($carbon--theme--white, 'button-secondary-active')
+    ),
+  button-tertiary-active:
+    if(
+      global-variable-exists('button-tertiary-active'),
+      $button-tertiary-active,
+      map-get($carbon--theme--white, 'button-tertiary-active')
+    ),
+  focus-inset:
+    if(
+      global-variable-exists('focus-inset'),
+      $focus-inset,
+      map-get($carbon--theme--white, 'focus-inset')
+    ),
+  focus-inverse:
+    if(
+      global-variable-exists('focus-inverse'),
+      $focus-inverse,
+      map-get($carbon--theme--white, 'focus-inverse')
+    ),
+  background-hover:
+    if(
+      global-variable-exists('background-hover'),
+      $background-hover,
+      map-get($carbon--theme--white, 'background-hover')
+    ),
+  layer-hover:
+    if(
+      global-variable-exists('layer-hover'),
+      $layer-hover,
+      map-get($carbon--theme--white, 'layer-hover')
+    ),
+  field-hover:
+    if(
+      global-variable-exists('field-hover'),
+      $field-hover,
+      map-get($carbon--theme--white, 'field-hover')
+    ),
+  background-inverse-hover:
+    if(
+      global-variable-exists('background-inverse-hover'),
+      $background-inverse-hover,
+      map-get($carbon--theme--white, 'background-inverse-hover')
+    ),
+  link-primary-hover:
+    if(
+      global-variable-exists('link-primary-hover'),
+      $link-primary-hover,
+      map-get($carbon--theme--white, 'link-primary-hover')
+    ),
+  button-danger-hover:
+    if(
+      global-variable-exists('button-danger-hover'),
+      $button-danger-hover,
+      map-get($carbon--theme--white, 'button-danger-hover')
+    ),
+  button-primary-hover:
+    if(
+      global-variable-exists('button-primary-hover'),
+      $button-primary-hover,
+      map-get($carbon--theme--white, 'button-primary-hover')
+    ),
+  button-secondary-hover:
+    if(
+      global-variable-exists('button-secondary-hover'),
+      $button-secondary-hover,
+      map-get($carbon--theme--white, 'button-secondary-hover')
+    ),
+  button-tertiary-hover:
+    if(
+      global-variable-exists('button-tertiary-hover'),
+      $button-tertiary-hover,
+      map-get($carbon--theme--white, 'button-tertiary-hover')
+    ),
+  background-selected:
+    if(
+      global-variable-exists('background-selected'),
+      $background-selected,
+      map-get($carbon--theme--white, 'background-selected')
+    ),
+  background-selected-hover:
+    if(
+      global-variable-exists('background-selected-hover'),
+      $background-selected-hover,
+      map-get($carbon--theme--white, 'background-selected-hover')
+    ),
+  layer-selected:
+    if(
+      global-variable-exists('layer-selected'),
+      $layer-selected,
+      map-get($carbon--theme--white, 'layer-selected')
+    ),
+  layer-selected-hover:
+    if(
+      global-variable-exists('layer-selected-hover'),
+      $layer-selected-hover,
+      map-get($carbon--theme--white, 'layer-selected-hover')
+    ),
+  layer-selected-inverse:
+    if(
+      global-variable-exists('layer-selected-inverse'),
+      $layer-selected-inverse,
+      map-get($carbon--theme--white, 'layer-selected-inverse')
+    ),
+  border-subtle-selected:
+    if(
+      global-variable-exists('border-subtle-selected'),
+      $border-subtle-selected,
+      map-get($carbon--theme--white, 'border-subtle-selected')
+    ),
+  layer-disabled:
+    if(
+      global-variable-exists('layer-disabled'),
+      $layer-disabled,
+      map-get($carbon--theme--white, 'layer-disabled')
+    ),
+  field-disabled:
+    if(
+      global-variable-exists('field-disabled'),
+      $field-disabled,
+      map-get($carbon--theme--white, 'field-disabled')
+    ),
+  border-disabled:
+    if(
+      global-variable-exists('border-disabled'),
+      $border-disabled,
+      map-get($carbon--theme--white, 'border-disabled')
+    ),
+  text-disabled:
+    if(
+      global-variable-exists('text-disabled'),
+      $text-disabled,
+      map-get($carbon--theme--white, 'text-disabled')
+    ),
+  button-disabled:
+    if(
+      global-variable-exists('button-disabled'),
+      $button-disabled,
+      map-get($carbon--theme--white, 'button-disabled')
+    ),
+  icon-disabled:
+    if(
+      global-variable-exists('icon-disabled'),
+      $icon-disabled,
+      map-get($carbon--theme--white, 'icon-disabled')
+    ),
+  text-on-color-disabled:
+    if(
+      global-variable-exists('text-on-color-disabled'),
+      $text-on-color-disabled,
+      map-get($carbon--theme--white, 'text-on-color-disabled')
+    ),
+  icon-on-color-disabled:
+    if(
+      global-variable-exists('icon-on-color-disabled'),
+      $icon-on-color-disabled,
+      map-get($carbon--theme--white, 'icon-on-color-disabled')
+    ),
+  layer-selected-disabled:
+    if(
+      global-variable-exists('layer-selected-disabled'),
+      $layer-selected-disabled,
+      map-get($carbon--theme--white, 'layer-selected-disabled')
+    ),
+  skeleton-background:
+    if(
+      global-variable-exists('skeleton-background'),
+      $skeleton-background,
+      map-get($carbon--theme--white, 'skeleton-background')
+    ),
+  skeleton-element:
+    if(
+      global-variable-exists('skeleton-element'),
+      $skeleton-element,
+      map-get($carbon--theme--white, 'skeleton-element')
+    ),
+  brand-01:
+    if(
+      global-variable-exists('brand-01'),
+      $brand-01,
+      map-get($carbon--theme--white, 'brand-01')
+    ),
+  brand-02:
+    if(
+      global-variable-exists('brand-02'),
+      $brand-02,
+      map-get($carbon--theme--white, 'brand-02')
+    ),
+  brand-03:
+    if(
+      global-variable-exists('brand-03'),
+      $brand-03,
+      map-get($carbon--theme--white, 'brand-03')
+    ),
+  active-01:
+    if(
+      global-variable-exists('active-01'),
+      $active-01,
+      map-get($carbon--theme--white, 'active-01')
+    ),
+  hover-field:
+    if(
+      global-variable-exists('hover-field'),
+      $hover-field,
+      map-get($carbon--theme--white, 'hover-field')
+    ),
+  danger:
+    if(
+      global-variable-exists('danger'),
+      $danger,
+      map-get($carbon--theme--white, 'danger')
+    ),
+  caption-01:
+    if(
+      global-variable-exists('caption-01'),
+      $caption-01,
+      map-get($carbon--theme--white, 'caption-01')
+    ),
+  caption-02:
+    if(
+      global-variable-exists('caption-02'),
+      $caption-02,
+      map-get($carbon--theme--white, 'caption-02')
+    ),
+  label-01:
+    if(
+      global-variable-exists('label-01'),
+      $label-01,
+      map-get($carbon--theme--white, 'label-01')
+    ),
+  label-02:
+    if(
+      global-variable-exists('label-02'),
+      $label-02,
+      map-get($carbon--theme--white, 'label-02')
+    ),
+  helper-text-01:
+    if(
+      global-variable-exists('helper-text-01'),
+      $helper-text-01,
+      map-get($carbon--theme--white, 'helper-text-01')
+    ),
+  helper-text-02:
+    if(
+      global-variable-exists('helper-text-02'),
+      $helper-text-02,
+      map-get($carbon--theme--white, 'helper-text-02')
+    ),
+  body-short-01:
+    if(
+      global-variable-exists('body-short-01'),
+      $body-short-01,
+      map-get($carbon--theme--white, 'body-short-01')
+    ),
+  body-long-01:
+    if(
+      global-variable-exists('body-long-01'),
+      $body-long-01,
+      map-get($carbon--theme--white, 'body-long-01')
+    ),
+  body-short-02:
+    if(
+      global-variable-exists('body-short-02'),
+      $body-short-02,
+      map-get($carbon--theme--white, 'body-short-02')
+    ),
+  body-long-02:
+    if(
+      global-variable-exists('body-long-02'),
+      $body-long-02,
+      map-get($carbon--theme--white, 'body-long-02')
+    ),
+  code-01:
+    if(
+      global-variable-exists('code-01'),
+      $code-01,
+      map-get($carbon--theme--white, 'code-01')
+    ),
+  code-02:
+    if(
+      global-variable-exists('code-02'),
+      $code-02,
+      map-get($carbon--theme--white, 'code-02')
+    ),
+  heading-01:
+    if(
+      global-variable-exists('heading-01'),
+      $heading-01,
+      map-get($carbon--theme--white, 'heading-01')
+    ),
+  productive-heading-01:
+    if(
+      global-variable-exists('productive-heading-01'),
+      $productive-heading-01,
+      map-get($carbon--theme--white, 'productive-heading-01')
+    ),
+  heading-02:
+    if(
+      global-variable-exists('heading-02'),
+      $heading-02,
+      map-get($carbon--theme--white, 'heading-02')
+    ),
+  productive-heading-02:
+    if(
+      global-variable-exists('productive-heading-02'),
+      $productive-heading-02,
+      map-get($carbon--theme--white, 'productive-heading-02')
+    ),
+  productive-heading-03:
+    if(
+      global-variable-exists('productive-heading-03'),
+      $productive-heading-03,
+      map-get($carbon--theme--white, 'productive-heading-03')
+    ),
+  productive-heading-04:
+    if(
+      global-variable-exists('productive-heading-04'),
+      $productive-heading-04,
+      map-get($carbon--theme--white, 'productive-heading-04')
+    ),
+  productive-heading-05:
+    if(
+      global-variable-exists('productive-heading-05'),
+      $productive-heading-05,
+      map-get($carbon--theme--white, 'productive-heading-05')
+    ),
+  productive-heading-06:
+    if(
+      global-variable-exists('productive-heading-06'),
+      $productive-heading-06,
+      map-get($carbon--theme--white, 'productive-heading-06')
+    ),
+  productive-heading-07:
+    if(
+      global-variable-exists('productive-heading-07'),
+      $productive-heading-07,
+      map-get($carbon--theme--white, 'productive-heading-07')
+    ),
+  expressive-heading-01:
+    if(
+      global-variable-exists('expressive-heading-01'),
+      $expressive-heading-01,
+      map-get($carbon--theme--white, 'expressive-heading-01')
+    ),
+  expressive-heading-02:
+    if(
+      global-variable-exists('expressive-heading-02'),
+      $expressive-heading-02,
+      map-get($carbon--theme--white, 'expressive-heading-02')
+    ),
+  expressive-heading-03:
+    if(
+      global-variable-exists('expressive-heading-03'),
+      $expressive-heading-03,
+      map-get($carbon--theme--white, 'expressive-heading-03')
+    ),
+  expressive-heading-04:
+    if(
+      global-variable-exists('expressive-heading-04'),
+      $expressive-heading-04,
+      map-get($carbon--theme--white, 'expressive-heading-04')
+    ),
+  expressive-heading-05:
+    if(
+      global-variable-exists('expressive-heading-05'),
+      $expressive-heading-05,
+      map-get($carbon--theme--white, 'expressive-heading-05')
+    ),
+  expressive-heading-06:
+    if(
+      global-variable-exists('expressive-heading-06'),
+      $expressive-heading-06,
+      map-get($carbon--theme--white, 'expressive-heading-06')
+    ),
+  expressive-paragraph-01:
+    if(
+      global-variable-exists('expressive-paragraph-01'),
+      $expressive-paragraph-01,
+      map-get($carbon--theme--white, 'expressive-paragraph-01')
+    ),
+  quotation-01:
+    if(
+      global-variable-exists('quotation-01'),
+      $quotation-01,
+      map-get($carbon--theme--white, 'quotation-01')
+    ),
+  quotation-02:
+    if(
+      global-variable-exists('quotation-02'),
+      $quotation-02,
+      map-get($carbon--theme--white, 'quotation-02')
+    ),
+  display-01:
+    if(
+      global-variable-exists('display-01'),
+      $display-01,
+      map-get($carbon--theme--white, 'display-01')
+    ),
+  display-02:
+    if(
+      global-variable-exists('display-02'),
+      $display-02,
+      map-get($carbon--theme--white, 'display-02')
+    ),
+  display-03:
+    if(
+      global-variable-exists('display-03'),
+      $display-03,
+      map-get($carbon--theme--white, 'display-03')
+    ),
+  display-04:
+    if(
+      global-variable-exists('display-04'),
+      $display-04,
+      map-get($carbon--theme--white, 'display-04')
+    ),
+  spacing-01:
+    if(
+      global-variable-exists('spacing-01'),
+      $spacing-01,
+      map-get($carbon--theme--white, 'spacing-01')
+    ),
+  spacing-02:
+    if(
+      global-variable-exists('spacing-02'),
+      $spacing-02,
+      map-get($carbon--theme--white, 'spacing-02')
+    ),
+  spacing-03:
+    if(
+      global-variable-exists('spacing-03'),
+      $spacing-03,
+      map-get($carbon--theme--white, 'spacing-03')
+    ),
+  spacing-04:
+    if(
+      global-variable-exists('spacing-04'),
+      $spacing-04,
+      map-get($carbon--theme--white, 'spacing-04')
+    ),
+  spacing-05:
+    if(
+      global-variable-exists('spacing-05'),
+      $spacing-05,
+      map-get($carbon--theme--white, 'spacing-05')
+    ),
+  spacing-06:
+    if(
+      global-variable-exists('spacing-06'),
+      $spacing-06,
+      map-get($carbon--theme--white, 'spacing-06')
+    ),
+  spacing-07:
+    if(
+      global-variable-exists('spacing-07'),
+      $spacing-07,
+      map-get($carbon--theme--white, 'spacing-07')
+    ),
+  spacing-08:
+    if(
+      global-variable-exists('spacing-08'),
+      $spacing-08,
+      map-get($carbon--theme--white, 'spacing-08')
+    ),
+  spacing-09:
+    if(
+      global-variable-exists('spacing-09'),
+      $spacing-09,
+      map-get($carbon--theme--white, 'spacing-09')
+    ),
+  spacing-10:
+    if(
+      global-variable-exists('spacing-10'),
+      $spacing-10,
+      map-get($carbon--theme--white, 'spacing-10')
+    ),
+  spacing-11:
+    if(
+      global-variable-exists('spacing-11'),
+      $spacing-11,
+      map-get($carbon--theme--white, 'spacing-11')
+    ),
+  spacing-12:
+    if(
+      global-variable-exists('spacing-12'),
+      $spacing-12,
+      map-get($carbon--theme--white, 'spacing-12')
+    ),
+  spacing-13:
+    if(
+      global-variable-exists('spacing-13'),
+      $spacing-13,
+      map-get($carbon--theme--white, 'spacing-13')
+    ),
+  fluid-spacing-01:
+    if(
+      global-variable-exists('fluid-spacing-01'),
+      $fluid-spacing-01,
+      map-get($carbon--theme--white, 'fluid-spacing-01')
+    ),
+  fluid-spacing-02:
+    if(
+      global-variable-exists('fluid-spacing-02'),
+      $fluid-spacing-02,
+      map-get($carbon--theme--white, 'fluid-spacing-02')
+    ),
+  fluid-spacing-03:
+    if(
+      global-variable-exists('fluid-spacing-03'),
+      $fluid-spacing-03,
+      map-get($carbon--theme--white, 'fluid-spacing-03')
+    ),
+  fluid-spacing-04:
+    if(
+      global-variable-exists('fluid-spacing-04'),
+      $fluid-spacing-04,
+      map-get($carbon--theme--white, 'fluid-spacing-04')
+    ),
+  layout-01:
+    if(
+      global-variable-exists('layout-01'),
+      $layout-01,
+      map-get($carbon--theme--white, 'layout-01')
+    ),
+  layout-02:
+    if(
+      global-variable-exists('layout-02'),
+      $layout-02,
+      map-get($carbon--theme--white, 'layout-02')
+    ),
+  layout-03:
+    if(
+      global-variable-exists('layout-03'),
+      $layout-03,
+      map-get($carbon--theme--white, 'layout-03')
+    ),
+  layout-04:
+    if(
+      global-variable-exists('layout-04'),
+      $layout-04,
+      map-get($carbon--theme--white, 'layout-04')
+    ),
+  layout-05:
+    if(
+      global-variable-exists('layout-05'),
+      $layout-05,
+      map-get($carbon--theme--white, 'layout-05')
+    ),
+  layout-06:
+    if(
+      global-variable-exists('layout-06'),
+      $layout-06,
+      map-get($carbon--theme--white, 'layout-06')
+    ),
+  layout-07:
+    if(
+      global-variable-exists('layout-07'),
+      $layout-07,
+      map-get($carbon--theme--white, 'layout-07')
+    ),
+  container-01:
+    if(
+      global-variable-exists('container-01'),
+      $container-01,
+      map-get($carbon--theme--white, 'container-01')
+    ),
+  container-02:
+    if(
+      global-variable-exists('container-02'),
+      $container-02,
+      map-get($carbon--theme--white, 'container-02')
+    ),
+  container-03:
+    if(
+      global-variable-exists('container-03'),
+      $container-03,
+      map-get($carbon--theme--white, 'container-03')
+    ),
+  container-04:
+    if(
+      global-variable-exists('container-04'),
+      $container-04,
+      map-get($carbon--theme--white, 'container-04')
+    ),
+  container-05:
+    if(
+      global-variable-exists('container-05'),
+      $container-05,
+      map-get($carbon--theme--white, 'container-05')
+    ),
+  size-xsmall:
+    if(
+      global-variable-exists('size-xsmall'),
+      $size-xsmall,
+      map-get($carbon--theme--white, 'size-xsmall')
+    ),
+  size-small:
+    if(
+      global-variable-exists('size-small'),
+      $size-small,
+      map-get($carbon--theme--white, 'size-small')
+    ),
+  size-medium:
+    if(
+      global-variable-exists('size-medium'),
+      $size-medium,
+      map-get($carbon--theme--white, 'size-medium')
+    ),
+  size-large:
+    if(
+      global-variable-exists('size-large'),
+      $size-large,
+      map-get($carbon--theme--white, 'size-large')
+    ),
+  size-xlarge:
+    if(
+      global-variable-exists('size-xlarge'),
+      $size-xlarge,
+      map-get($carbon--theme--white, 'size-xlarge')
+    ),
+  size-2XLarge:
+    if(
+      global-variable-exists('size-2XLarge'),
+      $size-2XLarge,
+      map-get($carbon--theme--white, 'size-2XLarge')
+    ),
+  icon-size-01:
+    if(
+      global-variable-exists('icon-size-01'),
+      $icon-size-01,
+      map-get($carbon--theme--white, 'icon-size-01')
+    ),
+  icon-size-02:
+    if(
+      global-variable-exists('icon-size-02'),
+      $icon-size-02,
+      map-get($carbon--theme--white, 'icon-size-02')
+    ),
+) !default;