@penskemediacorp/larva-tokens 0.6.5 → 1.0.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.
Files changed (6) hide show
  1. package/build/artnews.custom-properties.css +6 -6
  2. package/build/artnews.json +6 -6
  3. package/build/artnews.map.scss +6 -6
  4. package/build/artnews.raw.json +12 -12
  5. package/package.json +2 -2
  6. package/style-guides/artnews.html +10 -10
package/build/artnews.custom-properties.css CHANGED
@@ -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: 36px;
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: 36px;
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: 20px;
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: 26px;
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: 30px;
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: normal;
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": "36px",
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": "36px",
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": "20px",
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": "26px",
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": "30px",
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": "normal",
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': (36px),
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': (36px),
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': (20px),
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': (26px),
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': (30px),
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': (normal),
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": "36px",
769
- "originalValue": "36px",
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": "36px",
839
- "originalValue": "36px",
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": "20px",
1150
- "originalValue": "20px",
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": "26px",
1379
- "originalValue": "26px",
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": "30px",
1539
- "originalValue": "30px",
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": "normal",
2021
- "originalValue": "normal",
2020
+ "value": ".52px",
2021
+ "originalValue": ".52px",
2022
2022
  "name": "PRIMARY_XXS_LETTER_SPACING_DESKTOP"
2023
2023
  },
2024
2024
  "PRIMARY_XS_LETTER_SPACING_MOBILE": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-tokens",
3
- "version": "0.6.5",
3
+ "version": "1.0.0",
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": "2e0c1fca342e84085672d18d120c0ea6f0b501ba"
34
+ "gitHead": "9030d52aed03a5e4071546cd6c1c02a07c25e195"
35
35
  }
package/style-guides/artnews.html CHANGED
@@ -2552,11 +2552,11 @@
2552
2552
  <code>primary-xxs-font-size-desktop</code>
2553
2553
  </th>
2554
2554
  <td>
2555
- <code>36px</code>
2555
+ <code>18px</code>
2556
2556
  </td>
2557
2557
 
2558
2558
  <td>
2559
- <div style="font-size: 36px;">
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>36px</code>
2691
+ <code>26px</code>
2692
2692
  </td>
2693
2693
 
2694
2694
  <td>
2695
- <div style="font-size: 36px;">
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>20px</code>
3354
+ <code>16px</code>
3355
3355
  </td>
3356
3356
 
3357
3357
  <td>
3358
- <div style="font-size: 20px;">
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>26px</code>
3847
+ <code>19px</code>
3848
3848
  </td>
3849
3849
 
3850
3850
  <td>
3851
- <div style="font-size: 26px;">
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>30px</code>
4187
+ <code>16px</code>
4188
4188
  </td>
4189
4189
 
4190
4190
  <td>
4191
- <div style="font-size: 30px;">
4191
+ <div style="font-size: 16px;">
4192
4192
  The quick brown fox jumps over the lazy dog.
4193
4193
  </div>
4194
4194
  </td>