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