@gitlab/ui 112.1.2 → 112.2.1

package/dist/tokens/build/js/tokens.dark.js

@@ -584,7 +584,7 @@ const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
 const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
 const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
 const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#e3e3e8';
-const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '0.09375rem';
+const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '1.5';
 const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#423f4f';
 const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#6f6796';
 const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#3b8581';
@@ -599,7 +599,7 @@ const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#aa563a';
 const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#3b8581';
 const GL_ILLUSTRATION_BASE_FILL_COLOR = '#32303c';
 const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#e3e3e8';
-const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '0.09375rem';
+const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '1.5';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#5a566c';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#423f4f';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#373441';

package/dist/tokens/build/js/tokens.js

@@ -584,7 +584,7 @@ const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
 const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
 const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
 const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#171321';
-const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '0.125rem';
+const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '2';
 const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#fff';
 const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#aea5d6';
 const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#6fdac9';
@@ -599,7 +599,7 @@ const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#ff9d73';
 const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#6fdac9';
 const GL_ILLUSTRATION_BASE_FILL_COLOR = '#e7e4f2';
 const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#171321';
-const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '0.125rem';
+const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '2';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#c5f4ec';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#fff';
 const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#6fdac9';

package/dist/tokens/css/tokens.css

@@ -247,7 +247,7 @@
   --gl-avatar-fallback-background-color-neutral: #bfbfc33d; /* Neutral background for avatar fallback with no particular meaning. */
   --gl-chart-threshold-area-color: rgba(221,43,14,0.1); /* Used in charts to delineate a threshold area in a chart. */
   --gl-illustration-stroke-color-default: #171321; /* Default stroke color to define shape and provide essential detail. */
-  --gl-illustration-stroke-width-default: 0.125rem; /* Default stroke width to define shape and provide essential detail. */
+  --gl-illustration-stroke-width-default: 2; /* Default stroke width to define shape and provide essential detail. */
   --gl-illustration-fill-color-default: #fff; /* Default fill color for an element where specific meaning or emphasis is not required. */
   --gl-illustration-status-fill-color-neutral: #aea5d6; /* Used as a fill to convey a concept which is neither positive or negative. */
   --gl-illustration-status-fill-color-success: #6fdac9; /* Used as a fill to convey a success or active concept, has a positive connotation. */
@@ -262,7 +262,7 @@
   --gl-illustration-accent-fill-color-teal: #6fdac9; /* Used to add teal to a secondary element and supporting surface. */
   --gl-illustration-base-fill-color: #e7e4f2; /* Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion. */
   --gl-illustration-isometric-stroke-color-default: #171321; /* Default stroke color to define shape and provide essential detail in isometric illustration. */
-  --gl-illustration-isometric-stroke-width-default: 0.125rem; /* Default stroke width to define shape and provide essential detail in isometric illustration. */
+  --gl-illustration-isometric-stroke-width-default: 2; /* Default stroke width to define shape and provide essential detail in isometric illustration. */
   --gl-illustration-isometric-glyph-top-fill-color: #c5f4ec; /* Used for the top face of isometric text and number elements. */
   --gl-illustration-isometric-glyph-front-fill-color: #fff; /* Used for the front face of isometric text and number elements. */
   --gl-illustration-isometric-glyph-side-fill-color: #6fdac9; /* Used for the side face of isometric text and number elements. */

package/dist/tokens/css/tokens.dark.css

@@ -247,7 +247,7 @@
   --gl-avatar-fallback-background-color-neutral: #bfbfc33d; /* Neutral background for avatar fallback with no particular meaning. */
   --gl-chart-threshold-area-color: rgba(221,43,14,0.1); /* Used in charts to delineate a threshold area in a chart. */
   --gl-illustration-stroke-color-default: #e3e3e8; /* Default stroke color to define shape and provide essential detail. */
-  --gl-illustration-stroke-width-default: 0.09375rem; /* Default stroke width to define shape and provide essential detail. */
+  --gl-illustration-stroke-width-default: 1.5; /* Default stroke width to define shape and provide essential detail. */
   --gl-illustration-fill-color-default: #423f4f; /* Default fill color for an element where specific meaning or emphasis is not required. */
   --gl-illustration-status-fill-color-neutral: #6f6796; /* Used as a fill to convey a concept which is neither positive or negative. */
   --gl-illustration-status-fill-color-success: #3b8581; /* Used as a fill to convey a success or active concept, has a positive connotation. */
@@ -262,7 +262,7 @@
   --gl-illustration-accent-fill-color-teal: #3b8581; /* Used to add teal to a secondary element and supporting surface. */
   --gl-illustration-base-fill-color: #32303c; /* Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion. */
   --gl-illustration-isometric-stroke-color-default: #e3e3e8; /* Default stroke color to define shape and provide essential detail in isometric illustration. */
-  --gl-illustration-isometric-stroke-width-default: 0.09375rem; /* Default stroke width to define shape and provide essential detail in isometric illustration. */
+  --gl-illustration-isometric-stroke-width-default: 1.5; /* Default stroke width to define shape and provide essential detail in isometric illustration. */
   --gl-illustration-isometric-glyph-top-fill-color: #5a566c; /* Used for the top face of isometric text and number elements. */
   --gl-illustration-isometric-glyph-front-fill-color: #423f4f; /* Used for the front face of isometric text and number elements. */
   --gl-illustration-isometric-glyph-side-fill-color: #373441; /* Used for the side face of isometric text and number elements. */

package/dist/tokens/js/tokens.dark.js

@@ -584,7 +584,7 @@ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
 export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#e3e3e8';
-export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '0.09375rem';
+export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '1.5';
 export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#423f4f';
 export const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#6f6796';
 export const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#3b8581';
@@ -599,7 +599,7 @@ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#aa563a';
 export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#3b8581';
 export const GL_ILLUSTRATION_BASE_FILL_COLOR = '#32303c';
 export const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#e3e3e8';
-export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '0.09375rem';
+export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '1.5';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#5a566c';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#423f4f';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#373441';

package/dist/tokens/js/tokens.js

@@ -584,7 +584,7 @@ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
 export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
 export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#171321';
-export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '0.125rem';
+export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '2';
 export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#fff';
 export const GL_ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL = '#aea5d6';
 export const GL_ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS = '#6fdac9';
@@ -599,7 +599,7 @@ export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE = '#ff9d73';
 export const GL_ILLUSTRATION_ACCENT_FILL_COLOR_TEAL = '#6fdac9';
 export const GL_ILLUSTRATION_BASE_FILL_COLOR = '#e7e4f2';
 export const GL_ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT = '#171321';
-export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '0.125rem';
+export const GL_ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT = '2';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR = '#c5f4ec';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR = '#fff';
 export const GL_ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR = '#6fdac9';

package/dist/tokens/json/tokens.dark.json

@@ -3907,19 +3907,14 @@
     "12": {
       "$value": "0.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "12px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "0.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_12",
+      "attributes": {},
       "path": [
         "line-height",
         "12"
@@ -3928,19 +3923,14 @@
     "16": {
       "$value": "1rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "16px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_16",
+      "attributes": {},
       "path": [
         "line-height",
         "16"
@@ -3949,19 +3939,14 @@
     "20": {
       "$value": "1.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "20px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_20",
+      "attributes": {},
       "path": [
         "line-height",
         "20"
@@ -3970,19 +3955,14 @@
     "24": {
       "$value": "1.5rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "24px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.5rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_24",
+      "attributes": {},
       "path": [
         "line-height",
         "24"
@@ -3991,19 +3971,14 @@
     "28": {
       "$value": "1.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "28px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_28",
+      "attributes": {},
       "path": [
         "line-height",
         "28"
@@ -4012,19 +3987,14 @@
     "32": {
       "$value": "2rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "32px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_32",
+      "attributes": {},
       "path": [
         "line-height",
         "32"
@@ -4033,19 +4003,14 @@
     "36": {
       "$value": "2.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "36px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_36",
+      "attributes": {},
       "path": [
         "line-height",
         "36"
@@ -4054,19 +4019,14 @@
     "42": {
       "$value": "2.625rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "42px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.625rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_42",
+      "attributes": {},
       "path": [
         "line-height",
         "42"
@@ -4075,19 +4035,14 @@
     "44": {
       "$value": "2.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "44px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_44",
+      "attributes": {},
       "path": [
         "line-height",
         "44"
@@ -4096,19 +4051,14 @@
     "52": {
       "$value": "3.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "52px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "3.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_52",
+      "attributes": {},
       "path": [
         "line-height",
         "52"
@@ -12420,7 +12370,7 @@
       },
       "width": {
         "default": {
-          "$value": "0.09375rem",
+          "$value": "1.5",
           "$type": "dimension",
           "$description": "Default stroke width to define shape and provide essential detail.",
           "filePath": "src/tokens/contextual/illustration.tokens.json",
@@ -12808,7 +12758,7 @@
         },
         "width": {
           "default": {
-            "$value": "0.09375rem",
+            "$value": "1.5",
             "$type": "dimension",
             "$description": "Default stroke width to define shape and provide essential detail in isometric illustration.",
             "filePath": "src/tokens/contextual/illustration.tokens.json",

package/dist/tokens/json/tokens.json

@@ -3907,19 +3907,14 @@
     "12": {
       "$value": "0.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "12px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "0.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_12",
+      "attributes": {},
       "path": [
         "line-height",
         "12"
@@ -3928,19 +3923,14 @@
     "16": {
       "$value": "1rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "16px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_16",
+      "attributes": {},
       "path": [
         "line-height",
         "16"
@@ -3949,19 +3939,14 @@
     "20": {
       "$value": "1.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "20px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_20",
+      "attributes": {},
       "path": [
         "line-height",
         "20"
@@ -3970,19 +3955,14 @@
     "24": {
       "$value": "1.5rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "24px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.5rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_24",
+      "attributes": {},
       "path": [
         "line-height",
         "24"
@@ -3991,19 +3971,14 @@
     "28": {
       "$value": "1.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "28px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "1.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_28",
+      "attributes": {},
       "path": [
         "line-height",
         "28"
@@ -4012,19 +3987,14 @@
     "32": {
       "$value": "2rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "32px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_32",
+      "attributes": {},
       "path": [
         "line-height",
         "32"
@@ -4033,19 +4003,14 @@
     "36": {
       "$value": "2.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "36px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_36",
+      "attributes": {},
       "path": [
         "line-height",
         "36"
@@ -4054,19 +4019,14 @@
     "42": {
       "$value": "2.625rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "42px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.625rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_42",
+      "attributes": {},
       "path": [
         "line-height",
         "42"
@@ -4075,19 +4035,14 @@
     "44": {
       "$value": "2.75rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "44px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "2.75rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_44",
+      "attributes": {},
       "path": [
         "line-height",
         "44"
@@ -4096,19 +4051,14 @@
     "52": {
       "$value": "3.25rem",
       "$type": "dimension",
-      "attributes": {
-        "category": "size"
-      },
       "filePath": "src/tokens/constant/line_height.tokens.json",
       "isSource": true,
       "original": {
-        "$value": "52px",
-        "$type": "dimension",
-        "attributes": {
-          "category": "size"
-        }
+        "$value": "3.25rem",
+        "$type": "dimension"
       },
       "name": "LINE_HEIGHT_52",
+      "attributes": {},
       "path": [
         "line-height",
         "52"
@@ -12420,7 +12370,7 @@
       },
       "width": {
         "default": {
-          "$value": "0.125rem",
+          "$value": "2",
           "$type": "dimension",
           "$description": "Default stroke width to define shape and provide essential detail.",
           "filePath": "src/tokens/contextual/illustration.tokens.json",
@@ -12808,7 +12758,7 @@
         },
         "width": {
           "default": {
-            "$value": "0.125rem",
+            "$value": "2",
             "$type": "dimension",
             "$description": "Default stroke width to define shape and provide essential detail in isometric illustration.",
             "filePath": "src/tokens/contextual/illustration.tokens.json",

package/dist/tokens/scss/_tokens.dark.scss

@@ -245,7 +245,7 @@ $gl-avatar-fallback-background-color-orange: #e9be743d; // Orange background for
 $gl-avatar-fallback-background-color-neutral: #bfbfc33d; // Neutral background for avatar fallback with no particular meaning.
 $gl-chart-threshold-area-color: rgba(221,43,14,0.1); // Used in charts to delineate a threshold area in a chart.
 $gl-illustration-stroke-color-default: #e3e3e8; // Default stroke color to define shape and provide essential detail.
-$gl-illustration-stroke-width-default: 0.09375rem; // Default stroke width to define shape and provide essential detail.
+$gl-illustration-stroke-width-default: 1.5; // Default stroke width to define shape and provide essential detail.
 $gl-illustration-fill-color-default: #423f4f; // Default fill color for an element where specific meaning or emphasis is not required.
 $gl-illustration-status-fill-color-neutral: #6f6796; // Used as a fill to convey a concept which is neither positive or negative.
 $gl-illustration-status-fill-color-success: #3b8581; // Used as a fill to convey a success or active concept, has a positive connotation.
@@ -260,7 +260,7 @@ $gl-illustration-accent-fill-color-orange: #aa563a; // Used to add orange to a s
 $gl-illustration-accent-fill-color-teal: #3b8581; // Used to add teal to a secondary element and supporting surface.
 $gl-illustration-base-fill-color: #32303c; // Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.
 $gl-illustration-isometric-stroke-color-default: #e3e3e8; // Default stroke color to define shape and provide essential detail in isometric illustration.
-$gl-illustration-isometric-stroke-width-default: 0.09375rem; // Default stroke width to define shape and provide essential detail in isometric illustration.
+$gl-illustration-isometric-stroke-width-default: 1.5; // Default stroke width to define shape and provide essential detail in isometric illustration.
 $gl-illustration-isometric-glyph-top-fill-color: #5a566c; // Used for the top face of isometric text and number elements.
 $gl-illustration-isometric-glyph-front-fill-color: #423f4f; // Used for the front face of isometric text and number elements.
 $gl-illustration-isometric-glyph-side-fill-color: #373441; // Used for the side face of isometric text and number elements.

package/dist/tokens/scss/_tokens.scss

@@ -245,7 +245,7 @@ $gl-avatar-fallback-background-color-orange: #e9be743d; // Orange background for
 $gl-avatar-fallback-background-color-neutral: #bfbfc33d; // Neutral background for avatar fallback with no particular meaning.
 $gl-chart-threshold-area-color: rgba(221,43,14,0.1); // Used in charts to delineate a threshold area in a chart.
 $gl-illustration-stroke-color-default: #171321; // Default stroke color to define shape and provide essential detail.
-$gl-illustration-stroke-width-default: 0.125rem; // Default stroke width to define shape and provide essential detail.
+$gl-illustration-stroke-width-default: 2; // Default stroke width to define shape and provide essential detail.
 $gl-illustration-fill-color-default: #fff; // Default fill color for an element where specific meaning or emphasis is not required.
 $gl-illustration-status-fill-color-neutral: #aea5d6; // Used as a fill to convey a concept which is neither positive or negative.
 $gl-illustration-status-fill-color-success: #6fdac9; // Used as a fill to convey a success or active concept, has a positive connotation.
@@ -260,7 +260,7 @@ $gl-illustration-accent-fill-color-orange: #ff9d73; // Used to add orange to a s
 $gl-illustration-accent-fill-color-teal: #6fdac9; // Used to add teal to a secondary element and supporting surface.
 $gl-illustration-base-fill-color: #e7e4f2; // Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.
 $gl-illustration-isometric-stroke-color-default: #171321; // Default stroke color to define shape and provide essential detail in isometric illustration.
-$gl-illustration-isometric-stroke-width-default: 0.125rem; // Default stroke width to define shape and provide essential detail in isometric illustration.
+$gl-illustration-isometric-stroke-width-default: 2; // Default stroke width to define shape and provide essential detail in isometric illustration.
 $gl-illustration-isometric-glyph-top-fill-color: #c5f4ec; // Used for the top face of isometric text and number elements.
 $gl-illustration-isometric-glyph-front-fill-color: #fff; // Used for the front face of isometric text and number elements.
 $gl-illustration-isometric-glyph-side-fill-color: #6fdac9; // Used for the side face of isometric text and number elements.

package/dist/tokens/tokens_story.js

@@ -73,7 +73,7 @@ var __vue_staticRenderFns__ = [];
   
 
   
-  const __vue_component__ = __vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,