@carbon/themes 10.41.0-rc.0 → 10.43.0

package/scss/generated/_tokens.scss

@@ -1560,7 +1560,7 @@ $caption-01: if(
   (
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1.34,
+    line-height: 1.33333,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1575,7 +1575,7 @@ $caption-02: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.29,
+    line-height: 1.28572,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1590,7 +1590,7 @@ $label-01: if(
   (
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1.34,
+    line-height: 1.33333,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1605,8 +1605,8 @@ $label-02: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.29,
-    letter-spacing: 0.32px,
+    line-height: 1.28572,
+    letter-spacing: 0.16px,
   )
 ) !default;
 
@@ -1619,7 +1619,7 @@ $helper-text-01: if(
   map-get($carbon--theme, 'helper-text-01'),
   (
     font-size: 0.75rem,
-    line-height: 1.34,
+    line-height: 1.33333,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1633,8 +1633,8 @@ $helper-text-02: if(
   map-get($carbon--theme, 'helper-text-02'),
   (
     font-size: 0.875rem,
-    line-height: 1.29,
-    letter-spacing: 0.32px,
+    line-height: 1.28572,
+    letter-spacing: 0.16px,
   )
 ) !default;
 
@@ -1648,7 +1648,7 @@ $body-short-01: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.29,
+    line-height: 1.28572,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -1663,7 +1663,7 @@ $body-long-01: if(
   (
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.43,
+    line-height: 1.42857,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -1712,7 +1712,7 @@ $code-01: if(
       ),
     font-size: 0.75rem,
     font-weight: 400,
-    line-height: 1.34,
+    line-height: 1.33333,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1731,7 +1731,7 @@ $code-02: if(
       ),
     font-size: 0.875rem,
     font-weight: 400,
-    line-height: 1.43,
+    line-height: 1.42857,
     letter-spacing: 0.32px,
   )
 ) !default;
@@ -1746,7 +1746,7 @@ $heading-01: if(
   (
     font-size: 0.875rem,
     font-weight: 600,
-    line-height: 1.29,
+    line-height: 1.42857,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -1761,7 +1761,7 @@ $productive-heading-01: if(
   (
     font-size: 0.875rem,
     font-weight: 600,
-    line-height: 1.29,
+    line-height: 1.28572,
     letter-spacing: 0.16px,
   )
 ) !default;
@@ -1776,7 +1776,7 @@ $heading-02: if(
   (
     font-size: 1rem,
     font-weight: 600,
-    line-height: 1.375,
+    line-height: 1.5,
     letter-spacing: 0,
   )
 ) !default;
@@ -1821,7 +1821,7 @@ $productive-heading-04: if(
   (
     font-size: 1.75rem,
     font-weight: 400,
-    line-height: 1.29,
+    line-height: 1.28572,
     letter-spacing: 0,
   )
 ) !default;
@@ -1866,7 +1866,7 @@ $productive-heading-07: if(
   (
     font-size: 3.375rem,
     font-weight: 300,
-    line-height: 1.19,
+    line-height: 1.199,
     letter-spacing: 0,
   )
 ) !default;
@@ -1936,7 +1936,7 @@ $expressive-heading-04: if(
   (
     font-size: 1.75rem,
     font-weight: 400,
-    line-height: 1.29,
+    line-height: 1.28572,
     letter-spacing: 0,
     breakpoints: (
       xlg: (
@@ -2045,7 +2045,7 @@ $expressive-paragraph-01: if(
     breakpoints: (
       lg: (
         font-size: 1.75rem,
-        line-height: 1.29,
+        line-height: 1.28572,
       ),
       max: (
         font-size: 2rem,
@@ -2063,6 +2063,7 @@ $quotation-01: if(
     map-has-key($carbon--theme, 'quotation-01'),
   map-get($carbon--theme, 'quotation-01'),
   (
+    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
     font-size: 1.25rem,
     font-weight: 400,
     line-height: 1.3,
@@ -2082,7 +2083,7 @@ $quotation-01: if(
       xlg: (
         font-size: 1.75rem,
         font-weight: 400,
-        line-height: 1.29,
+        line-height: 1.28572,
         letter-spacing: 0,
       ),
       max: (
@@ -2103,6 +2104,7 @@ $quotation-02: if(
     map-has-key($carbon--theme, 'quotation-02'),
   map-get($carbon--theme, 'quotation-02'),
   (
+    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
     font-size: 2rem,
     font-weight: 300,
     line-height: 1.25,
@@ -2260,6 +2262,562 @@ $display-04: if(
   )
 ) !default;
 
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$legal-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'legal-01'),
+  map-get($carbon--theme, 'legal-01'),
+  (
+    font-size: 0.75rem,
+    font-weight: 400,
+    line-height: 1.33333,
+    letter-spacing: 0.32px,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$legal-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'legal-02'),
+  map-get($carbon--theme, 'legal-02'),
+  (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.28572,
+    letter-spacing: 0.16px,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$body-compact-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'body-compact-01'),
+  map-get($carbon--theme, 'body-compact-01'),
+  (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.28572,
+    letter-spacing: 0.16px,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$body-compact-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'body-compact-02'),
+  map-get($carbon--theme, 'body-compact-02'),
+  (
+    font-size: 1rem,
+    font-weight: 400,
+    line-height: 1.375,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$body-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'body-01'),
+  map-get($carbon--theme, 'body-01'),
+  (
+    font-size: 0.875rem,
+    font-weight: 400,
+    line-height: 1.42857,
+    letter-spacing: 0.16px,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$body-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'body-02'),
+  map-get($carbon--theme, 'body-02'),
+  (
+    font-size: 1rem,
+    font-weight: 400,
+    line-height: 1.5,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-compact-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-compact-01'),
+  map-get($carbon--theme, 'heading-compact-01'),
+  (
+    font-size: 0.875rem,
+    font-weight: 600,
+    line-height: 1.28572,
+    letter-spacing: 0.16px,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-compact-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-compact-02'),
+  map-get($carbon--theme, 'heading-compact-02'),
+  (
+    font-size: 1rem,
+    font-weight: 600,
+    line-height: 1.375,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-03: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-03'),
+  map-get($carbon--theme, 'heading-03'),
+  (
+    font-size: 1.25rem,
+    font-weight: 400,
+    line-height: 1.4,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-04: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-04'),
+  map-get($carbon--theme, 'heading-04'),
+  (
+    font-size: 1.75rem,
+    font-weight: 400,
+    line-height: 1.28572,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-05: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-05'),
+  map-get($carbon--theme, 'heading-05'),
+  (
+    font-size: 2rem,
+    font-weight: 400,
+    line-height: 1.25,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-06: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-06'),
+  map-get($carbon--theme, 'heading-06'),
+  (
+    font-size: 2.625rem,
+    font-weight: 300,
+    line-height: 1.199,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$heading-07: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'heading-07'),
+  map-get($carbon--theme, 'heading-07'),
+  (
+    font-size: 3.375rem,
+    font-weight: 300,
+    line-height: 1.199,
+    letter-spacing: 0,
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-heading-03: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-heading-03'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-heading-04: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-heading-04'),
+  map-get($carbon--theme, 'fluid-heading-04'),
+  (
+    font-size: 1.75rem,
+    font-weight: 400,
+    line-height: 1.28572,
+    letter-spacing: 0,
+    breakpoints: (
+      xlg: (
+        font-size: 1.75rem,
+        line-height: 1.25,
+      ),
+      max: (
+        font-size: 2rem,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-heading-05: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-heading-05'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-heading-06: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-heading-06'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-paragraph-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-paragraph-01'),
+  map-get($carbon--theme, 'fluid-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.28572,
+      ),
+      max: (
+        font-size: 2rem,
+        line-height: 1.25,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-quotation-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-quotation-01'),
+  map-get($carbon--theme, 'fluid-quotation-01'),
+  (
+    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
+    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.28572,
+        letter-spacing: 0,
+      ),
+      max: (
+        font-size: 2rem,
+        font-weight: 400,
+        line-height: 1.25,
+        letter-spacing: 0,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-quotation-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-quotation-02'),
+  map-get($carbon--theme, 'fluid-quotation-02'),
+  (
+    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
+    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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-display-01: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-display-01'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-display-02: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-display-02'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-display-03: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-display-03'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
+/// @type {Number}
+/// @access public
+/// @group @carbon/themes
+$fluid-display-04: if(
+  global-variable-exists('carbon--theme') and
+    map-has-key($carbon--theme, 'fluid-display-04'),
+  map-get($carbon--theme, 'fluid-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,
+      ),
+    ),
+  )
+) !default;
+
 /// @type {Number}
 /// @access public
 /// @group @carbon/themes