@gitlab/ui 125.0.0 → 126.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/base/form/form_select/form_select.js +1 -9
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tailwind.css +1 -1
  5. package/dist/tailwind.css.map +1 -1
  6. package/dist/tokens/build/js/tokens.dark.js +193 -1
  7. package/dist/tokens/build/js/tokens.js +193 -1
  8. package/package.json +3 -8
  9. package/src/components/base/form/form_select/form_select.vue +1 -15
  10. package/src/tokens/build/css/tokens.css +192 -0
  11. package/src/tokens/build/css/tokens.dark.css +192 -0
  12. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +59 -0
  13. package/src/tokens/build/docs/tokens-tailwind-docs.json +59 -0
  14. package/src/tokens/build/figma/constants.tokens.json +180 -0
  15. package/src/tokens/build/figma/semantic.tokens.json +209 -0
  16. package/src/tokens/build/js/tokens.dark.js +198 -0
  17. package/src/tokens/build/js/tokens.js +198 -0
  18. package/src/tokens/build/json/tokens.dark.json +1117 -0
  19. package/src/tokens/build/json/tokens.json +1117 -0
  20. package/src/tokens/build/scss/_tokens.dark.scss +192 -0
  21. package/src/tokens/build/scss/_tokens.scss +192 -0
  22. package/src/tokens/build/scss/_tokens_custom_properties.scss +192 -0
  23. package/src/tokens/build/tailwind/components.cjs +253 -0
  24. package/src/tokens/build/tailwind/tokens.cjs +2 -0
  25. package/src/tokens/constant/heading.tokens.json +182 -0
  26. package/src/tokens/semantic/font.tokens.json +11 -0
  27. package/src/tokens/semantic/heading.tokens.json +178 -0
  28. package/src/tokens/semantic/letter_spacing.tokens.json +13 -0
  29. package/src/tokens/semantic/line_height.tokens.json +13 -0
  30. package/tailwind.defaults.js +2 -253
  31. package/bin/migrate_custom_utils_to_tw.bundled.mjs +0 -205443
  32. package/dist/tokens/css/tokens.css +0 -1156
  33. package/dist/tokens/css/tokens.dark.css +0 -1156
  34. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +0 -42846
  35. package/dist/tokens/docs/tokens-tailwind-docs.json +0 -42846
  36. package/dist/tokens/figma/constants.tokens.json +0 -2756
  37. package/dist/tokens/figma/contextual.tokens.json +0 -5929
  38. package/dist/tokens/figma/deprecated.tokens.json +0 -2899
  39. package/dist/tokens/figma/semantic.tokens.json +0 -2479
  40. package/dist/tokens/js/tokens.dark.js +0 -1286
  41. package/dist/tokens/js/tokens.js +0 -1275
  42. package/dist/tokens/json/tokens.dark.json +0 -36934
  43. package/dist/tokens/json/tokens.json +0 -36934
  44. package/dist/tokens/scss/_tokens.dark.scss +0 -1153
  45. package/dist/tokens/scss/_tokens.scss +0 -1153
  46. package/dist/tokens/scss/_tokens_custom_properties.scss +0 -1154
  47. package/dist/tokens/tailwind/tokens.cjs +0 -558
package/src/tokens/build/css/tokens.css CHANGED
@@ -254,6 +254,7 @@
254
254
  --gl-font-weight-normal: 400;
255
255
  --gl-font-weight-semibold: 500;
256
256
  --gl-font-weight-bold: 600;
257
+ --gl-heading-default-margin-top: 0;
257
258
  --gl-line-height-12: 0.75rem;
258
259
  --gl-line-height-16: 1rem;
259
260
  --gl-line-height-20: 1.25rem;
@@ -264,6 +265,7 @@
264
265
  --gl-line-height-42: 2.625rem;
265
266
  --gl-line-height-44: 2.75rem;
266
267
  --gl-line-height-52: 3.25rem;
268
+ --gl-line-height-heading: 1.25;
267
269
  --gl-opacity-0: 0;
268
270
  --gl-opacity-1: .1;
269
271
  --gl-opacity-2: .2;
@@ -582,9 +584,31 @@
582
584
  --gl-action-danger-background-color-default: rgba(245, 127, 108, 0.0); /** Used for the background of a danger (destructive) action in the default state. */
583
585
  --gl-action-danger-background-color-hover: rgba(245, 127, 108, 0.16); /** Used for the background of a danger (destructive) action in the hover state. */
584
586
  --gl-action-danger-background-color-active: rgba(174, 24, 0, 0.24); /** Used for the background of a danger (destructive) action in the active state. */
587
+ --gl-letter-spacing-heading: -0.01em;
585
588
  --gl-text-primary: #28272d; /** Use text.color.default instead. */
586
589
  --gl-text-secondary: #737278; /** Use text.color.subtle instead. */
587
590
  --gl-text-tertiary: #89888d; /** Use text.color.disabled instead. */
591
+ --gl-heading-3-letter-spacing: inherit;
592
+ --gl-heading-4-letter-spacing: inherit;
593
+ --gl-heading-5-letter-spacing: inherit;
594
+ --gl-heading-6-letter-spacing: inherit;
595
+ --gl-heading-scale-100-letter-spacing: inherit;
596
+ --gl-heading-scale-200-letter-spacing: inherit;
597
+ --gl-heading-scale-300-letter-spacing: inherit;
598
+ --gl-heading-scale-400-letter-spacing: inherit;
599
+ --gl-heading-scale-500-letter-spacing: inherit;
600
+ --gl-heading-scale-800-line-height: 1.125;
601
+ --gl-heading-scale-100-fixed-letter-spacing: inherit;
602
+ --gl-heading-scale-200-fixed-letter-spacing: inherit;
603
+ --gl-heading-scale-300-fixed-letter-spacing: inherit;
604
+ --gl-heading-scale-400-fixed-letter-spacing: inherit;
605
+ --gl-heading-scale-500-fixed-letter-spacing: inherit;
606
+ --gl-heading-scale-800-fixed-line-height: 1.125;
607
+ --gl-heading-display-line-height: 1.125;
608
+ --gl-heading-3-fixed-letter-spacing: inherit;
609
+ --gl-heading-4-fixed-letter-spacing: inherit;
610
+ --gl-heading-5-fixed-letter-spacing: inherit;
611
+ --gl-heading-6-fixed-letter-spacing: inherit;
588
612
  --gl-border-color-transparent: var(--gl-color-alpha-0); /** Used when a border needs to be present, but not visibly perceived. */
589
613
  --gl-border-color-default: var(--gl-color-neutral-100); /** Used for the default border color. */
590
614
  --gl-border-color-subtle: var(--gl-color-neutral-50); /** Used for a subtle border in combination with the default background. */
@@ -600,6 +624,8 @@
600
624
  --gl-font-size-sm: var(--gl-font-size-100);
601
625
  --gl-font-size-md: var(--gl-font-size-300);
602
626
  --gl-font-size-lg: var(--gl-font-size-400);
627
+ --gl-font-weight-heading: var(--gl-font-weight-bold);
628
+ --gl-heading-default-margin-bottom: var(--gl-spacing-scale-5);
603
629
  --gl-shadow-color-default: var(--gl-color-alpha-dark-16); /** Used for the default shadow color. */
604
630
  --gl-alert-neutral-border-top-color: var(--gl-color-alpha-0); /** Used for the border center color of a neutral alert. */
605
631
  --gl-alert-neutral-border-bottom-color: var(--gl-color-alpha-0); /** Used for the border bottom color of a neutral alert. */
@@ -951,6 +977,102 @@
951
977
  --gl-text-color-danger: var(--gl-color-red-600); /** Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
952
978
  --gl-text-color-success: var(--gl-color-green-600); /** Used for text indicating success, completion, approval, addition, or validity. */
953
979
  --gl-text-color-disabled: var(--gl-color-neutral-400); /** Used for disabled text. */
980
+ --gl-heading-1-margin-top: var(--gl-heading-default-margin-top);
981
+ --gl-heading-1-font-size: var(--gl-font-size-700);
982
+ --gl-heading-1-letter-spacing: var(--gl-letter-spacing-heading);
983
+ --gl-heading-1-line-height: var(--gl-line-height-heading);
984
+ --gl-heading-2-margin-top: var(--gl-heading-default-margin-top);
985
+ --gl-heading-2-font-size: var(--gl-font-size-600);
986
+ --gl-heading-2-letter-spacing: var(--gl-letter-spacing-heading);
987
+ --gl-heading-2-line-height: var(--gl-line-height-heading);
988
+ --gl-heading-3-margin-top: var(--gl-heading-default-margin-top);
989
+ --gl-heading-3-font-size: var(--gl-font-size-500);
990
+ --gl-heading-3-line-height: var(--gl-line-height-heading);
991
+ --gl-heading-4-margin-top: var(--gl-heading-default-margin-top);
992
+ --gl-heading-4-font-size: var(--gl-font-size-400);
993
+ --gl-heading-4-line-height: var(--gl-line-height-heading);
994
+ --gl-heading-5-margin-top: var(--gl-heading-default-margin-top);
995
+ --gl-heading-5-font-size: var(--gl-font-size-300);
996
+ --gl-heading-5-line-height: var(--gl-line-height-heading);
997
+ --gl-heading-6-margin-top: var(--gl-heading-default-margin-top);
998
+ --gl-heading-6-font-size: var(--gl-font-size-200);
999
+ --gl-heading-6-line-height: var(--gl-line-height-heading);
1000
+ --gl-heading-scale-100-margin-top: var(--gl-heading-default-margin-top);
1001
+ --gl-heading-scale-100-font-size: var(--gl-font-size-100);
1002
+ --gl-heading-scale-100-line-height: var(--gl-line-height-heading);
1003
+ --gl-heading-scale-200-margin-top: var(--gl-heading-default-margin-top);
1004
+ --gl-heading-scale-200-font-size: var(--gl-font-size-200);
1005
+ --gl-heading-scale-200-line-height: var(--gl-line-height-heading);
1006
+ --gl-heading-scale-300-margin-top: var(--gl-heading-default-margin-top);
1007
+ --gl-heading-scale-300-font-size: var(--gl-font-size-300);
1008
+ --gl-heading-scale-300-line-height: var(--gl-line-height-heading);
1009
+ --gl-heading-scale-400-margin-top: var(--gl-heading-default-margin-top);
1010
+ --gl-heading-scale-400-font-size: var(--gl-font-size-400);
1011
+ --gl-heading-scale-400-line-height: var(--gl-line-height-heading);
1012
+ --gl-heading-scale-500-margin-top: var(--gl-heading-default-margin-top);
1013
+ --gl-heading-scale-500-font-size: var(--gl-font-size-500);
1014
+ --gl-heading-scale-500-line-height: var(--gl-line-height-heading);
1015
+ --gl-heading-scale-600-margin-top: var(--gl-heading-default-margin-top);
1016
+ --gl-heading-scale-600-font-size: var(--gl-font-size-600);
1017
+ --gl-heading-scale-600-letter-spacing: var(--gl-letter-spacing-heading);
1018
+ --gl-heading-scale-600-line-height: var(--gl-line-height-heading);
1019
+ --gl-heading-scale-700-margin-top: var(--gl-heading-default-margin-top);
1020
+ --gl-heading-scale-700-font-size: var(--gl-font-size-700);
1021
+ --gl-heading-scale-700-letter-spacing: var(--gl-letter-spacing-heading);
1022
+ --gl-heading-scale-700-line-height: var(--gl-line-height-heading);
1023
+ --gl-heading-scale-800-margin-top: var(--gl-heading-default-margin-top);
1024
+ --gl-heading-scale-800-font-size: var(--gl-font-size-800);
1025
+ --gl-heading-scale-800-letter-spacing: var(--gl-letter-spacing-heading);
1026
+ --gl-heading-scale-100-fixed-margin-top: var(--gl-heading-default-margin-top);
1027
+ --gl-heading-scale-100-fixed-font-size: var(--gl-font-size-100-fixed);
1028
+ --gl-heading-scale-100-fixed-line-height: var(--gl-line-height-heading);
1029
+ --gl-heading-scale-200-fixed-margin-top: var(--gl-heading-default-margin-top);
1030
+ --gl-heading-scale-200-fixed-font-size: var(--gl-font-size-200-fixed);
1031
+ --gl-heading-scale-200-fixed-line-height: var(--gl-line-height-heading);
1032
+ --gl-heading-scale-300-fixed-margin-top: var(--gl-heading-default-margin-top);
1033
+ --gl-heading-scale-300-fixed-font-size: var(--gl-font-size-300-fixed);
1034
+ --gl-heading-scale-300-fixed-line-height: var(--gl-line-height-heading);
1035
+ --gl-heading-scale-400-fixed-margin-top: var(--gl-heading-default-margin-top);
1036
+ --gl-heading-scale-400-fixed-font-size: var(--gl-font-size-400-fixed);
1037
+ --gl-heading-scale-400-fixed-line-height: var(--gl-line-height-heading);
1038
+ --gl-heading-scale-500-fixed-margin-top: var(--gl-heading-default-margin-top);
1039
+ --gl-heading-scale-500-fixed-font-size: var(--gl-font-size-500-fixed);
1040
+ --gl-heading-scale-500-fixed-line-height: var(--gl-line-height-heading);
1041
+ --gl-heading-scale-600-fixed-margin-top: var(--gl-heading-default-margin-top);
1042
+ --gl-heading-scale-600-fixed-font-size: var(--gl-font-size-600-fixed);
1043
+ --gl-heading-scale-600-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1044
+ --gl-heading-scale-600-fixed-line-height: var(--gl-line-height-heading);
1045
+ --gl-heading-scale-700-fixed-margin-top: var(--gl-heading-default-margin-top);
1046
+ --gl-heading-scale-700-fixed-font-size: var(--gl-font-size-700-fixed);
1047
+ --gl-heading-scale-700-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1048
+ --gl-heading-scale-700-fixed-line-height: var(--gl-line-height-heading);
1049
+ --gl-heading-scale-800-fixed-margin-top: var(--gl-heading-default-margin-top);
1050
+ --gl-heading-scale-800-fixed-font-size: var(--gl-font-size-800-fixed);
1051
+ --gl-heading-scale-800-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1052
+ --gl-heading-display-margin-top: var(--gl-heading-default-margin-top);
1053
+ --gl-heading-display-font-size: var(--gl-font-size-800);
1054
+ --gl-heading-display-letter-spacing: var(--gl-letter-spacing-heading);
1055
+ --gl-heading-display-margin-bottom: var(--gl-spacing-scale-6);
1056
+ --gl-heading-1-fixed-margin-top: var(--gl-heading-default-margin-top);
1057
+ --gl-heading-1-fixed-font-size: var(--gl-font-size-700-fixed);
1058
+ --gl-heading-1-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1059
+ --gl-heading-1-fixed-line-height: var(--gl-line-height-heading);
1060
+ --gl-heading-2-fixed-margin-top: var(--gl-heading-default-margin-top);
1061
+ --gl-heading-2-fixed-font-size: var(--gl-font-size-600-fixed);
1062
+ --gl-heading-2-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1063
+ --gl-heading-2-fixed-line-height: var(--gl-line-height-heading);
1064
+ --gl-heading-3-fixed-margin-top: var(--gl-heading-default-margin-top);
1065
+ --gl-heading-3-fixed-font-size: var(--gl-font-size-500-fixed);
1066
+ --gl-heading-3-fixed-line-height: var(--gl-line-height-heading);
1067
+ --gl-heading-4-fixed-margin-top: var(--gl-heading-default-margin-top);
1068
+ --gl-heading-4-fixed-font-size: var(--gl-font-size-400-fixed);
1069
+ --gl-heading-4-fixed-line-height: var(--gl-line-height-heading);
1070
+ --gl-heading-5-fixed-margin-top: var(--gl-heading-default-margin-top);
1071
+ --gl-heading-5-fixed-font-size: var(--gl-font-size-300-fixed);
1072
+ --gl-heading-5-fixed-line-height: var(--gl-line-height-heading);
1073
+ --gl-heading-6-fixed-margin-top: var(--gl-heading-default-margin-top);
1074
+ --gl-heading-6-fixed-font-size: var(--gl-font-size-200-fixed);
1075
+ --gl-heading-6-fixed-line-height: var(--gl-line-height-heading);
954
1076
  --gl-border-color-section: var(--gl-border-color-default); /** Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page. */
955
1077
  --gl-border-radius-default: var(--gl-border-radius-md);
956
1078
  --gl-font-size-base: var(--gl-font-size-md);
@@ -1100,6 +1222,76 @@
1100
1222
  --gl-icon-color-warning: var(--gl-text-color-warning); /** Used for an icon associated with a warning. */
1101
1223
  --gl-icon-color-danger: var(--gl-text-color-danger); /** Used for an icon associated with an error or danger. */
1102
1224
  --gl-icon-color-success: var(--gl-text-color-success); /** Used for an icon associated with success or validity. */
1225
+ --gl-heading-1-font-weight: var(--gl-font-weight-heading);
1226
+ --gl-heading-1-margin-bottom: var(--gl-heading-default-margin-bottom);
1227
+ --gl-heading-1-color: var(--gl-text-color-heading);
1228
+ --gl-heading-2-font-weight: var(--gl-font-weight-heading);
1229
+ --gl-heading-2-margin-bottom: var(--gl-heading-default-margin-bottom);
1230
+ --gl-heading-2-color: var(--gl-text-color-heading);
1231
+ --gl-heading-3-font-weight: var(--gl-font-weight-heading);
1232
+ --gl-heading-3-margin-bottom: var(--gl-heading-default-margin-bottom);
1233
+ --gl-heading-3-color: var(--gl-text-color-heading);
1234
+ --gl-heading-4-font-weight: var(--gl-font-weight-heading);
1235
+ --gl-heading-4-margin-bottom: var(--gl-heading-default-margin-bottom);
1236
+ --gl-heading-4-color: var(--gl-text-color-heading);
1237
+ --gl-heading-5-font-weight: var(--gl-font-weight-heading);
1238
+ --gl-heading-5-margin-bottom: var(--gl-heading-default-margin-bottom);
1239
+ --gl-heading-5-color: var(--gl-text-color-heading);
1240
+ --gl-heading-6-font-weight: var(--gl-font-weight-heading);
1241
+ --gl-heading-6-margin-bottom: var(--gl-heading-default-margin-bottom);
1242
+ --gl-heading-6-color: var(--gl-text-color-heading);
1243
+ --gl-heading-scale-100-font-weight: var(--gl-font-weight-heading);
1244
+ --gl-heading-scale-100-color: var(--gl-text-color-heading);
1245
+ --gl-heading-scale-200-font-weight: var(--gl-font-weight-heading);
1246
+ --gl-heading-scale-200-color: var(--gl-text-color-heading);
1247
+ --gl-heading-scale-300-font-weight: var(--gl-font-weight-heading);
1248
+ --gl-heading-scale-300-color: var(--gl-text-color-heading);
1249
+ --gl-heading-scale-400-font-weight: var(--gl-font-weight-heading);
1250
+ --gl-heading-scale-400-color: var(--gl-text-color-heading);
1251
+ --gl-heading-scale-500-font-weight: var(--gl-font-weight-heading);
1252
+ --gl-heading-scale-500-color: var(--gl-text-color-heading);
1253
+ --gl-heading-scale-600-font-weight: var(--gl-font-weight-heading);
1254
+ --gl-heading-scale-600-color: var(--gl-text-color-heading);
1255
+ --gl-heading-scale-700-font-weight: var(--gl-font-weight-heading);
1256
+ --gl-heading-scale-700-color: var(--gl-text-color-heading);
1257
+ --gl-heading-scale-800-font-weight: var(--gl-font-weight-heading);
1258
+ --gl-heading-scale-800-color: var(--gl-text-color-heading);
1259
+ --gl-heading-scale-100-fixed-font-weight: var(--gl-font-weight-heading);
1260
+ --gl-heading-scale-100-fixed-color: var(--gl-text-color-heading);
1261
+ --gl-heading-scale-200-fixed-font-weight: var(--gl-font-weight-heading);
1262
+ --gl-heading-scale-200-fixed-color: var(--gl-text-color-heading);
1263
+ --gl-heading-scale-300-fixed-font-weight: var(--gl-font-weight-heading);
1264
+ --gl-heading-scale-300-fixed-color: var(--gl-text-color-heading);
1265
+ --gl-heading-scale-400-fixed-font-weight: var(--gl-font-weight-heading);
1266
+ --gl-heading-scale-400-fixed-color: var(--gl-text-color-heading);
1267
+ --gl-heading-scale-500-fixed-font-weight: var(--gl-font-weight-heading);
1268
+ --gl-heading-scale-500-fixed-color: var(--gl-text-color-heading);
1269
+ --gl-heading-scale-600-fixed-font-weight: var(--gl-font-weight-heading);
1270
+ --gl-heading-scale-600-fixed-color: var(--gl-text-color-heading);
1271
+ --gl-heading-scale-700-fixed-font-weight: var(--gl-font-weight-heading);
1272
+ --gl-heading-scale-700-fixed-color: var(--gl-text-color-heading);
1273
+ --gl-heading-scale-800-fixed-font-weight: var(--gl-font-weight-heading);
1274
+ --gl-heading-scale-800-fixed-color: var(--gl-text-color-heading);
1275
+ --gl-heading-display-font-weight: var(--gl-font-weight-heading);
1276
+ --gl-heading-display-color: var(--gl-text-color-heading);
1277
+ --gl-heading-1-fixed-font-weight: var(--gl-font-weight-heading);
1278
+ --gl-heading-1-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1279
+ --gl-heading-1-fixed-color: var(--gl-text-color-heading);
1280
+ --gl-heading-2-fixed-font-weight: var(--gl-font-weight-heading);
1281
+ --gl-heading-2-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1282
+ --gl-heading-2-fixed-color: var(--gl-text-color-heading);
1283
+ --gl-heading-3-fixed-font-weight: var(--gl-font-weight-heading);
1284
+ --gl-heading-3-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1285
+ --gl-heading-3-fixed-color: var(--gl-text-color-heading);
1286
+ --gl-heading-4-fixed-font-weight: var(--gl-font-weight-heading);
1287
+ --gl-heading-4-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1288
+ --gl-heading-4-fixed-color: var(--gl-text-color-heading);
1289
+ --gl-heading-5-fixed-font-weight: var(--gl-font-weight-heading);
1290
+ --gl-heading-5-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1291
+ --gl-heading-5-fixed-color: var(--gl-text-color-heading);
1292
+ --gl-heading-6-fixed-font-weight: var(--gl-font-weight-heading);
1293
+ --gl-heading-6-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1294
+ --gl-heading-6-fixed-color: var(--gl-text-color-heading);
1103
1295
  --gl-badge-muted-background-color-focus: var(--gl-badge-muted-background-color-hover); /** Used for the background of a muted badge in the focus state. */
1104
1296
  --gl-badge-neutral-background-color-focus: var(--gl-badge-neutral-background-color-hover); /** Used for the background of a neutral badge in the focus state. */
1105
1297
  --gl-badge-info-background-color-focus: var(--gl-badge-info-background-color-hover); /** Used for the background of an informational badge in the focus state. */
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -254,6 +254,7 @@
254
254
  --gl-font-weight-normal: 400;
255
255
  --gl-font-weight-semibold: 500;
256
256
  --gl-font-weight-bold: 600;
257
+ --gl-heading-default-margin-top: 0;
257
258
  --gl-line-height-12: 0.75rem;
258
259
  --gl-line-height-16: 1rem;
259
260
  --gl-line-height-20: 1.25rem;
@@ -264,6 +265,7 @@
264
265
  --gl-line-height-42: 2.625rem;
265
266
  --gl-line-height-44: 2.75rem;
266
267
  --gl-line-height-52: 3.25rem;
268
+ --gl-line-height-heading: 1.25;
267
269
  --gl-opacity-0: 0;
268
270
  --gl-opacity-1: .1;
269
271
  --gl-opacity-2: .2;
@@ -593,9 +595,31 @@
593
595
  --gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4); /** Used for the background of a danger (destructive) action in the hover state. */
594
596
  --gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16); /** Used for the background of a danger (destructive) action in the active state. */
595
597
  --gl-background-color-overlay: rgba(0,0,0,0.64); /** Used for an overlay that covers other content. */
598
+ --gl-letter-spacing-heading: -0.01em;
596
599
  --gl-text-primary: #ececef; /** Use text.color.default instead. */
597
600
  --gl-text-secondary: #89888d; /** Use text.color.subtle instead. */
598
601
  --gl-text-tertiary: #737278; /** Use text.color.disabled instead. */
602
+ --gl-heading-3-letter-spacing: inherit;
603
+ --gl-heading-4-letter-spacing: inherit;
604
+ --gl-heading-5-letter-spacing: inherit;
605
+ --gl-heading-6-letter-spacing: inherit;
606
+ --gl-heading-scale-100-letter-spacing: inherit;
607
+ --gl-heading-scale-200-letter-spacing: inherit;
608
+ --gl-heading-scale-300-letter-spacing: inherit;
609
+ --gl-heading-scale-400-letter-spacing: inherit;
610
+ --gl-heading-scale-500-letter-spacing: inherit;
611
+ --gl-heading-scale-800-line-height: 1.125;
612
+ --gl-heading-scale-100-fixed-letter-spacing: inherit;
613
+ --gl-heading-scale-200-fixed-letter-spacing: inherit;
614
+ --gl-heading-scale-300-fixed-letter-spacing: inherit;
615
+ --gl-heading-scale-400-fixed-letter-spacing: inherit;
616
+ --gl-heading-scale-500-fixed-letter-spacing: inherit;
617
+ --gl-heading-scale-800-fixed-line-height: 1.125;
618
+ --gl-heading-display-line-height: 1.125;
619
+ --gl-heading-3-fixed-letter-spacing: inherit;
620
+ --gl-heading-4-fixed-letter-spacing: inherit;
621
+ --gl-heading-5-fixed-letter-spacing: inherit;
622
+ --gl-heading-6-fixed-letter-spacing: inherit;
599
623
  --gl-border-color-transparent: var(--gl-color-alpha-0); /** Used when a border needs to be present, but not visibly perceived. */
600
624
  --gl-border-color-default: var(--gl-color-neutral-700); /** Used for the default border color. */
601
625
  --gl-border-color-subtle: var(--gl-color-neutral-800); /** Used for a subtle border in combination with the default background. */
@@ -611,6 +635,8 @@
611
635
  --gl-font-size-sm: var(--gl-font-size-100);
612
636
  --gl-font-size-md: var(--gl-font-size-300);
613
637
  --gl-font-size-lg: var(--gl-font-size-400);
638
+ --gl-font-weight-heading: var(--gl-font-weight-bold);
639
+ --gl-heading-default-margin-bottom: var(--gl-spacing-scale-5);
614
640
  --gl-shadow-color-default: var(--gl-color-alpha-dark-40); /** Used for the default shadow color. */
615
641
  --gl-alert-neutral-border-top-color: var(--gl-color-neutral-400); /** Used for the border center color of a neutral alert. */
616
642
  --gl-alert-neutral-border-bottom-color: var(--gl-color-alpha-0); /** Used for the border bottom color of a neutral alert. */
@@ -968,6 +994,102 @@
968
994
  --gl-text-color-danger: var(--gl-color-red-300); /** Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
969
995
  --gl-text-color-success: var(--gl-color-green-300); /** Used for text indicating success, completion, approval, addition, or validity. */
970
996
  --gl-text-color-disabled: var(--gl-color-neutral-400); /** Used for disabled text. */
997
+ --gl-heading-1-margin-top: var(--gl-heading-default-margin-top);
998
+ --gl-heading-1-font-size: var(--gl-font-size-700);
999
+ --gl-heading-1-letter-spacing: var(--gl-letter-spacing-heading);
1000
+ --gl-heading-1-line-height: var(--gl-line-height-heading);
1001
+ --gl-heading-2-margin-top: var(--gl-heading-default-margin-top);
1002
+ --gl-heading-2-font-size: var(--gl-font-size-600);
1003
+ --gl-heading-2-letter-spacing: var(--gl-letter-spacing-heading);
1004
+ --gl-heading-2-line-height: var(--gl-line-height-heading);
1005
+ --gl-heading-3-margin-top: var(--gl-heading-default-margin-top);
1006
+ --gl-heading-3-font-size: var(--gl-font-size-500);
1007
+ --gl-heading-3-line-height: var(--gl-line-height-heading);
1008
+ --gl-heading-4-margin-top: var(--gl-heading-default-margin-top);
1009
+ --gl-heading-4-font-size: var(--gl-font-size-400);
1010
+ --gl-heading-4-line-height: var(--gl-line-height-heading);
1011
+ --gl-heading-5-margin-top: var(--gl-heading-default-margin-top);
1012
+ --gl-heading-5-font-size: var(--gl-font-size-300);
1013
+ --gl-heading-5-line-height: var(--gl-line-height-heading);
1014
+ --gl-heading-6-margin-top: var(--gl-heading-default-margin-top);
1015
+ --gl-heading-6-font-size: var(--gl-font-size-200);
1016
+ --gl-heading-6-line-height: var(--gl-line-height-heading);
1017
+ --gl-heading-scale-100-margin-top: var(--gl-heading-default-margin-top);
1018
+ --gl-heading-scale-100-font-size: var(--gl-font-size-100);
1019
+ --gl-heading-scale-100-line-height: var(--gl-line-height-heading);
1020
+ --gl-heading-scale-200-margin-top: var(--gl-heading-default-margin-top);
1021
+ --gl-heading-scale-200-font-size: var(--gl-font-size-200);
1022
+ --gl-heading-scale-200-line-height: var(--gl-line-height-heading);
1023
+ --gl-heading-scale-300-margin-top: var(--gl-heading-default-margin-top);
1024
+ --gl-heading-scale-300-font-size: var(--gl-font-size-300);
1025
+ --gl-heading-scale-300-line-height: var(--gl-line-height-heading);
1026
+ --gl-heading-scale-400-margin-top: var(--gl-heading-default-margin-top);
1027
+ --gl-heading-scale-400-font-size: var(--gl-font-size-400);
1028
+ --gl-heading-scale-400-line-height: var(--gl-line-height-heading);
1029
+ --gl-heading-scale-500-margin-top: var(--gl-heading-default-margin-top);
1030
+ --gl-heading-scale-500-font-size: var(--gl-font-size-500);
1031
+ --gl-heading-scale-500-line-height: var(--gl-line-height-heading);
1032
+ --gl-heading-scale-600-margin-top: var(--gl-heading-default-margin-top);
1033
+ --gl-heading-scale-600-font-size: var(--gl-font-size-600);
1034
+ --gl-heading-scale-600-letter-spacing: var(--gl-letter-spacing-heading);
1035
+ --gl-heading-scale-600-line-height: var(--gl-line-height-heading);
1036
+ --gl-heading-scale-700-margin-top: var(--gl-heading-default-margin-top);
1037
+ --gl-heading-scale-700-font-size: var(--gl-font-size-700);
1038
+ --gl-heading-scale-700-letter-spacing: var(--gl-letter-spacing-heading);
1039
+ --gl-heading-scale-700-line-height: var(--gl-line-height-heading);
1040
+ --gl-heading-scale-800-margin-top: var(--gl-heading-default-margin-top);
1041
+ --gl-heading-scale-800-font-size: var(--gl-font-size-800);
1042
+ --gl-heading-scale-800-letter-spacing: var(--gl-letter-spacing-heading);
1043
+ --gl-heading-scale-100-fixed-margin-top: var(--gl-heading-default-margin-top);
1044
+ --gl-heading-scale-100-fixed-font-size: var(--gl-font-size-100-fixed);
1045
+ --gl-heading-scale-100-fixed-line-height: var(--gl-line-height-heading);
1046
+ --gl-heading-scale-200-fixed-margin-top: var(--gl-heading-default-margin-top);
1047
+ --gl-heading-scale-200-fixed-font-size: var(--gl-font-size-200-fixed);
1048
+ --gl-heading-scale-200-fixed-line-height: var(--gl-line-height-heading);
1049
+ --gl-heading-scale-300-fixed-margin-top: var(--gl-heading-default-margin-top);
1050
+ --gl-heading-scale-300-fixed-font-size: var(--gl-font-size-300-fixed);
1051
+ --gl-heading-scale-300-fixed-line-height: var(--gl-line-height-heading);
1052
+ --gl-heading-scale-400-fixed-margin-top: var(--gl-heading-default-margin-top);
1053
+ --gl-heading-scale-400-fixed-font-size: var(--gl-font-size-400-fixed);
1054
+ --gl-heading-scale-400-fixed-line-height: var(--gl-line-height-heading);
1055
+ --gl-heading-scale-500-fixed-margin-top: var(--gl-heading-default-margin-top);
1056
+ --gl-heading-scale-500-fixed-font-size: var(--gl-font-size-500-fixed);
1057
+ --gl-heading-scale-500-fixed-line-height: var(--gl-line-height-heading);
1058
+ --gl-heading-scale-600-fixed-margin-top: var(--gl-heading-default-margin-top);
1059
+ --gl-heading-scale-600-fixed-font-size: var(--gl-font-size-600-fixed);
1060
+ --gl-heading-scale-600-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1061
+ --gl-heading-scale-600-fixed-line-height: var(--gl-line-height-heading);
1062
+ --gl-heading-scale-700-fixed-margin-top: var(--gl-heading-default-margin-top);
1063
+ --gl-heading-scale-700-fixed-font-size: var(--gl-font-size-700-fixed);
1064
+ --gl-heading-scale-700-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1065
+ --gl-heading-scale-700-fixed-line-height: var(--gl-line-height-heading);
1066
+ --gl-heading-scale-800-fixed-margin-top: var(--gl-heading-default-margin-top);
1067
+ --gl-heading-scale-800-fixed-font-size: var(--gl-font-size-800-fixed);
1068
+ --gl-heading-scale-800-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1069
+ --gl-heading-display-margin-top: var(--gl-heading-default-margin-top);
1070
+ --gl-heading-display-font-size: var(--gl-font-size-800);
1071
+ --gl-heading-display-letter-spacing: var(--gl-letter-spacing-heading);
1072
+ --gl-heading-display-margin-bottom: var(--gl-spacing-scale-6);
1073
+ --gl-heading-1-fixed-margin-top: var(--gl-heading-default-margin-top);
1074
+ --gl-heading-1-fixed-font-size: var(--gl-font-size-700-fixed);
1075
+ --gl-heading-1-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1076
+ --gl-heading-1-fixed-line-height: var(--gl-line-height-heading);
1077
+ --gl-heading-2-fixed-margin-top: var(--gl-heading-default-margin-top);
1078
+ --gl-heading-2-fixed-font-size: var(--gl-font-size-600-fixed);
1079
+ --gl-heading-2-fixed-letter-spacing: var(--gl-letter-spacing-heading);
1080
+ --gl-heading-2-fixed-line-height: var(--gl-line-height-heading);
1081
+ --gl-heading-3-fixed-margin-top: var(--gl-heading-default-margin-top);
1082
+ --gl-heading-3-fixed-font-size: var(--gl-font-size-500-fixed);
1083
+ --gl-heading-3-fixed-line-height: var(--gl-line-height-heading);
1084
+ --gl-heading-4-fixed-margin-top: var(--gl-heading-default-margin-top);
1085
+ --gl-heading-4-fixed-font-size: var(--gl-font-size-400-fixed);
1086
+ --gl-heading-4-fixed-line-height: var(--gl-line-height-heading);
1087
+ --gl-heading-5-fixed-margin-top: var(--gl-heading-default-margin-top);
1088
+ --gl-heading-5-fixed-font-size: var(--gl-font-size-300-fixed);
1089
+ --gl-heading-5-fixed-line-height: var(--gl-line-height-heading);
1090
+ --gl-heading-6-fixed-margin-top: var(--gl-heading-default-margin-top);
1091
+ --gl-heading-6-fixed-font-size: var(--gl-font-size-200-fixed);
1092
+ --gl-heading-6-fixed-line-height: var(--gl-line-height-heading);
971
1093
  --gl-border-color-section: var(--gl-background-color-default); /** Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page. */
972
1094
  --gl-border-radius-default: var(--gl-border-radius-md);
973
1095
  --gl-font-size-base: var(--gl-font-size-md);
@@ -1106,6 +1228,76 @@
1106
1228
  --gl-icon-color-warning: var(--gl-text-color-warning); /** Used for an icon associated with a warning. */
1107
1229
  --gl-icon-color-danger: var(--gl-text-color-danger); /** Used for an icon associated with an error or danger. */
1108
1230
  --gl-icon-color-success: var(--gl-text-color-success); /** Used for an icon associated with success or validity. */
1231
+ --gl-heading-1-font-weight: var(--gl-font-weight-heading);
1232
+ --gl-heading-1-margin-bottom: var(--gl-heading-default-margin-bottom);
1233
+ --gl-heading-1-color: var(--gl-text-color-heading);
1234
+ --gl-heading-2-font-weight: var(--gl-font-weight-heading);
1235
+ --gl-heading-2-margin-bottom: var(--gl-heading-default-margin-bottom);
1236
+ --gl-heading-2-color: var(--gl-text-color-heading);
1237
+ --gl-heading-3-font-weight: var(--gl-font-weight-heading);
1238
+ --gl-heading-3-margin-bottom: var(--gl-heading-default-margin-bottom);
1239
+ --gl-heading-3-color: var(--gl-text-color-heading);
1240
+ --gl-heading-4-font-weight: var(--gl-font-weight-heading);
1241
+ --gl-heading-4-margin-bottom: var(--gl-heading-default-margin-bottom);
1242
+ --gl-heading-4-color: var(--gl-text-color-heading);
1243
+ --gl-heading-5-font-weight: var(--gl-font-weight-heading);
1244
+ --gl-heading-5-margin-bottom: var(--gl-heading-default-margin-bottom);
1245
+ --gl-heading-5-color: var(--gl-text-color-heading);
1246
+ --gl-heading-6-font-weight: var(--gl-font-weight-heading);
1247
+ --gl-heading-6-margin-bottom: var(--gl-heading-default-margin-bottom);
1248
+ --gl-heading-6-color: var(--gl-text-color-heading);
1249
+ --gl-heading-scale-100-font-weight: var(--gl-font-weight-heading);
1250
+ --gl-heading-scale-100-color: var(--gl-text-color-heading);
1251
+ --gl-heading-scale-200-font-weight: var(--gl-font-weight-heading);
1252
+ --gl-heading-scale-200-color: var(--gl-text-color-heading);
1253
+ --gl-heading-scale-300-font-weight: var(--gl-font-weight-heading);
1254
+ --gl-heading-scale-300-color: var(--gl-text-color-heading);
1255
+ --gl-heading-scale-400-font-weight: var(--gl-font-weight-heading);
1256
+ --gl-heading-scale-400-color: var(--gl-text-color-heading);
1257
+ --gl-heading-scale-500-font-weight: var(--gl-font-weight-heading);
1258
+ --gl-heading-scale-500-color: var(--gl-text-color-heading);
1259
+ --gl-heading-scale-600-font-weight: var(--gl-font-weight-heading);
1260
+ --gl-heading-scale-600-color: var(--gl-text-color-heading);
1261
+ --gl-heading-scale-700-font-weight: var(--gl-font-weight-heading);
1262
+ --gl-heading-scale-700-color: var(--gl-text-color-heading);
1263
+ --gl-heading-scale-800-font-weight: var(--gl-font-weight-heading);
1264
+ --gl-heading-scale-800-color: var(--gl-text-color-heading);
1265
+ --gl-heading-scale-100-fixed-font-weight: var(--gl-font-weight-heading);
1266
+ --gl-heading-scale-100-fixed-color: var(--gl-text-color-heading);
1267
+ --gl-heading-scale-200-fixed-font-weight: var(--gl-font-weight-heading);
1268
+ --gl-heading-scale-200-fixed-color: var(--gl-text-color-heading);
1269
+ --gl-heading-scale-300-fixed-font-weight: var(--gl-font-weight-heading);
1270
+ --gl-heading-scale-300-fixed-color: var(--gl-text-color-heading);
1271
+ --gl-heading-scale-400-fixed-font-weight: var(--gl-font-weight-heading);
1272
+ --gl-heading-scale-400-fixed-color: var(--gl-text-color-heading);
1273
+ --gl-heading-scale-500-fixed-font-weight: var(--gl-font-weight-heading);
1274
+ --gl-heading-scale-500-fixed-color: var(--gl-text-color-heading);
1275
+ --gl-heading-scale-600-fixed-font-weight: var(--gl-font-weight-heading);
1276
+ --gl-heading-scale-600-fixed-color: var(--gl-text-color-heading);
1277
+ --gl-heading-scale-700-fixed-font-weight: var(--gl-font-weight-heading);
1278
+ --gl-heading-scale-700-fixed-color: var(--gl-text-color-heading);
1279
+ --gl-heading-scale-800-fixed-font-weight: var(--gl-font-weight-heading);
1280
+ --gl-heading-scale-800-fixed-color: var(--gl-text-color-heading);
1281
+ --gl-heading-display-font-weight: var(--gl-font-weight-heading);
1282
+ --gl-heading-display-color: var(--gl-text-color-heading);
1283
+ --gl-heading-1-fixed-font-weight: var(--gl-font-weight-heading);
1284
+ --gl-heading-1-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1285
+ --gl-heading-1-fixed-color: var(--gl-text-color-heading);
1286
+ --gl-heading-2-fixed-font-weight: var(--gl-font-weight-heading);
1287
+ --gl-heading-2-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1288
+ --gl-heading-2-fixed-color: var(--gl-text-color-heading);
1289
+ --gl-heading-3-fixed-font-weight: var(--gl-font-weight-heading);
1290
+ --gl-heading-3-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1291
+ --gl-heading-3-fixed-color: var(--gl-text-color-heading);
1292
+ --gl-heading-4-fixed-font-weight: var(--gl-font-weight-heading);
1293
+ --gl-heading-4-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1294
+ --gl-heading-4-fixed-color: var(--gl-text-color-heading);
1295
+ --gl-heading-5-fixed-font-weight: var(--gl-font-weight-heading);
1296
+ --gl-heading-5-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1297
+ --gl-heading-5-fixed-color: var(--gl-text-color-heading);
1298
+ --gl-heading-6-fixed-font-weight: var(--gl-font-weight-heading);
1299
+ --gl-heading-6-fixed-margin-bottom: var(--gl-heading-default-margin-bottom);
1300
+ --gl-heading-6-fixed-color: var(--gl-text-color-heading);
1109
1301
  --gl-badge-muted-background-color-focus: var(--gl-badge-muted-background-color-hover); /** Used for the background of a muted badge in the focus state. */
1110
1302
  --gl-badge-neutral-background-color-focus: var(--gl-badge-neutral-background-color-hover); /** Used for the background of a neutral badge in the focus state. */
1111
1303
  --gl-badge-info-background-color-focus: var(--gl-badge-info-background-color-hover); /** Used for the background of an informational badge in the focus state. */
package/src/tokens/build/docs/tokens-tailwind-docs.dark.json CHANGED
@@ -41909,6 +41909,35 @@
41909
41909
  "52"
41910
41910
  ],
41911
41911
  "cssWithValue": "var(--gl-line-height-52)"
41912
+ },
41913
+ "heading": {
41914
+ "key": "{line-height.heading}",
41915
+ "$value": 1.25,
41916
+ "$type": "number",
41917
+ "$extensions": {
41918
+ "com.figma.scope": [
41919
+ "LINE_HEIGHT"
41920
+ ]
41921
+ },
41922
+ "filePath": "src/tokens/semantic/line_height.tokens.json",
41923
+ "isSource": true,
41924
+ "original": {
41925
+ "$value": 1.25,
41926
+ "$type": "number",
41927
+ "$extensions": {
41928
+ "com.figma.scope": [
41929
+ "LINE_HEIGHT"
41930
+ ]
41931
+ },
41932
+ "key": "{line-height.heading}"
41933
+ },
41934
+ "name": "LINE_HEIGHT_HEADING",
41935
+ "attributes": {},
41936
+ "path": [
41937
+ "line-height",
41938
+ "heading"
41939
+ ],
41940
+ "cssWithValue": "var(--gl-line-height-heading)"
41912
41941
  }
41913
41942
  },
41914
41943
  "fontFamily": {
@@ -42841,6 +42870,36 @@
42841
42870
  "bold"
42842
42871
  ],
42843
42872
  "cssWithValue": "var(--gl-font-weight-bold)"
42873
+ },
42874
+ "heading": {
42875
+ "key": "{font.weight.heading}",
42876
+ "$value": "600",
42877
+ "$type": "fontWeight",
42878
+ "$extensions": {
42879
+ "com.figma.scope": [
42880
+ "FONT_WEIGHT"
42881
+ ]
42882
+ },
42883
+ "filePath": "src/tokens/semantic/font.tokens.json",
42884
+ "isSource": true,
42885
+ "original": {
42886
+ "$value": "{font.weight.bold}",
42887
+ "$type": "fontWeight",
42888
+ "$extensions": {
42889
+ "com.figma.scope": [
42890
+ "FONT_WEIGHT"
42891
+ ]
42892
+ },
42893
+ "key": "{font.weight.heading}"
42894
+ },
42895
+ "name": "FONT_WEIGHT_HEADING",
42896
+ "attributes": {},
42897
+ "path": [
42898
+ "font",
42899
+ "weight",
42900
+ "heading"
42901
+ ],
42902
+ "cssWithValue": "var(--gl-font-weight-heading)"
42844
42903
  }
42845
42904
  }
42846
42905
  }
package/src/tokens/build/docs/tokens-tailwind-docs.json CHANGED
@@ -41909,6 +41909,35 @@
41909
41909
  "52"
41910
41910
  ],
41911
41911
  "cssWithValue": "var(--gl-line-height-52)"
41912
+ },
41913
+ "heading": {
41914
+ "key": "{line-height.heading}",
41915
+ "$value": 1.25,
41916
+ "$type": "number",
41917
+ "$extensions": {
41918
+ "com.figma.scope": [
41919
+ "LINE_HEIGHT"
41920
+ ]
41921
+ },
41922
+ "filePath": "src/tokens/semantic/line_height.tokens.json",
41923
+ "isSource": true,
41924
+ "original": {
41925
+ "$value": 1.25,
41926
+ "$type": "number",
41927
+ "$extensions": {
41928
+ "com.figma.scope": [
41929
+ "LINE_HEIGHT"
41930
+ ]
41931
+ },
41932
+ "key": "{line-height.heading}"
41933
+ },
41934
+ "name": "LINE_HEIGHT_HEADING",
41935
+ "attributes": {},
41936
+ "path": [
41937
+ "line-height",
41938
+ "heading"
41939
+ ],
41940
+ "cssWithValue": "var(--gl-line-height-heading)"
41912
41941
  }
41913
41942
  },
41914
41943
  "fontFamily": {
@@ -42841,6 +42870,36 @@
42841
42870
  "bold"
42842
42871
  ],
42843
42872
  "cssWithValue": "var(--gl-font-weight-bold)"
42873
+ },
42874
+ "heading": {
42875
+ "key": "{font.weight.heading}",
42876
+ "$value": "600",
42877
+ "$type": "fontWeight",
42878
+ "$extensions": {
42879
+ "com.figma.scope": [
42880
+ "FONT_WEIGHT"
42881
+ ]
42882
+ },
42883
+ "filePath": "src/tokens/semantic/font.tokens.json",
42884
+ "isSource": true,
42885
+ "original": {
42886
+ "$value": "{font.weight.bold}",
42887
+ "$type": "fontWeight",
42888
+ "$extensions": {
42889
+ "com.figma.scope": [
42890
+ "FONT_WEIGHT"
42891
+ ]
42892
+ },
42893
+ "key": "{font.weight.heading}"
42894
+ },
42895
+ "name": "FONT_WEIGHT_HEADING",
42896
+ "attributes": {},
42897
+ "path": [
42898
+ "font",
42899
+ "weight",
42900
+ "heading"
42901
+ ],
42902
+ "cssWithValue": "var(--gl-font-weight-heading)"
42844
42903
  }
42845
42904
  }
42846
42905
  }