@penskemediacorp/larva-tokens 0.3.10 → 0.4.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.
Files changed (21) hide show
  1. package/build/robbreport.custom-properties.css +3 -2
  2. package/build/robbreport.json +2 -1
  3. package/build/robbreport.map.scss +3 -2
  4. package/build/robbreport.raw.json +10 -3
  5. package/build/rollingstone.custom-properties.css +179 -25
  6. package/build/rollingstone.json +177 -23
  7. package/build/rollingstone.map.scss +179 -25
  8. package/build/rollingstone.raw.json +1337 -57
  9. package/build/variety-vip.custom-properties.css +192 -8
  10. package/build/variety-vip.json +185 -9
  11. package/build/variety-vip.map.scss +192 -8
  12. package/build/variety-vip.raw.json +1472 -34
  13. package/build/variety.custom-properties.css +206 -22
  14. package/build/variety.json +197 -21
  15. package/build/variety.map.scss +206 -22
  16. package/build/variety.raw.json +1572 -134
  17. package/package.json +2 -2
  18. package/style-guides/robbreport.html +20 -3
  19. package/style-guides/rollingstone.html +2142 -77
  20. package/style-guides/variety-vip.html +2486 -22
  21. package/style-guides/variety.html +2486 -22
package/build/robbreport.custom-properties.css CHANGED
@@ -47,8 +47,7 @@
47
47
  --font-family-secondary-fancy: TitlingGothicFBCond-Regular,sans-serif;
48
48
  /* Fallback for secondary-fancy */
49
49
  --font-family-secondary: Helvetica, serif;
50
- /* Webfont for body */
51
- --font-family-body: Roboto, san-serif;
50
+ --font-family-body: Georgia, serif;
52
51
  --font-family-basic: Arial, sans-serif;
53
52
  --font-weight-light: 300;
54
53
  --font-weight-normal: 400;
@@ -107,6 +106,8 @@
107
106
  --secondary-m-line-height-desktop: 21px;
108
107
  --accent-m-line-height-mobile: 19px;
109
108
  --accent-l-line-height-mobile: 26px;
109
+ /* Webfont for body */
110
+ --font-family-body-fancy: Roboto, san-serif;
110
111
  --accent-m-font-size-mobile: 28px;
111
112
  --secondary-s-font-size-desktop: 16px;
112
113
  --secondary-s-line-height-desktop: 22px;
package/build/robbreport.json CHANGED
@@ -39,7 +39,7 @@
39
39
  "FONT_FAMILY_PRIMARY": "Georgia, serif",
40
40
  "FONT_FAMILY_SECONDARY_FANCY": "TitlingGothicFBCond-Regular,sans-serif",
41
41
  "FONT_FAMILY_SECONDARY": "Helvetica, serif",
42
- "FONT_FAMILY_BODY": "Roboto, san-serif",
42
+ "FONT_FAMILY_BODY": "Georgia, serif",
43
43
  "FONT_FAMILY_BASIC": "Arial, sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
@@ -90,6 +90,7 @@
90
90
  "SECONDARY_M_LINE_HEIGHT_DESKTOP": "21px",
91
91
  "ACCENT_M_LINE_HEIGHT_MOBILE": "19px",
92
92
  "ACCENT_L_LINE_HEIGHT_MOBILE": "26px",
93
+ "FONT_FAMILY_BODY_FANCY": "Roboto, san-serif",
93
94
  "ACCENT_M_FONT_SIZE_MOBILE": "28px",
94
95
  "SECONDARY_S_FONT_SIZE_DESKTOP": "16px",
95
96
  "SECONDARY_S_LINE_HEIGHT_DESKTOP": "22px",
package/build/robbreport.map.scss CHANGED
@@ -47,8 +47,7 @@ $robbreport-map: (
47
47
  'font-family-secondary-fancy': (TitlingGothicFBCond-Regular,sans-serif),
48
48
  /* Fallback for secondary-fancy */
49
49
  'font-family-secondary': (Helvetica, serif),
50
- /* Webfont for body */
51
- 'font-family-body': (Roboto, san-serif),
50
+ 'font-family-body': (Georgia, serif),
52
51
  'font-family-basic': (Arial, sans-serif),
53
52
  'font-weight-light': (300),
54
53
  'font-weight-normal': (400),
@@ -107,6 +106,8 @@ $robbreport-map: (
107
106
  'secondary-m-line-height-desktop': (21px),
108
107
  'accent-m-line-height-mobile': (19px),
109
108
  'accent-l-line-height-mobile': (26px),
109
+ /* Webfont for body */
110
+ 'font-family-body-fancy': (Roboto, san-serif),
110
111
  'accent-m-font-size-mobile': (28px),
111
112
  'secondary-s-font-size-desktop': (16px),
112
113
  'secondary-s-line-height-desktop': (22px),
package/build/robbreport.raw.json CHANGED
@@ -513,10 +513,9 @@
513
513
  },
514
514
  "FONT_FAMILY_BODY": {
515
515
  "category": "font-family",
516
- "value": "Roboto, san-serif",
516
+ "value": "Georgia, serif",
517
517
  "type": "font",
518
- "comment": "Webfont for body",
519
- "originalValue": "Roboto, san-serif",
518
+ "originalValue": "Georgia, serif",
520
519
  "name": "FONT_FAMILY_BODY"
521
520
  },
522
521
  "FONT_FAMILY_BASIC": {
@@ -941,6 +940,14 @@
941
940
  "originalValue": "26px",
942
941
  "name": "ACCENT_L_LINE_HEIGHT_MOBILE"
943
942
  },
943
+ "FONT_FAMILY_BODY_FANCY": {
944
+ "category": "font-family",
945
+ "value": "Roboto, san-serif",
946
+ "type": "font",
947
+ "comment": "Webfont for body",
948
+ "originalValue": "Roboto, san-serif",
949
+ "name": "FONT_FAMILY_BODY_FANCY"
950
+ },
944
951
  "ACCENT_M_FONT_SIZE_MOBILE": {
945
952
  "selector": "lrv-a-font",
946
953
  "status": "alpha",
package/build/rollingstone.custom-properties.css CHANGED
@@ -1,48 +1,48 @@
1
1
 
2
2
  :root {
3
3
  --border-color-grey-lightest: rgb(247, 247, 247);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
4
+ --border-color-brand-secondary-light: rgb(165, 133, 83);
5
5
  --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(106, 106, 106);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
6
+ --border-color-grey-dark: rgb(123, 124, 132);
7
+ --border-color-brand-secondary-dark: rgb(122, 89, 45);
8
8
  --border-color-brand-secondary: rgb(0, 0, 0);
9
- --border-color-grey: rgb(140, 140, 140);
9
+ --border-color-grey: rgb(169, 169, 173);
10
10
  --border-color-brand-primary-light: rgb(236, 28, 36);
11
11
  --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
12
+ --border-color-brand-primary-dark: rgb(146, 7, 0);
13
13
  --border-color-brand-primary: rgb(228, 0, 0);
14
14
  --background-color-grey-light: rgb(204, 204, 204);
15
15
  --background-color-grey-lightest: rgb(247, 247, 247);
16
- --background-color-brand-secondary-dark: rgb(0, 0, 0);
17
- --background-color-brand-secondary-light: rgb(0, 0, 0);
18
- --background-color-grey-dark: rgb(106, 106, 106);
19
- --background-color-grey: rgb(140, 140, 140);
16
+ --background-color-brand-secondary-dark: rgb(122, 89, 45);
17
+ --background-color-brand-secondary-light: rgb(165, 133, 83);
18
+ --background-color-grey-dark: rgb(123, 124, 132);
19
+ --background-color-grey: rgb(169, 169, 173);
20
20
  /* The background color of the main body of the site. */
21
21
  --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(211, 37, 49);
22
+ --background-color-brand-secondary: rgb(244, 243, 241);
23
23
  --background-color-black: rgb(0, 0, 0);
24
24
  --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
25
+ --background-color-brand-primary-dark: rgb(146, 7, 0);
26
26
  --background-color-white: rgb(255, 255, 255);
27
27
  --background-color-brand-primary: rgb(211, 37, 49);
28
- --background-color-grey-darkest: rgb(50, 50, 50);
29
- --color-brand-secondary: rgb(0, 0, 0);
28
+ --background-color-grey-darkest: rgb(48, 48, 48);
29
+ --color-brand-secondary: rgb(122, 89, 45);
30
30
  --color-black: rgb(0, 0, 0);
31
31
  --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
32
+ --color-brand-primary-dark: rgb(146, 7, 0);
33
33
  --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(228, 0, 0);
34
+ --color-brand-primary: rgb(211, 37, 49);
35
35
  --color-grey-light: rgb(230, 230, 230);
36
- --color-brand-secondary-dark: rgb(0, 0, 0);
37
- --color-brand-secondary-light: rgb(0, 0, 0);
38
- --color-grey-dark: rgb(106, 106, 106);
39
- --color-grey: rgb(140, 140, 140);
40
- /* The webfont, loaded async */
41
- --font-family-primary-fancy: Courier, serif;
42
- --font-family-primary: 'Graphik', sans-serif;
43
- /* The webfont, loaded async */
44
- --font-family-secondary-fancy: Papyrus, serif;
45
- --font-family-secondary: 'Publico', serif;
36
+ --color-brand-secondary-dark: rgb(122, 89, 45);
37
+ --color-brand-secondary-light: rgb(165, 133, 83);
38
+ --color-grey-dark: rgb(123, 124, 132);
39
+ --color-grey: rgb(169, 169, 173);
40
+ --font-family-primary-fancy: 'Graphik', sans-serif;
41
+ /* Fallback for primary-fancy. */
42
+ --font-family-primary: Helvetica, sans-serif;
43
+ --font-family-secondary-fancy: 'Graphik', sans-serif;
44
+ /* Fallback for secondary-fancy. */
45
+ --font-family-secondary: 'Helvetica', serif;
46
46
  --font-family-body: 'Graphik', sans-serif;
47
47
  --font-family-basic: 'Graphik', sans-serif;
48
48
  --font-weight-light: 300;
@@ -68,5 +68,159 @@
68
68
  --spacing-150: 1.5rem;
69
69
  /* Used for margins and padding only. */
70
70
  --spacing-2: 2rem;
71
+ --primary-xl-font-size-desktop: 34px;
72
+ --primary-l-font-size-mobile: 34px;
73
+ --body-s-font-size-desktop: initial;
74
+ --primary-s-font-size-desktop: 18px;
75
+ --primary-xxs-font-size-desktop: 24px;
76
+ --accent-l-font-size-desktop: 58px;
77
+ --accent-m-font-size-desktop: initial;
78
+ --primary-xxxs-font-size-desktop: 20px;
79
+ --primary-xs-font-size-desktop: 26px;
80
+ --secondary-s-font-size-mobile: 11px;
81
+ --accent-regular-xxs-font-size-desktop: 18px;
82
+ --secondary-m-font-size-mobile: 17px;
83
+ --accent-xxs-font-size-desktop: 18px;
84
+ --accent-s-font-size-desktop: initial;
85
+ --secondary-regular-m-font-size-desktop: initial;
86
+ --secondary-l-font-size-mobile: 17px;
87
+ --secondary-l-font-size-desktop: 30px;
88
+ --secondary-regular-m-font-size-mobile: 15px;
89
+ --accent-xxs-font-size-mobile: 14px;
90
+ --secondary-m-font-size-desktop: 17px;
91
+ --accent-s-font-size-mobile: 23px;
92
+ --accent-regular-xxs-font-size-mobile: 14px;
93
+ --primary-xs-font-size-mobile: 18px;
94
+ --primary-xxxs-font-size-mobile: 19px;
95
+ --accent-m-font-size-mobile: 26px;
96
+ --secondary-s-font-size-desktop: 12px;
97
+ --accent-l-font-size-mobile: 40px;
98
+ --primary-xxs-font-size-mobile: 22px;
99
+ --primary-s-font-size-mobile: 18px;
100
+ --body-s-font-size-mobile: 16px;
101
+ --primary-l-font-size-desktop: 29px;
102
+ --primary-xl-font-size-mobile: 34px;
103
+ --accent-xs-font-size-mobile: 18px;
104
+ --primary-m-font-size-mobile: 17px;
105
+ --body-m-font-size-desktop: initial;
106
+ --body-m-font-size-mobile: 18px;
107
+ --primary-m-font-size-desktop: 23px;
108
+ --accent-xs-font-size-desktop: 23px;
109
+ --secondary-s-letter-spacing-mobile: normal;
110
+ --secondary-m-letter-spacing-desktop: normal;
111
+ --secondary-l-letter-spacing-desktop: normal;
112
+ --primary-l-letter-spacing-mobile: normal;
113
+ --secondary-regular-m-letter-spacing-desktop: normal;
114
+ --accent-xs-letter-spacing-mobile: 0.52px;
115
+ --accent-s-letter-spacing-desktop: normal;
116
+ --accent-xxs-letter-spacing-desktop: .52px;
117
+ --body-m-letter-spacing-mobile: normal;
118
+ --primary-m-letter-spacing-mobile: normal;
119
+ --primary-xl-letter-spacing-mobile: normal;
120
+ --accent-regular-xxs-letter-spacing-desktop: 0.52px;
121
+ --body-s-letter-spacing-mobile: normal;
122
+ --primary-s-letter-spacing-mobile: normal;
123
+ --primary-xs-letter-spacing-desktop: normal;
124
+ --primary-xxs-letter-spacing-mobile: normal;
125
+ --primary-xxxs-letter-spacing-desktop: normal;
126
+ --accent-m-letter-spacing-desktop: normal;
127
+ --accent-l-letter-spacing-desktop: 1.66px;
128
+ --accent-l-letter-spacing-mobile: 1.14px;
129
+ --accent-m-letter-spacing-mobile: .74px;
130
+ --primary-xxxs-letter-spacing-mobile: normal;
131
+ --primary-xxs-letter-spacing-desktop: normal;
132
+ --primary-xs-letter-spacing-mobile: normal;
133
+ --primary-s-letter-spacing-desktop: normal;
134
+ --body-s-letter-spacing-desktop: normal;
135
+ --accent-regular-xxs-letter-spacing-mobile: 0.4px;
136
+ --primary-xl-letter-spacing-desktop: normal;
137
+ --accent-xs-letter-spacing-desktop: 0.66px;
138
+ --accent-xxs-letter-spacing-mobile: .4px;
139
+ --primary-m-letter-spacing-desktop: normal;
140
+ --body-m-letter-spacing-desktop: normal;
141
+ --accent-s-letter-spacing-mobile: .66px;
142
+ --secondary-regular-m-letter-spacing-mobile: normal;
143
+ --primary-l-letter-spacing-desktop: normal;
144
+ --secondary-l-letter-spacing-mobile: normal;
145
+ --secondary-m-letter-spacing-mobile: normal;
146
+ --secondary-s-letter-spacing-desktop: normal;
147
+ --primary-xs-font-weight-mobile: bold;
148
+ --primary-xxxs-font-weight-mobile: bold;
149
+ --accent-m-font-weight-mobile: 300;
150
+ --accent-regular-xxs-font-weight-desktop: initial;
151
+ --accent-l-font-weight-mobile: 300;
152
+ --primary-xxs-font-weight-mobile: bold;
153
+ --primary-s-font-weight-mobile: bold;
154
+ --body-s-font-weight-mobile: initial;
155
+ --accent-xxs-font-weight-desktop: initial;
156
+ --accent-s-font-weight-desktop: initial;
157
+ --secondary-regular-m-font-weight-desktop: initial;
158
+ --primary-xl-font-weight-mobile: bold;
159
+ --secondary-l-font-weight-desktop: initial;
160
+ --body-m-font-weight-mobile: initial;
161
+ --accent-xs-font-weight-mobile: 300;
162
+ --secondary-m-font-weight-desktop: initial;
163
+ --primary-m-font-weight-mobile: bold;
164
+ --primary-l-font-weight-mobile: bold;
165
+ --secondary-s-font-weight-desktop: initial;
166
+ --secondary-s-font-weight-mobile: 600;
167
+ --primary-l-font-weight-desktop: initial;
168
+ --body-m-font-weight-desktop: initial;
169
+ --primary-m-font-weight-desktop: initial;
170
+ --accent-xs-font-weight-desktop: initial;
171
+ --secondary-m-font-weight-mobile: 600;
172
+ --primary-xl-font-weight-desktop: initial;
173
+ --secondary-l-font-weight-mobile: 600;
174
+ --secondary-regular-m-font-weight-mobile: initial;
175
+ --accent-s-font-weight-mobile: 300;
176
+ --accent-xxs-font-weight-mobile: 300;
177
+ --body-s-font-weight-desktop: initial;
178
+ --primary-s-font-weight-desktop: initial;
179
+ --primary-xxs-font-weight-desktop: initial;
180
+ --accent-regular-xxs-font-weight-mobile: 400;
181
+ --accent-l-font-weight-desktop: initial;
182
+ --accent-m-font-weight-desktop: initial;
183
+ --primary-xxxs-font-weight-desktop: initial;
184
+ --primary-xs-font-weight-desktop: initial;
185
+ --accent-xs-line-height-desktop: 24px;
186
+ --body-m-line-height-desktop: initial;
187
+ --primary-m-line-height-desktop: 25px;
188
+ --primary-xl-line-height-desktop: 38px;
189
+ --primary-s-line-height-desktop: 20px;
190
+ --primary-xxs-line-height-desktop: 27px;
191
+ --secondary-s-line-height-mobile: 14px;
192
+ --body-s-line-height-desktop: initial;
193
+ --accent-l-line-height-desktop: 50px;
194
+ --primary-xxxs-line-height-desktop: 23px;
195
+ --primary-xs-line-height-desktop: 29px;
196
+ --accent-m-line-height-desktop: initial;
197
+ --accent-regular-xxs-line-height-desktop: 26px;
198
+ --secondary-m-line-height-mobile: 21px;
199
+ --secondary-l-line-height-mobile: 21px;
200
+ --accent-s-line-height-desktop: initial;
201
+ --accent-xxs-line-height-desktop: 18px;
202
+ --secondary-regular-m-line-height-mobile: 15px;
203
+ --secondary-regular-m-line-height-desktop: initial;
204
+ --accent-s-line-height-mobile: 23px;
205
+ --accent-xxs-line-height-mobile: 0.4px;
206
+ --secondary-l-line-height-desktop: 35px;
207
+ --secondary-m-line-height-desktop: 21px;
208
+ --accent-regular-xxs-line-height-mobile: 14px;
209
+ --primary-xs-line-height-mobile: 21px;
210
+ --primary-xxxs-line-height-mobile: 21px;
211
+ --accent-m-line-height-mobile: 26px;
212
+ --accent-l-line-height-mobile: 36px;
213
+ --secondary-s-line-height-desktop: 17px;
214
+ --primary-xxs-line-height-mobile: 23px;
215
+ --primary-s-line-height-mobile: 20px;
216
+ --body-s-line-height-mobile: 22px;
217
+ --primary-xl-line-height-mobile: 38px;
218
+ --primary-m-line-height-mobile: 20px;
219
+ --body-m-line-height-mobile: 24px;
220
+ --accent-xs-line-height-mobile: 19px;
221
+ --primary-l-line-height-desktop: 32px;
222
+ --primary-l-line-height-mobile: 38px;
223
+ --font-family-accent: Verdana, serif;
224
+ --font-family-accent-fancy: Verdana, sans-serif;
71
225
  --background-color-brand-accent: rgb(240, 241, 242);
72
226
  }
package/build/rollingstone.json CHANGED
@@ -1,44 +1,44 @@
1
1
  {
2
2
  "BORDER_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
3
- "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
3
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(165, 133, 83)",
4
4
  "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
5
- "BORDER_COLOR_GREY_DARK": "rgb(106, 106, 106)",
6
- "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
5
+ "BORDER_COLOR_GREY_DARK": "rgb(123, 124, 132)",
6
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(122, 89, 45)",
7
7
  "BORDER_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
8
- "BORDER_COLOR_GREY": "rgb(140, 140, 140)",
8
+ "BORDER_COLOR_GREY": "rgb(169, 169, 173)",
9
9
  "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
10
10
  "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
- "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
11
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(146, 7, 0)",
12
12
  "BORDER_COLOR_BRAND_PRIMARY": "rgb(228, 0, 0)",
13
13
  "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
14
14
  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(247, 247, 247)",
15
- "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
- "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
17
- "BACKGROUND_COLOR_GREY_DARK": "rgb(106, 106, 106)",
18
- "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
15
+ "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(122, 89, 45)",
16
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(165, 133, 83)",
17
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(123, 124, 132)",
18
+ "BACKGROUND_COLOR_GREY": "rgb(169, 169, 173)",
19
19
  "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
- "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(211, 37, 49)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(244, 243, 241)",
21
21
  "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
22
  "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
23
- "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(146, 7, 0)",
24
24
  "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
25
  "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(211, 37, 49)",
26
- "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
27
- "COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
26
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(48, 48, 48)",
27
+ "COLOR_BRAND_SECONDARY": "rgb(122, 89, 45)",
28
28
  "COLOR_BLACK": "rgb(0, 0, 0)",
29
29
  "COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
30
- "COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
30
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(146, 7, 0)",
31
31
  "COLOR_WHITE": "rgb(255, 255, 255)",
32
- "COLOR_BRAND_PRIMARY": "rgb(228, 0, 0)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(211, 37, 49)",
33
33
  "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
34
- "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
- "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
- "COLOR_GREY_DARK": "rgb(106, 106, 106)",
37
- "COLOR_GREY": "rgb(140, 140, 140)",
38
- "FONT_FAMILY_PRIMARY_FANCY": "Courier, serif",
39
- "FONT_FAMILY_PRIMARY": "'Graphik', sans-serif",
40
- "FONT_FAMILY_SECONDARY_FANCY": "Papyrus, serif",
41
- "FONT_FAMILY_SECONDARY": "'Publico', serif",
34
+ "COLOR_BRAND_SECONDARY_DARK": "rgb(122, 89, 45)",
35
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(165, 133, 83)",
36
+ "COLOR_GREY_DARK": "rgb(123, 124, 132)",
37
+ "COLOR_GREY": "rgb(169, 169, 173)",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "'Graphik', sans-serif",
39
+ "FONT_FAMILY_PRIMARY": "Helvetica, sans-serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "'Graphik', sans-serif",
41
+ "FONT_FAMILY_SECONDARY": "'Helvetica', serif",
42
42
  "FONT_FAMILY_BODY": "'Graphik', sans-serif",
43
43
  "FONT_FAMILY_BASIC": "'Graphik', sans-serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
@@ -56,5 +56,159 @@
56
56
  "SPACING_125": "1.25rem",
57
57
  "SPACING_150": "1.5rem",
58
58
  "SPACING_2": "2rem",
59
+ "PRIMARY_XL_FONT_SIZE_DESKTOP": "34px",
60
+ "PRIMARY_L_FONT_SIZE_MOBILE": "34px",
61
+ "BODY_S_FONT_SIZE_DESKTOP": "initial",
62
+ "PRIMARY_S_FONT_SIZE_DESKTOP": "18px",
63
+ "PRIMARY_XXS_FONT_SIZE_DESKTOP": "24px",
64
+ "ACCENT_L_FONT_SIZE_DESKTOP": "58px",
65
+ "ACCENT_M_FONT_SIZE_DESKTOP": "initial",
66
+ "PRIMARY_XXXS_FONT_SIZE_DESKTOP": "20px",
67
+ "PRIMARY_XS_FONT_SIZE_DESKTOP": "26px",
68
+ "SECONDARY_S_FONT_SIZE_MOBILE": "11px",
69
+ "ACCENT_REGULAR_XXS_FONT_SIZE_DESKTOP": "18px",
70
+ "SECONDARY_M_FONT_SIZE_MOBILE": "17px",
71
+ "ACCENT_XXS_FONT_SIZE_DESKTOP": "18px",
72
+ "ACCENT_S_FONT_SIZE_DESKTOP": "initial",
73
+ "SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP": "initial",
74
+ "SECONDARY_L_FONT_SIZE_MOBILE": "17px",
75
+ "SECONDARY_L_FONT_SIZE_DESKTOP": "30px",
76
+ "SECONDARY_REGULAR_M_FONT_SIZE_MOBILE": "15px",
77
+ "ACCENT_XXS_FONT_SIZE_MOBILE": "14px",
78
+ "SECONDARY_M_FONT_SIZE_DESKTOP": "17px",
79
+ "ACCENT_S_FONT_SIZE_MOBILE": "23px",
80
+ "ACCENT_REGULAR_XXS_FONT_SIZE_MOBILE": "14px",
81
+ "PRIMARY_XS_FONT_SIZE_MOBILE": "18px",
82
+ "PRIMARY_XXXS_FONT_SIZE_MOBILE": "19px",
83
+ "ACCENT_M_FONT_SIZE_MOBILE": "26px",
84
+ "SECONDARY_S_FONT_SIZE_DESKTOP": "12px",
85
+ "ACCENT_L_FONT_SIZE_MOBILE": "40px",
86
+ "PRIMARY_XXS_FONT_SIZE_MOBILE": "22px",
87
+ "PRIMARY_S_FONT_SIZE_MOBILE": "18px",
88
+ "BODY_S_FONT_SIZE_MOBILE": "16px",
89
+ "PRIMARY_L_FONT_SIZE_DESKTOP": "29px",
90
+ "PRIMARY_XL_FONT_SIZE_MOBILE": "34px",
91
+ "ACCENT_XS_FONT_SIZE_MOBILE": "18px",
92
+ "PRIMARY_M_FONT_SIZE_MOBILE": "17px",
93
+ "BODY_M_FONT_SIZE_DESKTOP": "initial",
94
+ "BODY_M_FONT_SIZE_MOBILE": "18px",
95
+ "PRIMARY_M_FONT_SIZE_DESKTOP": "23px",
96
+ "ACCENT_XS_FONT_SIZE_DESKTOP": "23px",
97
+ "SECONDARY_S_LETTER_SPACING_MOBILE": "normal",
98
+ "SECONDARY_M_LETTER_SPACING_DESKTOP": "normal",
99
+ "SECONDARY_L_LETTER_SPACING_DESKTOP": "normal",
100
+ "PRIMARY_L_LETTER_SPACING_MOBILE": "normal",
101
+ "SECONDARY_REGULAR_M_LETTER_SPACING_DESKTOP": "normal",
102
+ "ACCENT_XS_LETTER_SPACING_MOBILE": "0.52px",
103
+ "ACCENT_S_LETTER_SPACING_DESKTOP": "normal",
104
+ "ACCENT_XXS_LETTER_SPACING_DESKTOP": ".52px",
105
+ "BODY_M_LETTER_SPACING_MOBILE": "normal",
106
+ "PRIMARY_M_LETTER_SPACING_MOBILE": "normal",
107
+ "PRIMARY_XL_LETTER_SPACING_MOBILE": "normal",
108
+ "ACCENT_REGULAR_XXS_LETTER_SPACING_DESKTOP": "0.52px",
109
+ "BODY_S_LETTER_SPACING_MOBILE": "normal",
110
+ "PRIMARY_S_LETTER_SPACING_MOBILE": "normal",
111
+ "PRIMARY_XS_LETTER_SPACING_DESKTOP": "normal",
112
+ "PRIMARY_XXS_LETTER_SPACING_MOBILE": "normal",
113
+ "PRIMARY_XXXS_LETTER_SPACING_DESKTOP": "normal",
114
+ "ACCENT_M_LETTER_SPACING_DESKTOP": "normal",
115
+ "ACCENT_L_LETTER_SPACING_DESKTOP": "1.66px",
116
+ "ACCENT_L_LETTER_SPACING_MOBILE": "1.14px",
117
+ "ACCENT_M_LETTER_SPACING_MOBILE": ".74px",
118
+ "PRIMARY_XXXS_LETTER_SPACING_MOBILE": "normal",
119
+ "PRIMARY_XXS_LETTER_SPACING_DESKTOP": "normal",
120
+ "PRIMARY_XS_LETTER_SPACING_MOBILE": "normal",
121
+ "PRIMARY_S_LETTER_SPACING_DESKTOP": "normal",
122
+ "BODY_S_LETTER_SPACING_DESKTOP": "normal",
123
+ "ACCENT_REGULAR_XXS_LETTER_SPACING_MOBILE": "0.4px",
124
+ "PRIMARY_XL_LETTER_SPACING_DESKTOP": "normal",
125
+ "ACCENT_XS_LETTER_SPACING_DESKTOP": "0.66px",
126
+ "ACCENT_XXS_LETTER_SPACING_MOBILE": ".4px",
127
+ "PRIMARY_M_LETTER_SPACING_DESKTOP": "normal",
128
+ "BODY_M_LETTER_SPACING_DESKTOP": "normal",
129
+ "ACCENT_S_LETTER_SPACING_MOBILE": ".66px",
130
+ "SECONDARY_REGULAR_M_LETTER_SPACING_MOBILE": "normal",
131
+ "PRIMARY_L_LETTER_SPACING_DESKTOP": "normal",
132
+ "SECONDARY_L_LETTER_SPACING_MOBILE": "normal",
133
+ "SECONDARY_M_LETTER_SPACING_MOBILE": "normal",
134
+ "SECONDARY_S_LETTER_SPACING_DESKTOP": "normal",
135
+ "PRIMARY_XS_FONT_WEIGHT_MOBILE": "bold",
136
+ "PRIMARY_XXXS_FONT_WEIGHT_MOBILE": "bold",
137
+ "ACCENT_M_FONT_WEIGHT_MOBILE": "300",
138
+ "ACCENT_REGULAR_XXS_FONT_WEIGHT_DESKTOP": "initial",
139
+ "ACCENT_L_FONT_WEIGHT_MOBILE": "300",
140
+ "PRIMARY_XXS_FONT_WEIGHT_MOBILE": "bold",
141
+ "PRIMARY_S_FONT_WEIGHT_MOBILE": "bold",
142
+ "BODY_S_FONT_WEIGHT_MOBILE": "initial",
143
+ "ACCENT_XXS_FONT_WEIGHT_DESKTOP": "initial",
144
+ "ACCENT_S_FONT_WEIGHT_DESKTOP": "initial",
145
+ "SECONDARY_REGULAR_M_FONT_WEIGHT_DESKTOP": "initial",
146
+ "PRIMARY_XL_FONT_WEIGHT_MOBILE": "bold",
147
+ "SECONDARY_L_FONT_WEIGHT_DESKTOP": "initial",
148
+ "BODY_M_FONT_WEIGHT_MOBILE": "initial",
149
+ "ACCENT_XS_FONT_WEIGHT_MOBILE": "300",
150
+ "SECONDARY_M_FONT_WEIGHT_DESKTOP": "initial",
151
+ "PRIMARY_M_FONT_WEIGHT_MOBILE": "bold",
152
+ "PRIMARY_L_FONT_WEIGHT_MOBILE": "bold",
153
+ "SECONDARY_S_FONT_WEIGHT_DESKTOP": "initial",
154
+ "SECONDARY_S_FONT_WEIGHT_MOBILE": "600",
155
+ "PRIMARY_L_FONT_WEIGHT_DESKTOP": "initial",
156
+ "BODY_M_FONT_WEIGHT_DESKTOP": "initial",
157
+ "PRIMARY_M_FONT_WEIGHT_DESKTOP": "initial",
158
+ "ACCENT_XS_FONT_WEIGHT_DESKTOP": "initial",
159
+ "SECONDARY_M_FONT_WEIGHT_MOBILE": "600",
160
+ "PRIMARY_XL_FONT_WEIGHT_DESKTOP": "initial",
161
+ "SECONDARY_L_FONT_WEIGHT_MOBILE": "600",
162
+ "SECONDARY_REGULAR_M_FONT_WEIGHT_MOBILE": "initial",
163
+ "ACCENT_S_FONT_WEIGHT_MOBILE": "300",
164
+ "ACCENT_XXS_FONT_WEIGHT_MOBILE": "300",
165
+ "BODY_S_FONT_WEIGHT_DESKTOP": "initial",
166
+ "PRIMARY_S_FONT_WEIGHT_DESKTOP": "initial",
167
+ "PRIMARY_XXS_FONT_WEIGHT_DESKTOP": "initial",
168
+ "ACCENT_REGULAR_XXS_FONT_WEIGHT_MOBILE": "400",
169
+ "ACCENT_L_FONT_WEIGHT_DESKTOP": "initial",
170
+ "ACCENT_M_FONT_WEIGHT_DESKTOP": "initial",
171
+ "PRIMARY_XXXS_FONT_WEIGHT_DESKTOP": "initial",
172
+ "PRIMARY_XS_FONT_WEIGHT_DESKTOP": "initial",
173
+ "ACCENT_XS_LINE_HEIGHT_DESKTOP": "24px",
174
+ "BODY_M_LINE_HEIGHT_DESKTOP": "initial",
175
+ "PRIMARY_M_LINE_HEIGHT_DESKTOP": "25px",
176
+ "PRIMARY_XL_LINE_HEIGHT_DESKTOP": "38px",
177
+ "PRIMARY_S_LINE_HEIGHT_DESKTOP": "20px",
178
+ "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": "27px",
179
+ "SECONDARY_S_LINE_HEIGHT_MOBILE": "14px",
180
+ "BODY_S_LINE_HEIGHT_DESKTOP": "initial",
181
+ "ACCENT_L_LINE_HEIGHT_DESKTOP": "50px",
182
+ "PRIMARY_XXXS_LINE_HEIGHT_DESKTOP": "23px",
183
+ "PRIMARY_XS_LINE_HEIGHT_DESKTOP": "29px",
184
+ "ACCENT_M_LINE_HEIGHT_DESKTOP": "initial",
185
+ "ACCENT_REGULAR_XXS_LINE_HEIGHT_DESKTOP": "26px",
186
+ "SECONDARY_M_LINE_HEIGHT_MOBILE": "21px",
187
+ "SECONDARY_L_LINE_HEIGHT_MOBILE": "21px",
188
+ "ACCENT_S_LINE_HEIGHT_DESKTOP": "initial",
189
+ "ACCENT_XXS_LINE_HEIGHT_DESKTOP": "18px",
190
+ "SECONDARY_REGULAR_M_LINE_HEIGHT_MOBILE": "15px",
191
+ "SECONDARY_REGULAR_M_LINE_HEIGHT_DESKTOP": "initial",
192
+ "ACCENT_S_LINE_HEIGHT_MOBILE": "23px",
193
+ "ACCENT_XXS_LINE_HEIGHT_MOBILE": "0.4px",
194
+ "SECONDARY_L_LINE_HEIGHT_DESKTOP": "35px",
195
+ "SECONDARY_M_LINE_HEIGHT_DESKTOP": "21px",
196
+ "ACCENT_REGULAR_XXS_LINE_HEIGHT_MOBILE": "14px",
197
+ "PRIMARY_XS_LINE_HEIGHT_MOBILE": "21px",
198
+ "PRIMARY_XXXS_LINE_HEIGHT_MOBILE": "21px",
199
+ "ACCENT_M_LINE_HEIGHT_MOBILE": "26px",
200
+ "ACCENT_L_LINE_HEIGHT_MOBILE": "36px",
201
+ "SECONDARY_S_LINE_HEIGHT_DESKTOP": "17px",
202
+ "PRIMARY_XXS_LINE_HEIGHT_MOBILE": "23px",
203
+ "PRIMARY_S_LINE_HEIGHT_MOBILE": "20px",
204
+ "BODY_S_LINE_HEIGHT_MOBILE": "22px",
205
+ "PRIMARY_XL_LINE_HEIGHT_MOBILE": "38px",
206
+ "PRIMARY_M_LINE_HEIGHT_MOBILE": "20px",
207
+ "BODY_M_LINE_HEIGHT_MOBILE": "24px",
208
+ "ACCENT_XS_LINE_HEIGHT_MOBILE": "19px",
209
+ "PRIMARY_L_LINE_HEIGHT_DESKTOP": "32px",
210
+ "PRIMARY_L_LINE_HEIGHT_MOBILE": "38px",
211
+ "FONT_FAMILY_ACCENT": "Verdana, serif",
212
+ "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif",
59
213
  "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(240, 241, 242)"
60
214
  }