@carbon/themes 10.31.0 → 10.33.0

package/scss/generated/_tokens.scss

@@ -720,6 +720,746 @@ $skeleton-02: if(
   #c6c6c6
 ) !default;
 
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background'),
+  map-get($carbon--theme, 'background'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer'),
+  map-get($carbon--theme, 'layer'),
+  #f4f4f4
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-accent: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-accent'),
+  map-get($carbon--theme, 'layer-accent'),
+  #e0e0e0
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$field: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'field'),
+  map-get($carbon--theme, 'field'),
+  #f4f4f4
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-inverse'),
+  map-get($carbon--theme, 'background-inverse'),
+  #393939
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-brand: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-brand'),
+  map-get($carbon--theme, 'background-brand'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$interactive: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'interactive'),
+  map-get($carbon--theme, 'interactive'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-subtle: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-subtle'),
+  map-get($carbon--theme, 'border-subtle'),
+  #e0e0e0
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-strong: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-strong'),
+  map-get($carbon--theme, 'border-strong'),
+  #8d8d8d
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-inverse'),
+  map-get($carbon--theme, 'border-inverse'),
+  #161616
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-interactive: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-interactive'),
+  map-get($carbon--theme, 'border-interactive'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-primary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-primary'),
+  map-get($carbon--theme, 'text-primary'),
+  #161616
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-secondary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-secondary'),
+  map-get($carbon--theme, 'text-secondary'),
+  #525252
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-placeholder: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-placeholder'),
+  map-get($carbon--theme, 'text-placeholder'),
+  #a8a8a8
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-helper: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-helper'),
+  map-get($carbon--theme, 'text-helper'),
+  #6f6f6f
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-on-color: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-on-color'),
+  map-get($carbon--theme, 'text-on-color'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-inverse'),
+  map-get($carbon--theme, 'text-inverse'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-primary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-primary'),
+  map-get($carbon--theme, 'link-primary'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-secondary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-secondary'),
+  map-get($carbon--theme, 'link-secondary'),
+  #0043ce
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-visited: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-visited'),
+  map-get($carbon--theme, 'link-visited'),
+  #8a3ffc
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-inverse'),
+  map-get($carbon--theme, 'link-inverse'),
+  #78a9ff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-primary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-primary'),
+  map-get($carbon--theme, 'icon-primary'),
+  #161616
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-secondary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-secondary'),
+  map-get($carbon--theme, 'icon-secondary'),
+  #525252
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-on-color: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-on-color'),
+  map-get($carbon--theme, 'icon-on-color'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-inverse'),
+  map-get($carbon--theme, 'icon-inverse'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-error: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-error'),
+  map-get($carbon--theme, 'support-error'),
+  #da1e28
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-success: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-success'),
+  map-get($carbon--theme, 'support-success'),
+  #24a148
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-warning: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-warning'),
+  map-get($carbon--theme, 'support-warning'),
+  #f1c21b
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-info: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-info'),
+  map-get($carbon--theme, 'support-info'),
+  #0043ce
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-error-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-error-inverse'),
+  map-get($carbon--theme, 'support-error-inverse'),
+  #fa4d56
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-success-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-success-inverse'),
+  map-get($carbon--theme, 'support-success-inverse'),
+  #42be65
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-warning-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-warning-inverse'),
+  map-get($carbon--theme, 'support-warning-inverse'),
+  #f1c21b
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$support-info-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'support-info-inverse'),
+  map-get($carbon--theme, 'support-info-inverse'),
+  #4589ff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$overlay: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'overlay'),
+  map-get($carbon--theme, 'overlay'),
+  rgba(22, 22, 22, 0.5)
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$toggle-off: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'toggle-off'),
+  map-get($carbon--theme, 'toggle-off'),
+  #8d8d8d
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-primary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-primary'),
+  map-get($carbon--theme, 'button-primary'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-secondary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-secondary'),
+  map-get($carbon--theme, 'button-secondary'),
+  #393939
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-tertiary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-tertiary'),
+  map-get($carbon--theme, 'button-tertiary'),
+  #0f62fe
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-danger-primary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-danger-primary'),
+  map-get($carbon--theme, 'button-danger-primary'),
+  #da1e28
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-danger-secondary: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-danger-secondary'),
+  map-get($carbon--theme, 'button-danger-secondary'),
+  #da1e28
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-active'),
+  map-get($carbon--theme, 'background-active'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-active'),
+  map-get($carbon--theme, 'layer-active'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-danger-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-danger-active'),
+  map-get($carbon--theme, 'button-danger-active'),
+  #750e13
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-primary-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-primary-active'),
+  map-get($carbon--theme, 'button-primary-active'),
+  #002d9c
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-secondary-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-secondary-active'),
+  map-get($carbon--theme, 'button-secondary-active'),
+  #6f6f6f
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-tertiary-active: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-tertiary-active'),
+  map-get($carbon--theme, 'button-tertiary-active'),
+  #002d9c
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$focus-inset: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'focus-inset'),
+  map-get($carbon--theme, 'focus-inset'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$focus-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'focus-inverse'),
+  map-get($carbon--theme, 'focus-inverse'),
+  #ffffff
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-hover'),
+  map-get($carbon--theme, 'background-hover'),
+  #e5e5e5
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-hover'),
+  map-get($carbon--theme, 'layer-hover'),
+  #e5e5e5
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$field-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'field-hover'),
+  map-get($carbon--theme, 'field-hover'),
+  #e5e5e5
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-inverse-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-inverse-hover'),
+  map-get($carbon--theme, 'background-inverse-hover'),
+  #4c4c4c
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$link-primary-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'link-primary-hover'),
+  map-get($carbon--theme, 'link-primary-hover'),
+  #0043ce
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-danger-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-danger-hover'),
+  map-get($carbon--theme, 'button-danger-hover'),
+  #b81921
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-primary-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-primary-hover'),
+  map-get($carbon--theme, 'button-primary-hover'),
+  #0353e9
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-secondary-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-secondary-hover'),
+  map-get($carbon--theme, 'button-secondary-hover'),
+  #4c4c4c
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-tertiary-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-tertiary-hover'),
+  map-get($carbon--theme, 'button-tertiary-hover'),
+  #0353e9
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-selected: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-selected'),
+  map-get($carbon--theme, 'background-selected'),
+  #e0e0e0
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$background-selected-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'background-selected-hover'),
+  map-get($carbon--theme, 'background-selected-hover'),
+  #cacaca
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-selected: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-selected'),
+  map-get($carbon--theme, 'layer-selected'),
+  #e0e0e0
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-selected-hover: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-selected-hover'),
+  map-get($carbon--theme, 'layer-selected-hover'),
+  #cacaca
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-selected-inverse: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-selected-inverse'),
+  map-get($carbon--theme, 'layer-selected-inverse'),
+  #161616
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-subtle-selected: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-subtle-selected'),
+  map-get($carbon--theme, 'border-subtle-selected'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-disabled'),
+  map-get($carbon--theme, 'layer-disabled'),
+  #f4f4f4
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$field-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'field-disabled'),
+  map-get($carbon--theme, 'field-disabled'),
+  #f4f4f4
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$border-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'border-disabled'),
+  map-get($carbon--theme, 'border-disabled'),
+  #f4f4f4
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-disabled'),
+  map-get($carbon--theme, 'text-disabled'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$button-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'button-disabled'),
+  map-get($carbon--theme, 'button-disabled'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-disabled'),
+  map-get($carbon--theme, 'icon-disabled'),
+  #c6c6c6
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$text-on-color-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'text-on-color-disabled'),
+  map-get($carbon--theme, 'text-on-color-disabled'),
+  #8d8d8d
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$icon-on-color-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'icon-on-color-disabled'),
+  map-get($carbon--theme, 'icon-on-color-disabled'),
+  #8d8d8d
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$layer-selected-disabled: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'layer-selected-disabled'),
+  map-get($carbon--theme, 'layer-selected-disabled'),
+  #8d8d8d
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$skeleton-background: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'skeleton-background'),
+  map-get($carbon--theme, 'skeleton-background'),
+  #e5e5e5
+) !default;
+
+/// @type {undefined}
+/// @access public
+/// @group @carbon/themes
+$skeleton-element: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'skeleton-element'),
+  map-get($carbon--theme, 'skeleton-element'),
+  #c6c6c6
+) !default;
+
 /// @type {undefined}
 /// @access public
 /// @group @carbon/themes