@penskemediacorp/larva-tokens 0.6.0 → 0.6.4-develop.17
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/artnews.custom-properties.css +6 -6
- package/build/artnews.json +6 -6
- package/build/artnews.map.scss +6 -6
- package/build/artnews.raw.json +12 -12
- package/build/rollingstone-2022.custom-properties.css +7 -7
- package/build/rollingstone-2022.json +7 -7
- package/build/rollingstone-2022.map.scss +7 -7
- package/build/rollingstone-2022.raw.json +14 -26
- package/package.json +2 -2
- package/style-guides/artnews.html +10 -10
- package/style-guides/rollingstone-2022.html +14 -14
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
--body-s-font-size-desktop: 16px;
|
|
87
87
|
--body-xxs-font-size-desktop: initial;
|
|
88
88
|
--primary-s-font-size-desktop: 24px;
|
|
89
|
-
--primary-xxs-font-size-desktop:
|
|
89
|
+
--primary-xxs-font-size-desktop: 18px;
|
|
90
90
|
--secondary-regular-m-font-size-desktop-xl: 15px;
|
|
91
91
|
--secondary-xl-font-size-desktop-xl: initial;
|
|
92
92
|
--accent-s-font-size-desktop-xl: 23px;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
--accent-l-font-size-desktop: 58px;
|
|
95
95
|
--accent-m-font-size-desktop: 26px;
|
|
96
96
|
--primary-xxxs-font-size-desktop: 20px;
|
|
97
|
-
--primary-xs-font-size-desktop:
|
|
97
|
+
--primary-xs-font-size-desktop: 26px;
|
|
98
98
|
--body-xxxs-font-size-desktop: initial;
|
|
99
99
|
--body-xs-font-size-desktop: initial;
|
|
100
100
|
--secondary-s-font-size-mobile: 11px;
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
--secondary-l-font-size-desktop: 42px;
|
|
134
134
|
--secondary-regular-m-font-size-mobile: 15px;
|
|
135
135
|
--accent-xxs-font-size-mobile: 14px;
|
|
136
|
-
--secondary-m-font-size-desktop:
|
|
136
|
+
--secondary-m-font-size-desktop: 16px;
|
|
137
137
|
--basic-s-font-size-desktop: initial;
|
|
138
138
|
--basic-xxs-font-size-desktop: initial;
|
|
139
139
|
--accent-s-font-size-mobile: 23px;
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
--secondary-s-font-size-desktop: 12px;
|
|
163
163
|
--basic-xs-font-size-desktop-xl: initial;
|
|
164
164
|
--accent-l-font-size-mobile: 40px;
|
|
165
|
-
--primary-xxs-font-size-mobile:
|
|
165
|
+
--primary-xxs-font-size-mobile: 19px;
|
|
166
166
|
--primary-s-font-size-mobile: 21px;
|
|
167
167
|
--body-xxs-font-size-mobile: initial;
|
|
168
168
|
--body-s-font-size-mobile: 16px;
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
--primary-m-font-size-mobile: 28px;
|
|
183
183
|
--body-m-font-size-desktop: 18px;
|
|
184
184
|
--body-m-font-size-mobile: 18px;
|
|
185
|
-
--primary-m-font-size-desktop:
|
|
185
|
+
--primary-m-font-size-desktop: 16px;
|
|
186
186
|
--accent-xs-font-size-desktop: 23px;
|
|
187
187
|
--secondary-xs-letter-spacing-desktop: normal;
|
|
188
188
|
--secondary-xxs-letter-spacing-mobile: normal;
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
--basic-s-letter-spacing-desktop-xl: normal;
|
|
249
249
|
--accent-m-letter-spacing-mobile: .74px;
|
|
250
250
|
--primary-xxxs-letter-spacing-mobile: normal;
|
|
251
|
-
--primary-xxs-letter-spacing-desktop:
|
|
251
|
+
--primary-xxs-letter-spacing-desktop: .52px;
|
|
252
252
|
--primary-xs-letter-spacing-mobile: normal;
|
|
253
253
|
--body-xxs-letter-spacing-desktop: normal;
|
|
254
254
|
--body-xxxs-letter-spacing-mobile: normal;
|
package/build/artnews.json
CHANGED
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"BODY_S_FONT_SIZE_DESKTOP": "16px",
|
|
73
73
|
"BODY_XXS_FONT_SIZE_DESKTOP": "initial",
|
|
74
74
|
"PRIMARY_S_FONT_SIZE_DESKTOP": "24px",
|
|
75
|
-
"PRIMARY_XXS_FONT_SIZE_DESKTOP": "
|
|
75
|
+
"PRIMARY_XXS_FONT_SIZE_DESKTOP": "18px",
|
|
76
76
|
"SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP_XL": "15px",
|
|
77
77
|
"SECONDARY_XL_FONT_SIZE_DESKTOP_XL": "initial",
|
|
78
78
|
"ACCENT_S_FONT_SIZE_DESKTOP_XL": "23px",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"ACCENT_L_FONT_SIZE_DESKTOP": "58px",
|
|
81
81
|
"ACCENT_M_FONT_SIZE_DESKTOP": "26px",
|
|
82
82
|
"PRIMARY_XXXS_FONT_SIZE_DESKTOP": "20px",
|
|
83
|
-
"PRIMARY_XS_FONT_SIZE_DESKTOP": "
|
|
83
|
+
"PRIMARY_XS_FONT_SIZE_DESKTOP": "26px",
|
|
84
84
|
"BODY_XXXS_FONT_SIZE_DESKTOP": "initial",
|
|
85
85
|
"BODY_XS_FONT_SIZE_DESKTOP": "initial",
|
|
86
86
|
"SECONDARY_S_FONT_SIZE_MOBILE": "11px",
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
"SECONDARY_L_FONT_SIZE_DESKTOP": "42px",
|
|
120
120
|
"SECONDARY_REGULAR_M_FONT_SIZE_MOBILE": "15px",
|
|
121
121
|
"ACCENT_XXS_FONT_SIZE_MOBILE": "14px",
|
|
122
|
-
"SECONDARY_M_FONT_SIZE_DESKTOP": "
|
|
122
|
+
"SECONDARY_M_FONT_SIZE_DESKTOP": "16px",
|
|
123
123
|
"BASIC_S_FONT_SIZE_DESKTOP": "initial",
|
|
124
124
|
"BASIC_XXS_FONT_SIZE_DESKTOP": "initial",
|
|
125
125
|
"ACCENT_S_FONT_SIZE_MOBILE": "23px",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"SECONDARY_S_FONT_SIZE_DESKTOP": "12px",
|
|
149
149
|
"BASIC_XS_FONT_SIZE_DESKTOP_XL": "initial",
|
|
150
150
|
"ACCENT_L_FONT_SIZE_MOBILE": "40px",
|
|
151
|
-
"PRIMARY_XXS_FONT_SIZE_MOBILE": "
|
|
151
|
+
"PRIMARY_XXS_FONT_SIZE_MOBILE": "19px",
|
|
152
152
|
"PRIMARY_S_FONT_SIZE_MOBILE": "21px",
|
|
153
153
|
"BODY_XXS_FONT_SIZE_MOBILE": "initial",
|
|
154
154
|
"BODY_S_FONT_SIZE_MOBILE": "16px",
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
"PRIMARY_M_FONT_SIZE_MOBILE": "28px",
|
|
169
169
|
"BODY_M_FONT_SIZE_DESKTOP": "18px",
|
|
170
170
|
"BODY_M_FONT_SIZE_MOBILE": "18px",
|
|
171
|
-
"PRIMARY_M_FONT_SIZE_DESKTOP": "
|
|
171
|
+
"PRIMARY_M_FONT_SIZE_DESKTOP": "16px",
|
|
172
172
|
"ACCENT_XS_FONT_SIZE_DESKTOP": "23px",
|
|
173
173
|
"SECONDARY_XS_LETTER_SPACING_DESKTOP": "normal",
|
|
174
174
|
"SECONDARY_XXS_LETTER_SPACING_MOBILE": "normal",
|
|
@@ -234,7 +234,7 @@
|
|
|
234
234
|
"BASIC_S_LETTER_SPACING_DESKTOP_XL": "normal",
|
|
235
235
|
"ACCENT_M_LETTER_SPACING_MOBILE": ".74px",
|
|
236
236
|
"PRIMARY_XXXS_LETTER_SPACING_MOBILE": "normal",
|
|
237
|
-
"PRIMARY_XXS_LETTER_SPACING_DESKTOP": "
|
|
237
|
+
"PRIMARY_XXS_LETTER_SPACING_DESKTOP": ".52px",
|
|
238
238
|
"PRIMARY_XS_LETTER_SPACING_MOBILE": "normal",
|
|
239
239
|
"BODY_XXS_LETTER_SPACING_DESKTOP": "normal",
|
|
240
240
|
"BODY_XXXS_LETTER_SPACING_MOBILE": "normal",
|
package/build/artnews.map.scss
CHANGED
|
@@ -86,7 +86,7 @@ $artnews-map: (
|
|
|
86
86
|
'body-s-font-size-desktop': (16px),
|
|
87
87
|
'body-xxs-font-size-desktop': (initial),
|
|
88
88
|
'primary-s-font-size-desktop': (24px),
|
|
89
|
-
'primary-xxs-font-size-desktop': (
|
|
89
|
+
'primary-xxs-font-size-desktop': (18px),
|
|
90
90
|
'secondary-regular-m-font-size-desktop-xl': (15px),
|
|
91
91
|
'secondary-xl-font-size-desktop-xl': (initial),
|
|
92
92
|
'accent-s-font-size-desktop-xl': (23px),
|
|
@@ -94,7 +94,7 @@ $artnews-map: (
|
|
|
94
94
|
'accent-l-font-size-desktop': (58px),
|
|
95
95
|
'accent-m-font-size-desktop': (26px),
|
|
96
96
|
'primary-xxxs-font-size-desktop': (20px),
|
|
97
|
-
'primary-xs-font-size-desktop': (
|
|
97
|
+
'primary-xs-font-size-desktop': (26px),
|
|
98
98
|
'body-xxxs-font-size-desktop': (initial),
|
|
99
99
|
'body-xs-font-size-desktop': (initial),
|
|
100
100
|
'secondary-s-font-size-mobile': (11px),
|
|
@@ -133,7 +133,7 @@ $artnews-map: (
|
|
|
133
133
|
'secondary-l-font-size-desktop': (42px),
|
|
134
134
|
'secondary-regular-m-font-size-mobile': (15px),
|
|
135
135
|
'accent-xxs-font-size-mobile': (14px),
|
|
136
|
-
'secondary-m-font-size-desktop': (
|
|
136
|
+
'secondary-m-font-size-desktop': (16px),
|
|
137
137
|
'basic-s-font-size-desktop': (initial),
|
|
138
138
|
'basic-xxs-font-size-desktop': (initial),
|
|
139
139
|
'accent-s-font-size-mobile': (23px),
|
|
@@ -162,7 +162,7 @@ $artnews-map: (
|
|
|
162
162
|
'secondary-s-font-size-desktop': (12px),
|
|
163
163
|
'basic-xs-font-size-desktop-xl': (initial),
|
|
164
164
|
'accent-l-font-size-mobile': (40px),
|
|
165
|
-
'primary-xxs-font-size-mobile': (
|
|
165
|
+
'primary-xxs-font-size-mobile': (19px),
|
|
166
166
|
'primary-s-font-size-mobile': (21px),
|
|
167
167
|
'body-xxs-font-size-mobile': (initial),
|
|
168
168
|
'body-s-font-size-mobile': (16px),
|
|
@@ -182,7 +182,7 @@ $artnews-map: (
|
|
|
182
182
|
'primary-m-font-size-mobile': (28px),
|
|
183
183
|
'body-m-font-size-desktop': (18px),
|
|
184
184
|
'body-m-font-size-mobile': (18px),
|
|
185
|
-
'primary-m-font-size-desktop': (
|
|
185
|
+
'primary-m-font-size-desktop': (16px),
|
|
186
186
|
'accent-xs-font-size-desktop': (23px),
|
|
187
187
|
'secondary-xs-letter-spacing-desktop': (normal),
|
|
188
188
|
'secondary-xxs-letter-spacing-mobile': (normal),
|
|
@@ -248,7 +248,7 @@ $artnews-map: (
|
|
|
248
248
|
'basic-s-letter-spacing-desktop-xl': (normal),
|
|
249
249
|
'accent-m-letter-spacing-mobile': (.74px),
|
|
250
250
|
'primary-xxxs-letter-spacing-mobile': (normal),
|
|
251
|
-
'primary-xxs-letter-spacing-desktop': (
|
|
251
|
+
'primary-xxs-letter-spacing-desktop': (.52px),
|
|
252
252
|
'primary-xs-letter-spacing-mobile': (normal),
|
|
253
253
|
'body-xxs-letter-spacing-desktop': (normal),
|
|
254
254
|
'body-xxxs-letter-spacing-mobile': (normal),
|
package/build/artnews.raw.json
CHANGED
|
@@ -765,8 +765,8 @@
|
|
|
765
765
|
"status": "alpha",
|
|
766
766
|
"category": "font-size",
|
|
767
767
|
"type": "number",
|
|
768
|
-
"value": "
|
|
769
|
-
"originalValue": "
|
|
768
|
+
"value": "18px",
|
|
769
|
+
"originalValue": "18px",
|
|
770
770
|
"name": "PRIMARY_XXS_FONT_SIZE_DESKTOP"
|
|
771
771
|
},
|
|
772
772
|
"SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP_XL": {
|
|
@@ -835,8 +835,8 @@
|
|
|
835
835
|
"status": "alpha",
|
|
836
836
|
"category": "font-size",
|
|
837
837
|
"type": "number",
|
|
838
|
-
"value": "
|
|
839
|
-
"originalValue": "
|
|
838
|
+
"value": "26px",
|
|
839
|
+
"originalValue": "26px",
|
|
840
840
|
"name": "PRIMARY_XS_FONT_SIZE_DESKTOP"
|
|
841
841
|
},
|
|
842
842
|
"BODY_XXXS_FONT_SIZE_DESKTOP": {
|
|
@@ -1146,8 +1146,8 @@
|
|
|
1146
1146
|
"status": "alpha",
|
|
1147
1147
|
"category": "font-size",
|
|
1148
1148
|
"type": "number",
|
|
1149
|
-
"value": "
|
|
1150
|
-
"originalValue": "
|
|
1149
|
+
"value": "16px",
|
|
1150
|
+
"originalValue": "16px",
|
|
1151
1151
|
"name": "SECONDARY_M_FONT_SIZE_DESKTOP"
|
|
1152
1152
|
},
|
|
1153
1153
|
"BASIC_S_FONT_SIZE_DESKTOP": {
|
|
@@ -1375,8 +1375,8 @@
|
|
|
1375
1375
|
"status": "alpha",
|
|
1376
1376
|
"category": "font-size",
|
|
1377
1377
|
"type": "number",
|
|
1378
|
-
"value": "
|
|
1379
|
-
"originalValue": "
|
|
1378
|
+
"value": "19px",
|
|
1379
|
+
"originalValue": "19px",
|
|
1380
1380
|
"name": "PRIMARY_XXS_FONT_SIZE_MOBILE"
|
|
1381
1381
|
},
|
|
1382
1382
|
"PRIMARY_S_FONT_SIZE_MOBILE": {
|
|
@@ -1535,8 +1535,8 @@
|
|
|
1535
1535
|
"status": "alpha",
|
|
1536
1536
|
"category": "font-size",
|
|
1537
1537
|
"type": "number",
|
|
1538
|
-
"value": "
|
|
1539
|
-
"originalValue": "
|
|
1538
|
+
"value": "16px",
|
|
1539
|
+
"originalValue": "16px",
|
|
1540
1540
|
"name": "PRIMARY_M_FONT_SIZE_DESKTOP"
|
|
1541
1541
|
},
|
|
1542
1542
|
"ACCENT_XS_FONT_SIZE_DESKTOP": {
|
|
@@ -2017,8 +2017,8 @@
|
|
|
2017
2017
|
"PRIMARY_XXS_LETTER_SPACING_DESKTOP": {
|
|
2018
2018
|
"category": "letter-spacing",
|
|
2019
2019
|
"type": "number",
|
|
2020
|
-
"value": "
|
|
2021
|
-
"originalValue": "
|
|
2020
|
+
"value": ".52px",
|
|
2021
|
+
"originalValue": ".52px",
|
|
2022
2022
|
"name": "PRIMARY_XXS_LETTER_SPACING_DESKTOP"
|
|
2023
2023
|
},
|
|
2024
2024
|
"PRIMARY_XS_LETTER_SPACING_MOBILE": {
|
|
@@ -325,12 +325,12 @@
|
|
|
325
325
|
--body-xxxl-font-weight-mobile: normal;
|
|
326
326
|
--primary-xl-font-weight-mobile: bold;
|
|
327
327
|
--secondary-xxl-font-weight-desktop: normal;
|
|
328
|
-
--secondary-l-font-weight-desktop:
|
|
328
|
+
--secondary-l-font-weight-desktop: 400;
|
|
329
329
|
--body-m-font-weight-mobile: normal;
|
|
330
330
|
--basic-xxs-font-weight-desktop: 600;
|
|
331
331
|
--accent-xs-font-weight-mobile: 300;
|
|
332
332
|
--basic-xl-font-weight-desktop-xl: 600;
|
|
333
|
-
--secondary-m-font-weight-desktop:
|
|
333
|
+
--secondary-m-font-weight-desktop: 400;
|
|
334
334
|
--basic-s-font-weight-desktop: 600;
|
|
335
335
|
--primary-m-font-weight-mobile: bold;
|
|
336
336
|
--primary-xxl-font-weight-mobile: bold;
|
|
@@ -340,8 +340,8 @@
|
|
|
340
340
|
--basic-xl-font-weight-desktop: 600;
|
|
341
341
|
--basic-xxs-font-weight-desktop-xl: 600;
|
|
342
342
|
--basic-s-font-weight-desktop-xl: 600;
|
|
343
|
-
--secondary-m-font-weight-desktop-xl:
|
|
344
|
-
--secondary-l-font-weight-desktop-xl:
|
|
343
|
+
--secondary-m-font-weight-desktop-xl: 400;
|
|
344
|
+
--secondary-l-font-weight-desktop-xl: 400;
|
|
345
345
|
--secondary-xxl-font-weight-desktop-xl: normal;
|
|
346
346
|
--basic-xs-font-weight-mobile: 600;
|
|
347
347
|
--secondary-xs-font-weight-desktop: normal;
|
|
@@ -375,11 +375,11 @@
|
|
|
375
375
|
--basic-xxs-font-weight-mobile: 600;
|
|
376
376
|
--accent-xs-font-weight-desktop: 300;
|
|
377
377
|
--basic-s-font-weight-mobile: 600;
|
|
378
|
-
--secondary-m-font-weight-mobile:
|
|
378
|
+
--secondary-m-font-weight-mobile: 400;
|
|
379
379
|
--primary-xl-font-weight-desktop: bold;
|
|
380
380
|
--body-xxxl-font-weight-desktop: normal;
|
|
381
381
|
--body-xl-font-weight-desktop: normal;
|
|
382
|
-
--secondary-l-font-weight-mobile:
|
|
382
|
+
--secondary-l-font-weight-mobile: 400;
|
|
383
383
|
--secondary-xxl-font-weight-mobile: normal;
|
|
384
384
|
--primary-xxs-font-weight-desktop-xl: bold;
|
|
385
385
|
--primary-s-font-weight-desktop-xl: bold;
|
|
@@ -449,7 +449,7 @@
|
|
|
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: 22px;
|
|
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;
|
|
@@ -310,12 +310,12 @@
|
|
|
310
310
|
"BODY_XXXL_FONT_WEIGHT_MOBILE": "normal",
|
|
311
311
|
"PRIMARY_XL_FONT_WEIGHT_MOBILE": "bold",
|
|
312
312
|
"SECONDARY_XXL_FONT_WEIGHT_DESKTOP": "normal",
|
|
313
|
-
"SECONDARY_L_FONT_WEIGHT_DESKTOP": "
|
|
313
|
+
"SECONDARY_L_FONT_WEIGHT_DESKTOP": "400",
|
|
314
314
|
"BODY_M_FONT_WEIGHT_MOBILE": "normal",
|
|
315
315
|
"BASIC_XXS_FONT_WEIGHT_DESKTOP": "600",
|
|
316
316
|
"ACCENT_XS_FONT_WEIGHT_MOBILE": "300",
|
|
317
317
|
"BASIC_XL_FONT_WEIGHT_DESKTOP_XL": "600",
|
|
318
|
-
"SECONDARY_M_FONT_WEIGHT_DESKTOP": "
|
|
318
|
+
"SECONDARY_M_FONT_WEIGHT_DESKTOP": "400",
|
|
319
319
|
"BASIC_S_FONT_WEIGHT_DESKTOP": "600",
|
|
320
320
|
"PRIMARY_M_FONT_WEIGHT_MOBILE": "bold",
|
|
321
321
|
"PRIMARY_XXL_FONT_WEIGHT_MOBILE": "bold",
|
|
@@ -325,8 +325,8 @@
|
|
|
325
325
|
"BASIC_XL_FONT_WEIGHT_DESKTOP": "600",
|
|
326
326
|
"BASIC_XXS_FONT_WEIGHT_DESKTOP_XL": "600",
|
|
327
327
|
"BASIC_S_FONT_WEIGHT_DESKTOP_XL": "600",
|
|
328
|
-
"SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": "
|
|
329
|
-
"SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": "
|
|
328
|
+
"SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": "400",
|
|
329
|
+
"SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": "400",
|
|
330
330
|
"SECONDARY_XXL_FONT_WEIGHT_DESKTOP_XL": "normal",
|
|
331
331
|
"BASIC_XS_FONT_WEIGHT_MOBILE": "600",
|
|
332
332
|
"SECONDARY_XS_FONT_WEIGHT_DESKTOP": "normal",
|
|
@@ -360,11 +360,11 @@
|
|
|
360
360
|
"BASIC_XXS_FONT_WEIGHT_MOBILE": "600",
|
|
361
361
|
"ACCENT_XS_FONT_WEIGHT_DESKTOP": "300",
|
|
362
362
|
"BASIC_S_FONT_WEIGHT_MOBILE": "600",
|
|
363
|
-
"SECONDARY_M_FONT_WEIGHT_MOBILE": "
|
|
363
|
+
"SECONDARY_M_FONT_WEIGHT_MOBILE": "400",
|
|
364
364
|
"PRIMARY_XL_FONT_WEIGHT_DESKTOP": "bold",
|
|
365
365
|
"BODY_XXXL_FONT_WEIGHT_DESKTOP": "normal",
|
|
366
366
|
"BODY_XL_FONT_WEIGHT_DESKTOP": "normal",
|
|
367
|
-
"SECONDARY_L_FONT_WEIGHT_MOBILE": "
|
|
367
|
+
"SECONDARY_L_FONT_WEIGHT_MOBILE": "400",
|
|
368
368
|
"SECONDARY_XXL_FONT_WEIGHT_MOBILE": "normal",
|
|
369
369
|
"PRIMARY_XXS_FONT_WEIGHT_DESKTOP_XL": "bold",
|
|
370
370
|
"PRIMARY_S_FONT_WEIGHT_DESKTOP_XL": "bold",
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
"BASIC_XL_LINE_HEIGHT_MOBILE": "17px",
|
|
435
435
|
"ACCENT_REGULAR_XXS_LINE_HEIGHT_DESKTOP": "26px",
|
|
436
436
|
"BODY_XS_LINE_HEIGHT_DESKTOP_XL": "15px",
|
|
437
|
-
"PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": "
|
|
437
|
+
"PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": "22px",
|
|
438
438
|
"BODY_XXXS_LINE_HEIGHT_DESKTOP_XL": "17px",
|
|
439
439
|
"PRIMARY_XXXS_LINE_HEIGHT_DESKTOP_XL": "23px",
|
|
440
440
|
"ACCENT_M_LINE_HEIGHT_DESKTOP_XL": "26px",
|
|
@@ -325,12 +325,12 @@ $rollingstone-2022-map: (
|
|
|
325
325
|
'body-xxxl-font-weight-mobile': (normal),
|
|
326
326
|
'primary-xl-font-weight-mobile': (bold),
|
|
327
327
|
'secondary-xxl-font-weight-desktop': (normal),
|
|
328
|
-
'secondary-l-font-weight-desktop': (
|
|
328
|
+
'secondary-l-font-weight-desktop': (400),
|
|
329
329
|
'body-m-font-weight-mobile': (normal),
|
|
330
330
|
'basic-xxs-font-weight-desktop': (600),
|
|
331
331
|
'accent-xs-font-weight-mobile': (300),
|
|
332
332
|
'basic-xl-font-weight-desktop-xl': (600),
|
|
333
|
-
'secondary-m-font-weight-desktop': (
|
|
333
|
+
'secondary-m-font-weight-desktop': (400),
|
|
334
334
|
'basic-s-font-weight-desktop': (600),
|
|
335
335
|
'primary-m-font-weight-mobile': (bold),
|
|
336
336
|
'primary-xxl-font-weight-mobile': (bold),
|
|
@@ -340,8 +340,8 @@ $rollingstone-2022-map: (
|
|
|
340
340
|
'basic-xl-font-weight-desktop': (600),
|
|
341
341
|
'basic-xxs-font-weight-desktop-xl': (600),
|
|
342
342
|
'basic-s-font-weight-desktop-xl': (600),
|
|
343
|
-
'secondary-m-font-weight-desktop-xl': (
|
|
344
|
-
'secondary-l-font-weight-desktop-xl': (
|
|
343
|
+
'secondary-m-font-weight-desktop-xl': (400),
|
|
344
|
+
'secondary-l-font-weight-desktop-xl': (400),
|
|
345
345
|
'secondary-xxl-font-weight-desktop-xl': (normal),
|
|
346
346
|
'basic-xs-font-weight-mobile': (600),
|
|
347
347
|
'secondary-xs-font-weight-desktop': (normal),
|
|
@@ -375,11 +375,11 @@ $rollingstone-2022-map: (
|
|
|
375
375
|
'basic-xxs-font-weight-mobile': (600),
|
|
376
376
|
'accent-xs-font-weight-desktop': (300),
|
|
377
377
|
'basic-s-font-weight-mobile': (600),
|
|
378
|
-
'secondary-m-font-weight-mobile': (
|
|
378
|
+
'secondary-m-font-weight-mobile': (400),
|
|
379
379
|
'primary-xl-font-weight-desktop': (bold),
|
|
380
380
|
'body-xxxl-font-weight-desktop': (normal),
|
|
381
381
|
'body-xl-font-weight-desktop': (normal),
|
|
382
|
-
'secondary-l-font-weight-mobile': (
|
|
382
|
+
'secondary-l-font-weight-mobile': (400),
|
|
383
383
|
'secondary-xxl-font-weight-mobile': (normal),
|
|
384
384
|
'primary-xxs-font-weight-desktop-xl': (bold),
|
|
385
385
|
'primary-s-font-weight-desktop-xl': (bold),
|
|
@@ -449,7 +449,7 @@ $rollingstone-2022-map: (
|
|
|
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': (22px),
|
|
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),
|
|
@@ -2506,12 +2506,10 @@
|
|
|
2506
2506
|
"name": "SECONDARY_XXL_FONT_WEIGHT_DESKTOP"
|
|
2507
2507
|
},
|
|
2508
2508
|
"SECONDARY_L_FONT_WEIGHT_DESKTOP": {
|
|
2509
|
-
"selector": "lrv-a-font",
|
|
2510
|
-
"status": "alpha",
|
|
2511
2509
|
"category": "font-weight",
|
|
2512
2510
|
"type": "number",
|
|
2513
|
-
"value": "
|
|
2514
|
-
"originalValue": "
|
|
2511
|
+
"value": "400",
|
|
2512
|
+
"originalValue": "400",
|
|
2515
2513
|
"name": "SECONDARY_L_FONT_WEIGHT_DESKTOP"
|
|
2516
2514
|
},
|
|
2517
2515
|
"BODY_M_FONT_WEIGHT_MOBILE": {
|
|
@@ -2545,12 +2543,10 @@
|
|
|
2545
2543
|
"originalValue": "600"
|
|
2546
2544
|
},
|
|
2547
2545
|
"SECONDARY_M_FONT_WEIGHT_DESKTOP": {
|
|
2548
|
-
"selector": "lrv-a-font",
|
|
2549
|
-
"status": "alpha",
|
|
2550
2546
|
"category": "font-weight",
|
|
2551
2547
|
"type": "number",
|
|
2552
|
-
"value": "
|
|
2553
|
-
"originalValue": "
|
|
2548
|
+
"value": "400",
|
|
2549
|
+
"originalValue": "400",
|
|
2554
2550
|
"name": "SECONDARY_M_FONT_WEIGHT_DESKTOP"
|
|
2555
2551
|
},
|
|
2556
2552
|
"BASIC_S_FONT_WEIGHT_DESKTOP": {
|
|
@@ -2617,21 +2613,17 @@
|
|
|
2617
2613
|
"originalValue": "600"
|
|
2618
2614
|
},
|
|
2619
2615
|
"SECONDARY_M_FONT_WEIGHT_DESKTOP_XL": {
|
|
2620
|
-
"selector": "lrv-a-font",
|
|
2621
|
-
"status": "alpha",
|
|
2622
2616
|
"category": "font-weight",
|
|
2623
2617
|
"type": "number",
|
|
2624
|
-
"value": "
|
|
2625
|
-
"originalValue": "
|
|
2618
|
+
"value": "400",
|
|
2619
|
+
"originalValue": "400",
|
|
2626
2620
|
"name": "SECONDARY_M_FONT_WEIGHT_DESKTOP_XL"
|
|
2627
2621
|
},
|
|
2628
2622
|
"SECONDARY_L_FONT_WEIGHT_DESKTOP_XL": {
|
|
2629
|
-
"selector": "lrv-a-font",
|
|
2630
|
-
"status": "alpha",
|
|
2631
2623
|
"category": "font-weight",
|
|
2632
2624
|
"type": "number",
|
|
2633
|
-
"value": "
|
|
2634
|
-
"originalValue": "
|
|
2625
|
+
"value": "400",
|
|
2626
|
+
"originalValue": "400",
|
|
2635
2627
|
"name": "SECONDARY_L_FONT_WEIGHT_DESKTOP_XL"
|
|
2636
2628
|
},
|
|
2637
2629
|
"SECONDARY_XXL_FONT_WEIGHT_DESKTOP_XL": {
|
|
@@ -2880,12 +2872,10 @@
|
|
|
2880
2872
|
"name": "BASIC_S_FONT_WEIGHT_MOBILE"
|
|
2881
2873
|
},
|
|
2882
2874
|
"SECONDARY_M_FONT_WEIGHT_MOBILE": {
|
|
2883
|
-
"selector": "lrv-a-font",
|
|
2884
|
-
"status": "alpha",
|
|
2885
2875
|
"category": "font-weight",
|
|
2886
2876
|
"type": "number",
|
|
2887
|
-
"value": "
|
|
2888
|
-
"originalValue": "
|
|
2877
|
+
"value": "400",
|
|
2878
|
+
"originalValue": "400",
|
|
2889
2879
|
"name": "SECONDARY_M_FONT_WEIGHT_MOBILE"
|
|
2890
2880
|
},
|
|
2891
2881
|
"PRIMARY_XL_FONT_WEIGHT_DESKTOP": {
|
|
@@ -2910,12 +2900,10 @@
|
|
|
2910
2900
|
"name": "BODY_XL_FONT_WEIGHT_DESKTOP"
|
|
2911
2901
|
},
|
|
2912
2902
|
"SECONDARY_L_FONT_WEIGHT_MOBILE": {
|
|
2913
|
-
"selector": "lrv-a-font",
|
|
2914
|
-
"status": "alpha",
|
|
2915
2903
|
"category": "font-weight",
|
|
2916
2904
|
"type": "number",
|
|
2917
|
-
"value": "
|
|
2918
|
-
"originalValue": "
|
|
2905
|
+
"value": "400",
|
|
2906
|
+
"originalValue": "400",
|
|
2919
2907
|
"name": "SECONDARY_L_FONT_WEIGHT_MOBILE"
|
|
2920
2908
|
},
|
|
2921
2909
|
"SECONDARY_XXL_FONT_WEIGHT_MOBILE": {
|
|
@@ -3436,8 +3424,8 @@
|
|
|
3436
3424
|
"PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL": {
|
|
3437
3425
|
"category": "line-height",
|
|
3438
3426
|
"type": "number",
|
|
3439
|
-
"value": "
|
|
3440
|
-
"originalValue": "
|
|
3427
|
+
"value": "22px",
|
|
3428
|
+
"originalValue": "22px",
|
|
3441
3429
|
"name": "PRIMARY_XS_LINE_HEIGHT_DESKTOP_XL"
|
|
3442
3430
|
},
|
|
3443
3431
|
"BODY_XXXS_LINE_HEIGHT_DESKTOP_XL": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-tokens",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.4-develop.17+854eedf7",
|
|
4
4
|
"description": "Design tokens",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"gulp": "^4.0.2",
|
|
32
32
|
"plugin-error": "^1.0.1"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "854eedf76f31c2ed8f5300329cc2242f936e69b8"
|
|
35
35
|
}
|
|
@@ -2552,11 +2552,11 @@
|
|
|
2552
2552
|
<code>primary-xxs-font-size-desktop</code>
|
|
2553
2553
|
</th>
|
|
2554
2554
|
<td>
|
|
2555
|
-
<code>
|
|
2555
|
+
<code>18px</code>
|
|
2556
2556
|
</td>
|
|
2557
2557
|
|
|
2558
2558
|
<td>
|
|
2559
|
-
<div style="font-size:
|
|
2559
|
+
<div style="font-size: 18px;">
|
|
2560
2560
|
The quick brown fox jumps over the lazy dog.
|
|
2561
2561
|
</div>
|
|
2562
2562
|
</td>
|
|
@@ -2688,11 +2688,11 @@
|
|
|
2688
2688
|
<code>primary-xs-font-size-desktop</code>
|
|
2689
2689
|
</th>
|
|
2690
2690
|
<td>
|
|
2691
|
-
<code>
|
|
2691
|
+
<code>26px</code>
|
|
2692
2692
|
</td>
|
|
2693
2693
|
|
|
2694
2694
|
<td>
|
|
2695
|
-
<div style="font-size:
|
|
2695
|
+
<div style="font-size: 26px;">
|
|
2696
2696
|
The quick brown fox jumps over the lazy dog.
|
|
2697
2697
|
</div>
|
|
2698
2698
|
</td>
|
|
@@ -3351,11 +3351,11 @@
|
|
|
3351
3351
|
<code>secondary-m-font-size-desktop</code>
|
|
3352
3352
|
</th>
|
|
3353
3353
|
<td>
|
|
3354
|
-
<code>
|
|
3354
|
+
<code>16px</code>
|
|
3355
3355
|
</td>
|
|
3356
3356
|
|
|
3357
3357
|
<td>
|
|
3358
|
-
<div style="font-size:
|
|
3358
|
+
<div style="font-size: 16px;">
|
|
3359
3359
|
The quick brown fox jumps over the lazy dog.
|
|
3360
3360
|
</div>
|
|
3361
3361
|
</td>
|
|
@@ -3844,11 +3844,11 @@
|
|
|
3844
3844
|
<code>primary-xxs-font-size-mobile</code>
|
|
3845
3845
|
</th>
|
|
3846
3846
|
<td>
|
|
3847
|
-
<code>
|
|
3847
|
+
<code>19px</code>
|
|
3848
3848
|
</td>
|
|
3849
3849
|
|
|
3850
3850
|
<td>
|
|
3851
|
-
<div style="font-size:
|
|
3851
|
+
<div style="font-size: 19px;">
|
|
3852
3852
|
The quick brown fox jumps over the lazy dog.
|
|
3853
3853
|
</div>
|
|
3854
3854
|
</td>
|
|
@@ -4184,11 +4184,11 @@
|
|
|
4184
4184
|
<code>primary-m-font-size-desktop</code>
|
|
4185
4185
|
</th>
|
|
4186
4186
|
<td>
|
|
4187
|
-
<code>
|
|
4187
|
+
<code>16px</code>
|
|
4188
4188
|
</td>
|
|
4189
4189
|
|
|
4190
4190
|
<td>
|
|
4191
|
-
<div style="font-size:
|
|
4191
|
+
<div style="font-size: 16px;">
|
|
4192
4192
|
The quick brown fox jumps over the lazy dog.
|
|
4193
4193
|
</div>
|
|
4194
4194
|
</td>
|
|
@@ -766,11 +766,11 @@
|
|
|
766
766
|
<code>secondary-l-font-weight-desktop</code>
|
|
767
767
|
</th>
|
|
768
768
|
<td>
|
|
769
|
-
<code>
|
|
769
|
+
<code>400</code>
|
|
770
770
|
</td>
|
|
771
771
|
|
|
772
772
|
<td>
|
|
773
|
-
<div style="font-weight:
|
|
773
|
+
<div style="font-weight: 400;">
|
|
774
774
|
The quick brown fox jumps over the lazy dog.
|
|
775
775
|
</div>
|
|
776
776
|
</td>
|
|
@@ -851,11 +851,11 @@
|
|
|
851
851
|
<code>secondary-m-font-weight-desktop</code>
|
|
852
852
|
</th>
|
|
853
853
|
<td>
|
|
854
|
-
<code>
|
|
854
|
+
<code>400</code>
|
|
855
855
|
</td>
|
|
856
856
|
|
|
857
857
|
<td>
|
|
858
|
-
<div style="font-weight:
|
|
858
|
+
<div style="font-weight: 400;">
|
|
859
859
|
The quick brown fox jumps over the lazy dog.
|
|
860
860
|
</div>
|
|
861
861
|
</td>
|
|
@@ -1021,11 +1021,11 @@
|
|
|
1021
1021
|
<code>secondary-m-font-weight-desktop-xl</code>
|
|
1022
1022
|
</th>
|
|
1023
1023
|
<td>
|
|
1024
|
-
<code>
|
|
1024
|
+
<code>400</code>
|
|
1025
1025
|
</td>
|
|
1026
1026
|
|
|
1027
1027
|
<td>
|
|
1028
|
-
<div style="font-weight:
|
|
1028
|
+
<div style="font-weight: 400;">
|
|
1029
1029
|
The quick brown fox jumps over the lazy dog.
|
|
1030
1030
|
</div>
|
|
1031
1031
|
</td>
|
|
@@ -1038,11 +1038,11 @@
|
|
|
1038
1038
|
<code>secondary-l-font-weight-desktop-xl</code>
|
|
1039
1039
|
</th>
|
|
1040
1040
|
<td>
|
|
1041
|
-
<code>
|
|
1041
|
+
<code>400</code>
|
|
1042
1042
|
</td>
|
|
1043
1043
|
|
|
1044
1044
|
<td>
|
|
1045
|
-
<div style="font-weight:
|
|
1045
|
+
<div style="font-weight: 400;">
|
|
1046
1046
|
The quick brown fox jumps over the lazy dog.
|
|
1047
1047
|
</div>
|
|
1048
1048
|
</td>
|
|
@@ -1616,11 +1616,11 @@
|
|
|
1616
1616
|
<code>secondary-m-font-weight-mobile</code>
|
|
1617
1617
|
</th>
|
|
1618
1618
|
<td>
|
|
1619
|
-
<code>
|
|
1619
|
+
<code>400</code>
|
|
1620
1620
|
</td>
|
|
1621
1621
|
|
|
1622
1622
|
<td>
|
|
1623
|
-
<div style="font-weight:
|
|
1623
|
+
<div style="font-weight: 400;">
|
|
1624
1624
|
The quick brown fox jumps over the lazy dog.
|
|
1625
1625
|
</div>
|
|
1626
1626
|
</td>
|
|
@@ -1684,11 +1684,11 @@
|
|
|
1684
1684
|
<code>secondary-l-font-weight-mobile</code>
|
|
1685
1685
|
</th>
|
|
1686
1686
|
<td>
|
|
1687
|
-
<code>
|
|
1687
|
+
<code>400</code>
|
|
1688
1688
|
</td>
|
|
1689
1689
|
|
|
1690
1690
|
<td>
|
|
1691
|
-
<div style="font-weight:
|
|
1691
|
+
<div style="font-weight: 400;">
|
|
1692
1692
|
The quick brown fox jumps over the lazy dog.
|
|
1693
1693
|
</div>
|
|
1694
1694
|
</td>
|
|
@@ -4996,11 +4996,11 @@
|
|
|
4996
4996
|
<code>primary-xs-line-height-desktop-xl</code>
|
|
4997
4997
|
</th>
|
|
4998
4998
|
<td>
|
|
4999
|
-
<code>
|
|
4999
|
+
<code>22px</code>
|
|
5000
5000
|
</td>
|
|
5001
5001
|
|
|
5002
5002
|
<td>
|
|
5003
|
-
<div class="line-height-example" style="line-height:
|
|
5003
|
+
<div class="line-height-example" style="line-height: 22px; background-size: 100% 22px;">
|
|
5004
5004
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
|
|
5005
5005
|
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
|
|
5006
5006
|
id feugiat at, venenatis quis erat.
|