@penskemediacorp/larva 0.5.5 → 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 (39) 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/defs/sprite.defs.html +1 -1
  7. package/build/tokens/deadline.custom-properties.css +219 -9
  8. package/build/tokens/deadline.json +220 -10
  9. package/build/tokens/deadline.map.scss +219 -9
  10. package/build/tokens/deadline.raw.json +1872 -86
  11. package/build/tokens/default.custom-properties.css +101 -25
  12. package/build/tokens/default.json +101 -25
  13. package/build/tokens/default.map.scss +101 -25
  14. package/build/tokens/default.raw.json +736 -50
  15. package/build/tokens/indiewire.custom-properties.css +102 -26
  16. package/build/tokens/indiewire.json +102 -26
  17. package/build/tokens/indiewire.map.scss +102 -26
  18. package/build/tokens/indiewire.raw.json +772 -86
  19. package/build/tokens/robbreport.custom-properties.css +215 -33
  20. package/build/tokens/robbreport.json +215 -33
  21. package/build/tokens/robbreport.map.scss +215 -33
  22. package/build/tokens/robbreport.raw.json +1731 -197
  23. package/build/tokens/rollingstone-2022.custom-properties.css +104 -28
  24. package/build/tokens/rollingstone-2022.json +104 -28
  25. package/build/tokens/rollingstone-2022.map.scss +104 -28
  26. package/build/tokens/rollingstone-2022.raw.json +742 -56
  27. package/build/tokens/rollingstone.custom-properties.css +108 -32
  28. package/build/tokens/rollingstone.json +108 -32
  29. package/build/tokens/rollingstone.map.scss +108 -32
  30. package/build/tokens/rollingstone.raw.json +750 -64
  31. package/build/tokens/variety-vip.custom-properties.css +101 -25
  32. package/build/tokens/variety-vip.json +101 -25
  33. package/build/tokens/variety-vip.map.scss +101 -25
  34. package/build/tokens/variety-vip.raw.json +736 -50
  35. package/build/tokens/variety.custom-properties.css +101 -25
  36. package/build/tokens/variety.json +101 -25
  37. package/build/tokens/variety.map.scss +101 -25
  38. package/build/tokens/variety.raw.json +736 -50
  39. package/package.json +8 -8
@@ -73,23 +73,233 @@ $deadline-map: (
73
73
  /* Used for margins and padding only. */
74
74
  'spacing-2': (2rem),
75
75
  'primary-xl-font-size-desktop': (32px),
76
- 'primary-m-line-height-desktop': (28px),
77
76
  'primary-l-font-size-mobile': (32px),
78
- 'primary-xl-line-height-desktop': (34px),
77
+ 'secondary-m-font-size-desktop-xl': (14px),
78
+ 'secondary-l-font-size-desktop-xl': (30px),
79
+ 'body-s-font-size-desktop': (16px),
79
80
  'primary-s-font-size-desktop': (23px),
80
- 'primary-s-line-height-desktop': (28px),
81
- 'secondary-m-line-height-mobile': (22px),
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),
85
+ 'accent-l-font-size-desktop': (58px),
86
+ 'accent-m-font-size-desktop': (26px),
87
+ 'primary-xxxs-font-size-desktop': (20px),
88
+ 'primary-xs-font-size-desktop': (26px),
89
+ 'secondary-s-font-size-mobile': (11px),
90
+ 'accent-regular-xxs-font-size-desktop-xl': (18px),
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),
82
95
  'secondary-m-font-size-mobile': (18px),
96
+ 'accent-xxs-font-size-desktop': (18px),
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': (23px),
101
+ 'body-s-font-size-desktop-xl': (16px),
102
+ 'secondary-regular-m-font-size-desktop': (15px),
103
+ 'secondary-l-font-size-mobile': (17px),
104
+ 'secondary-l-font-size-desktop': (30px),
105
+ 'secondary-regular-m-font-size-mobile': (15px),
106
+ 'accent-xxs-font-size-mobile': (14px),
83
107
  'secondary-m-font-size-desktop': (18px),
84
- 'secondary-m-line-height-desktop': (22px),
85
- 'primary-s-line-height-mobile': (34px),
108
+ 'accent-s-font-size-mobile': (23px),
109
+ 'primary-xl-font-size-desktop-xl': (32px),
110
+ 'accent-regular-xxs-font-size-mobile': (14px),
111
+ 'primary-m-font-size-desktop-xl': (23px),
112
+ 'body-m-font-size-desktop-xl': (18px),
113
+ 'accent-xs-font-size-desktop-xl': (23px),
114
+ 'primary-l-font-size-desktop-xl': (24px),
115
+ 'primary-xs-font-size-mobile': (18px),
116
+ 'primary-xxxs-font-size-mobile': (19px),
117
+ 'accent-m-font-size-mobile': (26px),
118
+ 'secondary-s-font-size-desktop': (12px),
119
+ 'accent-l-font-size-mobile': (40px),
120
+ 'primary-xxs-font-size-mobile': (22px),
86
121
  'primary-s-font-size-mobile': (32px),
87
- 'primary-xl-line-height-mobile': (34px),
122
+ 'body-s-font-size-mobile': (16px),
123
+ 'secondary-s-font-size-desktop-xl': (12px),
88
124
  'primary-l-font-size-desktop': (24px),
89
- 'primary-m-line-height-mobile': (34px),
90
125
  'primary-xl-font-size-mobile': (32px),
91
- 'primary-l-line-height-desktop': (28px),
126
+ 'accent-xs-font-size-mobile': (18px),
92
127
  'primary-m-font-size-mobile': (32px),
128
+ 'body-m-font-size-desktop': (18px),
129
+ 'body-m-font-size-mobile': (18px),
93
130
  'primary-m-font-size-desktop': (23px),
131
+ 'accent-xs-font-size-desktop': (23px),
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),
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),
141
+ 'secondary-l-letter-spacing-desktop': (normal),
142
+ 'primary-l-letter-spacing-mobile': (normal),
143
+ 'secondary-regular-m-letter-spacing-desktop': (normal),
144
+ 'accent-xs-letter-spacing-mobile': (0.52px),
145
+ 'accent-s-letter-spacing-desktop': (normal),
146
+ 'accent-xxs-letter-spacing-desktop': (.52px),
147
+ 'accent-regular-xxs-letter-spacing-desktop-xl': (0.52px),
148
+ 'body-m-letter-spacing-mobile': (normal),
149
+ 'primary-m-letter-spacing-mobile': (normal),
150
+ 'primary-xl-letter-spacing-mobile': (normal),
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),
156
+ 'body-s-letter-spacing-mobile': (normal),
157
+ 'primary-s-letter-spacing-mobile': (normal),
158
+ 'primary-xs-letter-spacing-desktop': (normal),
159
+ 'primary-xxs-letter-spacing-mobile': (normal),
160
+ 'primary-xxxs-letter-spacing-desktop': (normal),
161
+ 'accent-m-letter-spacing-desktop': (normal),
162
+ 'accent-l-letter-spacing-desktop': (1.66px),
163
+ 'accent-l-letter-spacing-mobile': (1.14px),
164
+ 'secondary-m-letter-spacing-desktop-xl': (normal),
165
+ 'accent-m-letter-spacing-mobile': (.74px),
166
+ 'primary-xxxs-letter-spacing-mobile': (normal),
167
+ 'primary-xxs-letter-spacing-desktop': (normal),
168
+ 'primary-xs-letter-spacing-mobile': (normal),
169
+ 'primary-s-letter-spacing-desktop': (normal),
170
+ 'body-s-letter-spacing-desktop': (normal),
171
+ 'accent-regular-xxs-letter-spacing-mobile': (0.4px),
172
+ 'secondary-s-letter-spacing-desktop-xl': (normal),
173
+ 'primary-xl-letter-spacing-desktop': (normal),
174
+ 'accent-xs-letter-spacing-desktop': (0.66px),
175
+ 'accent-xxs-letter-spacing-mobile': (.4px),
176
+ 'primary-m-letter-spacing-desktop': (normal),
177
+ 'body-m-letter-spacing-desktop': (normal),
178
+ 'accent-s-letter-spacing-mobile': (.66px),
179
+ 'secondary-regular-m-letter-spacing-mobile': (normal),
180
+ 'primary-l-letter-spacing-desktop': (normal),
181
+ 'secondary-l-letter-spacing-mobile': (normal),
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),
188
+ 'secondary-s-letter-spacing-desktop': (normal),
189
+ 'primary-xs-font-weight-mobile': (700),
190
+ 'primary-xxxs-font-weight-mobile': (700),
191
+ 'accent-m-font-weight-mobile': (300),
192
+ 'accent-regular-xxs-font-weight-desktop': (400),
193
+ 'accent-l-font-weight-mobile': (300),
194
+ 'primary-xxs-font-weight-mobile': (700),
195
+ 'primary-s-font-weight-mobile': (700),
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),
201
+ 'primary-xl-font-weight-mobile': (700),
202
+ 'secondary-l-font-weight-desktop': (600),
203
+ 'body-m-font-weight-mobile': (normal),
204
+ 'accent-xs-font-weight-mobile': (300),
205
+ 'secondary-m-font-weight-desktop': (600),
206
+ 'primary-m-font-weight-mobile': (700),
207
+ 'primary-l-font-weight-mobile': (700),
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),
214
+ 'secondary-s-font-weight-mobile': (600),
215
+ 'accent-regular-xxs-font-weight-desktop-xl': (400),
216
+ 'primary-l-font-weight-desktop': (700),
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),
222
+ 'primary-m-font-weight-desktop': (700),
223
+ 'accent-xs-font-weight-desktop': (300),
224
+ 'secondary-m-font-weight-mobile': (600),
225
+ 'primary-xl-font-weight-desktop': (700),
226
+ 'secondary-l-font-weight-mobile': (600),
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),
231
+ 'accent-s-font-weight-mobile': (300),
232
+ 'accent-xxs-font-weight-mobile': (300),
233
+ 'body-s-font-weight-desktop': (normal),
234
+ 'primary-s-font-weight-desktop': (700),
235
+ 'primary-xxs-font-weight-desktop': (700),
236
+ 'primary-xl-font-weight-desktop-xl': (700),
237
+ 'accent-xs-font-weight-desktop-xl': (300),
238
+ 'accent-regular-xxs-font-weight-mobile': (400),
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),
243
+ 'primary-xxxs-font-weight-desktop': (700),
244
+ 'primary-xs-font-weight-desktop': (700),
245
+ 'primary-l-font-weight-desktop-xl': (700),
246
+ 'accent-xs-line-height-desktop': (24px),
247
+ 'body-m-line-height-desktop': (24px),
248
+ 'primary-m-line-height-desktop': (28px),
249
+ 'secondary-m-line-height-desktop-xl': (17px),
250
+ 'primary-xl-line-height-desktop': (34px),
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),
255
+ 'primary-s-line-height-desktop': (28px),
256
+ 'primary-xxs-line-height-desktop': (27px),
257
+ 'secondary-s-line-height-mobile': (14px),
258
+ 'body-s-line-height-desktop': (22px),
259
+ 'accent-l-line-height-desktop': (50px),
260
+ 'primary-xxxs-line-height-desktop': (23px),
261
+ 'primary-xs-line-height-desktop': (29px),
262
+ 'accent-regular-xxs-line-height-desktop-xl': (26px),
263
+ 'accent-m-line-height-desktop': (26px),
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),
268
+ 'secondary-m-line-height-mobile': (22px),
269
+ 'accent-l-line-height-desktop-xl': (50px),
270
+ 'primary-xxs-line-height-desktop-xl': (27px),
271
+ 'primary-s-line-height-desktop-xl': (28px),
272
+ 'body-s-line-height-desktop-xl': (22px),
273
+ 'secondary-l-line-height-mobile': (21px),
274
+ 'accent-s-line-height-desktop': (23px),
275
+ 'accent-xxs-line-height-desktop': (18px),
276
+ 'secondary-regular-m-line-height-mobile': (15px),
277
+ 'secondary-regular-m-line-height-desktop': (15px),
278
+ 'accent-s-line-height-mobile': (23px),
279
+ 'accent-xxs-line-height-mobile': (0.4px),
280
+ 'secondary-l-line-height-desktop': (35px),
281
+ 'secondary-m-line-height-desktop': (22px),
282
+ 'primary-xl-line-height-desktop-xl': (34px),
283
+ 'primary-m-line-height-desktop-xl': (28px),
284
+ 'body-m-line-height-desktop-xl': (24px),
285
+ 'accent-regular-xxs-line-height-mobile': (14px),
286
+ 'accent-xs-line-height-desktop-xl': (24px),
287
+ 'primary-l-line-height-desktop-xl': (28px),
288
+ 'primary-xs-line-height-mobile': (21px),
289
+ 'primary-xxxs-line-height-mobile': (21px),
290
+ 'accent-m-line-height-mobile': (26px),
291
+ 'accent-l-line-height-mobile': (36px),
292
+ 'secondary-s-line-height-desktop': (17px),
293
+ 'primary-xxs-line-height-mobile': (23px),
294
+ 'primary-s-line-height-mobile': (34px),
295
+ 'body-s-line-height-mobile': (22px),
296
+ 'secondary-s-line-height-desktop-xl': (17px),
297
+ 'primary-xl-line-height-mobile': (34px),
298
+ 'primary-m-line-height-mobile': (34px),
299
+ 'body-m-line-height-mobile': (24px),
300
+ 'accent-xs-line-height-mobile': (19px),
301
+ 'primary-l-line-height-desktop': (28px),
94
302
  'primary-l-line-height-mobile': (34px),
303
+ 'font-family-accent': (Verdana, serif),
304
+ 'font-family-accent-fancy': (Verdana, sans-serif),
95
305
  );