@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +44 -255
  3. package/dist/CSSCustomProperties--bundled.css +129 -345
  4. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  5. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  6. package/dist/auro-classic/JSData--color.js +1 -1
  7. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  8. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  9. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  10. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  11. package/dist/auro-classic/JSVariables--color.js +1 -1
  12. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  13. package/dist/auro-classic/SCSSVariables.scss +162 -162
  14. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  15. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  16. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  17. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  18. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -0
  19. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  22. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  23. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  24. package/package.json +1 -1
  25. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  26. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  27. package/src/primitives/base/{typography.json → font.json} +102 -48
  28. package/src/primitives/base/transparency.json +7 -0
  29. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  30. package/src/themes/alaska/advanced/boolean.json +136 -0
  31. package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
  32. package/src/themes/alaska/advanced/hyperlink.json +62 -0
  33. package/src/themes/alaska/advanced/shared.json +46 -0
  34. package/src/themes/alaska/advanced/state.json +70 -0
  35. package/src/themes/alaska/basic/color/border.json +66 -0
  36. package/src/themes/alaska/basic/color/brand.json +108 -0
  37. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  38. package/src/themes/alaska/basic/color/page-background.json +24 -0
  39. package/src/themes/alaska/basic/color/status.json +88 -0
  40. package/src/themes/alaska/basic/color/surface.json +96 -0
  41. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  42. package/src/themes/alaska/basic/corner-radius.json +30 -0
  43. package/src/themes/alaska/basic/font/accent.json +288 -0
  44. package/src/themes/alaska/basic/font/body.json +63 -0
  45. package/src/themes/alaska/basic/font/display.json +248 -0
  46. package/src/themes/alaska/basic/font/heading.json +245 -0
  47. package/src/themes/alaska-classic/component/boolean.json +70 -0
  48. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  49. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  50. package/src/themes/alaska-classic/component/shared.json +46 -0
  51. package/src/themes/alaska-classic/component/state.json +70 -0
  52. package/src/themes/alaska-classic/typography.json +799 -107
  53. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  54. package/src/themes/hawaiian/advanced/button.json +334 -0
  55. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  56. package/src/themes/hawaiian/advanced/shared.json +48 -0
  57. package/src/themes/hawaiian/advanced/state.json +72 -0
  58. package/src/themes/hawaiian/basic/color/border.json +65 -0
  59. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  60. package/src/themes/hawaiian/basic/color/color.json +57 -0
  61. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  62. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  63. package/src/themes/hawaiian/basic/color/status.json +81 -0
  64. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  65. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  66. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  67. package/src/themes/hawaiian/basic/font/body.json +63 -0
  68. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  69. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  70. package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
  71. package/dist/alaska/JSObject--allTokens.js +0 -3731
  72. package/dist/alaska/SCSSVariables--alaska.scss +0 -116
  73. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
  74. package/dist/alaska/primitives--alaska.scss +0 -215
  75. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  76. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  77. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  78. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  79. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  80. package/src/themes/alaska/color.json +0 -444
  81. package/src/themes/alaska/typography.json +0 -132
  82. package/src/themes/hawaiian/color.json +0 -444
  83. package/src/themes/hawaiian/component.json +0 -392
  84. package/src/themes/hawaiian/typography.json +0 -132
package/dist/auro-classic/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ * Generated on Thu, 03 Apr 2025 20:02:51 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
package/dist/auro-classic/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
4
+ * Generated on Thu, 03 Apr 2025 20:02:51 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/auro-classic/SCSSVariables.scss CHANGED
@@ -1,168 +1,7 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ // Generated on Thu, 03 Apr 2025 20:02:51 GMT
4
4
 
5
- $ds-asset-font-circular-family-name: "AS Circular";
6
- $ds-asset-font-circular-filename: "ASCircularWeb";
7
- $ds-asset-font-circular-weight-light: "-Light";
8
- $ds-asset-font-circular-weight-medium: "-Medium";
9
- $ds-asset-font-circular-weight-book: "-Book";
10
- $ds-border-radius: 0.375rem;
11
- $ds-size-25: 0.125rem; // 2px
12
- $ds-size-50: 0.25rem; // 4px
13
- $ds-size-75: 0.375rem; // 6px
14
- $ds-size-100: 0.5rem; // 8px
15
- $ds-size-150: 0.75rem; // 12px
16
- $ds-size-200: 1rem; // 16px
17
- $ds-size-250: 1.25rem; // 20px
18
- $ds-size-300: 1.5rem; // 24px
19
- $ds-size-400: 2rem; // 32px
20
- $ds-size-500: 2.5rem; // 40px
21
- $ds-size-600: 3rem; // 48px
22
- $ds-size-700: 3.5rem; // 56px
23
- $ds-size-800: 4rem; // 64px
24
- $ds-size-900: 4.5rem; // 72px
25
- $ds-size-1000: 5rem; // 80px
26
- $ds-unitless-scale-20: 0.25;
27
- $ds-unitless-scale-50: 0.5;
28
- $ds-unitless-scale-100: 1;
29
- $ds-unitless-scale-120: 1.25;
30
- $ds-unitless-scale-140: 1.4;
31
- $ds-unitless-scale-150: 1.5;
32
- $ds-unitless-scale-160: 1.625;
33
- $ds-unitless-scale-170: 1.75;
34
- $ds-unitless-scale-180: 1.875;
35
- $ds-unitless-scale-200: 2;
36
- $ds-unitless-scale-210: 2.125;
37
- $ds-unitless-scale-220: 2.25;
38
- $ds-unitless-scale-230: 2.375;
39
- $ds-unitless-scale-260: 2.625;
40
- $ds-unitless-scale-270: 2.75;
41
- $ds-unitless-scale-300: 3;
42
- $ds-unitless-scale-330: 3.375;
43
- $ds-unitless-scale-350: 3.5;
44
- $ds-unitless-scale-370: 3.75;
45
- $ds-unitless-scale-420: 4.25;
46
- $ds-animation-default-property: all;
47
- $ds-animation-default-duration: 0.3s;
48
- $ds-animation-default-timing: ease-out;
49
- $ds-depth-overlay: 200;
50
- $ds-depth-modal: 300;
51
- $ds-depth-tooltip: 400;
52
- $ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); // for the least amount of emphasis
53
- $ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); // for more emphasis than low elevation
54
- $ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); // for maximum emphasis or differentiation
55
- $ds-grid-breakpoint-xs: 320px;
56
- $ds-grid-breakpoint-sm: 576px;
57
- $ds-grid-breakpoint-md: 768px;
58
- $ds-grid-breakpoint-lg: 1024px;
59
- $ds-grid-breakpoint-xl: 1232px;
60
- $ds-grid-column-xs: 6;
61
- $ds-grid-column-sm: 12;
62
- $ds-grid-column-md: 12;
63
- $ds-grid-column-lg: 12;
64
- $ds-grid-column-xl: 12;
65
- $ds-grid-gutter-xs: 0.5rem;
66
- $ds-grid-gutter-sm: 1rem;
67
- $ds-grid-gutter-md: 1.5rem;
68
- $ds-grid-gutter-lg: 1.5rem;
69
- $ds-grid-gutter-xl: 2rem;
70
- $ds-grid-margin-xs: 1rem;
71
- $ds-grid-margin-sm: 1rem;
72
- $ds-grid-margin-md: 1.5rem;
73
- $ds-grid-margin-lg: 2rem;
74
- $ds-grid-margin-xl: 2rem;
75
- $ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
76
- $ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
77
- $ds-text-heading-300-weight: 300;
78
- $ds-text-heading-300-px: 18px;
79
- $ds-text-heading-300-size: 1.125rem;
80
- $ds-text-heading-300-height: 1.625rem;
81
- $ds-text-heading-300-height-px: 26px;
82
- $ds-text-heading-400-weight: 300;
83
- $ds-text-heading-400-px: 20px;
84
- $ds-text-heading-400-size: 1.25rem;
85
- $ds-text-heading-400-height: 1.625rem;
86
- $ds-text-heading-400-height-px: 26px;
87
- $ds-text-heading-500-weight: 300;
88
- $ds-text-heading-500-px-breakpoint-sm: 22px;
89
- $ds-text-heading-500-px-breakpoint-md: 24px;
90
- $ds-text-heading-500-px-breakpoint-lg: 24px;
91
- $ds-text-heading-500-size-breakpoint-sm: 1.375rem;
92
- $ds-text-heading-500-size-breakpoint-md: 1.5rem;
93
- $ds-text-heading-500-size-breakpoint-lg: 1.5rem;
94
- $ds-text-heading-500-height-breakpoint-sm: 1.625rem;
95
- $ds-text-heading-500-height-breakpoint-px-sm: 26px;
96
- $ds-text-heading-500-height-breakpoint-md: 1.875rem;
97
- $ds-text-heading-500-height-breakpoint-px-md: 30px;
98
- $ds-text-heading-500-height-breakpoint-lg: 2rem;
99
- $ds-text-heading-500-height-breakpoint-px-lg: 32px;
100
- $ds-text-heading-600-weight: 300;
101
- $ds-text-heading-600-px-breakpoint-sm: 26px;
102
- $ds-text-heading-600-px-breakpoint-md: 28px;
103
- $ds-text-heading-600-px-breakpoint-lg: 28px;
104
- $ds-text-heading-600-size-breakpoint-sm: 1.625rem;
105
- $ds-text-heading-600-size-breakpoint-md: 1.75rem;
106
- $ds-text-heading-600-size-breakpoint-lg: 1.75rem;
107
- $ds-text-heading-600-height-breakpoint-sm: 1.875rem;
108
- $ds-text-heading-600-height-breakpoint-px-sm: 30px;
109
- $ds-text-heading-600-height-breakpoint-md: 2.125rem;
110
- $ds-text-heading-600-height-breakpoint-px-md: 34px;
111
- $ds-text-heading-600-height-breakpoint-lg: 2.25rem;
112
- $ds-text-heading-600-height-breakpoint-px-lg: 36px;
113
- $ds-text-heading-700-weight: 500;
114
- $ds-text-heading-700-px-breakpoint-sm: 28px;
115
- $ds-text-heading-700-px-breakpoint-md: 32px;
116
- $ds-text-heading-700-px-breakpoint-lg: 36px;
117
- $ds-text-heading-700-size-breakpoint-sm: 1.75rem;
118
- $ds-text-heading-700-size-breakpoint-md: 2rem;
119
- $ds-text-heading-700-size-breakpoint-lg: 2.25rem;
120
- $ds-text-heading-700-height-breakpoint-sm: 2.125rem;
121
- $ds-text-heading-700-height-breakpoint-px-sm: 34px;
122
- $ds-text-heading-700-height-breakpoint-md: 2.375rem;
123
- $ds-text-heading-700-height-breakpoint-px-md: 38px;
124
- $ds-text-heading-700-height-breakpoint-lg: 2.75rem;
125
- $ds-text-heading-700-height-breakpoint-px-lg: 44px;
126
- $ds-text-heading-800-weight: 500;
127
- $ds-text-heading-800-px-breakpoint-sm: 32px;
128
- $ds-text-heading-800-px-breakpoint-md: 36px;
129
- $ds-text-heading-800-px-breakpoint-lg: 40px;
130
- $ds-text-heading-800-size-breakpoint-sm: 2rem;
131
- $ds-text-heading-800-size-breakpoint-md: 2.25rem;
132
- $ds-text-heading-800-size-breakpoint-lg: 2.5rem;
133
- $ds-text-heading-800-height-breakpoint-sm: 2.375rem;
134
- $ds-text-heading-800-height-breakpoint-px-sm: 38px;
135
- $ds-text-heading-800-height-breakpoint-md: 2.625rem;
136
- $ds-text-heading-800-height-breakpoint-px-md: 42px;
137
- $ds-text-heading-800-height-breakpoint-lg: 3rem;
138
- $ds-text-heading-800-height-breakpoint-px-lg: 48px;
139
- $ds-text-heading-default-weight: 500;
140
- $ds-text-heading-default-margin: 0;
141
- $ds-text-heading-default-spacing: -0.2px;
142
- $ds-text-heading-medium-weight: 300;
143
- $ds-text-heading-display-weight: 100;
144
- $ds-text-heading-display-px-breakpoint-sm: 44px;
145
- $ds-text-heading-display-px-breakpoint-md: 48px;
146
- $ds-text-heading-display-px-breakpoint-lg: 56px;
147
- $ds-text-heading-display-size-breakpoint-sm: 2.75rem;
148
- $ds-text-heading-display-size-breakpoint-md: 3rem;
149
- $ds-text-heading-display-size-breakpoint-lg: 3.5rem;
150
- $ds-text-heading-display-height-breakpoint-sm: 3.375rem;
151
- $ds-text-heading-display-height-breakpoint-px-sm: 54px;
152
- $ds-text-heading-display-height-breakpoint-md: 3.75rem;
153
- $ds-text-heading-display-height-breakpoint-px-md: 60px;
154
- $ds-text-heading-display-height-breakpoint-lg: 4.25rem;
155
- $ds-text-heading-display-height-breakpoint-px-lg: 68px;
156
- $ds-text-body-default-weight: 500;
157
- $ds-text-body-size-xxs: 0.625rem;
158
- $ds-text-body-size-xs: 0.75rem;
159
- $ds-text-body-size-sm: 0.875rem;
160
- $ds-text-body-size-default: 1rem;
161
- $ds-text-body-size-lg: 1.125rem;
162
- $ds-text-body-height-xs: 1rem;
163
- $ds-text-body-height-sm: 1.25rem;
164
- $ds-text-body-height-default: 1.5rem;
165
- $ds-text-body-height-lg: 1.625rem;
166
5
  $ds-color-alert-notification-default: #0074c8;
167
6
  $ds-color-alert-warning-default: #de750c;
168
7
  $ds-color-alert-error-default: #df0b37;
@@ -1378,3 +1217,164 @@ $ds-color-utility-warning-default: #f2c153;
1378
1217
  $ds-color-utility-warning-inverse: #f2c153;
1379
1218
  $ds-color-utility-success-default: #0b6f4d;
1380
1219
  $ds-color-utility-success-inverse: #8eceb9;
1220
+ $ds-border-radius: 0.375rem;
1221
+ $ds-size-25: 0.125rem; // 2px
1222
+ $ds-size-50: 0.25rem; // 4px
1223
+ $ds-size-75: 0.375rem; // 6px
1224
+ $ds-size-100: 0.5rem; // 8px
1225
+ $ds-size-150: 0.75rem; // 12px
1226
+ $ds-size-200: 1rem; // 16px
1227
+ $ds-size-250: 1.25rem; // 20px
1228
+ $ds-size-300: 1.5rem; // 24px
1229
+ $ds-size-400: 2rem; // 32px
1230
+ $ds-size-500: 2.5rem; // 40px
1231
+ $ds-size-600: 3rem; // 48px
1232
+ $ds-size-700: 3.5rem; // 56px
1233
+ $ds-size-800: 4rem; // 64px
1234
+ $ds-size-900: 4.5rem; // 72px
1235
+ $ds-size-1000: 5rem; // 80px
1236
+ $ds-unitless-scale-20: 0.25;
1237
+ $ds-unitless-scale-50: 0.5;
1238
+ $ds-unitless-scale-100: 1;
1239
+ $ds-unitless-scale-120: 1.25;
1240
+ $ds-unitless-scale-140: 1.4;
1241
+ $ds-unitless-scale-150: 1.5;
1242
+ $ds-unitless-scale-160: 1.625;
1243
+ $ds-unitless-scale-170: 1.75;
1244
+ $ds-unitless-scale-180: 1.875;
1245
+ $ds-unitless-scale-200: 2;
1246
+ $ds-unitless-scale-210: 2.125;
1247
+ $ds-unitless-scale-220: 2.25;
1248
+ $ds-unitless-scale-230: 2.375;
1249
+ $ds-unitless-scale-260: 2.625;
1250
+ $ds-unitless-scale-270: 2.75;
1251
+ $ds-unitless-scale-300: 3;
1252
+ $ds-unitless-scale-330: 3.375;
1253
+ $ds-unitless-scale-350: 3.5;
1254
+ $ds-unitless-scale-370: 3.75;
1255
+ $ds-unitless-scale-420: 4.25;
1256
+ $ds-animation-default-property: all;
1257
+ $ds-animation-default-duration: 0.3s;
1258
+ $ds-animation-default-timing: ease-out;
1259
+ $ds-depth-overlay: 200;
1260
+ $ds-depth-modal: 300;
1261
+ $ds-depth-tooltip: 400;
1262
+ $ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); // for the least amount of emphasis
1263
+ $ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); // for more emphasis than low elevation
1264
+ $ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); // for maximum emphasis or differentiation
1265
+ $ds-asset-font-circular-family-name: "AS Circular";
1266
+ $ds-asset-font-circular-filename: "ASCircularWeb";
1267
+ $ds-asset-font-circular-weight-light: "-Light";
1268
+ $ds-asset-font-circular-weight-medium: "-Medium";
1269
+ $ds-asset-font-circular-weight-book: "-Book";
1270
+ $ds-grid-breakpoint-xs: 320px;
1271
+ $ds-grid-breakpoint-sm: 576px;
1272
+ $ds-grid-breakpoint-md: 768px;
1273
+ $ds-grid-breakpoint-lg: 1024px;
1274
+ $ds-grid-breakpoint-xl: 1232px;
1275
+ $ds-grid-column-xs: 6;
1276
+ $ds-grid-column-sm: 12;
1277
+ $ds-grid-column-md: 12;
1278
+ $ds-grid-column-lg: 12;
1279
+ $ds-grid-column-xl: 12;
1280
+ $ds-grid-gutter-xs: 0.5rem;
1281
+ $ds-grid-gutter-sm: 1rem;
1282
+ $ds-grid-gutter-md: 1.5rem;
1283
+ $ds-grid-gutter-lg: 1.5rem;
1284
+ $ds-grid-gutter-xl: 2rem;
1285
+ $ds-grid-margin-xs: 1rem;
1286
+ $ds-grid-margin-sm: 1rem;
1287
+ $ds-grid-margin-md: 1.5rem;
1288
+ $ds-grid-margin-lg: 2rem;
1289
+ $ds-grid-margin-xl: 2rem;
1290
+ $ds-font-family-default: 'AS Circular', Helvetica Neue, Arial, sans-serif;
1291
+ $ds-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
1292
+ $ds-text-heading-300-weight: 300;
1293
+ $ds-text-heading-300-px: 18px;
1294
+ $ds-text-heading-300-size: 1.125rem;
1295
+ $ds-text-heading-300-height: 1.625rem;
1296
+ $ds-text-heading-300-height-px: 26px;
1297
+ $ds-text-heading-400-weight: 300;
1298
+ $ds-text-heading-400-px: 20px;
1299
+ $ds-text-heading-400-size: 1.25rem;
1300
+ $ds-text-heading-400-height: 1.625rem;
1301
+ $ds-text-heading-400-height-px: 26px;
1302
+ $ds-text-heading-500-weight: 300;
1303
+ $ds-text-heading-500-px-breakpoint-sm: 22px;
1304
+ $ds-text-heading-500-px-breakpoint-md: 24px;
1305
+ $ds-text-heading-500-px-breakpoint-lg: 24px;
1306
+ $ds-text-heading-500-size-breakpoint-sm: 1.375rem;
1307
+ $ds-text-heading-500-size-breakpoint-md: 1.5rem;
1308
+ $ds-text-heading-500-size-breakpoint-lg: 1.5rem;
1309
+ $ds-text-heading-500-height-breakpoint-sm: 1.625rem;
1310
+ $ds-text-heading-500-height-breakpoint-px-sm: 26px;
1311
+ $ds-text-heading-500-height-breakpoint-md: 1.875rem;
1312
+ $ds-text-heading-500-height-breakpoint-px-md: 30px;
1313
+ $ds-text-heading-500-height-breakpoint-lg: 2rem;
1314
+ $ds-text-heading-500-height-breakpoint-px-lg: 32px;
1315
+ $ds-text-heading-600-weight: 300;
1316
+ $ds-text-heading-600-px-breakpoint-sm: 26px;
1317
+ $ds-text-heading-600-px-breakpoint-md: 28px;
1318
+ $ds-text-heading-600-px-breakpoint-lg: 28px;
1319
+ $ds-text-heading-600-size-breakpoint-sm: 1.625rem;
1320
+ $ds-text-heading-600-size-breakpoint-md: 1.75rem;
1321
+ $ds-text-heading-600-size-breakpoint-lg: 1.75rem;
1322
+ $ds-text-heading-600-height-breakpoint-sm: 1.875rem;
1323
+ $ds-text-heading-600-height-breakpoint-px-sm: 30px;
1324
+ $ds-text-heading-600-height-breakpoint-md: 2.125rem;
1325
+ $ds-text-heading-600-height-breakpoint-px-md: 34px;
1326
+ $ds-text-heading-600-height-breakpoint-lg: 2.25rem;
1327
+ $ds-text-heading-600-height-breakpoint-px-lg: 36px;
1328
+ $ds-text-heading-700-weight: 500;
1329
+ $ds-text-heading-700-px-breakpoint-sm: 28px;
1330
+ $ds-text-heading-700-px-breakpoint-md: 32px;
1331
+ $ds-text-heading-700-px-breakpoint-lg: 36px;
1332
+ $ds-text-heading-700-size-breakpoint-sm: 1.75rem;
1333
+ $ds-text-heading-700-size-breakpoint-md: 2rem;
1334
+ $ds-text-heading-700-size-breakpoint-lg: 2.25rem;
1335
+ $ds-text-heading-700-height-breakpoint-sm: 2.125rem;
1336
+ $ds-text-heading-700-height-breakpoint-px-sm: 34px;
1337
+ $ds-text-heading-700-height-breakpoint-md: 2.375rem;
1338
+ $ds-text-heading-700-height-breakpoint-px-md: 38px;
1339
+ $ds-text-heading-700-height-breakpoint-lg: 2.75rem;
1340
+ $ds-text-heading-700-height-breakpoint-px-lg: 44px;
1341
+ $ds-text-heading-800-weight: 500;
1342
+ $ds-text-heading-800-px-breakpoint-sm: 32px;
1343
+ $ds-text-heading-800-px-breakpoint-md: 36px;
1344
+ $ds-text-heading-800-px-breakpoint-lg: 40px;
1345
+ $ds-text-heading-800-size-breakpoint-sm: 2rem;
1346
+ $ds-text-heading-800-size-breakpoint-md: 2.25rem;
1347
+ $ds-text-heading-800-size-breakpoint-lg: 2.5rem;
1348
+ $ds-text-heading-800-height-breakpoint-sm: 2.375rem;
1349
+ $ds-text-heading-800-height-breakpoint-px-sm: 38px;
1350
+ $ds-text-heading-800-height-breakpoint-md: 2.625rem;
1351
+ $ds-text-heading-800-height-breakpoint-px-md: 42px;
1352
+ $ds-text-heading-800-height-breakpoint-lg: 3rem;
1353
+ $ds-text-heading-800-height-breakpoint-px-lg: 48px;
1354
+ $ds-text-heading-default-weight: 500;
1355
+ $ds-text-heading-default-margin: 0;
1356
+ $ds-text-heading-default-spacing: -0.2px;
1357
+ $ds-text-heading-medium-weight: 300;
1358
+ $ds-text-heading-display-weight: 100;
1359
+ $ds-text-heading-display-px-breakpoint-sm: 44px;
1360
+ $ds-text-heading-display-px-breakpoint-md: 48px;
1361
+ $ds-text-heading-display-px-breakpoint-lg: 56px;
1362
+ $ds-text-heading-display-size-breakpoint-sm: 2.75rem;
1363
+ $ds-text-heading-display-size-breakpoint-md: 3rem;
1364
+ $ds-text-heading-display-size-breakpoint-lg: 3.5rem;
1365
+ $ds-text-heading-display-height-breakpoint-sm: 3.375rem;
1366
+ $ds-text-heading-display-height-breakpoint-px-sm: 54px;
1367
+ $ds-text-heading-display-height-breakpoint-md: 3.75rem;
1368
+ $ds-text-heading-display-height-breakpoint-px-md: 60px;
1369
+ $ds-text-heading-display-height-breakpoint-lg: 4.25rem;
1370
+ $ds-text-heading-display-height-breakpoint-px-lg: 68px;
1371
+ $ds-text-body-default-weight: 500;
1372
+ $ds-text-body-size-xxs: 0.625rem;
1373
+ $ds-text-body-size-xs: 0.75rem;
1374
+ $ds-text-body-size-sm: 0.875rem;
1375
+ $ds-text-body-size-default: 1rem;
1376
+ $ds-text-body-size-lg: 1.125rem;
1377
+ $ds-text-body-height-xs: 1rem;
1378
+ $ds-text-body-height-sm: 1.25rem;
1379
+ $ds-text-body-height-default: 1.5rem;
1380
+ $ds-text-body-height-lg: 1.625rem;