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