@penskemediacorp/larva 1.11.0 → 1.15.0
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.
- package/build/css/larva-important.css +1 -1
- package/build/css/larva.css +1 -1
- package/build/css/larva.inline-important.css +1 -1
- package/build/css/larva.inline.css +1 -1
- package/build/css/variety.compat-important.css +1 -1
- package/build/css/variety.compat.css +1 -1
- package/build/js/common.js +2 -2
- package/build/js/standalone/video-showcase.js +7 -7
- package/build/svg/defs/sprite.defs.html +5 -5
- package/build/tokens/rollingstone-2022.custom-properties.css +49 -49
- package/build/tokens/rollingstone-2022.json +49 -49
- package/build/tokens/rollingstone-2022.map.scss +49 -49
- package/build/tokens/rollingstone-2022.raw.json +99 -99
- package/build/tokens/variety-vip.custom-properties.css +11 -11
- package/build/tokens/variety-vip.json +11 -11
- package/build/tokens/variety-vip.map.scss +11 -11
- package/build/tokens/variety-vip.raw.json +22 -22
- package/build/tokens/variety.custom-properties.css +11 -11
- package/build/tokens/variety.json +11 -11
- package/build/tokens/variety.map.scss +11 -11
- package/build/tokens/variety.raw.json +22 -22
- package/package.json +12 -12
|
@@ -71,14 +71,14 @@ $rollingstone-2022-map: (
|
|
|
71
71
|
'spacing-150': (1.5rem),
|
|
72
72
|
/* Used for margins and padding only. */
|
|
73
73
|
'spacing-2': (2rem),
|
|
74
|
-
'body-l-font-size-mobile': (
|
|
75
|
-
'primary-xl-font-size-desktop': (
|
|
74
|
+
'body-l-font-size-mobile': (14px),
|
|
75
|
+
'primary-xl-font-size-desktop': (24px),
|
|
76
76
|
'body-xxxl-font-size-desktop': (22px),
|
|
77
77
|
'body-xl-font-size-desktop': (22px),
|
|
78
|
-
'primary-xxl-font-size-mobile': (
|
|
79
|
-
'primary-l-font-size-mobile': (
|
|
78
|
+
'primary-xxl-font-size-mobile': (28px),
|
|
79
|
+
'primary-l-font-size-mobile': (23px),
|
|
80
80
|
'body-xxl-font-size-mobile': (18px),
|
|
81
|
-
'basic-s-font-size-desktop-xl': (
|
|
81
|
+
'basic-s-font-size-desktop-xl': (13px),
|
|
82
82
|
'secondary-m-font-size-desktop-xl': (23px),
|
|
83
83
|
'basic-xxs-font-size-desktop-xl': (12px),
|
|
84
84
|
'basic-xs-font-size-mobile': (11px),
|
|
@@ -95,7 +95,7 @@ $rollingstone-2022-map: (
|
|
|
95
95
|
'accent-l-font-size-desktop': (58px),
|
|
96
96
|
'accent-m-font-size-desktop': (26px),
|
|
97
97
|
'primary-xxxs-font-size-desktop': (20px),
|
|
98
|
-
'primary-xs-font-size-desktop': (
|
|
98
|
+
'primary-xs-font-size-desktop': (14px),
|
|
99
99
|
'body-xxxs-font-size-desktop': (13px),
|
|
100
100
|
'body-xs-font-size-desktop': (10px),
|
|
101
101
|
'secondary-s-font-size-mobile': (20px),
|
|
@@ -103,16 +103,16 @@ $rollingstone-2022-map: (
|
|
|
103
103
|
'basic-m-font-size-desktop-xl': (15px),
|
|
104
104
|
'secondary-xs-font-size-mobile': (16px),
|
|
105
105
|
'accent-regular-xxs-font-size-desktop-xl': (18px),
|
|
106
|
-
'basic-xxl-font-size-desktop-xl': (
|
|
107
|
-
'basic-l-font-size-desktop-xl': (
|
|
108
|
-
'basic-l-font-size-desktop': (
|
|
109
|
-
'basic-xxl-font-size-desktop': (
|
|
106
|
+
'basic-xxl-font-size-desktop-xl': (24px),
|
|
107
|
+
'basic-l-font-size-desktop-xl': (15px),
|
|
108
|
+
'basic-l-font-size-desktop': (13px),
|
|
109
|
+
'basic-xxl-font-size-desktop': (23px),
|
|
110
110
|
'accent-regular-xxs-font-size-desktop': (18px),
|
|
111
111
|
'basic-xl-font-size-mobile': (13px),
|
|
112
112
|
'basic-m-font-size-desktop': (15px),
|
|
113
113
|
'body-xs-font-size-desktop-xl': (11px),
|
|
114
114
|
'body-xxxs-font-size-desktop-xl': (13px),
|
|
115
|
-
'primary-xs-font-size-desktop-xl': (
|
|
115
|
+
'primary-xs-font-size-desktop-xl': (16px),
|
|
116
116
|
'primary-xxxs-font-size-desktop-xl': (20px),
|
|
117
117
|
'accent-m-font-size-desktop-xl': (26px),
|
|
118
118
|
'basic-s-font-size-mobile': (12px),
|
|
@@ -141,17 +141,17 @@ $rollingstone-2022-map: (
|
|
|
141
141
|
'basic-m-font-size-mobile': (13px),
|
|
142
142
|
'body-xl-font-size-desktop-xl': (22px),
|
|
143
143
|
'body-xxxl-font-size-desktop-xl': (22px),
|
|
144
|
-
'primary-xl-font-size-desktop-xl': (
|
|
144
|
+
'primary-xl-font-size-desktop-xl': (28px),
|
|
145
145
|
'accent-regular-xxs-font-size-mobile': (14px),
|
|
146
|
-
'primary-m-font-size-desktop-xl': (
|
|
146
|
+
'primary-m-font-size-desktop-xl': (20px),
|
|
147
147
|
'basic-xxl-font-size-mobile': (20px),
|
|
148
148
|
'body-m-font-size-desktop-xl': (15px),
|
|
149
149
|
'basic-l-font-size-mobile': (12px),
|
|
150
150
|
'basic-xl-font-size-desktop': (18px),
|
|
151
151
|
'accent-xs-font-size-desktop-xl': (23px),
|
|
152
152
|
'secondary-xs-font-size-desktop': (20px),
|
|
153
|
-
'primary-xxl-font-size-desktop-xl': (
|
|
154
|
-
'primary-l-font-size-desktop-xl': (
|
|
153
|
+
'primary-xxl-font-size-desktop-xl': (36px),
|
|
154
|
+
'primary-l-font-size-desktop-xl': (26px),
|
|
155
155
|
'body-xxl-font-size-desktop-xl': (18px),
|
|
156
156
|
'body-l-font-size-desktop-xl': (16px),
|
|
157
157
|
'body-xs-font-size-mobile': (12px),
|
|
@@ -165,32 +165,32 @@ $rollingstone-2022-map: (
|
|
|
165
165
|
'accent-l-font-size-mobile': (40px),
|
|
166
166
|
'primary-xxs-font-size-mobile': (18px),
|
|
167
167
|
'primary-s-font-size-mobile': (20px),
|
|
168
|
-
'body-xxs-font-size-mobile': (
|
|
168
|
+
'body-xxs-font-size-mobile': (12px),
|
|
169
169
|
'body-s-font-size-mobile': (16px),
|
|
170
170
|
'basic-xs-font-size-desktop': (13px),
|
|
171
171
|
'secondary-s-font-size-desktop-xl': (22px),
|
|
172
172
|
'secondary-xxs-font-size-desktop-xl': (18px),
|
|
173
173
|
'body-l-font-size-desktop': (16px),
|
|
174
174
|
'body-xxl-font-size-desktop': (18px),
|
|
175
|
-
'primary-l-font-size-desktop': (
|
|
176
|
-
'primary-xxl-font-size-desktop': (
|
|
175
|
+
'primary-l-font-size-desktop': (23px),
|
|
176
|
+
'primary-xxl-font-size-desktop': (32px),
|
|
177
177
|
'secondary-xs-font-size-desktop-xl': (20px),
|
|
178
178
|
'body-xl-font-size-mobile': (19px),
|
|
179
179
|
'body-xxxl-font-size-mobile': (initial),
|
|
180
|
-
'primary-xl-font-size-mobile': (
|
|
181
|
-
'basic-xl-font-size-desktop-xl': (
|
|
180
|
+
'primary-xl-font-size-mobile': (30px),
|
|
181
|
+
'basic-xl-font-size-desktop-xl': (17px),
|
|
182
182
|
'accent-xs-font-size-mobile': (18px),
|
|
183
183
|
'primary-m-font-size-mobile': (23px),
|
|
184
184
|
'body-m-font-size-desktop': (15px),
|
|
185
185
|
'body-m-font-size-mobile': (15px),
|
|
186
|
-
'primary-m-font-size-desktop': (
|
|
186
|
+
'primary-m-font-size-desktop': (18px),
|
|
187
187
|
'accent-xs-font-size-desktop': (23px),
|
|
188
188
|
'secondary-xs-letter-spacing-desktop': (normal),
|
|
189
189
|
'secondary-xxs-letter-spacing-mobile': (normal),
|
|
190
190
|
'secondary-s-letter-spacing-mobile': (normal),
|
|
191
191
|
'basic-xl-letter-spacing-desktop': (-0.09px),
|
|
192
192
|
'body-s-letter-spacing-desktop-xl': (1.4px),
|
|
193
|
-
'body-xxs-letter-spacing-desktop-xl': (1.
|
|
193
|
+
'body-xxs-letter-spacing-desktop-xl': (1.69px),
|
|
194
194
|
'primary-s-letter-spacing-desktop-xl': (2px),
|
|
195
195
|
'primary-xxs-letter-spacing-desktop-xl': (normal),
|
|
196
196
|
'accent-l-letter-spacing-desktop-xl': (1.66px),
|
|
@@ -206,16 +206,16 @@ $rollingstone-2022-map: (
|
|
|
206
206
|
'secondary-l-letter-spacing-desktop': (0px),
|
|
207
207
|
'secondary-xxl-letter-spacing-desktop': (normal),
|
|
208
208
|
'secondary-xl-letter-spacing-desktop': (3px),
|
|
209
|
-
'body-l-letter-spacing-mobile': (
|
|
209
|
+
'body-l-letter-spacing-mobile': (-0.07px),
|
|
210
210
|
'body-xxl-letter-spacing-mobile': (normal),
|
|
211
211
|
'primary-l-letter-spacing-mobile': (normal),
|
|
212
212
|
'primary-xxl-letter-spacing-mobile': (normal),
|
|
213
213
|
'secondary-regular-m-letter-spacing-desktop': (normal),
|
|
214
214
|
'accent-xs-letter-spacing-mobile': (0.52px),
|
|
215
215
|
'accent-s-letter-spacing-desktop': (normal),
|
|
216
|
-
'basic-l-letter-spacing-desktop-xl': (0.
|
|
216
|
+
'basic-l-letter-spacing-desktop-xl': (0.45px),
|
|
217
217
|
'accent-xxs-letter-spacing-desktop': (.52px),
|
|
218
|
-
'basic-xxl-letter-spacing-desktop-xl': (-0.
|
|
218
|
+
'basic-xxl-letter-spacing-desktop-xl': (-0.31px),
|
|
219
219
|
'accent-regular-xxs-letter-spacing-desktop-xl': (0.52px),
|
|
220
220
|
'body-m-letter-spacing-mobile': (1.5px),
|
|
221
221
|
'primary-m-letter-spacing-mobile': (normal),
|
|
@@ -225,9 +225,9 @@ $rollingstone-2022-map: (
|
|
|
225
225
|
'body-xl-letter-spacing-mobile': (0px),
|
|
226
226
|
'basic-m-letter-spacing-desktop': (0.75px),
|
|
227
227
|
'accent-regular-xxs-letter-spacing-desktop': (0.52px),
|
|
228
|
-
'basic-xxl-letter-spacing-desktop': (-0.
|
|
228
|
+
'basic-xxl-letter-spacing-desktop': (-0.3px),
|
|
229
229
|
'accent-s-letter-spacing-desktop-xl': (normal),
|
|
230
|
-
'basic-l-letter-spacing-desktop': (0.
|
|
230
|
+
'basic-l-letter-spacing-desktop': (0.39px),
|
|
231
231
|
'accent-xxs-letter-spacing-desktop-xl': (.52px),
|
|
232
232
|
'secondary-xl-letter-spacing-desktop-xl': (3.3px),
|
|
233
233
|
'secondary-regular-m-letter-spacing-desktop-xl': (normal),
|
|
@@ -236,7 +236,7 @@ $rollingstone-2022-map: (
|
|
|
236
236
|
'body-s-letter-spacing-mobile': (normal),
|
|
237
237
|
'primary-s-letter-spacing-mobile': (2px),
|
|
238
238
|
'body-xs-letter-spacing-desktop': (1.5px),
|
|
239
|
-
'body-xxs-letter-spacing-mobile': (1.
|
|
239
|
+
'body-xxs-letter-spacing-mobile': (1.69px),
|
|
240
240
|
'body-xxxs-letter-spacing-desktop': (0px),
|
|
241
241
|
'primary-xs-letter-spacing-desktop': (normal),
|
|
242
242
|
'primary-xxs-letter-spacing-mobile': (normal),
|
|
@@ -251,7 +251,7 @@ $rollingstone-2022-map: (
|
|
|
251
251
|
'primary-xxxs-letter-spacing-mobile': (normal),
|
|
252
252
|
'primary-xxs-letter-spacing-desktop': (normal),
|
|
253
253
|
'primary-xs-letter-spacing-mobile': (normal),
|
|
254
|
-
'body-xxs-letter-spacing-desktop': (1.
|
|
254
|
+
'body-xxs-letter-spacing-desktop': (1.69px),
|
|
255
255
|
'body-xxxs-letter-spacing-mobile': (0px),
|
|
256
256
|
'primary-s-letter-spacing-desktop': (2px),
|
|
257
257
|
'body-s-letter-spacing-desktop': (1.4px),
|
|
@@ -415,11 +415,11 @@ $rollingstone-2022-map: (
|
|
|
415
415
|
'body-l-font-weight-desktop-xl': (normal),
|
|
416
416
|
'accent-xs-line-height-desktop': (24px),
|
|
417
417
|
'body-m-line-height-desktop': (19px),
|
|
418
|
-
'primary-m-line-height-desktop': (
|
|
419
|
-
'basic-s-line-height-desktop-xl': (
|
|
418
|
+
'primary-m-line-height-desktop': (21px),
|
|
419
|
+
'basic-s-line-height-desktop-xl': (15px),
|
|
420
420
|
'secondary-m-line-height-desktop-xl': (22px),
|
|
421
421
|
'body-xxxl-line-height-desktop': (33px),
|
|
422
|
-
'primary-xl-line-height-desktop': (
|
|
422
|
+
'primary-xl-line-height-desktop': (27px),
|
|
423
423
|
'body-xl-line-height-desktop': (27px),
|
|
424
424
|
'basic-xxs-line-height-desktop-xl': (15px),
|
|
425
425
|
'basic-xs-line-height-mobile': (13px),
|
|
@@ -430,7 +430,7 @@ $rollingstone-2022-map: (
|
|
|
430
430
|
'accent-xxs-line-height-desktop-xl': (18px),
|
|
431
431
|
'accent-s-line-height-desktop-xl': (23px),
|
|
432
432
|
'primary-s-line-height-desktop': (32px),
|
|
433
|
-
'body-xxs-line-height-desktop': (
|
|
433
|
+
'body-xxs-line-height-desktop': (16px),
|
|
434
434
|
'primary-xxs-line-height-desktop': (22px),
|
|
435
435
|
'secondary-s-line-height-mobile': (25px),
|
|
436
436
|
'secondary-xxs-line-height-mobile': (20px),
|
|
@@ -438,23 +438,23 @@ $rollingstone-2022-map: (
|
|
|
438
438
|
'accent-l-line-height-desktop': (50px),
|
|
439
439
|
'basic-m-line-height-desktop-xl': (20px),
|
|
440
440
|
'primary-xxxs-line-height-desktop': (23px),
|
|
441
|
-
'primary-xs-line-height-desktop': (
|
|
441
|
+
'primary-xs-line-height-desktop': (17px),
|
|
442
442
|
'body-xxxs-line-height-desktop': (17px),
|
|
443
443
|
'body-xs-line-height-desktop': (14px),
|
|
444
444
|
'secondary-xs-line-height-mobile': (21px),
|
|
445
445
|
'basic-l-line-height-desktop-xl': (18px),
|
|
446
446
|
'accent-regular-xxs-line-height-desktop-xl': (26px),
|
|
447
|
-
'basic-xxl-line-height-desktop-xl': (
|
|
447
|
+
'basic-xxl-line-height-desktop-xl': (27px),
|
|
448
448
|
'accent-m-line-height-desktop': (26px),
|
|
449
449
|
'basic-xl-line-height-mobile': (17px),
|
|
450
450
|
'accent-regular-xxs-line-height-desktop': (26px),
|
|
451
451
|
'body-xs-line-height-desktop-xl': (15px),
|
|
452
|
-
'primary-xs-line-height-desktop-xl': (
|
|
452
|
+
'primary-xs-line-height-desktop-xl': (20px),
|
|
453
453
|
'body-xxxs-line-height-desktop-xl': (17px),
|
|
454
454
|
'primary-xxxs-line-height-desktop-xl': (23px),
|
|
455
455
|
'accent-m-line-height-desktop-xl': (26px),
|
|
456
456
|
'basic-l-line-height-desktop': (16px),
|
|
457
|
-
'basic-xxl-line-height-desktop': (
|
|
457
|
+
'basic-xxl-line-height-desktop': (26px),
|
|
458
458
|
'basic-m-line-height-desktop': (20px),
|
|
459
459
|
'basic-s-line-height-mobile': (15px),
|
|
460
460
|
'secondary-m-line-height-mobile': (15px),
|
|
@@ -462,7 +462,7 @@ $rollingstone-2022-map: (
|
|
|
462
462
|
'accent-l-line-height-desktop-xl': (50px),
|
|
463
463
|
'primary-xxs-line-height-desktop-xl': (22px),
|
|
464
464
|
'primary-s-line-height-desktop-xl': (32px),
|
|
465
|
-
'body-xxs-line-height-desktop-xl': (
|
|
465
|
+
'body-xxs-line-height-desktop-xl': (16px),
|
|
466
466
|
'body-s-line-height-desktop-xl': (16px),
|
|
467
467
|
'secondary-l-line-height-mobile': (25px),
|
|
468
468
|
'secondary-xxl-line-height-mobile': (40px),
|
|
@@ -479,21 +479,21 @@ $rollingstone-2022-map: (
|
|
|
479
479
|
'secondary-m-line-height-desktop': (22px),
|
|
480
480
|
'basic-s-line-height-desktop': (15px),
|
|
481
481
|
'body-xl-line-height-desktop-xl': (27px),
|
|
482
|
-
'primary-xl-line-height-desktop-xl': (
|
|
482
|
+
'primary-xl-line-height-desktop-xl': (34px),
|
|
483
483
|
'body-xxxl-line-height-desktop-xl': (33px),
|
|
484
484
|
'basic-xxs-line-height-desktop': (13px),
|
|
485
485
|
'basic-m-line-height-mobile': (18px),
|
|
486
486
|
'basic-l-line-height-mobile': (13px),
|
|
487
|
-
'primary-m-line-height-desktop-xl': (
|
|
487
|
+
'primary-m-line-height-desktop-xl': (24px),
|
|
488
488
|
'body-m-line-height-desktop-xl': (19px),
|
|
489
489
|
'accent-regular-xxs-line-height-mobile': (14px),
|
|
490
490
|
'basic-xxl-line-height-mobile': (23px),
|
|
491
491
|
'accent-xs-line-height-desktop-xl': (24px),
|
|
492
492
|
'primary-xxl-line-height-desktop-xl': (46px),
|
|
493
|
-
'primary-l-line-height-desktop-xl': (
|
|
493
|
+
'primary-l-line-height-desktop-xl': (30px),
|
|
494
494
|
'body-xxl-line-height-desktop-xl': (26px),
|
|
495
495
|
'body-l-line-height-desktop-xl': (20px),
|
|
496
|
-
'basic-xl-line-height-desktop': (
|
|
496
|
+
'basic-xl-line-height-desktop': (22px),
|
|
497
497
|
'secondary-xs-line-height-desktop': (26px),
|
|
498
498
|
'body-xs-line-height-mobile': (16px),
|
|
499
499
|
'body-xxxs-line-height-mobile': (17px),
|
|
@@ -506,27 +506,27 @@ $rollingstone-2022-map: (
|
|
|
506
506
|
'secondary-s-line-height-desktop': (27px),
|
|
507
507
|
'primary-xxs-line-height-mobile': (22px),
|
|
508
508
|
'primary-s-line-height-mobile': (32px),
|
|
509
|
-
'body-xxs-line-height-mobile': (
|
|
509
|
+
'body-xxs-line-height-mobile': (16px),
|
|
510
510
|
'body-s-line-height-mobile': (22px),
|
|
511
511
|
'secondary-s-line-height-desktop-xl': (27px),
|
|
512
512
|
'secondary-xxs-line-height-desktop-xl': (22px),
|
|
513
513
|
'basic-xs-line-height-desktop': (15px),
|
|
514
514
|
'body-xl-line-height-mobile': (24px),
|
|
515
515
|
'body-xxxl-line-height-mobile': (initial),
|
|
516
|
-
'primary-xl-line-height-mobile': (
|
|
516
|
+
'primary-xl-line-height-mobile': (32px),
|
|
517
517
|
'secondary-xs-line-height-desktop-xl': (26px),
|
|
518
518
|
'primary-m-line-height-mobile': (26px),
|
|
519
519
|
'body-m-line-height-mobile': (19px),
|
|
520
|
-
'basic-xl-line-height-desktop-xl': (
|
|
520
|
+
'basic-xl-line-height-desktop-xl': (22px),
|
|
521
521
|
'accent-xs-line-height-mobile': (19px),
|
|
522
522
|
'body-l-line-height-desktop': (20px),
|
|
523
523
|
'body-xxl-line-height-desktop': (26px),
|
|
524
|
-
'primary-l-line-height-desktop': (
|
|
524
|
+
'primary-l-line-height-desktop': (28px),
|
|
525
525
|
'primary-xxl-line-height-desktop': (46px),
|
|
526
|
-
'primary-xxl-line-height-mobile': (
|
|
526
|
+
'primary-xxl-line-height-mobile': (33px),
|
|
527
527
|
'body-xxl-line-height-mobile': (26px),
|
|
528
|
-
'primary-l-line-height-mobile': (
|
|
529
|
-
'body-l-line-height-mobile': (
|
|
528
|
+
'primary-l-line-height-mobile': (26px),
|
|
529
|
+
'body-l-line-height-mobile': (18px),
|
|
530
530
|
'font-family-accent': (Verdana, serif),
|
|
531
531
|
'font-family-accent-fancy': (Verdana, sans-serif),
|
|
532
532
|
'font-family-basic-fancy': ('Graphik Semibold', sans-serif),
|