@penskemediacorp/larva 1.25.0 → 1.28.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 (82) hide show
  1. package/__tests__/fixtures/larva.config.js +9 -16
  2. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.aia.js +2 -2
  3. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.featured.js +2 -2
  4. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.js +1 -1
  5. package/__tests__/fixtures/src/patterns/components/c-nav-link/c-nav-link.prototype.js +2 -2
  6. package/__tests__/fixtures/src/patterns/components/c-tagline/c-tagline.prototype.js +2 -2
  7. package/__tests__/fixtures/src/patterns/modules/_also-ignored/_also-ignored.prototype.js +2 -2
  8. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.featured.js +2 -2
  9. package/__tests__/fixtures/src/patterns/modules/test-module/test-module.prototype.js +2 -2
  10. package/__tests__/fixtures/src/patterns/one-offs/newswire/newswire.prototype.js +2 -2
  11. package/__tests__/lib/generateStatic.test.js +120 -86
  12. package/__tests__/lib/utils/clonePatternData.test.js +17 -10
  13. package/__tests__/lib/utils/getAllPatternsObj.test.js +14 -29
  14. package/__tests__/lib/utils/getAppConfiguration.test.js +5 -5
  15. package/__tests__/lib/utils/getModuleNamesFromDirectory.test.js +29 -10
  16. package/__tests__/lib/utils/getPatternData.test.js +36 -23
  17. package/__tests__/lib/utils/getPatternPathsToLoad.test.js +5 -5
  18. package/__tests__/lib/utils/getPatternRoutes.test.js +4 -6
  19. package/__tests__/lib/utils/getPatternType.test.js +4 -4
  20. package/__tests__/lib/utils/getPatternVariants.test.js +7 -12
  21. package/__tests__/lib/utils/getPatternsIndexPath.test.js +9 -4
  22. package/__tests__/lib/utils/getSubDirectoryNames.test.js +16 -6
  23. package/__tests__/lib/utils/isCoreTheme.test.js +5 -3
  24. package/__tests__/lib/utils/writeJsonToFile.test.js +8 -10
  25. package/__tests__/lib/writeJson.test.js +39 -21
  26. package/bin/larva.js +6 -6
  27. package/build/css/larva-important.css +1 -1
  28. package/build/css/larva.css +1 -1
  29. package/build/css/larva.inline-important.css +1 -1
  30. package/build/css/larva.inline.css +1 -1
  31. package/build/js/standalone/video-showcase.js +7 -7
  32. package/build/svg/defs/sprite.defs.html +1 -1
  33. package/build/tokens/spy-2022.custom-properties.css +1 -0
  34. package/build/tokens/spy-2022.json +521 -0
  35. package/build/tokens/spy-2022.map.scss +536 -0
  36. package/build/tokens/spy-2022.raw.json +4039 -0
  37. package/index.js +1 -1
  38. package/lib/generateStatic.js +67 -63
  39. package/lib/server.js +139 -117
  40. package/lib/start.js +1 -1
  41. package/lib/utils/clonePatternData.js +1 -1
  42. package/lib/utils/copySyncHelper.js +5 -6
  43. package/lib/utils/getAllPatternsObj.js +14 -9
  44. package/lib/utils/getAppConfiguration.js +17 -15
  45. package/lib/utils/getArgsFromCli.js +2 -2
  46. package/lib/utils/getModuleNamesFromDirectory.js +13 -6
  47. package/lib/utils/getPatternData.js +19 -11
  48. package/lib/utils/getPatternPathsToLoad.js +5 -5
  49. package/lib/utils/getPatternRoutes.js +29 -27
  50. package/lib/utils/getPatternType.js +3 -3
  51. package/lib/utils/getPatternVariants.js +5 -6
  52. package/lib/utils/getPatternsIndexPath.js +3 -3
  53. package/lib/utils/getSubDirectoryNames.js +5 -5
  54. package/lib/utils/isCoreTheme.js +1 -2
  55. package/lib/utils/renderSass.js +17 -14
  56. package/lib/utils/spawnScript.js +4 -9
  57. package/lib/utils/writeJsonToFile.js +2 -2
  58. package/lib/writeJson.js +34 -15
  59. package/package.json +15 -12
  60. package/scripts/build-html.js +21 -14
  61. package/scripts/build-icons.js +38 -26
  62. package/scripts/build-scss.js +1 -1
  63. package/scripts/config/.eslintrc.json +2 -1
  64. package/scripts/config/gulpfile.js +0 -1
  65. package/scripts/config/stylelint.config.js +1 -1
  66. package/scripts/config/webpack.config.js +22 -20
  67. package/scripts/dev-js.js +1 -1
  68. package/scripts/dev-scss.js +2 -7
  69. package/scripts/help.js +9 -7
  70. package/scripts/init.js +4 -2
  71. package/scripts/larva/larva.config.js +1 -1
  72. package/scripts/link-all.js +2 -2
  73. package/scripts/lint-js.js +1 -4
  74. package/scripts/lint-scss.js +5 -7
  75. package/scripts/lint.js +4 -4
  76. package/scripts/prod-js.js +1 -4
  77. package/scripts/prod-scss.js +5 -2
  78. package/scripts/prod.js +16 -22
  79. package/scripts/server.js +1 -3
  80. package/scripts/start.js +3 -3
  81. package/scripts/upgrade.js +10 -14
  82. package/scripts/write-json.js +4 -2
package/build/tokens/spy-2022.map.scss ADDED
@@ -0,0 +1,536 @@
1
+
2
+ $spy-2022-map: (
3
+ 'border-color-grey-lightest': (rgb(239, 239, 239)),
4
+ 'border-color-brand-secondary-light': (rgb(0, 0, 0)),
5
+ 'border-color-grey-light': (rgb(153, 153, 153)),
6
+ 'border-color-grey-dark': (rgb(102, 102, 102)),
7
+ 'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
+ 'border-color-brand-secondary': (rgb(21, 57, 105)),
9
+ 'border-color-grey': (rgb(117, 117, 117)),
10
+ 'border-color-brand-primary-light': (rgb(236, 28, 36)),
11
+ 'border-color-white': (rgb(255, 255, 255)),
12
+ 'border-color-brand-primary-dark': (rgb(236, 28, 36)),
13
+ 'border-color-brand-primary': (rgb(255, 213, 53)),
14
+ 'background-color-grey-light': (rgb(153, 153, 153)),
15
+ 'background-color-grey-lightest': (rgb(239, 239, 239)),
16
+ 'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
17
+ 'background-color-brand-secondary-light': (rgb(0, 0, 0)),
18
+ 'background-color-grey-dark': (rgb(102, 102, 102)),
19
+ 'background-color-grey': (rgb(117, 117, 117)),
20
+ /* The background color of the main body of the site. */
21
+ 'background-color-body': (rgb(255, 255, 255)),
22
+ 'background-color-brand-secondary': (rgb(21, 57, 105)),
23
+ 'background-color-black': (rgb(0, 0, 0)),
24
+ 'background-color-brand-primary-light': (rgb(236, 28, 36)),
25
+ 'background-color-brand-primary-dark': (rgb(236, 28, 36)),
26
+ 'background-color-white': (rgb(255, 255, 255)),
27
+ /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
28
+ 'background-color-brand-primary': (rgb(255, 213, 53)),
29
+ 'background-color-grey-darkest': (rgb(64, 64, 64)),
30
+ 'color-brand-secondary': (rgb(21, 57, 105)),
31
+ 'color-black': (rgb(0, 0, 0)),
32
+ 'color-brand-primary-light': (rgb(236, 28, 36)),
33
+ 'color-brand-primary-dark': (rgb(236, 28, 36)),
34
+ 'color-white': (rgb(255, 255, 255)),
35
+ 'color-brand-primary': (rgb(255, 213, 53)),
36
+ 'color-grey-light': (rgb(153, 153, 153)),
37
+ 'color-brand-secondary-dark': (rgb(0, 0, 0)),
38
+ 'color-brand-secondary-light': (rgb(0, 0, 0)),
39
+ 'color-grey-dark': (rgb(102, 102, 102)),
40
+ 'color-grey': (rgb(117, 117, 117)),
41
+ /* The webfont, loaded async */
42
+ 'font-family-primary-fancy': ('beaufort-pro', serif),
43
+ /* The webfont, loaded async */
44
+ 'font-family-primary': (serif),
45
+ /* The webfont, loaded async */
46
+ 'font-family-secondary-fancy': ('neue-haas-unica', sans-serif),
47
+ /* Fallback for secondary-fancy */
48
+ 'font-family-secondary': (serif),
49
+ 'font-family-body': (Georgia, Helvetica, sans-serif),
50
+ 'font-family-basic': (Arial, sans-serif),
51
+ 'font-weight-light': (300),
52
+ 'font-weight-normal': (400),
53
+ 'font-weight-bold': (700),
54
+ 'line-height-small': (1.1),
55
+ 'line-height-normal': (1.35),
56
+ 'line-height-copy': (1.5),
57
+ 'line-height-large': (1.85),
58
+ /* Used for margins and padding only. */
59
+ 'spacing-00': (0),
60
+ /* Used for margins and padding only. */
61
+ 'spacing-025': (0.25rem),
62
+ /* Used for margins and padding only. */
63
+ 'spacing-050': (0.5rem),
64
+ /* Used for margins and padding only. */
65
+ 'spacing-075': (0.75rem),
66
+ /* Used for margins and padding only. */
67
+ 'spacing-1': (1rem),
68
+ /* Used for margins and padding only. */
69
+ 'spacing-125': (1.25rem),
70
+ /* Used for margins and padding only. */
71
+ 'spacing-150': (1.5rem),
72
+ /* Used for margins and padding only. */
73
+ 'spacing-2': (2rem),
74
+ 'body-l-font-size-mobile': (initial),
75
+ 'primary-xl-font-size-desktop': (33px),
76
+ 'body-xxxl-font-size-desktop': (initial),
77
+ 'body-xl-font-size-desktop': (initial),
78
+ 'primary-xxl-font-size-mobile': (30px),
79
+ 'primary-l-font-size-mobile': (24px),
80
+ 'body-xxl-font-size-mobile': (initial),
81
+ 'basic-s-font-size-desktop-xl': (initial),
82
+ 'secondary-m-font-size-desktop-xl': (14px),
83
+ 'basic-xxs-font-size-desktop-xl': (initial),
84
+ 'basic-xs-font-size-mobile': (initial),
85
+ 'secondary-l-font-size-desktop-xl': (18px),
86
+ 'secondary-xxl-font-size-desktop-xl': (initial),
87
+ 'body-s-font-size-desktop': (16px),
88
+ 'body-xxs-font-size-desktop': (initial),
89
+ 'primary-s-font-size-desktop': (20px),
90
+ 'primary-xxs-font-size-desktop': (17px),
91
+ 'secondary-regular-m-font-size-desktop-xl': (15px),
92
+ 'secondary-xl-font-size-desktop-xl': (21px),
93
+ 'accent-s-font-size-desktop-xl': (23px),
94
+ 'accent-xxs-font-size-desktop-xl': (18px),
95
+ 'accent-l-font-size-desktop': (58px),
96
+ 'accent-m-font-size-desktop': (26px),
97
+ 'primary-xxxs-font-size-desktop': (15px),
98
+ 'primary-xs-font-size-desktop': (19px),
99
+ 'body-xxxs-font-size-desktop': (initial),
100
+ 'body-xs-font-size-desktop': (initial),
101
+ 'secondary-s-font-size-mobile': (13px),
102
+ 'secondary-xxs-font-size-mobile': (12px),
103
+ 'basic-m-font-size-desktop-xl': (initial),
104
+ 'secondary-xs-font-size-mobile': (13px),
105
+ 'accent-regular-xxs-font-size-desktop-xl': (18px),
106
+ 'basic-xxl-font-size-desktop-xl': (initial),
107
+ 'basic-l-font-size-desktop-xl': (initial),
108
+ 'basic-l-font-size-desktop': (initial),
109
+ 'basic-xxl-font-size-desktop': (initial),
110
+ 'accent-regular-xxs-font-size-desktop': (18px),
111
+ 'basic-xl-font-size-mobile': (initial),
112
+ 'basic-m-font-size-desktop': (initial),
113
+ 'body-xs-font-size-desktop-xl': (initial),
114
+ 'body-xxxs-font-size-desktop-xl': (initial),
115
+ 'primary-xs-font-size-desktop-xl': (19px),
116
+ 'primary-xxxs-font-size-desktop-xl': (15px),
117
+ 'accent-m-font-size-desktop-xl': (26px),
118
+ 'basic-s-font-size-mobile': (initial),
119
+ 'secondary-m-font-size-mobile': (14px),
120
+ 'accent-xxs-font-size-desktop': (18px),
121
+ 'accent-l-font-size-desktop-xl': (58px),
122
+ 'basic-xxs-font-size-mobile': (initial),
123
+ 'accent-s-font-size-desktop': (23px),
124
+ 'primary-xxs-font-size-desktop-xl': (17px),
125
+ 'body-xxs-font-size-desktop-xl': (initial),
126
+ 'primary-s-font-size-desktop-xl': (20px),
127
+ 'body-s-font-size-desktop-xl': (16px),
128
+ 'secondary-xl-font-size-desktop': (21px),
129
+ 'secondary-regular-m-font-size-desktop': (15px),
130
+ 'secondary-l-font-size-mobile': (18px),
131
+ 'secondary-xxl-font-size-mobile': (initial),
132
+ 'secondary-xl-font-size-mobile': (21px),
133
+ 'secondary-xxl-font-size-desktop': (initial),
134
+ 'secondary-l-font-size-desktop': (18px),
135
+ 'secondary-regular-m-font-size-mobile': (15px),
136
+ 'accent-xxs-font-size-mobile': (14px),
137
+ 'secondary-m-font-size-desktop': (14px),
138
+ 'basic-s-font-size-desktop': (initial),
139
+ 'basic-xxs-font-size-desktop': (initial),
140
+ 'accent-s-font-size-mobile': (23px),
141
+ 'basic-m-font-size-mobile': (initial),
142
+ 'body-xl-font-size-desktop-xl': (initial),
143
+ 'body-xxxl-font-size-desktop-xl': (initial),
144
+ 'primary-xl-font-size-desktop-xl': (33px),
145
+ 'accent-regular-xxs-font-size-mobile': (14px),
146
+ 'primary-m-font-size-desktop-xl': (21px),
147
+ 'basic-xxl-font-size-mobile': (initial),
148
+ 'body-m-font-size-desktop-xl': (18px),
149
+ 'basic-l-font-size-mobile': (initial),
150
+ 'basic-xl-font-size-desktop': (initial),
151
+ 'accent-xs-font-size-desktop-xl': (23px),
152
+ 'secondary-xs-font-size-desktop': (13px),
153
+ 'primary-xxl-font-size-desktop-xl': (45px),
154
+ 'primary-l-font-size-desktop-xl': (27px),
155
+ 'body-xxl-font-size-desktop-xl': (initial),
156
+ 'body-l-font-size-desktop-xl': (initial),
157
+ 'body-xs-font-size-mobile': (initial),
158
+ 'body-xxxs-font-size-mobile': (initial),
159
+ 'primary-xs-font-size-mobile': (19px),
160
+ 'primary-xxxs-font-size-mobile': (13px),
161
+ 'accent-m-font-size-mobile': (26px),
162
+ 'secondary-xxs-font-size-desktop': (12px),
163
+ 'secondary-s-font-size-desktop': (13px),
164
+ 'basic-xs-font-size-desktop-xl': (initial),
165
+ 'accent-l-font-size-mobile': (40px),
166
+ 'primary-xxs-font-size-mobile': (17px),
167
+ 'primary-s-font-size-mobile': (20px),
168
+ 'body-xxs-font-size-mobile': (initial),
169
+ 'body-s-font-size-mobile': (16px),
170
+ 'basic-xs-font-size-desktop': (initial),
171
+ 'secondary-s-font-size-desktop-xl': (13px),
172
+ 'secondary-xxs-font-size-desktop-xl': (12px),
173
+ 'body-l-font-size-desktop': (initial),
174
+ 'body-xxl-font-size-desktop': (initial),
175
+ 'primary-l-font-size-desktop': (27px),
176
+ 'primary-xxl-font-size-desktop': (45px),
177
+ 'secondary-xs-font-size-desktop-xl': (13px),
178
+ 'body-xl-font-size-mobile': (initial),
179
+ 'body-xxxl-font-size-mobile': (initial),
180
+ 'primary-xl-font-size-mobile': (33px),
181
+ 'basic-xl-font-size-desktop-xl': (initial),
182
+ 'accent-xs-font-size-mobile': (18px),
183
+ 'primary-m-font-size-mobile': (21px),
184
+ 'body-m-font-size-desktop': (18px),
185
+ 'body-m-font-size-mobile': (18px),
186
+ 'primary-m-font-size-desktop': (21px),
187
+ 'accent-xs-font-size-desktop': (23px),
188
+ 'secondary-xs-letter-spacing-desktop': (1.3px),
189
+ 'secondary-xxs-letter-spacing-mobile': (normal),
190
+ 'secondary-s-letter-spacing-mobile': (normal),
191
+ 'basic-xl-letter-spacing-desktop': (normal),
192
+ 'body-s-letter-spacing-desktop-xl': (normal),
193
+ 'body-xxs-letter-spacing-desktop-xl': (normal),
194
+ 'primary-s-letter-spacing-desktop-xl': (normal),
195
+ 'primary-xxs-letter-spacing-desktop-xl': (normal),
196
+ 'accent-l-letter-spacing-desktop-xl': (1.66px),
197
+ 'basic-xxs-letter-spacing-desktop': (normal),
198
+ 'basic-s-letter-spacing-desktop': (normal),
199
+ 'basic-xs-letter-spacing-mobile': (normal),
200
+ 'secondary-m-letter-spacing-desktop': (normal),
201
+ 'accent-m-letter-spacing-desktop-xl': (normal),
202
+ 'primary-xxxs-letter-spacing-desktop-xl': (normal),
203
+ 'primary-xs-letter-spacing-desktop-xl': (normal),
204
+ 'body-xxxs-letter-spacing-desktop-xl': (normal),
205
+ 'body-xs-letter-spacing-desktop-xl': (normal),
206
+ 'secondary-l-letter-spacing-desktop': (normal),
207
+ 'secondary-xxl-letter-spacing-desktop': (normal),
208
+ 'secondary-xl-letter-spacing-desktop': (normal),
209
+ 'body-l-letter-spacing-mobile': (normal),
210
+ 'body-xxl-letter-spacing-mobile': (normal),
211
+ 'primary-l-letter-spacing-mobile': (normal),
212
+ 'primary-xxl-letter-spacing-mobile': (normal),
213
+ 'secondary-regular-m-letter-spacing-desktop': (normal),
214
+ 'accent-xs-letter-spacing-mobile': (0.52px),
215
+ 'accent-s-letter-spacing-desktop': (normal),
216
+ 'basic-l-letter-spacing-desktop-xl': (normal),
217
+ 'accent-xxs-letter-spacing-desktop': (.52px),
218
+ 'basic-xxl-letter-spacing-desktop-xl': (normal),
219
+ 'accent-regular-xxs-letter-spacing-desktop-xl': (0.52px),
220
+ 'body-m-letter-spacing-mobile': (normal),
221
+ 'primary-m-letter-spacing-mobile': (normal),
222
+ 'primary-xl-letter-spacing-mobile': (normal),
223
+ 'body-xxxl-letter-spacing-mobile': (normal),
224
+ 'basic-m-letter-spacing-desktop-xl': (normal),
225
+ 'body-xl-letter-spacing-mobile': (normal),
226
+ 'basic-m-letter-spacing-desktop': (normal),
227
+ 'accent-regular-xxs-letter-spacing-desktop': (0.52px),
228
+ 'basic-xxl-letter-spacing-desktop': (normal),
229
+ 'accent-s-letter-spacing-desktop-xl': (normal),
230
+ 'basic-l-letter-spacing-desktop': (normal),
231
+ 'accent-xxs-letter-spacing-desktop-xl': (.52px),
232
+ 'secondary-xl-letter-spacing-desktop-xl': (normal),
233
+ 'secondary-regular-m-letter-spacing-desktop-xl': (normal),
234
+ 'secondary-xxl-letter-spacing-desktop-xl': (normal),
235
+ 'secondary-l-letter-spacing-desktop-xl': (normal),
236
+ 'body-s-letter-spacing-mobile': (normal),
237
+ 'primary-s-letter-spacing-mobile': (normal),
238
+ 'body-xs-letter-spacing-desktop': (normal),
239
+ 'body-xxs-letter-spacing-mobile': (normal),
240
+ 'body-xxxs-letter-spacing-desktop': (normal),
241
+ 'primary-xs-letter-spacing-desktop': (normal),
242
+ 'primary-xxs-letter-spacing-mobile': (normal),
243
+ 'primary-xxxs-letter-spacing-desktop': (normal),
244
+ 'accent-m-letter-spacing-desktop': (normal),
245
+ 'basic-xxs-letter-spacing-desktop-xl': (normal),
246
+ 'accent-l-letter-spacing-desktop': (1.66px),
247
+ 'accent-l-letter-spacing-mobile': (1.14px),
248
+ 'secondary-m-letter-spacing-desktop-xl': (normal),
249
+ 'basic-s-letter-spacing-desktop-xl': (normal),
250
+ 'accent-m-letter-spacing-mobile': (.74px),
251
+ 'primary-xxxs-letter-spacing-mobile': (normal),
252
+ 'primary-xxs-letter-spacing-desktop': (normal),
253
+ 'primary-xs-letter-spacing-mobile': (normal),
254
+ 'body-xxs-letter-spacing-desktop': (normal),
255
+ 'body-xxxs-letter-spacing-mobile': (normal),
256
+ 'primary-s-letter-spacing-desktop': (normal),
257
+ 'body-s-letter-spacing-desktop': (normal),
258
+ 'body-xs-letter-spacing-mobile': (normal),
259
+ 'basic-xl-letter-spacing-desktop-xl': (normal),
260
+ 'basic-l-letter-spacing-mobile': (normal),
261
+ 'basic-xxl-letter-spacing-mobile': (normal),
262
+ 'accent-regular-xxs-letter-spacing-mobile': (0.4px),
263
+ 'secondary-xs-letter-spacing-desktop-xl': (1.3px),
264
+ 'basic-m-letter-spacing-mobile': (normal),
265
+ 'secondary-xxs-letter-spacing-desktop-xl': (normal),
266
+ 'secondary-s-letter-spacing-desktop-xl': (normal),
267
+ 'body-xl-letter-spacing-desktop': (normal),
268
+ 'body-xxxl-letter-spacing-desktop': (normal),
269
+ 'primary-xl-letter-spacing-desktop': (normal),
270
+ 'accent-xs-letter-spacing-desktop': (0.66px),
271
+ 'accent-xxs-letter-spacing-mobile': (.4px),
272
+ 'primary-m-letter-spacing-desktop': (normal),
273
+ 'body-m-letter-spacing-desktop': (normal),
274
+ 'accent-s-letter-spacing-mobile': (.66px),
275
+ 'secondary-regular-m-letter-spacing-mobile': (normal),
276
+ 'primary-xxl-letter-spacing-desktop': (normal),
277
+ 'primary-l-letter-spacing-desktop': (normal),
278
+ 'body-xxl-letter-spacing-desktop': (normal),
279
+ 'secondary-xl-letter-spacing-mobile': (normal),
280
+ 'body-l-letter-spacing-desktop': (normal),
281
+ 'basic-xs-letter-spacing-desktop-xl': (normal),
282
+ 'secondary-xxl-letter-spacing-mobile': (normal),
283
+ 'secondary-l-letter-spacing-mobile': (normal),
284
+ 'secondary-m-letter-spacing-mobile': (normal),
285
+ 'basic-s-letter-spacing-mobile': (normal),
286
+ 'basic-xs-letter-spacing-desktop': (normal),
287
+ 'basic-xxs-letter-spacing-mobile': (normal),
288
+ 'body-l-letter-spacing-desktop-xl': (normal),
289
+ 'body-xxl-letter-spacing-desktop-xl': (normal),
290
+ 'primary-l-letter-spacing-desktop-xl': (normal),
291
+ 'primary-xxl-letter-spacing-desktop-xl': (normal),
292
+ 'basic-xl-letter-spacing-mobile': (normal),
293
+ 'body-m-letter-spacing-desktop-xl': (normal),
294
+ 'primary-m-letter-spacing-desktop-xl': (normal),
295
+ 'accent-xs-letter-spacing-desktop-xl': (0.66px),
296
+ 'primary-xl-letter-spacing-desktop-xl': (normal),
297
+ 'body-xxxl-letter-spacing-desktop-xl': (normal),
298
+ 'body-xl-letter-spacing-desktop-xl': (normal),
299
+ 'secondary-s-letter-spacing-desktop': (normal),
300
+ 'secondary-xs-letter-spacing-mobile': (1.3px),
301
+ 'secondary-xxs-letter-spacing-desktop': (normal),
302
+ 'body-xs-font-weight-mobile': (normal),
303
+ 'body-xxxs-font-weight-mobile': (normal),
304
+ 'primary-xs-font-weight-mobile': (400),
305
+ 'primary-xxxs-font-weight-mobile': (400),
306
+ 'accent-m-font-weight-mobile': (300),
307
+ 'basic-l-font-weight-desktop': (normal),
308
+ 'basic-xxl-font-weight-desktop': (normal),
309
+ 'accent-regular-xxs-font-weight-desktop': (400),
310
+ 'basic-xs-font-weight-desktop-xl': (normal),
311
+ 'accent-l-font-weight-mobile': (300),
312
+ 'primary-xxs-font-weight-mobile': (400),
313
+ 'primary-s-font-weight-mobile': (400),
314
+ 'body-xxs-font-weight-mobile': (normal),
315
+ 'body-s-font-weight-mobile': (normal),
316
+ 'basic-m-font-weight-desktop': (normal),
317
+ 'accent-xxs-font-weight-desktop': (300),
318
+ 'accent-s-font-weight-desktop': (300),
319
+ 'secondary-s-font-weight-desktop-xl': (600),
320
+ 'secondary-xxs-font-weight-desktop-xl': (600),
321
+ 'secondary-xl-font-weight-desktop': (600),
322
+ 'secondary-regular-m-font-weight-desktop': (normal),
323
+ 'body-xl-font-weight-mobile': (normal),
324
+ 'secondary-xs-font-weight-desktop-xl': (600),
325
+ 'body-xxxl-font-weight-mobile': (normal),
326
+ 'primary-xl-font-weight-mobile': (400),
327
+ 'secondary-xxl-font-weight-desktop': (normal),
328
+ 'secondary-l-font-weight-desktop': (600),
329
+ 'body-m-font-weight-mobile': (normal),
330
+ 'basic-xxs-font-weight-desktop': (normal),
331
+ 'accent-xs-font-weight-mobile': (300),
332
+ 'basic-xl-font-weight-desktop-xl': (normal),
333
+ 'secondary-m-font-weight-desktop': (600),
334
+ 'basic-s-font-weight-desktop': (normal),
335
+ 'primary-m-font-weight-mobile': (400),
336
+ 'primary-xxl-font-weight-mobile': (400),
337
+ 'primary-l-font-weight-mobile': (400),
338
+ 'body-xxl-font-weight-mobile': (normal),
339
+ 'body-l-font-weight-mobile': (normal),
340
+ 'basic-xl-font-weight-desktop': (normal),
341
+ 'basic-xxs-font-weight-desktop-xl': (normal),
342
+ 'basic-s-font-weight-desktop-xl': (normal),
343
+ 'secondary-m-font-weight-desktop-xl': (600),
344
+ 'secondary-l-font-weight-desktop-xl': (600),
345
+ 'secondary-xxl-font-weight-desktop-xl': (normal),
346
+ 'basic-xs-font-weight-mobile': (normal),
347
+ 'secondary-xs-font-weight-desktop': (600),
348
+ 'secondary-xxs-font-weight-desktop': (600),
349
+ 'secondary-s-font-weight-desktop': (600),
350
+ 'secondary-xl-font-weight-desktop-xl': (600),
351
+ 'secondary-regular-m-font-weight-desktop-xl': (normal),
352
+ 'accent-s-font-weight-desktop-xl': (300),
353
+ 'accent-xxs-font-weight-desktop-xl': (300),
354
+ 'secondary-s-font-weight-mobile': (600),
355
+ 'secondary-xxs-font-weight-mobile': (600),
356
+ 'basic-m-font-weight-desktop-xl': (normal),
357
+ 'accent-regular-xxs-font-weight-desktop-xl': (400),
358
+ 'basic-xxl-font-weight-desktop-xl': (normal),
359
+ 'basic-l-font-weight-desktop-xl': (normal),
360
+ 'basic-xs-font-weight-desktop': (normal),
361
+ 'secondary-xs-font-weight-mobile': (600),
362
+ 'basic-xl-font-weight-mobile': (normal),
363
+ 'body-xxl-font-weight-desktop': (normal),
364
+ 'primary-l-font-weight-desktop': (400),
365
+ 'primary-xxxs-font-weight-desktop-xl': (400),
366
+ 'primary-xxl-font-weight-desktop': (400),
367
+ 'accent-m-font-weight-desktop-xl': (300),
368
+ 'body-xs-font-weight-desktop-xl': (normal),
369
+ 'body-l-font-weight-desktop': (normal),
370
+ 'body-xxxs-font-weight-desktop-xl': (normal),
371
+ 'primary-xs-font-weight-desktop-xl': (400),
372
+ 'body-m-font-weight-desktop': (normal),
373
+ 'accent-l-font-weight-desktop-xl': (300),
374
+ 'primary-m-font-weight-desktop': (400),
375
+ 'basic-xxs-font-weight-mobile': (normal),
376
+ 'accent-xs-font-weight-desktop': (300),
377
+ 'basic-s-font-weight-mobile': (normal),
378
+ 'secondary-m-font-weight-mobile': (600),
379
+ 'primary-xl-font-weight-desktop': (400),
380
+ 'body-xxxl-font-weight-desktop': (normal),
381
+ 'body-xl-font-weight-desktop': (normal),
382
+ 'secondary-l-font-weight-mobile': (600),
383
+ 'secondary-xxl-font-weight-mobile': (normal),
384
+ 'primary-xxs-font-weight-desktop-xl': (400),
385
+ 'primary-s-font-weight-desktop-xl': (400),
386
+ 'body-xxs-font-weight-desktop-xl': (normal),
387
+ 'body-s-font-weight-desktop-xl': (normal),
388
+ 'secondary-regular-m-font-weight-mobile': (normal),
389
+ 'secondary-xl-font-weight-mobile': (600),
390
+ 'accent-s-font-weight-mobile': (300),
391
+ 'accent-xxs-font-weight-mobile': (300),
392
+ 'basic-m-font-weight-mobile': (normal),
393
+ 'body-s-font-weight-desktop': (normal),
394
+ 'body-xxs-font-weight-desktop': (normal),
395
+ 'primary-s-font-weight-desktop': (400),
396
+ 'primary-xxs-font-weight-desktop': (400),
397
+ 'body-xl-font-weight-desktop-xl': (normal),
398
+ 'body-xxxl-font-weight-desktop-xl': (normal),
399
+ 'primary-xl-font-weight-desktop-xl': (400),
400
+ 'accent-xs-font-weight-desktop-xl': (300),
401
+ 'accent-regular-xxs-font-weight-mobile': (400),
402
+ 'accent-l-font-weight-desktop': (300),
403
+ 'basic-xxl-font-weight-mobile': (normal),
404
+ 'primary-m-font-weight-desktop-xl': (400),
405
+ 'body-m-font-weight-desktop-xl': (normal),
406
+ 'basic-l-font-weight-mobile': (normal),
407
+ 'accent-m-font-weight-desktop': (300),
408
+ 'primary-xxxs-font-weight-desktop': (400),
409
+ 'body-xxxs-font-weight-desktop': (normal),
410
+ 'primary-xs-font-weight-desktop': (400),
411
+ 'body-xs-font-weight-desktop': (normal),
412
+ 'primary-xxl-font-weight-desktop-xl': (400),
413
+ 'primary-l-font-weight-desktop-xl': (400),
414
+ 'body-xxl-font-weight-desktop-xl': (normal),
415
+ 'body-l-font-weight-desktop-xl': (normal),
416
+ 'accent-xs-line-height-desktop': (24px),
417
+ 'body-m-line-height-desktop': (31px),
418
+ 'primary-m-line-height-desktop': (22px),
419
+ 'basic-s-line-height-desktop-xl': (initial),
420
+ 'secondary-m-line-height-desktop-xl': (22px),
421
+ 'body-xxxl-line-height-desktop': (initial),
422
+ 'primary-xl-line-height-desktop': (39px),
423
+ 'body-xl-line-height-desktop': (initial),
424
+ 'basic-xxs-line-height-desktop-xl': (initial),
425
+ 'basic-xs-line-height-mobile': (initial),
426
+ 'secondary-l-line-height-desktop-xl': (22px),
427
+ 'secondary-xxl-line-height-desktop-xl': (initial),
428
+ 'secondary-regular-m-line-height-desktop-xl': (15px),
429
+ 'secondary-xl-line-height-desktop-xl': (22px),
430
+ 'accent-xxs-line-height-desktop-xl': (18px),
431
+ 'accent-s-line-height-desktop-xl': (23px),
432
+ 'primary-s-line-height-desktop': (23px),
433
+ 'body-xxs-line-height-desktop': (initial),
434
+ 'primary-xxs-line-height-desktop': (20px),
435
+ 'secondary-s-line-height-mobile': (18px),
436
+ 'secondary-xxs-line-height-mobile': (18px),
437
+ 'body-s-line-height-desktop': (22px),
438
+ 'accent-l-line-height-desktop': (50px),
439
+ 'basic-m-line-height-desktop-xl': (initial),
440
+ 'primary-xxxs-line-height-desktop': (18px),
441
+ 'primary-xs-line-height-desktop': (22px),
442
+ 'body-xxxs-line-height-desktop': (initial),
443
+ 'body-xs-line-height-desktop': (initial),
444
+ 'secondary-xs-line-height-mobile': (18px),
445
+ 'basic-l-line-height-desktop-xl': (initial),
446
+ 'accent-regular-xxs-line-height-desktop-xl': (26px),
447
+ 'basic-xxl-line-height-desktop-xl': (initial),
448
+ 'accent-m-line-height-desktop': (26px),
449
+ 'basic-xl-line-height-mobile': (initial),
450
+ 'accent-regular-xxs-line-height-desktop': (26px),
451
+ 'body-xs-line-height-desktop-xl': (initial),
452
+ 'primary-xs-line-height-desktop-xl': (22px),
453
+ 'body-xxxs-line-height-desktop-xl': (initial),
454
+ 'primary-xxxs-line-height-desktop-xl': (18px),
455
+ 'accent-m-line-height-desktop-xl': (26px),
456
+ 'basic-l-line-height-desktop': (initial),
457
+ 'basic-xxl-line-height-desktop': (initial),
458
+ 'basic-m-line-height-desktop': (initial),
459
+ 'basic-s-line-height-mobile': (initial),
460
+ 'secondary-m-line-height-mobile': (22px),
461
+ 'basic-xxs-line-height-mobile': (initial),
462
+ 'accent-l-line-height-desktop-xl': (50px),
463
+ 'primary-xxs-line-height-desktop-xl': (20px),
464
+ 'primary-s-line-height-desktop-xl': (23px),
465
+ 'body-xxs-line-height-desktop-xl': (initial),
466
+ 'body-s-line-height-desktop-xl': (22px),
467
+ 'secondary-l-line-height-mobile': (22px),
468
+ 'secondary-xxl-line-height-mobile': (initial),
469
+ 'accent-s-line-height-desktop': (23px),
470
+ 'accent-xxs-line-height-desktop': (18px),
471
+ 'secondary-xl-line-height-mobile': (22px),
472
+ 'secondary-xl-line-height-desktop': (22px),
473
+ 'secondary-regular-m-line-height-mobile': (15px),
474
+ 'secondary-regular-m-line-height-desktop': (15px),
475
+ 'accent-s-line-height-mobile': (23px),
476
+ 'accent-xxs-line-height-mobile': (0.4px),
477
+ 'secondary-xxl-line-height-desktop': (initial),
478
+ 'secondary-l-line-height-desktop': (22px),
479
+ 'secondary-m-line-height-desktop': (22px),
480
+ 'basic-s-line-height-desktop': (initial),
481
+ 'body-xl-line-height-desktop-xl': (initial),
482
+ 'primary-xl-line-height-desktop-xl': (39px),
483
+ 'body-xxxl-line-height-desktop-xl': (initial),
484
+ 'basic-xxs-line-height-desktop': (initial),
485
+ 'basic-m-line-height-mobile': (initial),
486
+ 'basic-l-line-height-mobile': (initial),
487
+ 'primary-m-line-height-desktop-xl': (22px),
488
+ 'body-m-line-height-desktop-xl': (31px),
489
+ 'accent-regular-xxs-line-height-mobile': (14px),
490
+ 'basic-xxl-line-height-mobile': (initial),
491
+ 'accent-xs-line-height-desktop-xl': (24px),
492
+ 'primary-xxl-line-height-desktop-xl': (51px),
493
+ 'primary-l-line-height-desktop-xl': (28px),
494
+ 'body-xxl-line-height-desktop-xl': (initial),
495
+ 'body-l-line-height-desktop-xl': (initial),
496
+ 'basic-xl-line-height-desktop': (initial),
497
+ 'secondary-xs-line-height-desktop': (18px),
498
+ 'body-xs-line-height-mobile': (initial),
499
+ 'body-xxxs-line-height-mobile': (initial),
500
+ 'primary-xs-line-height-mobile': (22px),
501
+ 'primary-xxxs-line-height-mobile': (18px),
502
+ 'accent-m-line-height-mobile': (26px),
503
+ 'accent-l-line-height-mobile': (36px),
504
+ 'basic-xs-line-height-desktop-xl': (initial),
505
+ 'secondary-xxs-line-height-desktop': (18px),
506
+ 'secondary-s-line-height-desktop': (18px),
507
+ 'primary-xxs-line-height-mobile': (20px),
508
+ 'primary-s-line-height-mobile': (23px),
509
+ 'body-xxs-line-height-mobile': (initial),
510
+ 'body-s-line-height-mobile': (22px),
511
+ 'secondary-s-line-height-desktop-xl': (18px),
512
+ 'secondary-xxs-line-height-desktop-xl': (18px),
513
+ 'basic-xs-line-height-desktop': (initial),
514
+ 'body-xl-line-height-mobile': (initial),
515
+ 'body-xxxl-line-height-mobile': (initial),
516
+ 'primary-xl-line-height-mobile': (39px),
517
+ 'secondary-xs-line-height-desktop-xl': (18px),
518
+ 'primary-m-line-height-mobile': (22px),
519
+ 'body-m-line-height-mobile': (31px),
520
+ 'basic-xl-line-height-desktop-xl': (initial),
521
+ 'accent-xs-line-height-mobile': (19px),
522
+ 'body-l-line-height-desktop': (initial),
523
+ 'body-xxl-line-height-desktop': (initial),
524
+ 'primary-l-line-height-desktop': (28px),
525
+ 'primary-xxl-line-height-desktop': (51px),
526
+ 'primary-xxl-line-height-mobile': (36px),
527
+ 'body-xxl-line-height-mobile': (initial),
528
+ 'primary-l-line-height-mobile': (24px),
529
+ 'body-l-line-height-mobile': (initial),
530
+ 'font-family-accent': (Verdana, serif),
531
+ 'font-family-accent-fancy': (Verdana, sans-serif),
532
+ 'color-grey-darkest': (rgb(64, 64, 64)),
533
+ 'color-grey-lightest': (rgb(239, 239, 239)),
534
+ 'font-family-body-fancy': (Georgia, Helvetica, sans-serif),
535
+ 'border-color-grey-darkest': (rgb(64, 64, 64)),
536
+ );