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