@carbon/elements 10.32.0 → 10.34.0

package/scss/themes/modules/generated/_themes.scss

@@ -43,7 +43,7 @@ $white: utilities.merge(
     inverse-01: #ffffff,
     inverse-02: #393939,
     support-01: #da1e28,
-    support-02: #24a148,
+    support-02: #198038,
     support-03: #f1c21b,
     support-04: #0043ce,
     inverse-support-01: #fa4d56,
@@ -108,7 +108,7 @@ $white: utilities.merge(
     icon-on-color: #ffffff,
     icon-inverse: #ffffff,
     support-error: #da1e28,
-    support-success: #24a148,
+    support-success: #198038,
     support-warning: #f1c21b,
     support-info: #0043ce,
     support-error-inverse: #fa4d56,
@@ -187,6 +187,140 @@ $g10: map.merge(
   )
 ) !default;
 
+/// Carbon's g80 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g80: map.merge(
+  $white,
+  (
+    background: #393939,
+    layer: #525252,
+    layer-accent: #6f6f6f,
+    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

package/scss/type/_inlined/_reset.scss

@@ -28,9 +28,9 @@
     @include carbon--font-weight('regular');
 
     font-family: $body-font-family;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   code {

package/scss/type/_inlined/_styles.scss

@@ -19,6 +19,16 @@ $caption-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$caption-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -29,6 +39,16 @@ $label-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$label-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -38,6 +58,16 @@ $helper-text-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$helper-text-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -488,8 +518,11 @@ $display-04: (
 /// @group @carbon/type
 $tokens: (
   caption-01: $caption-01,
+  caption-02: $caption-02,
   label-01: $label-01,
+  label-02: $label-02,
   helper-text-01: $helper-text-01,
+  helper-text-02: $helper-text-02,
   body-short-01: $body-short-01,
   body-short-02: $body-short-02,
   body-long-01: $body-long-01,