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