@gitlab/ui 124.4.3 → 126.0.0

package/src/tokens/build/figma/constants.tokens.json

@@ -2064,6 +2064,186 @@
       }
     }
   },
+  "heading": {
+    "scale": {
+      "100": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.100}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "200": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.200}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "300": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.300}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "400": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.400}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "500": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.500}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "600": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.600}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "700": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.700}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "800": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.800}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": 1.125,
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "100-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.100-fixed}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "200-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.200-fixed}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "300-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.300-fixed}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "400-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.400-fixed}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "500-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.500-fixed}",
+          "letterSpacing": "inherit",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "600-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.600-fixed}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "700-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.700-fixed}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": "{line-height.heading}",
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      },
+      "800-fixed": {
+        "$value": {
+          "fontWeight": "{font.weight.heading}",
+          "marginTop": "{heading.default.margin.top}",
+          "fontSize": "{font.size.800-fixed}",
+          "letterSpacing": "{letter-spacing.heading}",
+          "lineHeight": 1.125,
+          "color": "{text.color.heading}"
+        },
+        "$type": "typography"
+      }
+    }
+  },
   "line-height": {
     "12": {
       "$value": {

package/src/tokens/build/figma/semantic.tokens.json

@@ -1824,6 +1824,193 @@
           ]
         }
       }
+    },
+    "weight": {
+      "heading": {
+        "$value": "{font.weight.bold}",
+        "$type": "fontWeight",
+        "$extensions": {
+          "com.figma.scope": [
+            "FONT_WEIGHT"
+          ]
+        }
+      }
+    }
+  },
+  "heading": {
+    "1": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.700}",
+        "letterSpacing": "{letter-spacing.heading}",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "2": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.600}",
+        "letterSpacing": "{letter-spacing.heading}",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "3": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.500}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "4": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.400}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "5": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.300}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "6": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.200}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "default": {
+      "margin": {
+        "top": {
+          "$value": 0,
+          "$type": "dimension",
+          "$extensions": {
+            "com.figma.scope": []
+          }
+        },
+        "bottom": {
+          "$value": "{spacing-scale.5}",
+          "$type": "dimension",
+          "$extensions": {
+            "com.figma.scope": []
+          }
+        }
+      }
+    },
+    "display": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.800}",
+        "letterSpacing": "{letter-spacing.heading}",
+        "lineHeight": 1.125,
+        "marginBottom": "{spacing-scale.6}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "1-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.700-fixed}",
+        "letterSpacing": "{letter-spacing.heading}",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "2-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.600-fixed}",
+        "letterSpacing": "{letter-spacing.heading}",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "3-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.500-fixed}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "4-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.400-fixed}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "5-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.300-fixed}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
+    },
+    "6-fixed": {
+      "$value": {
+        "fontWeight": "{font.weight.heading}",
+        "marginTop": "{heading.default.margin.top}",
+        "fontSize": "{font.size.200-fixed}",
+        "letterSpacing": "inherit",
+        "lineHeight": "{line-height.heading}",
+        "marginBottom": "{heading.default.margin.bottom}",
+        "color": "{text.color.heading}"
+      },
+      "$type": "typography"
     }
   },
   "highlight": {
@@ -2000,6 +2187,28 @@
       }
     }
   },
+  "letter-spacing": {
+    "heading": {
+      "$value": "-0.01em",
+      "$type": "dimension",
+      "$extensions": {
+        "com.figma.scope": [
+          "LETTER_SPACING"
+        ]
+      }
+    }
+  },
+  "line-height": {
+    "heading": {
+      "$value": 1.25,
+      "$type": "number",
+      "$extensions": {
+        "com.figma.scope": [
+          "LINE_HEIGHT"
+        ]
+      }
+    }
+  },
   "shadow": {
     "color": {
       "default": {

package/src/tokens/build/js/tokens.dark.js

@@ -298,6 +298,9 @@ export const GL_FONT_WEIGHT_300 = '300';
 export const GL_FONT_WEIGHT_NORMAL = '400';
 export const GL_FONT_WEIGHT_SEMIBOLD = '500';
 export const GL_FONT_WEIGHT_BOLD = '600';
+export const GL_FONT_WEIGHT_HEADING = '600';
+export const GL_HEADING_DEFAULT_MARGIN_TOP = 0;
+export const GL_HEADING_DEFAULT_MARGIN_BOTTOM = '1rem';
 export const GL_LINE_HEIGHT_12 = '0.75rem';
 export const GL_LINE_HEIGHT_16 = '1rem';
 export const GL_LINE_HEIGHT_20 = '1.25rem';
@@ -308,6 +311,7 @@ export const GL_LINE_HEIGHT_36 = '2.25rem';
 export const GL_LINE_HEIGHT_42 = '2.625rem';
 export const GL_LINE_HEIGHT_44 = '2.75rem';
 export const GL_LINE_HEIGHT_52 = '3.25rem';
+export const GL_LINE_HEIGHT_HEADING = 1.25;
 export const GL_OPACITY_0 = '0';
 export const GL_OPACITY_1 = '.1';
 export const GL_OPACITY_2 = '.2';
@@ -1208,6 +1212,7 @@ export const GL_ICON_COLOR_INFO = '#9dc7f1';
 export const GL_ICON_COLOR_WARNING = '#d99530';
 export const GL_ICON_COLOR_DANGER = '#f6806d';
 export const GL_ICON_COLOR_SUCCESS = '#52b87a';
+export const GL_LETTER_SPACING_HEADING = '-0.01em';
 export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383f';
 export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#bfbfc3';
 export const GL_STATUS_NEUTRAL_ICON_COLOR = '#a4a3a8';
@@ -1238,3 +1243,196 @@ export const GL_TEXT_COLOR_WARNING = '#d99530';
 export const GL_TEXT_COLOR_DANGER = '#f6806d';
 export const GL_TEXT_COLOR_SUCCESS = '#52b87a';
 export const GL_TEXT_COLOR_DISABLED = '#89888d';
+export const GL_HEADING_1_FONT_WEIGHT = '600';
+export const GL_HEADING_1_MARGIN_TOP = 0;
+export const GL_HEADING_1_FONT_SIZE = 'clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)';
+export const GL_HEADING_1_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_1_LINE_HEIGHT = 1.25;
+export const GL_HEADING_1_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_1_COLOR = '#fff';
+export const GL_HEADING_2_FONT_WEIGHT = '600';
+export const GL_HEADING_2_MARGIN_TOP = 0;
+export const GL_HEADING_2_FONT_SIZE =
+  'clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)';
+export const GL_HEADING_2_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_2_LINE_HEIGHT = 1.25;
+export const GL_HEADING_2_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_2_COLOR = '#fff';
+export const GL_HEADING_3_FONT_WEIGHT = '600';
+export const GL_HEADING_3_MARGIN_TOP = 0;
+export const GL_HEADING_3_FONT_SIZE = 'clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)';
+export const GL_HEADING_3_LETTER_SPACING = 'inherit';
+export const GL_HEADING_3_LINE_HEIGHT = 1.25;
+export const GL_HEADING_3_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_3_COLOR = '#fff';
+export const GL_HEADING_4_FONT_WEIGHT = '600';
+export const GL_HEADING_4_MARGIN_TOP = 0;
+export const GL_HEADING_4_FONT_SIZE = '1rem';
+export const GL_HEADING_4_LETTER_SPACING = 'inherit';
+export const GL_HEADING_4_LINE_HEIGHT = 1.25;
+export const GL_HEADING_4_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_4_COLOR = '#fff';
+export const GL_HEADING_5_FONT_WEIGHT = '600';
+export const GL_HEADING_5_MARGIN_TOP = 0;
+export const GL_HEADING_5_FONT_SIZE = '0.875rem';
+export const GL_HEADING_5_LETTER_SPACING = 'inherit';
+export const GL_HEADING_5_LINE_HEIGHT = 1.25;
+export const GL_HEADING_5_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_5_COLOR = '#fff';
+export const GL_HEADING_6_FONT_WEIGHT = '600';
+export const GL_HEADING_6_MARGIN_TOP = 0;
+export const GL_HEADING_6_FONT_SIZE = '0.8125rem';
+export const GL_HEADING_6_LETTER_SPACING = 'inherit';
+export const GL_HEADING_6_LINE_HEIGHT = 1.25;
+export const GL_HEADING_6_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_6_COLOR = '#fff';
+export const GL_HEADING_SCALE_100_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_100_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_100_FONT_SIZE = '0.75rem';
+export const GL_HEADING_SCALE_100_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_100_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_100_COLOR = '#fff';
+export const GL_HEADING_SCALE_200_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_200_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_200_FONT_SIZE = '0.8125rem';
+export const GL_HEADING_SCALE_200_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_200_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_200_COLOR = '#fff';
+export const GL_HEADING_SCALE_300_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_300_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_300_FONT_SIZE = '0.875rem';
+export const GL_HEADING_SCALE_300_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_300_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_300_COLOR = '#fff';
+export const GL_HEADING_SCALE_400_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_400_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_400_FONT_SIZE = '1rem';
+export const GL_HEADING_SCALE_400_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_400_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_400_COLOR = '#fff';
+export const GL_HEADING_SCALE_500_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_500_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_500_FONT_SIZE =
+  'clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)';
+export const GL_HEADING_SCALE_500_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_500_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_500_COLOR = '#fff';
+export const GL_HEADING_SCALE_600_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_600_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_600_FONT_SIZE =
+  'clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)';
+export const GL_HEADING_SCALE_600_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_600_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_600_COLOR = '#fff';
+export const GL_HEADING_SCALE_700_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_700_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_700_FONT_SIZE =
+  'clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)';
+export const GL_HEADING_SCALE_700_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_700_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_700_COLOR = '#fff';
+export const GL_HEADING_SCALE_800_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_800_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_800_FONT_SIZE =
+  'clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)';
+export const GL_HEADING_SCALE_800_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_800_LINE_HEIGHT = 1.125;
+export const GL_HEADING_SCALE_800_COLOR = '#fff';
+export const GL_HEADING_SCALE_100_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_100_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_100_FIXED_FONT_SIZE = '0.75rem';
+export const GL_HEADING_SCALE_100_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_100_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_100_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_200_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_200_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_200_FIXED_FONT_SIZE = '0.8125rem';
+export const GL_HEADING_SCALE_200_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_200_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_200_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_300_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_300_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_300_FIXED_FONT_SIZE = '0.875rem';
+export const GL_HEADING_SCALE_300_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_300_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_300_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_400_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_400_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_400_FIXED_FONT_SIZE = '1rem';
+export const GL_HEADING_SCALE_400_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_400_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_400_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_500_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_500_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_500_FIXED_FONT_SIZE = '1.125rem';
+export const GL_HEADING_SCALE_500_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_SCALE_500_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_500_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_600_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_600_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_600_FIXED_FONT_SIZE = '1.3125rem';
+export const GL_HEADING_SCALE_600_FIXED_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_600_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_600_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_700_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_700_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_700_FIXED_FONT_SIZE = '1.5rem';
+export const GL_HEADING_SCALE_700_FIXED_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_700_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_SCALE_700_FIXED_COLOR = '#fff';
+export const GL_HEADING_SCALE_800_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_SCALE_800_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_SCALE_800_FIXED_FONT_SIZE = '1.75rem';
+export const GL_HEADING_SCALE_800_FIXED_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_SCALE_800_FIXED_LINE_HEIGHT = 1.125;
+export const GL_HEADING_SCALE_800_FIXED_COLOR = '#fff';
+export const GL_HEADING_DISPLAY_FONT_WEIGHT = '600';
+export const GL_HEADING_DISPLAY_MARGIN_TOP = 0;
+export const GL_HEADING_DISPLAY_FONT_SIZE =
+  'clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)';
+export const GL_HEADING_DISPLAY_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_DISPLAY_LINE_HEIGHT = 1.125;
+export const GL_HEADING_DISPLAY_MARGIN_BOTTOM = '1.5rem';
+export const GL_HEADING_DISPLAY_COLOR = '#fff';
+export const GL_HEADING_1_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_1_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_1_FIXED_FONT_SIZE = '1.5rem';
+export const GL_HEADING_1_FIXED_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_1_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_1_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_1_FIXED_COLOR = '#fff';
+export const GL_HEADING_2_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_2_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_2_FIXED_FONT_SIZE = '1.3125rem';
+export const GL_HEADING_2_FIXED_LETTER_SPACING = '-0.01em';
+export const GL_HEADING_2_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_2_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_2_FIXED_COLOR = '#fff';
+export const GL_HEADING_3_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_3_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_3_FIXED_FONT_SIZE = '1.125rem';
+export const GL_HEADING_3_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_3_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_3_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_3_FIXED_COLOR = '#fff';
+export const GL_HEADING_4_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_4_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_4_FIXED_FONT_SIZE = '1rem';
+export const GL_HEADING_4_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_4_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_4_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_4_FIXED_COLOR = '#fff';
+export const GL_HEADING_5_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_5_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_5_FIXED_FONT_SIZE = '0.875rem';
+export const GL_HEADING_5_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_5_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_5_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_5_FIXED_COLOR = '#fff';
+export const GL_HEADING_6_FIXED_FONT_WEIGHT = '600';
+export const GL_HEADING_6_FIXED_MARGIN_TOP = 0;
+export const GL_HEADING_6_FIXED_FONT_SIZE = '0.8125rem';
+export const GL_HEADING_6_FIXED_LETTER_SPACING = 'inherit';
+export const GL_HEADING_6_FIXED_LINE_HEIGHT = 1.25;
+export const GL_HEADING_6_FIXED_MARGIN_BOTTOM = '1rem';
+export const GL_HEADING_6_FIXED_COLOR = '#fff';