@penskemediacorp/larva 0.5.3 → 0.5.6

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 (41) hide show
  1. package/build/css/larva-important.css +1 -1
  2. package/build/css/larva.css +1 -1
  3. package/build/css/larva.inline-important.css +1 -1
  4. package/build/css/larva.inline.css +1 -1
  5. package/build/js/common.js +1 -1
  6. package/build/svg/brand-logo.svg +1 -0
  7. package/build/svg/defs/sprite.defs.html +1 -1
  8. package/build/tokens/deadline.custom-properties.css +219 -9
  9. package/build/tokens/deadline.json +220 -10
  10. package/build/tokens/deadline.map.scss +219 -9
  11. package/build/tokens/deadline.raw.json +1872 -86
  12. package/build/tokens/default.custom-properties.css +101 -25
  13. package/build/tokens/default.json +101 -25
  14. package/build/tokens/default.map.scss +101 -25
  15. package/build/tokens/default.raw.json +736 -50
  16. package/build/tokens/indiewire.custom-properties.css +102 -26
  17. package/build/tokens/indiewire.json +102 -26
  18. package/build/tokens/indiewire.map.scss +102 -26
  19. package/build/tokens/indiewire.raw.json +772 -86
  20. package/build/tokens/robbreport.custom-properties.css +215 -33
  21. package/build/tokens/robbreport.json +215 -33
  22. package/build/tokens/robbreport.map.scss +215 -33
  23. package/build/tokens/robbreport.raw.json +1731 -197
  24. package/build/tokens/rollingstone-2022.custom-properties.css +104 -28
  25. package/build/tokens/rollingstone-2022.json +104 -28
  26. package/build/tokens/rollingstone-2022.map.scss +104 -28
  27. package/build/tokens/rollingstone-2022.raw.json +742 -56
  28. package/build/tokens/rollingstone.custom-properties.css +108 -32
  29. package/build/tokens/rollingstone.json +108 -32
  30. package/build/tokens/rollingstone.map.scss +108 -32
  31. package/build/tokens/rollingstone.raw.json +750 -64
  32. package/build/tokens/variety-vip.custom-properties.css +101 -25
  33. package/build/tokens/variety-vip.json +101 -25
  34. package/build/tokens/variety-vip.map.scss +101 -25
  35. package/build/tokens/variety-vip.raw.json +736 -50
  36. package/build/tokens/variety.custom-properties.css +101 -25
  37. package/build/tokens/variety.json +101 -25
  38. package/build/tokens/variety.map.scss +101 -25
  39. package/build/tokens/variety.raw.json +736 -50
  40. package/lib/server.js +1 -1
  41. package/package.json +11 -11
package/build/tokens/rollingstone-2022.map.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  $rollingstone-2022-map: (
3
3
  'border-color-grey-lightest': (rgb(239, 239, 239)),
4
4
  'border-color-brand-secondary-light': (rgb(165, 133, 83)),
5
- 'border-color-grey-light': (rgb(204, 204, 204)),
5
+ 'border-color-grey-light': (rgb(153, 153, 153)),
6
6
  'border-color-grey-dark': (rgb(102, 102, 102)),
7
7
  'border-color-brand-secondary-dark': (rgb(122, 89, 45)),
8
8
  'border-color-brand-secondary': (rgb(0, 0, 0)),
@@ -11,7 +11,7 @@ $rollingstone-2022-map: (
11
11
  'border-color-white': (rgb(255, 255, 255)),
12
12
  'border-color-brand-primary-dark': (rgb(215, 25, 32)),
13
13
  'border-color-brand-primary': (rgb(215, 25, 32)),
14
- 'background-color-grey-light': (rgb(204, 204, 204)),
14
+ 'background-color-grey-light': (rgb(153, 153, 153)),
15
15
  'background-color-grey-lightest': (rgb(239, 239, 239)),
16
16
  'background-color-brand-secondary-dark': (rgb(122, 89, 45)),
17
17
  'background-color-brand-secondary-light': (rgb(165, 133, 83)),
@@ -33,7 +33,7 @@ $rollingstone-2022-map: (
33
33
  'color-brand-primary-dark': (rgb(215, 25, 32)),
34
34
  'color-white': (rgb(255, 255, 255)),
35
35
  'color-brand-primary': (rgb(215, 25, 32)),
36
- 'color-grey-light': (rgb(204, 204, 204)),
36
+ 'color-grey-light': (rgb(153, 153, 153)),
37
37
  'color-brand-secondary-dark': (rgb(122, 89, 45)),
38
38
  'color-brand-secondary-light': (rgb(165, 133, 83)),
39
39
  'color-grey-dark': (rgb(102, 102, 102)),
@@ -73,26 +73,44 @@ $rollingstone-2022-map: (
73
73
  'spacing-2': (2rem),
74
74
  'primary-xl-font-size-desktop': (58px),
75
75
  'primary-l-font-size-mobile': (34px),
76
- 'body-s-font-size-desktop': (initial),
76
+ 'secondary-m-font-size-desktop-xl': (14px),
77
+ 'secondary-l-font-size-desktop-xl': (30px),
78
+ 'body-s-font-size-desktop': (16px),
77
79
  'primary-s-font-size-desktop': (36px),
78
80
  'primary-xxs-font-size-desktop': (24px),
81
+ 'secondary-regular-m-font-size-desktop-xl': (15px),
82
+ 'accent-s-font-size-desktop-xl': (23px),
83
+ 'accent-xxs-font-size-desktop-xl': (18px),
79
84
  'accent-l-font-size-desktop': (58px),
80
- 'accent-m-font-size-desktop': (initial),
85
+ 'accent-m-font-size-desktop': (26px),
81
86
  'primary-xxxs-font-size-desktop': (20px),
82
87
  'primary-xs-font-size-desktop': (26px),
83
88
  'secondary-s-font-size-mobile': (11px),
89
+ 'accent-regular-xxs-font-size-desktop-xl': (18px),
84
90
  'accent-regular-xxs-font-size-desktop': (18px),
91
+ 'primary-xs-font-size-desktop-xl': (26px),
92
+ 'primary-xxxs-font-size-desktop-xl': (20px),
93
+ 'accent-m-font-size-desktop-xl': (26px),
85
94
  'secondary-m-font-size-mobile': (11px),
86
95
  'accent-xxs-font-size-desktop': (18px),
87
- 'accent-s-font-size-desktop': (initial),
88
- 'secondary-regular-m-font-size-desktop': (initial),
96
+ 'accent-l-font-size-desktop-xl': (58px),
97
+ 'accent-s-font-size-desktop': (23px),
98
+ 'primary-xxs-font-size-desktop-xl': (24px),
99
+ 'primary-s-font-size-desktop-xl': (36px),
100
+ 'body-s-font-size-desktop-xl': (16px),
101
+ 'secondary-regular-m-font-size-desktop': (15px),
89
102
  'secondary-l-font-size-mobile': (17px),
90
103
  'secondary-l-font-size-desktop': (30px),
91
104
  'secondary-regular-m-font-size-mobile': (15px),
92
105
  'accent-xxs-font-size-mobile': (14px),
93
106
  'secondary-m-font-size-desktop': (14px),
94
107
  'accent-s-font-size-mobile': (23px),
108
+ 'primary-xl-font-size-desktop-xl': (58px),
95
109
  'accent-regular-xxs-font-size-mobile': (14px),
110
+ 'primary-m-font-size-desktop-xl': (36px),
111
+ 'body-m-font-size-desktop-xl': (18px),
112
+ 'accent-xs-font-size-desktop-xl': (23px),
113
+ 'primary-l-font-size-desktop-xl': (45px),
96
114
  'primary-xs-font-size-mobile': (18px),
97
115
  'primary-xxxs-font-size-mobile': (19px),
98
116
  'accent-m-font-size-mobile': (26px),
@@ -101,26 +119,39 @@ $rollingstone-2022-map: (
101
119
  'primary-xxs-font-size-mobile': (22px),
102
120
  'primary-s-font-size-mobile': (23px),
103
121
  'body-s-font-size-mobile': (16px),
122
+ 'secondary-s-font-size-desktop-xl': (12px),
104
123
  'primary-l-font-size-desktop': (45px),
105
124
  'primary-xl-font-size-mobile': (37px),
106
125
  'accent-xs-font-size-mobile': (18px),
107
126
  'primary-m-font-size-mobile': (32px),
108
- 'body-m-font-size-desktop': (initial),
127
+ 'body-m-font-size-desktop': (18px),
109
128
  'body-m-font-size-mobile': (18px),
110
129
  'primary-m-font-size-desktop': (36px),
111
130
  'accent-xs-font-size-desktop': (23px),
112
131
  'secondary-s-letter-spacing-mobile': (normal),
132
+ 'body-s-letter-spacing-desktop-xl': (normal),
133
+ 'primary-s-letter-spacing-desktop-xl': (normal),
134
+ 'primary-xxs-letter-spacing-desktop-xl': (normal),
135
+ 'accent-l-letter-spacing-desktop-xl': (1.66px),
113
136
  'secondary-m-letter-spacing-desktop': (normal),
137
+ 'accent-m-letter-spacing-desktop-xl': (normal),
138
+ 'primary-xxxs-letter-spacing-desktop-xl': (normal),
139
+ 'primary-xs-letter-spacing-desktop-xl': (normal),
114
140
  'secondary-l-letter-spacing-desktop': (normal),
115
141
  'primary-l-letter-spacing-mobile': (normal),
116
142
  'secondary-regular-m-letter-spacing-desktop': (normal),
117
143
  'accent-xs-letter-spacing-mobile': (0.52px),
118
144
  'accent-s-letter-spacing-desktop': (normal),
119
145
  'accent-xxs-letter-spacing-desktop': (.52px),
146
+ 'accent-regular-xxs-letter-spacing-desktop-xl': (0.52px),
120
147
  'body-m-letter-spacing-mobile': (normal),
121
148
  'primary-m-letter-spacing-mobile': (normal),
122
149
  'primary-xl-letter-spacing-mobile': (normal),
123
150
  'accent-regular-xxs-letter-spacing-desktop': (0.52px),
151
+ 'accent-s-letter-spacing-desktop-xl': (normal),
152
+ 'accent-xxs-letter-spacing-desktop-xl': (.52px),
153
+ 'secondary-regular-m-letter-spacing-desktop-xl': (normal),
154
+ 'secondary-l-letter-spacing-desktop-xl': (normal),
124
155
  'body-s-letter-spacing-mobile': (normal),
125
156
  'primary-s-letter-spacing-mobile': (normal),
126
157
  'primary-xs-letter-spacing-desktop': (normal),
@@ -129,6 +160,7 @@ $rollingstone-2022-map: (
129
160
  'accent-m-letter-spacing-desktop': (normal),
130
161
  'accent-l-letter-spacing-desktop': (1.66px),
131
162
  'accent-l-letter-spacing-mobile': (1.14px),
163
+ 'secondary-m-letter-spacing-desktop-xl': (normal),
132
164
  'accent-m-letter-spacing-mobile': (.74px),
133
165
  'primary-xxxs-letter-spacing-mobile': (normal),
134
166
  'primary-xxs-letter-spacing-desktop': (normal),
@@ -136,6 +168,7 @@ $rollingstone-2022-map: (
136
168
  'primary-s-letter-spacing-desktop': (normal),
137
169
  'body-s-letter-spacing-desktop': (normal),
138
170
  'accent-regular-xxs-letter-spacing-mobile': (0.4px),
171
+ 'secondary-s-letter-spacing-desktop-xl': (normal),
139
172
  'primary-xl-letter-spacing-desktop': (normal),
140
173
  'accent-xs-letter-spacing-desktop': (0.66px),
141
174
  'accent-xxs-letter-spacing-mobile': (.4px),
@@ -146,69 +179,111 @@ $rollingstone-2022-map: (
146
179
  'primary-l-letter-spacing-desktop': (normal),
147
180
  'secondary-l-letter-spacing-mobile': (normal),
148
181
  'secondary-m-letter-spacing-mobile': (normal),
182
+ 'primary-l-letter-spacing-desktop-xl': (normal),
183
+ 'body-m-letter-spacing-desktop-xl': (normal),
184
+ 'primary-m-letter-spacing-desktop-xl': (normal),
185
+ 'accent-xs-letter-spacing-desktop-xl': (0.66px),
186
+ 'primary-xl-letter-spacing-desktop-xl': (normal),
149
187
  'secondary-s-letter-spacing-desktop': (normal),
150
188
  'primary-xs-font-weight-mobile': (700),
151
189
  'primary-xxxs-font-weight-mobile': (700),
152
190
  'accent-m-font-weight-mobile': (300),
153
- 'accent-regular-xxs-font-weight-desktop': (initial),
191
+ 'accent-regular-xxs-font-weight-desktop': (400),
154
192
  'accent-l-font-weight-mobile': (300),
155
193
  'primary-xxs-font-weight-mobile': (700),
156
194
  'primary-s-font-weight-mobile': (700),
157
- 'body-s-font-weight-mobile': (initial),
158
- 'accent-xxs-font-weight-desktop': (initial),
159
- 'accent-s-font-weight-desktop': (initial),
160
- 'secondary-regular-m-font-weight-desktop': (initial),
195
+ 'body-s-font-weight-mobile': (normal),
196
+ 'accent-xxs-font-weight-desktop': (300),
197
+ 'accent-s-font-weight-desktop': (300),
198
+ 'secondary-s-font-weight-desktop-xl': (600),
199
+ 'secondary-regular-m-font-weight-desktop': (normal),
161
200
  'primary-xl-font-weight-mobile': (700),
162
- 'secondary-l-font-weight-desktop': (initial),
163
- 'body-m-font-weight-mobile': (initial),
201
+ 'secondary-l-font-weight-desktop': (600),
202
+ 'body-m-font-weight-mobile': (normal),
164
203
  'accent-xs-font-weight-mobile': (300),
165
- 'secondary-m-font-weight-desktop': (initial),
204
+ 'secondary-m-font-weight-desktop': (600),
166
205
  'primary-m-font-weight-mobile': (700),
167
206
  'primary-l-font-weight-mobile': (700),
168
- 'secondary-s-font-weight-desktop': (initial),
207
+ 'secondary-m-font-weight-desktop-xl': (600),
208
+ 'secondary-l-font-weight-desktop-xl': (600),
209
+ 'secondary-s-font-weight-desktop': (600),
210
+ 'secondary-regular-m-font-weight-desktop-xl': (normal),
211
+ 'accent-s-font-weight-desktop-xl': (300),
212
+ 'accent-xxs-font-weight-desktop-xl': (300),
169
213
  'secondary-s-font-weight-mobile': (600),
214
+ 'accent-regular-xxs-font-weight-desktop-xl': (400),
170
215
  'primary-l-font-weight-desktop': (700),
171
- 'body-m-font-weight-desktop': (initial),
216
+ 'primary-xxxs-font-weight-desktop-xl': (700),
217
+ 'accent-m-font-weight-desktop-xl': (300),
218
+ 'primary-xs-font-weight-desktop-xl': (700),
219
+ 'body-m-font-weight-desktop': (normal),
220
+ 'accent-l-font-weight-desktop-xl': (300),
172
221
  'primary-m-font-weight-desktop': (700),
173
- 'accent-xs-font-weight-desktop': (initial),
222
+ 'accent-xs-font-weight-desktop': (300),
174
223
  'secondary-m-font-weight-mobile': (600),
175
224
  'primary-xl-font-weight-desktop': (700),
176
225
  'secondary-l-font-weight-mobile': (600),
177
- 'secondary-regular-m-font-weight-mobile': (initial),
226
+ 'primary-xxs-font-weight-desktop-xl': (700),
227
+ 'primary-s-font-weight-desktop-xl': (700),
228
+ 'body-s-font-weight-desktop-xl': (normal),
229
+ 'secondary-regular-m-font-weight-mobile': (normal),
178
230
  'accent-s-font-weight-mobile': (300),
179
231
  'accent-xxs-font-weight-mobile': (300),
180
- 'body-s-font-weight-desktop': (initial),
232
+ 'body-s-font-weight-desktop': (normal),
181
233
  'primary-s-font-weight-desktop': (700),
182
234
  'primary-xxs-font-weight-desktop': (700),
235
+ 'primary-xl-font-weight-desktop-xl': (700),
236
+ 'accent-xs-font-weight-desktop-xl': (300),
183
237
  'accent-regular-xxs-font-weight-mobile': (400),
184
- 'accent-l-font-weight-desktop': (initial),
185
- 'accent-m-font-weight-desktop': (initial),
238
+ 'accent-l-font-weight-desktop': (300),
239
+ 'primary-m-font-weight-desktop-xl': (700),
240
+ 'body-m-font-weight-desktop-xl': (normal),
241
+ 'accent-m-font-weight-desktop': (300),
186
242
  'primary-xxxs-font-weight-desktop': (700),
187
243
  'primary-xs-font-weight-desktop': (700),
244
+ 'primary-l-font-weight-desktop-xl': (700),
188
245
  'accent-xs-line-height-desktop': (24px),
189
- 'body-m-line-height-desktop': (initial),
246
+ 'body-m-line-height-desktop': (24px),
190
247
  'primary-m-line-height-desktop': (40px),
248
+ 'secondary-m-line-height-desktop-xl': (17px),
191
249
  'primary-xl-line-height-desktop': (57px),
250
+ 'secondary-l-line-height-desktop-xl': (35px),
251
+ 'secondary-regular-m-line-height-desktop-xl': (15px),
252
+ 'accent-xxs-line-height-desktop-xl': (18px),
253
+ 'accent-s-line-height-desktop-xl': (23px),
192
254
  'primary-s-line-height-desktop': (38px),
193
255
  'primary-xxs-line-height-desktop': (27px),
194
256
  'secondary-s-line-height-mobile': (14px),
195
- 'body-s-line-height-desktop': (initial),
257
+ 'body-s-line-height-desktop': (22px),
196
258
  'accent-l-line-height-desktop': (50px),
197
259
  'primary-xxxs-line-height-desktop': (23px),
198
260
  'primary-xs-line-height-desktop': (29px),
199
- 'accent-m-line-height-desktop': (initial),
261
+ 'accent-regular-xxs-line-height-desktop-xl': (26px),
262
+ 'accent-m-line-height-desktop': (26px),
200
263
  'accent-regular-xxs-line-height-desktop': (26px),
264
+ 'primary-xs-line-height-desktop-xl': (29px),
265
+ 'primary-xxxs-line-height-desktop-xl': (23px),
266
+ 'accent-m-line-height-desktop-xl': (26px),
201
267
  'secondary-m-line-height-mobile': (15px),
268
+ 'accent-l-line-height-desktop-xl': (50px),
269
+ 'primary-xxs-line-height-desktop-xl': (27px),
270
+ 'primary-s-line-height-desktop-xl': (38px),
271
+ 'body-s-line-height-desktop-xl': (22px),
202
272
  'secondary-l-line-height-mobile': (21px),
203
- 'accent-s-line-height-desktop': (initial),
273
+ 'accent-s-line-height-desktop': (23px),
204
274
  'accent-xxs-line-height-desktop': (18px),
205
275
  'secondary-regular-m-line-height-mobile': (15px),
206
- 'secondary-regular-m-line-height-desktop': (initial),
276
+ 'secondary-regular-m-line-height-desktop': (15px),
207
277
  'accent-s-line-height-mobile': (23px),
208
278
  'accent-xxs-line-height-mobile': (0.4px),
209
279
  'secondary-l-line-height-desktop': (35px),
210
280
  'secondary-m-line-height-desktop': (17px),
281
+ 'primary-xl-line-height-desktop-xl': (57px),
282
+ 'primary-m-line-height-desktop-xl': (40px),
283
+ 'body-m-line-height-desktop-xl': (24px),
211
284
  'accent-regular-xxs-line-height-mobile': (14px),
285
+ 'accent-xs-line-height-desktop-xl': (24px),
286
+ 'primary-l-line-height-desktop-xl': (42px),
212
287
  'primary-xs-line-height-mobile': (21px),
213
288
  'primary-xxxs-line-height-mobile': (21px),
214
289
  'accent-m-line-height-mobile': (26px),
@@ -217,6 +292,7 @@ $rollingstone-2022-map: (
217
292
  'primary-xxs-line-height-mobile': (23px),
218
293
  'primary-s-line-height-mobile': (28px),
219
294
  'body-s-line-height-mobile': (22px),
295
+ 'secondary-s-line-height-desktop-xl': (17px),
220
296
  'primary-xl-line-height-mobile': (37px),
221
297
  'primary-m-line-height-mobile': (35px),
222
298
  'body-m-line-height-mobile': (24px),