@penskemediacorp/larva 1.66.0 → 1.66.2

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.
@@ -7,10 +7,10 @@ $rollingstone-2022-map: (
7
7
  'border-color-brand-secondary-dark': (rgb(122, 89, 45)),
8
8
  'border-color-brand-secondary': (rgb(0, 0, 0)),
9
9
  'border-color-grey': (rgb(118, 118, 118)),
10
- 'border-color-brand-primary-light': (rgb(215, 25, 32)),
10
+ 'border-color-brand-primary-light': (rgb(230, 0, 25)),
11
11
  'border-color-white': (rgb(255, 255, 255)),
12
- 'border-color-brand-primary-dark': (rgb(215, 25, 32)),
13
- 'border-color-brand-primary': (rgb(215, 25, 32)),
12
+ 'border-color-brand-primary-dark': (rgb(230, 0, 25)),
13
+ 'border-color-brand-primary': (rgb(230, 0, 25)),
14
14
  'background-color-grey-light': (rgb(153, 153, 153)),
15
15
  'background-color-grey-lightest': (rgb(239, 239, 239)),
16
16
  'background-color-brand-secondary-dark': (rgb(122, 89, 45)),
@@ -21,32 +21,32 @@ $rollingstone-2022-map: (
21
21
  'background-color-body': (rgb(255, 255, 255)),
22
22
  'background-color-brand-secondary': (rgb(122, 89, 45)),
23
23
  'background-color-black': (rgb(0, 0, 0)),
24
- 'background-color-brand-primary-light': (rgb(215, 25, 32)),
25
- 'background-color-brand-primary-dark': (rgb(215, 25, 32)),
24
+ 'background-color-brand-primary-light': (rgb(230, 0, 25)),
25
+ 'background-color-brand-primary-dark': (rgb(230, 0, 25)),
26
26
  'background-color-white': (rgb(255, 255, 255)),
27
27
  /* The primary brand color. This should be dark in hue, and have sufficient contrast with white text. */
28
- 'background-color-brand-primary': (rgb(215, 25, 32)),
28
+ 'background-color-brand-primary': (rgb(230, 0, 25)),
29
29
  'background-color-grey-darkest': (rgb(64, 64, 64)),
30
30
  'color-brand-secondary': (rgb(122, 89, 45)),
31
31
  'color-black': (rgb(0, 0, 0)),
32
- 'color-brand-primary-light': (rgb(215, 25, 32)),
33
- 'color-brand-primary-dark': (rgb(215, 25, 32)),
32
+ 'color-brand-primary-light': (rgb(230, 0, 25)),
33
+ 'color-brand-primary-dark': (rgb(230, 0, 25)),
34
34
  'color-white': (rgb(255, 255, 255)),
35
- 'color-brand-primary': (rgb(215, 25, 32)),
35
+ 'color-brand-primary': (rgb(230, 0, 25)),
36
36
  'color-grey-light': (rgb(153, 153, 153)),
37
37
  'color-brand-secondary-dark': (rgb(122, 89, 45)),
38
38
  'color-brand-secondary-light': (rgb(165, 133, 83)),
39
39
  'color-grey-dark': (rgb(102, 102, 102)),
40
40
  'color-grey': (rgb(118, 118, 118)),
41
41
  /* The webfont, loaded async */
42
- 'font-family-primary-fancy': ('Publico Headline Bold', serif),
42
+ 'font-family-primary-fancy': ('Feature Flat Deck', serif),
43
43
  /* The webfont, loaded async */
44
44
  'font-family-primary': (serif),
45
45
  /* The webfont, loaded async */
46
- 'font-family-secondary-fancy': ('Publico Headline Roman', serif),
46
+ 'font-family-secondary-fancy': ('Feature Flat Deck', serif),
47
47
  /* Fallback for secondary-fancy */
48
48
  'font-family-secondary': (serif),
49
- 'font-family-body': (Georgia, Helvetica, sans-serif),
49
+ 'font-family-body': ('Feature Flat Text', Helvetica, sans-serif),
50
50
  'font-family-basic': (sans-serif),
51
51
  'font-weight-light': (300),
52
52
  'font-weight-normal': (400),
@@ -71,231 +71,231 @@ $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': (14px),
75
- 'primary-xl-font-size-desktop': (24px),
76
- 'body-xxxl-font-size-desktop': (22px),
77
- 'body-xl-font-size-desktop': (17px),
78
- 'primary-xxl-font-size-mobile': (28px),
79
- 'primary-l-font-size-mobile': (23px),
80
- 'body-xxl-font-size-mobile': (18px),
81
- 'basic-s-font-size-desktop-xl': (13px),
82
- 'secondary-m-font-size-desktop-xl': (18px),
83
- 'basic-xxs-font-size-desktop-xl': (12px),
84
- 'basic-xs-font-size-mobile': (11px),
85
- 'secondary-l-font-size-desktop-xl': (24px),
86
- 'secondary-xxl-font-size-desktop-xl': (60px),
74
+ 'body-l-font-size-mobile': (20px),
75
+ 'primary-xl-font-size-desktop': (32px),
76
+ 'body-xxxl-font-size-desktop': (26px),
77
+ 'body-xl-font-size-desktop': (22px),
78
+ 'primary-xxl-font-size-mobile': (30px),
79
+ 'primary-l-font-size-mobile': (24px),
80
+ 'body-xxl-font-size-mobile': (24px),
81
+ 'basic-s-font-size-desktop-xl': (15px),
82
+ 'secondary-m-font-size-desktop-xl': (26px),
83
+ 'basic-xxs-font-size-desktop-xl': (11px),
84
+ 'basic-xs-font-size-mobile': (14px),
85
+ 'secondary-l-font-size-desktop-xl': (33px),
86
+ 'secondary-xxl-font-size-desktop-xl': (40px),
87
87
  'body-s-font-size-desktop': (14px),
88
88
  'body-xxs-font-size-desktop': (13px),
89
89
  'primary-s-font-size-desktop': (20px),
90
90
  'primary-xxs-font-size-desktop': (16px),
91
91
  'secondary-regular-m-font-size-desktop-xl': (15px),
92
- 'secondary-xl-font-size-desktop-xl': (33px),
92
+ 'secondary-xl-font-size-desktop-xl': (34px),
93
93
  'accent-s-font-size-desktop-xl': (23px),
94
94
  'accent-xxs-font-size-desktop-xl': (18px),
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': (14px),
99
- 'body-xxxs-font-size-desktop': (13px),
98
+ 'primary-xs-font-size-desktop': (18px),
99
+ 'body-xxxs-font-size-desktop': (14px),
100
100
  'body-xs-font-size-desktop': (10px),
101
- 'secondary-s-font-size-mobile': (20px),
102
- 'secondary-xxs-font-size-mobile': (16px),
103
- 'basic-m-font-size-desktop-xl': (15px),
104
- 'secondary-xs-font-size-mobile': (16px),
101
+ 'secondary-s-font-size-mobile': (22px),
102
+ 'secondary-xxs-font-size-mobile': (22px),
103
+ 'basic-m-font-size-desktop-xl': (16px),
104
+ 'secondary-xs-font-size-mobile': (20px),
105
105
  'accent-regular-xxs-font-size-desktop-xl': (18px),
106
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),
107
+ 'basic-l-font-size-desktop-xl': (18px),
108
+ 'basic-l-font-size-desktop': (18px),
109
+ 'basic-xxl-font-size-desktop': (24px),
110
110
  'accent-regular-xxs-font-size-desktop': (18px),
111
- 'basic-xl-font-size-mobile': (13px),
112
- 'basic-m-font-size-desktop': (15px),
113
- 'body-xs-font-size-desktop-xl': (11px),
114
- 'body-xxxs-font-size-desktop-xl': (13px),
115
- 'primary-xs-font-size-desktop-xl': (16px),
111
+ 'basic-xl-font-size-mobile': (18px),
112
+ 'basic-m-font-size-desktop': (16px),
113
+ 'body-xs-font-size-desktop-xl': (10px),
114
+ 'body-xxxs-font-size-desktop-xl': (14px),
115
+ 'primary-xs-font-size-desktop-xl': (18px),
116
116
  'primary-xxxs-font-size-desktop-xl': (20px),
117
117
  'accent-m-font-size-desktop-xl': (26px),
118
- 'basic-s-font-size-mobile': (12px),
119
- 'secondary-m-font-size-mobile': (16px),
118
+ 'basic-s-font-size-mobile': (15px),
119
+ 'secondary-m-font-size-mobile': (26px),
120
120
  'accent-xxs-font-size-desktop': (18px),
121
121
  'accent-l-font-size-desktop-xl': (58px),
122
- 'basic-xxs-font-size-mobile': (10px),
122
+ 'basic-xxs-font-size-mobile': (11px),
123
123
  'accent-s-font-size-desktop': (23px),
124
124
  'primary-xxs-font-size-desktop-xl': (16px),
125
125
  'body-xxs-font-size-desktop-xl': (13px),
126
126
  'primary-s-font-size-desktop-xl': (20px),
127
127
  'body-s-font-size-desktop-xl': (14px),
128
- 'secondary-xl-font-size-desktop': (30px),
128
+ 'secondary-xl-font-size-desktop': (34px),
129
129
  'secondary-regular-m-font-size-desktop': (15px),
130
- 'secondary-l-font-size-mobile': (20px),
131
- 'secondary-xxl-font-size-mobile': (32px),
132
- 'secondary-xl-font-size-mobile': (26px),
133
- 'secondary-xxl-font-size-desktop': (46px),
134
- 'secondary-l-font-size-desktop': (24px),
130
+ 'secondary-l-font-size-mobile': (26px),
131
+ 'secondary-xxl-font-size-mobile': (24px),
132
+ 'secondary-xl-font-size-mobile': (24px),
133
+ 'secondary-xxl-font-size-desktop': (40px),
134
+ 'secondary-l-font-size-desktop': (33px),
135
135
  'secondary-regular-m-font-size-mobile': (15px),
136
136
  'accent-xxs-font-size-mobile': (14px),
137
- 'secondary-m-font-size-desktop': (18px),
138
- 'basic-s-font-size-desktop': (12px),
139
- 'basic-xxs-font-size-desktop': (10px),
137
+ 'secondary-m-font-size-desktop': (26px),
138
+ 'basic-s-font-size-desktop': (15px),
139
+ 'basic-xxs-font-size-desktop': (11px),
140
140
  'accent-s-font-size-mobile': (23px),
141
- 'basic-m-font-size-mobile': (13px),
142
- 'body-xl-font-size-desktop-xl': (19px),
143
- 'body-xxxl-font-size-desktop-xl': (22px),
144
- 'primary-xl-font-size-desktop-xl': (28px),
141
+ 'basic-m-font-size-mobile': (16px),
142
+ 'body-xl-font-size-desktop-xl': (22px),
143
+ 'body-xxxl-font-size-desktop-xl': (26px),
144
+ 'primary-xl-font-size-desktop-xl': (32px),
145
145
  'accent-regular-xxs-font-size-mobile': (14px),
146
146
  'primary-m-font-size-desktop-xl': (20px),
147
- 'basic-xxl-font-size-mobile': (20px),
148
- 'body-m-font-size-desktop-xl': (15px),
149
- 'basic-l-font-size-mobile': (12px),
150
- 'basic-xl-font-size-desktop': (18px),
147
+ 'basic-xxl-font-size-mobile': (16px),
148
+ 'body-m-font-size-desktop-xl': (16px),
149
+ 'basic-l-font-size-mobile': (16px),
150
+ 'basic-xl-font-size-desktop': (21px),
151
151
  'accent-xs-font-size-desktop-xl': (23px),
152
152
  'secondary-xs-font-size-desktop': (20px),
153
153
  'primary-xxl-font-size-desktop-xl': (36px),
154
154
  'primary-l-font-size-desktop-xl': (26px),
155
- 'body-xxl-font-size-desktop-xl': (18px),
156
- 'body-l-font-size-desktop-xl': (16px),
157
- 'body-xs-font-size-mobile': (12px),
158
- 'body-xxxs-font-size-mobile': (13px),
159
- 'primary-xs-font-size-mobile': (18px),
155
+ 'body-xxl-font-size-desktop-xl': (24px),
156
+ 'body-l-font-size-desktop-xl': (20px),
157
+ 'body-xs-font-size-mobile': (10px),
158
+ 'body-xxxs-font-size-mobile': (14px),
159
+ 'primary-xs-font-size-mobile': (22px),
160
160
  'primary-xxxs-font-size-mobile': (19px),
161
161
  'accent-m-font-size-mobile': (26px),
162
- 'secondary-xxs-font-size-desktop': (15px),
162
+ 'secondary-xxs-font-size-desktop': (18px),
163
163
  'secondary-s-font-size-desktop': (22px),
164
- 'basic-xs-font-size-desktop-xl': (11px),
164
+ 'basic-xs-font-size-desktop-xl': (13px),
165
165
  'accent-l-font-size-mobile': (40px),
166
166
  'primary-xxs-font-size-mobile': (16px),
167
167
  'primary-s-font-size-mobile': (20px),
168
- 'body-xxs-font-size-mobile': (12px),
169
- 'body-s-font-size-mobile': (16px),
170
- 'basic-xs-font-size-desktop': (11px),
168
+ 'body-xxs-font-size-mobile': (13px),
169
+ 'body-s-font-size-mobile': (14px),
170
+ 'basic-xs-font-size-desktop': (13px),
171
171
  'secondary-s-font-size-desktop-xl': (22px),
172
- 'secondary-xxs-font-size-desktop-xl': (15px),
173
- 'body-l-font-size-desktop': (16px),
174
- 'body-xxl-font-size-desktop': (18px),
175
- 'primary-l-font-size-desktop': (23px),
176
- 'primary-xxl-font-size-desktop': (32px),
172
+ 'secondary-xxs-font-size-desktop-xl': (18px),
173
+ 'body-l-font-size-desktop': (20px),
174
+ 'body-xxl-font-size-desktop': (24px),
175
+ 'primary-l-font-size-desktop': (26px),
176
+ 'primary-xxl-font-size-desktop': (36px),
177
177
  'secondary-xs-font-size-desktop-xl': (20px),
178
- 'body-xl-font-size-mobile': (18px),
179
- 'body-xxxl-font-size-mobile': (initial),
178
+ 'body-xl-font-size-mobile': (22px),
179
+ 'body-xxxl-font-size-mobile': (26px),
180
180
  'primary-xl-font-size-mobile': (30px),
181
- 'basic-xl-font-size-desktop-xl': (17px),
181
+ 'basic-xl-font-size-desktop-xl': (21px),
182
182
  'accent-xs-font-size-mobile': (18px),
183
- 'primary-m-font-size-mobile': (23px),
184
- 'body-m-font-size-desktop': (15px),
185
- 'body-m-font-size-mobile': (15px),
186
- 'primary-m-font-size-desktop': (18px),
183
+ 'primary-m-font-size-mobile': (26px),
184
+ 'body-m-font-size-desktop': (16px),
185
+ 'body-m-font-size-mobile': (16px),
186
+ 'primary-m-font-size-desktop': (20px),
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
- 'basic-xl-letter-spacing-desktop': (-0.09px),
192
- 'body-s-letter-spacing-desktop-xl': (1.4px),
193
- 'body-xxs-letter-spacing-desktop-xl': (1.69px),
191
+ 'basic-xl-letter-spacing-desktop': (0px),
192
+ 'body-s-letter-spacing-desktop-xl': (normal),
193
+ 'body-xxs-letter-spacing-desktop-xl': (0.22px),
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),
197
- 'basic-xxs-letter-spacing-desktop': (0.5px),
197
+ 'basic-xxs-letter-spacing-desktop': (0.22px),
198
198
  'basic-s-letter-spacing-desktop': (normal),
199
199
  'basic-xs-letter-spacing-mobile': (0.22px),
200
- 'secondary-m-letter-spacing-desktop': (2.3px),
200
+ 'secondary-m-letter-spacing-desktop': (0px),
201
201
  'accent-m-letter-spacing-desktop-xl': (normal),
202
202
  'primary-xxxs-letter-spacing-desktop-xl': (normal),
203
203
  'primary-xs-letter-spacing-desktop-xl': (normal),
204
- 'body-xxxs-letter-spacing-desktop-xl': (0px),
205
- 'body-xs-letter-spacing-desktop-xl': (1.65px),
204
+ 'body-xxxs-letter-spacing-desktop-xl': (normal),
205
+ 'body-xs-letter-spacing-desktop-xl': (0.5px),
206
206
  'secondary-l-letter-spacing-desktop': (0px),
207
207
  'secondary-xxl-letter-spacing-desktop': (normal),
208
- 'secondary-xl-letter-spacing-desktop': (3px),
209
- 'body-l-letter-spacing-mobile': (-0.07px),
208
+ 'secondary-xl-letter-spacing-desktop': (0px),
209
+ 'body-l-letter-spacing-mobile': (0.01px),
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.45px),
216
+ 'basic-l-letter-spacing-desktop-xl': (0px),
217
217
  'accent-xxs-letter-spacing-desktop': (.52px),
218
- 'basic-xxl-letter-spacing-desktop-xl': (-0.31px),
218
+ 'basic-xxl-letter-spacing-desktop-xl': (0px),
219
219
  'accent-regular-xxs-letter-spacing-desktop-xl': (0.52px),
220
- 'body-m-letter-spacing-mobile': (1.5px),
220
+ 'body-m-letter-spacing-mobile': (normal),
221
221
  'primary-m-letter-spacing-mobile': (normal),
222
222
  'primary-xl-letter-spacing-mobile': (normal),
223
223
  'body-xxxl-letter-spacing-mobile': (normal),
224
- 'basic-m-letter-spacing-desktop-xl': (0.75px),
225
- 'body-xl-letter-spacing-mobile': (-0.09px),
226
- 'basic-m-letter-spacing-desktop': (0.75px),
224
+ 'basic-m-letter-spacing-desktop-xl': (0.5px),
225
+ 'body-xl-letter-spacing-mobile': (normal),
226
+ 'basic-m-letter-spacing-desktop': (0.5px),
227
227
  'accent-regular-xxs-letter-spacing-desktop': (0.52px),
228
- 'basic-xxl-letter-spacing-desktop': (-0.3px),
228
+ 'basic-xxl-letter-spacing-desktop': (0px),
229
229
  'accent-s-letter-spacing-desktop-xl': (normal),
230
- 'basic-l-letter-spacing-desktop': (0.39px),
230
+ 'basic-l-letter-spacing-desktop': (0px),
231
231
  'accent-xxs-letter-spacing-desktop-xl': (.52px),
232
- 'secondary-xl-letter-spacing-desktop-xl': (3.3px),
232
+ 'secondary-xl-letter-spacing-desktop-xl': (0px),
233
233
  'secondary-regular-m-letter-spacing-desktop-xl': (normal),
234
234
  'secondary-xxl-letter-spacing-desktop-xl': (normal),
235
235
  'secondary-l-letter-spacing-desktop-xl': (0px),
236
236
  'body-s-letter-spacing-mobile': (normal),
237
237
  'primary-s-letter-spacing-mobile': (2px),
238
- 'body-xs-letter-spacing-desktop': (1.5px),
239
- 'body-xxs-letter-spacing-mobile': (1.69px),
240
- 'body-xxxs-letter-spacing-desktop': (0px),
238
+ 'body-xs-letter-spacing-desktop': (0.5px),
239
+ 'body-xxs-letter-spacing-mobile': (0.22px),
240
+ 'body-xxxs-letter-spacing-desktop': (normal),
241
241
  'primary-xs-letter-spacing-desktop': (normal),
242
242
  'primary-xxs-letter-spacing-mobile': (normal),
243
243
  'primary-xxxs-letter-spacing-desktop': (normal),
244
244
  'accent-m-letter-spacing-desktop': (normal),
245
- 'basic-xxs-letter-spacing-desktop-xl': (0.6px),
245
+ 'basic-xxs-letter-spacing-desktop-xl': (0.22px),
246
246
  'accent-l-letter-spacing-desktop': (1.66px),
247
247
  'accent-l-letter-spacing-mobile': (1.14px),
248
- 'secondary-m-letter-spacing-desktop-xl': (2.3px),
248
+ 'secondary-m-letter-spacing-desktop-xl': (0px),
249
249
  'basic-s-letter-spacing-desktop-xl': (normal),
250
250
  'accent-m-letter-spacing-mobile': (.74px),
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.69px),
255
- 'body-xxxs-letter-spacing-mobile': (0px),
254
+ 'body-xxs-letter-spacing-desktop': (0.22px),
255
+ 'body-xxxs-letter-spacing-mobile': (normal),
256
256
  'primary-s-letter-spacing-desktop': (2px),
257
- 'body-s-letter-spacing-desktop': (1.4px),
258
- 'body-xs-letter-spacing-mobile': (1.8px),
259
- 'basic-xl-letter-spacing-desktop-xl': (-0.09px),
260
- 'basic-l-letter-spacing-mobile': (0.36px),
261
- 'basic-xxl-letter-spacing-mobile': (-0.26px),
257
+ 'body-s-letter-spacing-desktop': (normal),
258
+ 'body-xs-letter-spacing-mobile': (0.5px),
259
+ 'basic-xl-letter-spacing-desktop-xl': (0px),
260
+ 'basic-l-letter-spacing-mobile': (0px),
261
+ 'basic-xxl-letter-spacing-mobile': (0.5px),
262
262
  'accent-regular-xxs-letter-spacing-mobile': (0.4px),
263
263
  'secondary-xs-letter-spacing-desktop-xl': (normal),
264
- 'basic-m-letter-spacing-mobile': (0.65px),
264
+ 'basic-m-letter-spacing-mobile': (0.5px),
265
265
  'secondary-xxs-letter-spacing-desktop-xl': (normal),
266
266
  'secondary-s-letter-spacing-desktop-xl': (normal),
267
- 'body-xl-letter-spacing-desktop': (-0.085px),
267
+ 'body-xl-letter-spacing-desktop': (normal),
268
268
  'body-xxxl-letter-spacing-desktop': (normal),
269
269
  'primary-xl-letter-spacing-desktop': (normal),
270
270
  'accent-xs-letter-spacing-desktop': (0.66px),
271
271
  'accent-xxs-letter-spacing-mobile': (.4px),
272
272
  'primary-m-letter-spacing-desktop': (normal),
273
- 'body-m-letter-spacing-desktop': (1.5px),
273
+ 'body-m-letter-spacing-desktop': (normal),
274
274
  'accent-s-letter-spacing-mobile': (.66px),
275
275
  'secondary-regular-m-letter-spacing-mobile': (normal),
276
276
  'primary-xxl-letter-spacing-desktop': (normal),
277
277
  'primary-l-letter-spacing-desktop': (normal),
278
278
  'body-xxl-letter-spacing-desktop': (normal),
279
- 'secondary-xl-letter-spacing-mobile': (2.6px),
280
- 'body-l-letter-spacing-desktop': (normal),
279
+ 'secondary-xl-letter-spacing-mobile': (0px),
280
+ 'body-l-letter-spacing-desktop': (0.01px),
281
281
  'basic-xs-letter-spacing-desktop-xl': (0.22px),
282
282
  'secondary-xxl-letter-spacing-mobile': (normal),
283
- 'secondary-l-letter-spacing-mobile': (-0.1px),
284
- 'secondary-m-letter-spacing-mobile': (2.4px),
283
+ 'secondary-l-letter-spacing-mobile': (0px),
284
+ 'secondary-m-letter-spacing-mobile': (0px),
285
285
  'basic-s-letter-spacing-mobile': (normal),
286
286
  'basic-xs-letter-spacing-desktop': (0.22px),
287
- 'basic-xxs-letter-spacing-mobile': (0.5px),
288
- 'body-l-letter-spacing-desktop-xl': (normal),
287
+ 'basic-xxs-letter-spacing-mobile': (0.22px),
288
+ 'body-l-letter-spacing-desktop-xl': (0.01px),
289
289
  'body-xxl-letter-spacing-desktop-xl': (normal),
290
290
  'primary-l-letter-spacing-desktop-xl': (normal),
291
291
  'primary-xxl-letter-spacing-desktop-xl': (normal),
292
- 'basic-xl-letter-spacing-mobile': (-0.07px),
293
- 'body-m-letter-spacing-desktop-xl': (1.5px),
292
+ 'basic-xl-letter-spacing-mobile': (0px),
293
+ 'body-m-letter-spacing-desktop-xl': (normal),
294
294
  'primary-m-letter-spacing-desktop-xl': (normal),
295
295
  'accent-xs-letter-spacing-desktop-xl': (0.66px),
296
296
  'primary-xl-letter-spacing-desktop-xl': (normal),
297
297
  'body-xxxl-letter-spacing-desktop-xl': (normal),
298
- 'body-xl-letter-spacing-desktop-xl': (-0.095px),
298
+ 'body-xl-letter-spacing-desktop-xl': (normal),
299
299
  'secondary-s-letter-spacing-desktop': (normal),
300
300
  'secondary-xs-letter-spacing-mobile': (normal),
301
301
  'secondary-xxs-letter-spacing-desktop': (normal),
@@ -304,66 +304,66 @@ $rollingstone-2022-map: (
304
304
  'primary-xs-font-weight-mobile': (bold),
305
305
  'primary-xxxs-font-weight-mobile': (700),
306
306
  'accent-m-font-weight-mobile': (300),
307
- 'basic-l-font-weight-desktop': (600),
308
- 'basic-xxl-font-weight-desktop': (600),
307
+ 'basic-l-font-weight-desktop': (800),
308
+ 'basic-xxl-font-weight-desktop': (800),
309
309
  'accent-regular-xxs-font-weight-desktop': (400),
310
- 'basic-xs-font-weight-desktop-xl': (600),
310
+ 'basic-xs-font-weight-desktop-xl': (800),
311
311
  'accent-l-font-weight-mobile': (300),
312
312
  'primary-xxs-font-weight-mobile': (bold),
313
313
  'primary-s-font-weight-mobile': (bold),
314
314
  'body-xxs-font-weight-mobile': (normal),
315
315
  'body-s-font-weight-mobile': (normal),
316
- 'basic-m-font-weight-desktop': (600),
316
+ 'basic-m-font-weight-desktop': (800),
317
317
  'accent-xxs-font-weight-desktop': (300),
318
318
  'accent-s-font-weight-desktop': (300),
319
- 'secondary-s-font-weight-desktop-xl': (normal),
319
+ 'secondary-s-font-weight-desktop-xl': (400),
320
320
  'secondary-xxs-font-weight-desktop-xl': (normal),
321
321
  'secondary-xl-font-weight-desktop': (normal),
322
322
  'secondary-regular-m-font-weight-desktop': (normal),
323
323
  'body-xl-font-weight-mobile': (normal),
324
324
  'secondary-xs-font-weight-desktop-xl': (normal),
325
325
  'body-xxxl-font-weight-mobile': (normal),
326
- 'primary-xl-font-weight-mobile': (bold),
326
+ 'primary-xl-font-weight-mobile': (700),
327
327
  'secondary-xxl-font-weight-desktop': (normal),
328
328
  'secondary-l-font-weight-desktop': (400),
329
329
  'body-m-font-weight-mobile': (normal),
330
- 'basic-xxs-font-weight-desktop': (600),
330
+ 'basic-xxs-font-weight-desktop': (800),
331
331
  'accent-xs-font-weight-mobile': (300),
332
- 'basic-xl-font-weight-desktop-xl': (600),
332
+ 'basic-xl-font-weight-desktop-xl': (800),
333
333
  'secondary-m-font-weight-desktop': (400),
334
- 'basic-s-font-weight-desktop': (600),
334
+ 'basic-s-font-weight-desktop': (800),
335
335
  'primary-m-font-weight-mobile': (bold),
336
- 'primary-xxl-font-weight-mobile': (bold),
336
+ 'primary-xxl-font-weight-mobile': (700),
337
337
  'primary-l-font-weight-mobile': (bold),
338
338
  'body-xxl-font-weight-mobile': (normal),
339
339
  'body-l-font-weight-mobile': (normal),
340
- 'basic-xl-font-weight-desktop': (600),
341
- 'basic-xxs-font-weight-desktop-xl': (600),
342
- 'basic-s-font-weight-desktop-xl': (600),
340
+ 'basic-xl-font-weight-desktop': (800),
341
+ 'basic-xxs-font-weight-desktop-xl': (800),
342
+ 'basic-s-font-weight-desktop-xl': (800),
343
343
  'secondary-m-font-weight-desktop-xl': (400),
344
344
  'secondary-l-font-weight-desktop-xl': (400),
345
345
  'secondary-xxl-font-weight-desktop-xl': (normal),
346
- 'basic-xs-font-weight-mobile': (600),
346
+ 'basic-xs-font-weight-mobile': (800),
347
347
  'secondary-xs-font-weight-desktop': (normal),
348
348
  'secondary-xxs-font-weight-desktop': (normal),
349
- 'secondary-s-font-weight-desktop': (normal),
349
+ 'secondary-s-font-weight-desktop': (400),
350
350
  'secondary-xl-font-weight-desktop-xl': (normal),
351
351
  'secondary-regular-m-font-weight-desktop-xl': (normal),
352
352
  'accent-s-font-weight-desktop-xl': (300),
353
353
  'accent-xxs-font-weight-desktop-xl': (300),
354
- 'secondary-s-font-weight-mobile': (normal),
354
+ 'secondary-s-font-weight-mobile': (400),
355
355
  'secondary-xxs-font-weight-mobile': (normal),
356
- 'basic-m-font-weight-desktop-xl': (600),
356
+ 'basic-m-font-weight-desktop-xl': (800),
357
357
  'accent-regular-xxs-font-weight-desktop-xl': (400),
358
- 'basic-xxl-font-weight-desktop-xl': (600),
359
- 'basic-l-font-weight-desktop-xl': (600),
360
- 'basic-xs-font-weight-desktop': (600),
358
+ 'basic-xxl-font-weight-desktop-xl': (800),
359
+ 'basic-l-font-weight-desktop-xl': (800),
360
+ 'basic-xs-font-weight-desktop': (800),
361
361
  'secondary-xs-font-weight-mobile': (normal),
362
- 'basic-xl-font-weight-mobile': (600),
362
+ 'basic-xl-font-weight-mobile': (800),
363
363
  'body-xxl-font-weight-desktop': (normal),
364
364
  'primary-l-font-weight-desktop': (bold),
365
365
  'primary-xxxs-font-weight-desktop-xl': (700),
366
- 'primary-xxl-font-weight-desktop': (bold),
366
+ 'primary-xxl-font-weight-desktop': (700),
367
367
  'accent-m-font-weight-desktop-xl': (300),
368
368
  'body-xs-font-weight-desktop-xl': (normal),
369
369
  'body-l-font-weight-desktop': (normal),
@@ -372,11 +372,11 @@ $rollingstone-2022-map: (
372
372
  'body-m-font-weight-desktop': (normal),
373
373
  'accent-l-font-weight-desktop-xl': (300),
374
374
  'primary-m-font-weight-desktop': (bold),
375
- 'basic-xxs-font-weight-mobile': (600),
375
+ 'basic-xxs-font-weight-mobile': (800),
376
376
  'accent-xs-font-weight-desktop': (300),
377
- 'basic-s-font-weight-mobile': (600),
377
+ 'basic-s-font-weight-mobile': (800),
378
378
  'secondary-m-font-weight-mobile': (400),
379
- 'primary-xl-font-weight-desktop': (bold),
379
+ 'primary-xl-font-weight-desktop': (700),
380
380
  'body-xxxl-font-weight-desktop': (normal),
381
381
  'body-xl-font-weight-desktop': (normal),
382
382
  'secondary-l-font-weight-mobile': (400),
@@ -389,146 +389,146 @@ $rollingstone-2022-map: (
389
389
  'secondary-xl-font-weight-mobile': (normal),
390
390
  'accent-s-font-weight-mobile': (300),
391
391
  'accent-xxs-font-weight-mobile': (300),
392
- 'basic-m-font-weight-mobile': (600),
392
+ 'basic-m-font-weight-mobile': (800),
393
393
  'body-s-font-weight-desktop': (normal),
394
394
  'body-xxs-font-weight-desktop': (normal),
395
395
  'primary-s-font-weight-desktop': (bold),
396
396
  'primary-xxs-font-weight-desktop': (bold),
397
397
  'body-xl-font-weight-desktop-xl': (normal),
398
398
  'body-xxxl-font-weight-desktop-xl': (normal),
399
- 'primary-xl-font-weight-desktop-xl': (bold),
399
+ 'primary-xl-font-weight-desktop-xl': (700),
400
400
  'accent-xs-font-weight-desktop-xl': (300),
401
401
  'accent-regular-xxs-font-weight-mobile': (400),
402
402
  'accent-l-font-weight-desktop': (300),
403
- 'basic-xxl-font-weight-mobile': (600),
403
+ 'basic-xxl-font-weight-mobile': (800),
404
404
  'primary-m-font-weight-desktop-xl': (bold),
405
405
  'body-m-font-weight-desktop-xl': (normal),
406
- 'basic-l-font-weight-mobile': (600),
406
+ 'basic-l-font-weight-mobile': (800),
407
407
  'accent-m-font-weight-desktop': (300),
408
408
  'primary-xxxs-font-weight-desktop': (700),
409
409
  'body-xxxs-font-weight-desktop': (normal),
410
410
  'primary-xs-font-weight-desktop': (bold),
411
411
  'body-xs-font-weight-desktop': (normal),
412
- 'primary-xxl-font-weight-desktop-xl': (bold),
412
+ 'primary-xxl-font-weight-desktop-xl': (700),
413
413
  'primary-l-font-weight-desktop-xl': (bold),
414
414
  'body-xxl-font-weight-desktop-xl': (normal),
415
415
  'body-l-font-weight-desktop-xl': (normal),
416
416
  'accent-xs-line-height-desktop': (24px),
417
- 'body-m-line-height-desktop': (19px),
418
- 'primary-m-line-height-desktop': (21px),
417
+ 'body-m-line-height-desktop': (20px),
418
+ 'primary-m-line-height-desktop': (24px),
419
419
  'basic-s-line-height-desktop-xl': (15px),
420
- 'secondary-m-line-height-desktop-xl': (17px),
421
- 'body-xxxl-line-height-desktop': (33px),
422
- 'primary-xl-line-height-desktop': (27px),
423
- 'body-xl-line-height-desktop': (22px),
424
- 'basic-xxs-line-height-desktop-xl': (15px),
425
- 'basic-xs-line-height-mobile': (13px),
426
- 'secondary-l-line-height-desktop-xl': (29px),
427
- 'secondary-xxl-line-height-desktop-xl': (70px),
420
+ 'secondary-m-line-height-desktop-xl': (30px),
421
+ 'body-xxxl-line-height-desktop': (30px),
422
+ 'primary-xl-line-height-desktop': (34px),
423
+ 'body-xl-line-height-desktop': (26px),
424
+ 'basic-xxs-line-height-desktop-xl': (13px),
425
+ 'basic-xs-line-height-mobile': (14px),
426
+ 'secondary-l-line-height-desktop-xl': (37px),
427
+ 'secondary-xxl-line-height-desktop-xl': (42px),
428
428
  'secondary-regular-m-line-height-desktop-xl': (15px),
429
- 'secondary-xl-line-height-desktop-xl': (37px),
429
+ 'secondary-xl-line-height-desktop-xl': (39px),
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': (16px),
434
- 'primary-xxs-line-height-desktop': (19px),
435
- 'secondary-s-line-height-mobile': (25px),
436
- 'secondary-xxs-line-height-mobile': (20px),
433
+ 'body-xxs-line-height-desktop': (15px),
434
+ 'primary-xxs-line-height-desktop': (20px),
435
+ 'secondary-s-line-height-mobile': (26px),
436
+ 'secondary-xxs-line-height-mobile': (26px),
437
437
  'body-s-line-height-desktop': (16px),
438
438
  'accent-l-line-height-desktop': (50px),
439
- 'basic-m-line-height-desktop-xl': (20px),
439
+ 'basic-m-line-height-desktop-xl': (18px),
440
440
  'primary-xxxs-line-height-desktop': (23px),
441
- 'primary-xs-line-height-desktop': (17px),
442
- 'body-xxxs-line-height-desktop': (17px),
441
+ 'primary-xs-line-height-desktop': (22px),
442
+ 'body-xxxs-line-height-desktop': (18px),
443
443
  'body-xs-line-height-desktop': (14px),
444
- 'secondary-xs-line-height-mobile': (21px),
444
+ 'secondary-xs-line-height-mobile': (22px),
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': (27px),
447
+ 'basic-xxl-line-height-desktop-xl': (24px),
448
448
  'accent-m-line-height-desktop': (26px),
449
- 'basic-xl-line-height-mobile': (17px),
449
+ 'basic-xl-line-height-mobile': (18px),
450
450
  'accent-regular-xxs-line-height-desktop': (26px),
451
- 'body-xs-line-height-desktop-xl': (15px),
452
- 'primary-xs-line-height-desktop-xl': (20px),
453
- 'body-xxxs-line-height-desktop-xl': (17px),
451
+ 'body-xs-line-height-desktop-xl': (14px),
452
+ 'primary-xs-line-height-desktop-xl': (22px),
453
+ 'body-xxxs-line-height-desktop-xl': (18px),
454
454
  'primary-xxxs-line-height-desktop-xl': (23px),
455
455
  'accent-m-line-height-desktop-xl': (26px),
456
- 'basic-l-line-height-desktop': (16px),
457
- 'basic-xxl-line-height-desktop': (26px),
458
- 'basic-m-line-height-desktop': (20px),
456
+ 'basic-l-line-height-desktop': (18px),
457
+ 'basic-xxl-line-height-desktop': (24px),
458
+ 'basic-m-line-height-desktop': (18px),
459
459
  'basic-s-line-height-mobile': (15px),
460
- 'secondary-m-line-height-mobile': (15px),
460
+ 'secondary-m-line-height-mobile': (30px),
461
461
  'basic-xxs-line-height-mobile': (13px),
462
462
  'accent-l-line-height-desktop-xl': (50px),
463
- 'primary-xxs-line-height-desktop-xl': (19px),
463
+ 'primary-xxs-line-height-desktop-xl': (20px),
464
464
  'primary-s-line-height-desktop-xl': (32px),
465
- 'body-xxs-line-height-desktop-xl': (16px),
465
+ 'body-xxs-line-height-desktop-xl': (15px),
466
466
  'body-s-line-height-desktop-xl': (16px),
467
- 'secondary-l-line-height-mobile': (25px),
468
- 'secondary-xxl-line-height-mobile': (40px),
467
+ 'secondary-l-line-height-mobile': (32px),
468
+ 'secondary-xxl-line-height-mobile': (28px),
469
469
  'accent-s-line-height-desktop': (23px),
470
470
  'accent-xxs-line-height-desktop': (18px),
471
- 'secondary-xl-line-height-mobile': (32px),
472
- 'secondary-xl-line-height-desktop': (34px),
471
+ 'secondary-xl-line-height-mobile': (28px),
472
+ 'secondary-xl-line-height-desktop': (39px),
473
473
  'secondary-regular-m-line-height-mobile': (15px),
474
474
  'secondary-regular-m-line-height-desktop': (15px),
475
475
  'accent-s-line-height-mobile': (23px),
476
476
  'accent-xxs-line-height-mobile': (0.4px),
477
- 'secondary-xxl-line-height-desktop': (56px),
478
- 'secondary-l-line-height-desktop': (29px),
479
- 'secondary-m-line-height-desktop': (17px),
477
+ 'secondary-xxl-line-height-desktop': (42px),
478
+ 'secondary-l-line-height-desktop': (37px),
479
+ 'secondary-m-line-height-desktop': (30px),
480
480
  'basic-s-line-height-desktop': (15px),
481
- 'body-xl-line-height-desktop-xl': (24px),
481
+ 'body-xl-line-height-desktop-xl': (26px),
482
482
  'primary-xl-line-height-desktop-xl': (34px),
483
- 'body-xxxl-line-height-desktop-xl': (33px),
483
+ 'body-xxxl-line-height-desktop-xl': (30px),
484
484
  'basic-xxs-line-height-desktop': (13px),
485
485
  'basic-m-line-height-mobile': (18px),
486
- 'basic-l-line-height-mobile': (13px),
486
+ 'basic-l-line-height-mobile': (16px),
487
487
  'primary-m-line-height-desktop-xl': (24px),
488
- 'body-m-line-height-desktop-xl': (19px),
488
+ 'body-m-line-height-desktop-xl': (20px),
489
489
  'accent-regular-xxs-line-height-mobile': (14px),
490
- 'basic-xxl-line-height-mobile': (23px),
490
+ 'basic-xxl-line-height-mobile': (16px),
491
491
  'accent-xs-line-height-desktop-xl': (24px),
492
492
  'primary-xxl-line-height-desktop-xl': (40px),
493
493
  'primary-l-line-height-desktop-xl': (30px),
494
- 'body-xxl-line-height-desktop-xl': (26px),
495
- 'body-l-line-height-desktop-xl': (20px),
496
- 'basic-xl-line-height-desktop': (22px),
497
- 'secondary-xs-line-height-desktop': (26px),
498
- 'body-xs-line-height-mobile': (16px),
499
- 'body-xxxs-line-height-mobile': (17px),
500
- 'primary-xs-line-height-mobile': (22px),
494
+ 'body-xxl-line-height-desktop-xl': (28px),
495
+ 'body-l-line-height-desktop-xl': (31px),
496
+ 'basic-xl-line-height-desktop': (21px),
497
+ 'secondary-xs-line-height-desktop': (22px),
498
+ 'body-xs-line-height-mobile': (14px),
499
+ 'body-xxxs-line-height-mobile': (18px),
500
+ 'primary-xs-line-height-mobile': (24px),
501
501
  'primary-xxxs-line-height-mobile': (21px),
502
502
  'accent-m-line-height-mobile': (26px),
503
503
  'accent-l-line-height-mobile': (36px),
504
504
  'basic-xs-line-height-desktop-xl': (13px),
505
- 'secondary-xxs-line-height-desktop': (20px),
506
- 'secondary-s-line-height-desktop': (27px),
507
- 'primary-xxs-line-height-mobile': (19px),
505
+ 'secondary-xxs-line-height-desktop': (21px),
506
+ 'secondary-s-line-height-desktop': (26px),
507
+ 'primary-xxs-line-height-mobile': (20px),
508
508
  'primary-s-line-height-mobile': (32px),
509
- 'body-xxs-line-height-mobile': (16px),
510
- 'body-s-line-height-mobile': (22px),
511
- 'secondary-s-line-height-desktop-xl': (27px),
512
- 'secondary-xxs-line-height-desktop-xl': (20px),
509
+ 'body-xxs-line-height-mobile': (15px),
510
+ 'body-s-line-height-mobile': (16px),
511
+ 'secondary-s-line-height-desktop-xl': (26px),
512
+ 'secondary-xxs-line-height-desktop-xl': (21px),
513
513
  'basic-xs-line-height-desktop': (13px),
514
- 'body-xl-line-height-mobile': (22px),
515
- 'body-xxxl-line-height-mobile': (initial),
514
+ 'body-xl-line-height-mobile': (26px),
515
+ 'body-xxxl-line-height-mobile': (30px),
516
516
  'primary-xl-line-height-mobile': (32px),
517
- 'secondary-xs-line-height-desktop-xl': (26px),
518
- 'primary-m-line-height-mobile': (26px),
519
- 'body-m-line-height-mobile': (19px),
520
- 'basic-xl-line-height-desktop-xl': (22px),
517
+ 'secondary-xs-line-height-desktop-xl': (22px),
518
+ 'primary-m-line-height-mobile': (29px),
519
+ 'body-m-line-height-mobile': (20px),
520
+ 'basic-xl-line-height-desktop-xl': (21px),
521
521
  'accent-xs-line-height-mobile': (19px),
522
- 'body-l-line-height-desktop': (20px),
523
- 'body-xxl-line-height-desktop': (26px),
524
- 'primary-l-line-height-desktop': (28px),
525
- 'primary-xxl-line-height-desktop': (36px),
522
+ 'body-l-line-height-desktop': (31px),
523
+ 'body-xxl-line-height-desktop': (28px),
524
+ 'primary-l-line-height-desktop': (30px),
525
+ 'primary-xxl-line-height-desktop': (40px),
526
526
  'primary-xxl-line-height-mobile': (33px),
527
- 'body-xxl-line-height-mobile': (26px),
528
- 'primary-l-line-height-mobile': (26px),
529
- 'body-l-line-height-mobile': (18px),
527
+ 'body-xxl-line-height-mobile': (28px),
528
+ 'primary-l-line-height-mobile': (28px),
529
+ 'body-l-line-height-mobile': (31px),
530
530
  'font-family-accent': (Verdana, serif),
531
531
  'font-family-accent-fancy': (Verdana, sans-serif),
532
- 'font-family-basic-fancy': ('Graphik Semibold', sans-serif),
533
- 'font-family-body-fancy': (Georgia, Helvetica, sans-serif),
532
+ 'font-family-basic-fancy': ('Feature Flat Text', sans-serif),
533
+ 'font-family-body-fancy': ('Feature Flat Text', Helvetica, sans-serif),
534
534
  );