@penskemediacorp/larva-tokens 1.19.0 → 1.22.1

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 (11) hide show
  1. package/build/bbesp.custom-properties.css +1 -96
  2. package/build/bbesp.json +15 -18
  3. package/build/bbesp.map.scss +15 -18
  4. package/build/bbesp.raw.json +51 -72
  5. package/build/rollingstone-2022.custom-properties.css +1 -1
  6. package/build/rollingstone-2022.json +8 -8
  7. package/build/rollingstone-2022.map.scss +8 -8
  8. package/build/rollingstone-2022.raw.json +16 -16
  9. package/package.json +2 -2
  10. package/style-guides/bbesp.html +36 -77
  11. package/style-guides/rollingstone-2022.html +16 -16
package/build/bbesp.custom-properties.css CHANGED
@@ -1,96 +1 @@
1
-
2
- :root {
3
- --border-color-grey-lightest: rgb(237, 235, 235);
4
- --border-color-brand-secondary-light: rgb(0, 0, 0);
5
- --border-color-grey-light: rgb(204, 204, 204);
6
- --border-color-grey-dark: rgb(76, 81, 103);
7
- --border-color-brand-secondary-dark: rgb(0, 0, 0);
8
- --border-color-brand-secondary: rgb(18, 118, 181);
9
- --border-color-grey: rgb(130, 137, 161);
10
- --border-color-brand-primary-light: rgb(236, 28, 36);
11
- --border-color-white: rgb(255, 255, 255);
12
- --border-color-brand-primary-dark: rgb(236, 28, 36);
13
- --border-color-brand-primary: rgb(0, 157, 219);
14
- --background-color-grey-light: rgb(204, 204, 204);
15
- --background-color-grey-lightest: rgb(237, 235, 235);
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(76, 81, 103);
19
- --background-color-grey: rgb(130, 137, 161);
20
- /* The background color of the main body of the site. */
21
- --background-color-body: rgb(255, 255, 255);
22
- --background-color-brand-secondary: rgb(18, 118, 181);
23
- --background-color-black: rgb(16, 17, 25);
24
- --background-color-brand-primary-light: rgb(236, 28, 36);
25
- --background-color-brand-primary-dark: rgb(236, 28, 36);
26
- --background-color-white: rgb(255, 255, 255);
27
- --background-color-brand-primary: rgb(0, 157, 219);
28
- --background-color-grey-darkest: rgb(43, 46, 60);
29
- --color-brand-secondary: rgb(18, 118, 181);
30
- --color-black: rgb(16, 17, 25);
31
- --color-brand-primary-light: rgb(236, 28, 36);
32
- --color-brand-primary-dark: rgb(236, 28, 36);
33
- --color-white: rgb(255, 255, 255);
34
- --color-brand-primary: rgb(0, 157, 219);
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(76, 81, 103);
39
- --color-grey: rgb(130, 137, 161);
40
- /* The webfont for font-family-primary. */
41
- --font-family-primary-fancy: 'neue-haas-grotesk-display', 'Arial Narrow', Arial, sans-serif;
42
- /* The fallback font for font-family-primary. */
43
- --font-family-primary: 'Arial Narrow', Arial, sans-serif;
44
- /* The webfont for font-family-secondary. */
45
- --font-family-secondary-fancy: 'neue-haas-grotesk-display';
46
- /* Fallback from font-family-secondary */
47
- --font-family-secondary: Arial, serif;
48
- --font-family-body: Helvetica, Arial, sans-serif;
49
- --font-family-basic: Helvetica, Arial, sans-serif;
50
- --font-weight-light: 300;
51
- --font-weight-normal: 400;
52
- --font-weight-bold: 700;
53
- --line-height-small: 1.1;
54
- --line-height-normal: 1.35;
55
- --line-height-copy: 1.5;
56
- --line-height-large: 1.85;
57
- /* Used for margins and padding only. */
58
- --spacing-00: 0;
59
- /* Used for margins and padding only. */
60
- --spacing-025: 0.25rem;
61
- /* Used for margins and padding only. */
62
- --spacing-050: 0.5rem;
63
- /* Used for margins and padding only. */
64
- --spacing-075: 0.75rem;
65
- /* Used for margins and padding only. */
66
- --spacing-1: 1rem;
67
- /* Used for margins and padding only. */
68
- --spacing-125: 1.25rem;
69
- /* Used for margins and padding only. */
70
- --spacing-150: 1.5rem;
71
- /* Used for margins and padding only. */
72
- --spacing-2: 2rem;
73
- --background-color-brand-accent-1: rgb(239, 132, 26);
74
- --color-grey-ligh: rgb(213, 213, 213);
75
- --background-color-brand-accent-2: rgb(0, 221, 161);
76
- --border-color-brand-accent-1: rgb(239, 132, 26);
77
- --background-color-brand-accent-3: rgb(248, 201, 154);
78
- --border-color-brand-accent-2: rgb(0, 221, 161);
79
- --border-color-brand-accent-3: rgb(248, 201, 154);
80
- --color-grey-darkest: rgb(43, 46, 60);
81
- --border-color-grey-ligh: rgb(213, 213, 213);
82
- --background-color-brand-accent: rgb(239, 132, 26);
83
- --color-brand-accent-1: rgb(239, 132, 26);
84
- --border-color-black: rgb(16, 17, 25);
85
- --color-brand-accent-2: rgb(0, 221, 161);
86
- --background-color-grey-ligh: rgb(213, 213, 213);
87
- --border-color-brand-accent: rgb(239, 132, 26);
88
- --color-brand-accent-3: rgb(248, 201, 154);
89
- --color-grey-lightest: rgb(237, 235, 235);
90
- /* The fallback for the accent font */
91
- --font-family-accent: 'Arial Narrow', Arial, sans-serif;
92
- --color-brand-accent: rgb(239, 132, 26);
93
- --border-color-grey-darkest: rgb(43, 46, 60);
94
- /* The accent webfont, loaded async */
95
- --font-family-accent-fancy: 'acumin-pro-condensed';
96
- }
1
+ :root{--border-color-grey-lightest: rgb(237, 235, 235);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(213, 213, 213);--border-color-grey-dark: rgb(76, 81, 103);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(18, 118, 181);--border-color-grey: rgb(130, 137, 161);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(0, 158, 218);--background-color-grey-light: rgb(213, 213, 213);--background-color-grey-lightest: rgb(237, 235, 235);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(76, 81, 103);--background-color-grey: rgb(130, 137, 161);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(18, 118, 181);--background-color-black: rgb(16, 17, 25);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(0, 158, 218);--background-color-grey-darkest: rgb(43, 46, 60);--color-brand-secondary: rgb(18, 118, 181);--color-black: rgb(16, 17, 25);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(0, 158, 218);--color-grey-light: rgb(213, 213, 213);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(76, 81, 103);--color-grey: rgb(130, 137, 161);--font-family-primary-fancy: "neue-haas-grotesk-display", "Arial Narrow", Arial, sans-serif;--font-family-primary: "Arial Narrow", Arial, sans-serif;--font-family-secondary-fancy: "neue-haas-grotesk-display";--font-family-secondary: Arial, serif;--font-family-body: Helvetica, Arial, sans-serif;--font-family-basic: Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent-red: rgb(239, 132, 26);--color-brand-accent-green: rgb(0, 221, 161);--border-color-brand-accent-red: rgb(239, 132, 26);--border-color-brand-accent-blue: rgb(248, 201, 154);--background-color-brand-accent-blue: rgb(248, 201, 154);--color-grey-darkest: rgb(43, 46, 60);--background-color-brand-accent: rgb(239, 132, 26);--border-color-black: rgb(16, 17, 25);--color-brand-accent-red: rgb(239, 132, 26);--border-color-brand-accent: rgb(239, 132, 26);--background-color-brand-accent-green: rgb(0, 221, 161);--color-grey-lightest: rgb(237, 235, 235);--border-color-brand-accent-green: rgb(0, 221, 161);--font-family-accent: "Arial Narrow", Arial, sans-serif;--color-brand-accent-blue: rgb(248, 201, 154);--color-brand-accent: rgb(239, 132, 26);--border-color-grey-darkest: rgb(43, 46, 60);--font-family-accent-fancy: "acumin-pro-condensed"}
package/build/bbesp.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "BORDER_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
3
3
  "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
4
- "BORDER_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
4
+ "BORDER_COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
5
5
  "BORDER_COLOR_GREY_DARK": "rgb(76, 81, 103)",
6
6
  "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
7
  "BORDER_COLOR_BRAND_SECONDARY": "rgb(18, 118, 181)",
@@ -9,8 +9,8 @@
9
9
  "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
10
10
  "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
11
  "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
12
- "BORDER_COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
13
- "BACKGROUND_COLOR_GREY_LIGHT": "rgb(204, 204, 204)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
13
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
14
14
  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
15
15
  "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
16
16
  "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
@@ -22,15 +22,15 @@
22
22
  "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
23
23
  "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
24
24
  "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
- "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
26
26
  "BACKGROUND_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
27
27
  "COLOR_BRAND_SECONDARY": "rgb(18, 118, 181)",
28
28
  "COLOR_BLACK": "rgb(16, 17, 25)",
29
29
  "COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
30
30
  "COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
31
31
  "COLOR_WHITE": "rgb(255, 255, 255)",
32
- "COLOR_BRAND_PRIMARY": "rgb(0, 157, 219)",
33
- "COLOR_GREY_LIGHT": "rgb(230, 230, 230)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(0, 158, 218)",
33
+ "COLOR_GREY_LIGHT": "rgb(213, 213, 213)",
34
34
  "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
35
  "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
36
36
  "COLOR_GREY_DARK": "rgb(76, 81, 103)",
@@ -56,24 +56,21 @@
56
56
  "SPACING_125": "1.25rem",
57
57
  "SPACING_150": "1.5rem",
58
58
  "SPACING_2": "2rem",
59
- "BACKGROUND_COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
60
- "COLOR_GREY_LIGH": "rgb(213, 213, 213)",
61
- "BACKGROUND_COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
62
- "BORDER_COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
63
- "BACKGROUND_COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
64
- "BORDER_COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
65
- "BORDER_COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
59
+ "BACKGROUND_COLOR_BRAND_ACCENT_RED": "rgb(239, 132, 26)",
60
+ "COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
61
+ "BORDER_COLOR_BRAND_ACCENT_RED": "rgb(239, 132, 26)",
62
+ "BORDER_COLOR_BRAND_ACCENT_BLUE": "rgb(248, 201, 154)",
63
+ "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": "rgb(248, 201, 154)",
66
64
  "COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
67
- "BORDER_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
68
65
  "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
69
- "COLOR_BRAND_ACCENT_1": "rgb(239, 132, 26)",
70
66
  "BORDER_COLOR_BLACK": "rgb(16, 17, 25)",
71
- "COLOR_BRAND_ACCENT_2": "rgb(0, 221, 161)",
72
- "BACKGROUND_COLOR_GREY_LIGH": "rgb(213, 213, 213)",
67
+ "COLOR_BRAND_ACCENT_RED": "rgb(239, 132, 26)",
73
68
  "BORDER_COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
74
- "COLOR_BRAND_ACCENT_3": "rgb(248, 201, 154)",
69
+ "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
75
70
  "COLOR_GREY_LIGHTEST": "rgb(237, 235, 235)",
71
+ "BORDER_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 221, 161)",
76
72
  "FONT_FAMILY_ACCENT": "'Arial Narrow', Arial, sans-serif",
73
+ "COLOR_BRAND_ACCENT_BLUE": "rgb(248, 201, 154)",
77
74
  "COLOR_BRAND_ACCENT": "rgb(239, 132, 26)",
78
75
  "BORDER_COLOR_GREY_DARKEST": "rgb(43, 46, 60)",
79
76
  "FONT_FAMILY_ACCENT_FANCY": "'acumin-pro-condensed'"
package/build/bbesp.map.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  $bbesp-map: (
3
3
  'border-color-grey-lightest': (rgb(237, 235, 235)),
4
4
  'border-color-brand-secondary-light': (rgb(0, 0, 0)),
5
- 'border-color-grey-light': (rgb(204, 204, 204)),
5
+ 'border-color-grey-light': (rgb(213, 213, 213)),
6
6
  'border-color-grey-dark': (rgb(76, 81, 103)),
7
7
  'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
8
  'border-color-brand-secondary': (rgb(18, 118, 181)),
@@ -10,8 +10,8 @@ $bbesp-map: (
10
10
  'border-color-brand-primary-light': (rgb(236, 28, 36)),
11
11
  'border-color-white': (rgb(255, 255, 255)),
12
12
  'border-color-brand-primary-dark': (rgb(236, 28, 36)),
13
- 'border-color-brand-primary': (rgb(0, 157, 219)),
14
- 'background-color-grey-light': (rgb(204, 204, 204)),
13
+ 'border-color-brand-primary': (rgb(0, 158, 218)),
14
+ 'background-color-grey-light': (rgb(213, 213, 213)),
15
15
  'background-color-grey-lightest': (rgb(237, 235, 235)),
16
16
  'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
17
17
  'background-color-brand-secondary-light': (rgb(0, 0, 0)),
@@ -24,15 +24,15 @@ $bbesp-map: (
24
24
  'background-color-brand-primary-light': (rgb(236, 28, 36)),
25
25
  'background-color-brand-primary-dark': (rgb(236, 28, 36)),
26
26
  'background-color-white': (rgb(255, 255, 255)),
27
- 'background-color-brand-primary': (rgb(0, 157, 219)),
27
+ 'background-color-brand-primary': (rgb(0, 158, 218)),
28
28
  'background-color-grey-darkest': (rgb(43, 46, 60)),
29
29
  'color-brand-secondary': (rgb(18, 118, 181)),
30
30
  'color-black': (rgb(16, 17, 25)),
31
31
  'color-brand-primary-light': (rgb(236, 28, 36)),
32
32
  'color-brand-primary-dark': (rgb(236, 28, 36)),
33
33
  'color-white': (rgb(255, 255, 255)),
34
- 'color-brand-primary': (rgb(0, 157, 219)),
35
- 'color-grey-light': (rgb(230, 230, 230)),
34
+ 'color-brand-primary': (rgb(0, 158, 218)),
35
+ 'color-grey-light': (rgb(213, 213, 213)),
36
36
  'color-brand-secondary-dark': (rgb(0, 0, 0)),
37
37
  'color-brand-secondary-light': (rgb(0, 0, 0)),
38
38
  'color-grey-dark': (rgb(76, 81, 103)),
@@ -70,25 +70,22 @@ $bbesp-map: (
70
70
  'spacing-150': (1.5rem),
71
71
  /* Used for margins and padding only. */
72
72
  'spacing-2': (2rem),
73
- 'background-color-brand-accent-1': (rgb(239, 132, 26)),
74
- 'color-grey-ligh': (rgb(213, 213, 213)),
75
- 'background-color-brand-accent-2': (rgb(0, 221, 161)),
76
- 'border-color-brand-accent-1': (rgb(239, 132, 26)),
77
- 'background-color-brand-accent-3': (rgb(248, 201, 154)),
78
- 'border-color-brand-accent-2': (rgb(0, 221, 161)),
79
- 'border-color-brand-accent-3': (rgb(248, 201, 154)),
73
+ 'background-color-brand-accent-red': (rgb(239, 132, 26)),
74
+ 'color-brand-accent-green': (rgb(0, 221, 161)),
75
+ 'border-color-brand-accent-red': (rgb(239, 132, 26)),
76
+ 'border-color-brand-accent-blue': (rgb(248, 201, 154)),
77
+ 'background-color-brand-accent-blue': (rgb(248, 201, 154)),
80
78
  'color-grey-darkest': (rgb(43, 46, 60)),
81
- 'border-color-grey-ligh': (rgb(213, 213, 213)),
82
79
  'background-color-brand-accent': (rgb(239, 132, 26)),
83
- 'color-brand-accent-1': (rgb(239, 132, 26)),
84
80
  'border-color-black': (rgb(16, 17, 25)),
85
- 'color-brand-accent-2': (rgb(0, 221, 161)),
86
- 'background-color-grey-ligh': (rgb(213, 213, 213)),
81
+ 'color-brand-accent-red': (rgb(239, 132, 26)),
87
82
  'border-color-brand-accent': (rgb(239, 132, 26)),
88
- 'color-brand-accent-3': (rgb(248, 201, 154)),
83
+ 'background-color-brand-accent-green': (rgb(0, 221, 161)),
89
84
  'color-grey-lightest': (rgb(237, 235, 235)),
85
+ 'border-color-brand-accent-green': (rgb(0, 221, 161)),
90
86
  /* The fallback for the accent font */
91
87
  'font-family-accent': ('Arial Narrow', Arial, sans-serif),
88
+ 'color-brand-accent-blue': (rgb(248, 201, 154)),
92
89
  'color-brand-accent': (rgb(239, 132, 26)),
93
90
  'border-color-grey-darkest': (rgb(43, 46, 60)),
94
91
  /* The accent webfont, loaded async */
package/build/bbesp.raw.json CHANGED
@@ -239,10 +239,10 @@
239
239
  "name": "BORDER_COLOR_BRAND_SECONDARY_LIGHT"
240
240
  },
241
241
  "BORDER_COLOR_GREY_LIGHT": {
242
- "category": "hr-color",
242
+ "value": "rgb(213, 213, 213)",
243
243
  "type": "color",
244
- "value": "rgb(204, 204, 204)",
245
- "originalValue": "{!GREY_80}",
244
+ "category": "hr-color",
245
+ "originalValue": "#D5D5D5",
246
246
  "name": "BORDER_COLOR_GREY_LIGHT"
247
247
  },
248
248
  "BORDER_COLOR_GREY_DARK": {
@@ -295,17 +295,17 @@
295
295
  "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
296
296
  },
297
297
  "BORDER_COLOR_BRAND_PRIMARY": {
298
- "value": "rgb(0, 157, 219)",
298
+ "value": "rgb(0, 158, 218)",
299
+ "originalValue": "#009EDA",
299
300
  "type": "color",
300
301
  "category": "hr-color",
301
- "originalValue": "#009DDB",
302
302
  "name": "BORDER_COLOR_BRAND_PRIMARY"
303
303
  },
304
304
  "BACKGROUND_COLOR_GREY_LIGHT": {
305
- "category": "background-color",
305
+ "value": "rgb(213, 213, 213)",
306
306
  "type": "color",
307
- "value": "rgb(204, 204, 204)",
308
- "originalValue": "{!GREY_80}",
307
+ "category": "background-color",
308
+ "originalValue": "#D5D5D5",
309
309
  "name": "BACKGROUND_COLOR_GREY_LIGHT"
310
310
  },
311
311
  "BACKGROUND_COLOR_GREY_LIGHTEST": {
@@ -387,10 +387,10 @@
387
387
  "name": "BACKGROUND_COLOR_WHITE"
388
388
  },
389
389
  "BACKGROUND_COLOR_BRAND_PRIMARY": {
390
- "value": "rgb(0, 157, 219)",
390
+ "value": "rgb(0, 158, 218)",
391
+ "originalValue": "#009EDA",
391
392
  "type": "color",
392
393
  "category": "background-color",
393
- "originalValue": "#009DDB",
394
394
  "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
395
395
  },
396
396
  "BACKGROUND_COLOR_GREY_DARKEST": {
@@ -436,17 +436,17 @@
436
436
  "name": "COLOR_WHITE"
437
437
  },
438
438
  "COLOR_BRAND_PRIMARY": {
439
- "value": "rgb(0, 157, 219)",
439
+ "value": "rgb(0, 158, 218)",
440
+ "originalValue": "#009EDA",
440
441
  "type": "color",
441
442
  "category": "text-color",
442
- "originalValue": "#009DDB",
443
443
  "name": "COLOR_BRAND_PRIMARY"
444
444
  },
445
445
  "COLOR_GREY_LIGHT": {
446
- "category": "text-color",
446
+ "value": "rgb(213, 213, 213)",
447
447
  "type": "color",
448
- "value": "rgb(230, 230, 230)",
449
- "originalValue": "{!GREY_90}",
448
+ "category": "text-color",
449
+ "originalValue": "#D5D5D5",
450
450
  "name": "COLOR_GREY_LIGHT"
451
451
  },
452
452
  "COLOR_BRAND_SECONDARY_DARK": {
@@ -636,54 +636,40 @@
636
636
  "originalValue": "2rem",
637
637
  "name": "SPACING_2"
638
638
  },
639
- "BACKGROUND_COLOR_BRAND_ACCENT_1": {
639
+ "BACKGROUND_COLOR_BRAND_ACCENT_RED": {
640
640
  "value": "rgb(239, 132, 26)",
641
641
  "type": "color",
642
642
  "category": "background-color",
643
643
  "originalValue": "#EF841A",
644
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_1"
645
- },
646
- "COLOR_GREY_LIGH": {
647
- "value": "rgb(213, 213, 213)",
648
- "type": "color",
649
- "category": "text-color",
650
- "originalValue": "#D5D5D5",
651
- "name": "COLOR_GREY_LIGH"
644
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_RED"
652
645
  },
653
- "BACKGROUND_COLOR_BRAND_ACCENT_2": {
646
+ "COLOR_BRAND_ACCENT_GREEN": {
654
647
  "value": "rgb(0, 221, 161)",
655
648
  "type": "color",
656
- "category": "background-color",
649
+ "category": "text-color",
657
650
  "originalValue": "#00DDA1",
658
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_2"
651
+ "name": "COLOR_BRAND_ACCENT_GREEN"
659
652
  },
660
- "BORDER_COLOR_BRAND_ACCENT_1": {
653
+ "BORDER_COLOR_BRAND_ACCENT_RED": {
661
654
  "value": "rgb(239, 132, 26)",
662
655
  "type": "color",
663
656
  "category": "hr-color",
664
657
  "originalValue": "#EF841A",
665
- "name": "BORDER_COLOR_BRAND_ACCENT_1"
658
+ "name": "BORDER_COLOR_BRAND_ACCENT_RED"
666
659
  },
667
- "BACKGROUND_COLOR_BRAND_ACCENT_3": {
660
+ "BORDER_COLOR_BRAND_ACCENT_BLUE": {
668
661
  "value": "rgb(248, 201, 154)",
669
662
  "type": "color",
670
- "category": "background-color",
671
- "originalValue": "#F8C99A",
672
- "name": "BACKGROUND_COLOR_BRAND_ACCENT_3"
673
- },
674
- "BORDER_COLOR_BRAND_ACCENT_2": {
675
- "value": "rgb(0, 221, 161)",
676
- "type": "color",
677
663
  "category": "hr-color",
678
- "originalValue": "#00DDA1",
679
- "name": "BORDER_COLOR_BRAND_ACCENT_2"
664
+ "originalValue": "#F8C99A",
665
+ "name": "BORDER_COLOR_BRAND_ACCENT_BLUE"
680
666
  },
681
- "BORDER_COLOR_BRAND_ACCENT_3": {
667
+ "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": {
682
668
  "value": "rgb(248, 201, 154)",
683
669
  "type": "color",
684
- "category": "hr-color",
670
+ "category": "background-color",
685
671
  "originalValue": "#F8C99A",
686
- "name": "BORDER_COLOR_BRAND_ACCENT_3"
672
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_BLUE"
687
673
  },
688
674
  "COLOR_GREY_DARKEST": {
689
675
  "value": "rgb(43, 46, 60)",
@@ -692,13 +678,6 @@
692
678
  "originalValue": "#2B2E3C",
693
679
  "name": "COLOR_GREY_DARKEST"
694
680
  },
695
- "BORDER_COLOR_GREY_LIGH": {
696
- "value": "rgb(213, 213, 213)",
697
- "type": "color",
698
- "category": "hr-color",
699
- "originalValue": "#D5D5D5",
700
- "name": "BORDER_COLOR_GREY_LIGH"
701
- },
702
681
  "BACKGROUND_COLOR_BRAND_ACCENT": {
703
682
  "value": "rgb(239, 132, 26)",
704
683
  "type": "color",
@@ -706,13 +685,6 @@
706
685
  "originalValue": "#EF841A",
707
686
  "name": "BACKGROUND_COLOR_BRAND_ACCENT"
708
687
  },
709
- "COLOR_BRAND_ACCENT_1": {
710
- "value": "rgb(239, 132, 26)",
711
- "type": "color",
712
- "category": "text-color",
713
- "originalValue": "#EF841A",
714
- "name": "COLOR_BRAND_ACCENT_1"
715
- },
716
688
  "BORDER_COLOR_BLACK": {
717
689
  "value": "rgb(16, 17, 25)",
718
690
  "type": "color",
@@ -720,19 +692,12 @@
720
692
  "originalValue": "#101119",
721
693
  "name": "BORDER_COLOR_BLACK"
722
694
  },
723
- "COLOR_BRAND_ACCENT_2": {
724
- "value": "rgb(0, 221, 161)",
695
+ "COLOR_BRAND_ACCENT_RED": {
696
+ "value": "rgb(239, 132, 26)",
725
697
  "type": "color",
726
698
  "category": "text-color",
727
- "originalValue": "#00DDA1",
728
- "name": "COLOR_BRAND_ACCENT_2"
729
- },
730
- "BACKGROUND_COLOR_GREY_LIGH": {
731
- "value": "rgb(213, 213, 213)",
732
- "type": "color",
733
- "category": "background-color",
734
- "originalValue": "#D5D5D5",
735
- "name": "BACKGROUND_COLOR_GREY_LIGH"
699
+ "originalValue": "#EF841A",
700
+ "name": "COLOR_BRAND_ACCENT_RED"
736
701
  },
737
702
  "BORDER_COLOR_BRAND_ACCENT": {
738
703
  "value": "rgb(239, 132, 26)",
@@ -741,12 +706,12 @@
741
706
  "originalValue": "#EF841A",
742
707
  "name": "BORDER_COLOR_BRAND_ACCENT"
743
708
  },
744
- "COLOR_BRAND_ACCENT_3": {
745
- "value": "rgb(248, 201, 154)",
709
+ "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": {
710
+ "value": "rgb(0, 221, 161)",
746
711
  "type": "color",
747
- "category": "text-color",
748
- "originalValue": "#F8C99A",
749
- "name": "COLOR_BRAND_ACCENT_3"
712
+ "category": "background-color",
713
+ "originalValue": "#00DDA1",
714
+ "name": "BACKGROUND_COLOR_BRAND_ACCENT_GREEN"
750
715
  },
751
716
  "COLOR_GREY_LIGHTEST": {
752
717
  "value": "rgb(237, 235, 235)",
@@ -755,6 +720,13 @@
755
720
  "originalValue": "#EDEBEB",
756
721
  "name": "COLOR_GREY_LIGHTEST"
757
722
  },
723
+ "BORDER_COLOR_BRAND_ACCENT_GREEN": {
724
+ "value": "rgb(0, 221, 161)",
725
+ "type": "color",
726
+ "category": "hr-color",
727
+ "originalValue": "#00DDA1",
728
+ "name": "BORDER_COLOR_BRAND_ACCENT_GREEN"
729
+ },
758
730
  "FONT_FAMILY_ACCENT": {
759
731
  "value": "'Arial Narrow', Arial, sans-serif",
760
732
  "type": "font-family",
@@ -763,6 +735,13 @@
763
735
  "originalValue": "'Arial Narrow', Arial, sans-serif",
764
736
  "name": "FONT_FAMILY_ACCENT"
765
737
  },
738
+ "COLOR_BRAND_ACCENT_BLUE": {
739
+ "value": "rgb(248, 201, 154)",
740
+ "type": "color",
741
+ "category": "text-color",
742
+ "originalValue": "#F8C99A",
743
+ "name": "COLOR_BRAND_ACCENT_BLUE"
744
+ },
766
745
  "COLOR_BRAND_ACCENT": {
767
746
  "value": "rgb(239, 132, 26)",
768
747
  "type": "color",
package/build/rollingstone-2022.custom-properties.css CHANGED
@@ -1 +1 @@
1
- :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(215, 25, 32);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(215, 25, 32);--border-color-brand-primary: rgb(215, 25, 32);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(215, 25, 32);--background-color-brand-primary-dark: rgb(215, 25, 32);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(215, 25, 32);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(215, 25, 32);--color-brand-primary-dark: rgb(215, 25, 32);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(215, 25, 32);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Publico Headline Bold", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Publico Headline Roman", serif;--font-family-secondary: serif;--font-family-body: Georgia, Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 14px;--primary-xl-font-size-desktop: 24px;--body-xxxl-font-size-desktop: 22px;--body-xl-font-size-desktop: 17px;--primary-xxl-font-size-mobile: 28px;--primary-l-font-size-mobile: 23px;--body-xxl-font-size-mobile: 18px;--basic-s-font-size-desktop-xl: 13px;--secondary-m-font-size-desktop-xl: 23px;--basic-xxs-font-size-desktop-xl: 12px;--basic-xs-font-size-mobile: 11px;--secondary-l-font-size-desktop-xl: 28px;--secondary-xxl-font-size-desktop-xl: 60px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 33px;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 14px;--body-xxxs-font-size-desktop: 13px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 20px;--secondary-xxs-font-size-mobile: 16px;--basic-m-font-size-desktop-xl: 15px;--secondary-xs-font-size-mobile: 16px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 15px;--basic-l-font-size-desktop: 13px;--basic-xxl-font-size-desktop: 23px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 13px;--basic-m-font-size-desktop: 15px;--body-xs-font-size-desktop-xl: 11px;--body-xxxs-font-size-desktop-xl: 13px;--primary-xs-font-size-desktop-xl: 16px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 12px;--secondary-m-font-size-mobile: 16px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 10px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 30px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 20px;--secondary-xxl-font-size-mobile: 32px;--secondary-xl-font-size-mobile: 26px;--secondary-xxl-font-size-desktop: 46px;--secondary-l-font-size-desktop: 28px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 23px;--basic-s-font-size-desktop: 12px;--basic-xxs-font-size-desktop: 10px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 13px;--body-xl-font-size-desktop-xl: 19px;--body-xxxl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 28px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 20px;--body-m-font-size-desktop-xl: 15px;--basic-l-font-size-mobile: 12px;--basic-xl-font-size-desktop: 18px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 18px;--body-l-font-size-desktop-xl: 16px;--body-xs-font-size-mobile: 12px;--body-xxxs-font-size-mobile: 13px;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 15px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 11px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 12px;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: 11px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 15px;--body-l-font-size-desktop: 16px;--body-xxl-font-size-desktop: 18px;--primary-l-font-size-desktop: 23px;--primary-xxl-font-size-desktop: 32px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 18px;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 17px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 23px;--body-m-font-size-desktop: 15px;--body-m-font-size-mobile: 15px;--primary-m-font-size-desktop: 18px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: -0.09px;--body-s-letter-spacing-desktop-xl: 1.4px;--body-xxs-letter-spacing-desktop-xl: 1.69px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.5px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 2.3px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: 0px;--body-xs-letter-spacing-desktop-xl: 1.65px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 3px;--body-l-letter-spacing-mobile: -0.07px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: 0.45px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: -0.31px;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: 1.5px;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: 0.75px;--body-xl-letter-spacing-mobile: -0.09px;--basic-m-letter-spacing-desktop: 0.75px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: -0.3px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0.39px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 3.3px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 1.5px;--body-xxs-letter-spacing-mobile: 1.69px;--body-xxxs-letter-spacing-desktop: 0px;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: 0.6px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 2.3px;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 1.69px;--body-xxxs-letter-spacing-mobile: 0px;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: 1.4px;--body-xs-letter-spacing-mobile: 1.8px;--basic-xl-letter-spacing-desktop-xl: -0.09px;--basic-l-letter-spacing-mobile: 0.36px;--basic-xxl-letter-spacing-mobile: -0.26px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.65px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: -0.085px;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: 1.5px;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 2.6px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: -0.1px;--secondary-m-letter-spacing-mobile: 2.4px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.5px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: -0.07px;--body-m-letter-spacing-desktop-xl: 1.5px;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: -0.095px;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 600;--basic-xxl-font-weight-desktop: 600;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 600;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 600;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: normal;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: bold;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 600;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 600;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: bold;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 600;--basic-xxs-font-weight-desktop-xl: 600;--basic-s-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 600;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: normal;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: normal;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 600;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 600;--basic-l-font-weight-desktop-xl: 600;--basic-xs-font-weight-desktop: 600;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 600;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: bold;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 600;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 600;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: bold;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 600;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: bold;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 600;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 600;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: bold;--primary-l-font-weight-desktop-xl: bold;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 19px;--primary-m-line-height-desktop: 21px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 22px;--body-xxxl-line-height-desktop: 33px;--primary-xl-line-height-desktop: 27px;--body-xl-line-height-desktop: 22px;--basic-xxs-line-height-desktop-xl: 15px;--basic-xs-line-height-mobile: 13px;--secondary-l-line-height-desktop-xl: 33px;--secondary-xxl-line-height-desktop-xl: 70px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 37px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 16px;--primary-xxs-line-height-desktop: 19px;--secondary-s-line-height-mobile: 25px;--secondary-xxs-line-height-mobile: 20px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 20px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 17px;--body-xxxs-line-height-desktop: 17px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 21px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 27px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 17px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 15px;--primary-xs-line-height-desktop-xl: 20px;--body-xxxs-line-height-desktop-xl: 17px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 16px;--basic-xxl-line-height-desktop: 26px;--basic-m-line-height-desktop: 20px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 15px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 19px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 16px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 25px;--secondary-xxl-line-height-mobile: 40px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 32px;--secondary-xl-line-height-desktop: 34px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 56px;--secondary-l-line-height-desktop: 33px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 24px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 33px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 13px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 19px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 23px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 26px;--body-l-line-height-desktop-xl: 20px;--basic-xl-line-height-desktop: 22px;--secondary-xs-line-height-desktop: 26px;--body-xs-line-height-mobile: 16px;--body-xxxs-line-height-mobile: 17px;--primary-xs-line-height-mobile: 22px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 20px;--secondary-s-line-height-desktop: 27px;--primary-xxs-line-height-mobile: 19px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 16px;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 27px;--secondary-xxs-line-height-desktop-xl: 20px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 22px;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 26px;--primary-m-line-height-mobile: 26px;--body-m-line-height-mobile: 19px;--basic-xl-line-height-desktop-xl: 22px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 20px;--body-xxl-line-height-desktop: 26px;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: 36px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 26px;--primary-l-line-height-mobile: 26px;--body-l-line-height-mobile: 18px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Graphik Semibold", sans-serif;--font-family-body-fancy: Georgia, Helvetica, sans-serif}
1
+ :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(215, 25, 32);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(215, 25, 32);--border-color-brand-primary: rgb(215, 25, 32);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(215, 25, 32);--background-color-brand-primary-dark: rgb(215, 25, 32);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(215, 25, 32);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(215, 25, 32);--color-brand-primary-dark: rgb(215, 25, 32);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(215, 25, 32);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Publico Headline Bold", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Publico Headline Roman", serif;--font-family-secondary: serif;--font-family-body: Georgia, Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 14px;--primary-xl-font-size-desktop: 24px;--body-xxxl-font-size-desktop: 22px;--body-xl-font-size-desktop: 17px;--primary-xxl-font-size-mobile: 28px;--primary-l-font-size-mobile: 23px;--body-xxl-font-size-mobile: 18px;--basic-s-font-size-desktop-xl: 13px;--secondary-m-font-size-desktop-xl: 18px;--basic-xxs-font-size-desktop-xl: 12px;--basic-xs-font-size-mobile: 11px;--secondary-l-font-size-desktop-xl: 24px;--secondary-xxl-font-size-desktop-xl: 60px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 33px;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 14px;--body-xxxs-font-size-desktop: 13px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 20px;--secondary-xxs-font-size-mobile: 16px;--basic-m-font-size-desktop-xl: 15px;--secondary-xs-font-size-mobile: 16px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 15px;--basic-l-font-size-desktop: 13px;--basic-xxl-font-size-desktop: 23px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 13px;--basic-m-font-size-desktop: 15px;--body-xs-font-size-desktop-xl: 11px;--body-xxxs-font-size-desktop-xl: 13px;--primary-xs-font-size-desktop-xl: 16px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 12px;--secondary-m-font-size-mobile: 16px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 10px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 30px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 20px;--secondary-xxl-font-size-mobile: 32px;--secondary-xl-font-size-mobile: 26px;--secondary-xxl-font-size-desktop: 46px;--secondary-l-font-size-desktop: 24px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: 12px;--basic-xxs-font-size-desktop: 10px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 13px;--body-xl-font-size-desktop-xl: 19px;--body-xxxl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 28px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 20px;--body-m-font-size-desktop-xl: 15px;--basic-l-font-size-mobile: 12px;--basic-xl-font-size-desktop: 18px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 18px;--body-l-font-size-desktop-xl: 16px;--body-xs-font-size-mobile: 12px;--body-xxxs-font-size-mobile: 13px;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 15px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 11px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 12px;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: 11px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 15px;--body-l-font-size-desktop: 16px;--body-xxl-font-size-desktop: 18px;--primary-l-font-size-desktop: 23px;--primary-xxl-font-size-desktop: 32px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 18px;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 17px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 23px;--body-m-font-size-desktop: 15px;--body-m-font-size-mobile: 15px;--primary-m-font-size-desktop: 18px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: -0.09px;--body-s-letter-spacing-desktop-xl: 1.4px;--body-xxs-letter-spacing-desktop-xl: 1.69px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.5px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 2.3px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: 0px;--body-xs-letter-spacing-desktop-xl: 1.65px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 3px;--body-l-letter-spacing-mobile: -0.07px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: 0.45px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: -0.31px;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: 1.5px;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: 0.75px;--body-xl-letter-spacing-mobile: -0.09px;--basic-m-letter-spacing-desktop: 0.75px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: -0.3px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0.39px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 3.3px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 1.5px;--body-xxs-letter-spacing-mobile: 1.69px;--body-xxxs-letter-spacing-desktop: 0px;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: 0.6px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 2.3px;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 1.69px;--body-xxxs-letter-spacing-mobile: 0px;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: 1.4px;--body-xs-letter-spacing-mobile: 1.8px;--basic-xl-letter-spacing-desktop-xl: -0.09px;--basic-l-letter-spacing-mobile: 0.36px;--basic-xxl-letter-spacing-mobile: -0.26px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.65px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: -0.085px;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: 1.5px;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 2.6px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: -0.1px;--secondary-m-letter-spacing-mobile: 2.4px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.5px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: -0.07px;--body-m-letter-spacing-desktop-xl: 1.5px;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: -0.095px;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 600;--basic-xxl-font-weight-desktop: 600;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 600;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 600;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: normal;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: bold;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 600;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 600;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: bold;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 600;--basic-xxs-font-weight-desktop-xl: 600;--basic-s-font-weight-desktop-xl: 600;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 600;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: normal;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: normal;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 600;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 600;--basic-l-font-weight-desktop-xl: 600;--basic-xs-font-weight-desktop: 600;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 600;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: bold;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 600;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 600;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: bold;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 600;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: bold;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 600;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 600;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: bold;--primary-l-font-weight-desktop-xl: bold;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 19px;--primary-m-line-height-desktop: 21px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: 33px;--primary-xl-line-height-desktop: 27px;--body-xl-line-height-desktop: 22px;--basic-xxs-line-height-desktop-xl: 15px;--basic-xs-line-height-mobile: 13px;--secondary-l-line-height-desktop-xl: 29px;--secondary-xxl-line-height-desktop-xl: 70px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 37px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 16px;--primary-xxs-line-height-desktop: 19px;--secondary-s-line-height-mobile: 25px;--secondary-xxs-line-height-mobile: 20px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 20px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 17px;--body-xxxs-line-height-desktop: 17px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 21px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 27px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 17px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 15px;--primary-xs-line-height-desktop-xl: 20px;--body-xxxs-line-height-desktop-xl: 17px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 16px;--basic-xxl-line-height-desktop: 26px;--basic-m-line-height-desktop: 20px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 15px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 19px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 16px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 25px;--secondary-xxl-line-height-mobile: 40px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 32px;--secondary-xl-line-height-desktop: 34px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 56px;--secondary-l-line-height-desktop: 29px;--secondary-m-line-height-desktop: 17px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 24px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 33px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 13px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 19px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 23px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 26px;--body-l-line-height-desktop-xl: 20px;--basic-xl-line-height-desktop: 22px;--secondary-xs-line-height-desktop: 26px;--body-xs-line-height-mobile: 16px;--body-xxxs-line-height-mobile: 17px;--primary-xs-line-height-mobile: 22px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 20px;--secondary-s-line-height-desktop: 27px;--primary-xxs-line-height-mobile: 19px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 16px;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 27px;--secondary-xxs-line-height-desktop-xl: 20px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 22px;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 26px;--primary-m-line-height-mobile: 26px;--body-m-line-height-mobile: 19px;--basic-xl-line-height-desktop-xl: 22px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 20px;--body-xxl-line-height-desktop: 26px;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: 36px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 26px;--primary-l-line-height-mobile: 26px;--body-l-line-height-mobile: 18px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Graphik Semibold", sans-serif;--font-family-body-fancy: Georgia, Helvetica, sans-serif}
package/build/rollingstone-2022.json CHANGED
@@ -64,10 +64,10 @@
64
64
  "PRIMARY_L_FONT_SIZE_MOBILE": "23px",
65
65
  "BODY_XXL_FONT_SIZE_MOBILE": "18px",
66
66
  "BASIC_S_FONT_SIZE_DESKTOP_XL": "13px",
67
- "SECONDARY_M_FONT_SIZE_DESKTOP_XL": "23px",
67
+ "SECONDARY_M_FONT_SIZE_DESKTOP_XL": "18px",
68
68
  "BASIC_XXS_FONT_SIZE_DESKTOP_XL": "12px",
69
69
  "BASIC_XS_FONT_SIZE_MOBILE": "11px",
70
- "SECONDARY_L_FONT_SIZE_DESKTOP_XL": "28px",
70
+ "SECONDARY_L_FONT_SIZE_DESKTOP_XL": "24px",
71
71
  "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL": "60px",
72
72
  "BODY_S_FONT_SIZE_DESKTOP": "14px",
73
73
  "BODY_XXS_FONT_SIZE_DESKTOP": "13px",
@@ -116,10 +116,10 @@
116
116
  "SECONDARY_XXL_FONT_SIZE_MOBILE": "32px",
117
117
  "SECONDARY_XL_FONT_SIZE_MOBILE": "26px",
118
118
  "SECONDARY_XXL_FONT_SIZE_DESKTOP": "46px",
119
- "SECONDARY_L_FONT_SIZE_DESKTOP": "28px",
119
+ "SECONDARY_L_FONT_SIZE_DESKTOP": "24px",
120
120
  "SECONDARY_REGULAR_M_FONT_SIZE_MOBILE": "15px",
121
121
  "ACCENT_XXS_FONT_SIZE_MOBILE": "14px",
122
- "SECONDARY_M_FONT_SIZE_DESKTOP": "23px",
122
+ "SECONDARY_M_FONT_SIZE_DESKTOP": "18px",
123
123
  "BASIC_S_FONT_SIZE_DESKTOP": "12px",
124
124
  "BASIC_XXS_FONT_SIZE_DESKTOP": "10px",
125
125
  "ACCENT_S_FONT_SIZE_MOBILE": "23px",
@@ -402,13 +402,13 @@
402
402
  "BODY_M_LINE_HEIGHT_DESKTOP": "19px",
403
403
  "PRIMARY_M_LINE_HEIGHT_DESKTOP": "21px",
404
404
  "BASIC_S_LINE_HEIGHT_DESKTOP_XL": "15px",
405
- "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL": "22px",
405
+ "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL": "17px",
406
406
  "BODY_XXXL_LINE_HEIGHT_DESKTOP": "33px",
407
407
  "PRIMARY_XL_LINE_HEIGHT_DESKTOP": "27px",
408
408
  "BODY_XL_LINE_HEIGHT_DESKTOP": "22px",
409
409
  "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": "15px",
410
410
  "BASIC_XS_LINE_HEIGHT_MOBILE": "13px",
411
- "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL": "33px",
411
+ "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL": "29px",
412
412
  "SECONDARY_XXL_LINE_HEIGHT_DESKTOP_XL": "70px",
413
413
  "SECONDARY_REGULAR_M_LINE_HEIGHT_DESKTOP_XL": "15px",
414
414
  "SECONDARY_XL_LINE_HEIGHT_DESKTOP_XL": "37px",
@@ -460,8 +460,8 @@
460
460
  "ACCENT_S_LINE_HEIGHT_MOBILE": "23px",
461
461
  "ACCENT_XXS_LINE_HEIGHT_MOBILE": "0.4px",
462
462
  "SECONDARY_XXL_LINE_HEIGHT_DESKTOP": "56px",
463
- "SECONDARY_L_LINE_HEIGHT_DESKTOP": "33px",
464
- "SECONDARY_M_LINE_HEIGHT_DESKTOP": "22px",
463
+ "SECONDARY_L_LINE_HEIGHT_DESKTOP": "29px",
464
+ "SECONDARY_M_LINE_HEIGHT_DESKTOP": "17px",
465
465
  "BASIC_S_LINE_HEIGHT_DESKTOP": "15px",
466
466
  "BODY_XL_LINE_HEIGHT_DESKTOP_XL": "24px",
467
467
  "PRIMARY_XL_LINE_HEIGHT_DESKTOP_XL": "34px",
package/build/rollingstone-2022.map.scss CHANGED
@@ -79,10 +79,10 @@ $rollingstone-2022-map: (
79
79
  'primary-l-font-size-mobile': (23px),
80
80
  'body-xxl-font-size-mobile': (18px),
81
81
  'basic-s-font-size-desktop-xl': (13px),
82
- 'secondary-m-font-size-desktop-xl': (23px),
82
+ 'secondary-m-font-size-desktop-xl': (18px),
83
83
  'basic-xxs-font-size-desktop-xl': (12px),
84
84
  'basic-xs-font-size-mobile': (11px),
85
- 'secondary-l-font-size-desktop-xl': (28px),
85
+ 'secondary-l-font-size-desktop-xl': (24px),
86
86
  'secondary-xxl-font-size-desktop-xl': (60px),
87
87
  'body-s-font-size-desktop': (14px),
88
88
  'body-xxs-font-size-desktop': (13px),
@@ -131,10 +131,10 @@ $rollingstone-2022-map: (
131
131
  'secondary-xxl-font-size-mobile': (32px),
132
132
  'secondary-xl-font-size-mobile': (26px),
133
133
  'secondary-xxl-font-size-desktop': (46px),
134
- 'secondary-l-font-size-desktop': (28px),
134
+ 'secondary-l-font-size-desktop': (24px),
135
135
  'secondary-regular-m-font-size-mobile': (15px),
136
136
  'accent-xxs-font-size-mobile': (14px),
137
- 'secondary-m-font-size-desktop': (23px),
137
+ 'secondary-m-font-size-desktop': (18px),
138
138
  'basic-s-font-size-desktop': (12px),
139
139
  'basic-xxs-font-size-desktop': (10px),
140
140
  'accent-s-font-size-mobile': (23px),
@@ -417,13 +417,13 @@ $rollingstone-2022-map: (
417
417
  'body-m-line-height-desktop': (19px),
418
418
  'primary-m-line-height-desktop': (21px),
419
419
  'basic-s-line-height-desktop-xl': (15px),
420
- 'secondary-m-line-height-desktop-xl': (22px),
420
+ 'secondary-m-line-height-desktop-xl': (17px),
421
421
  'body-xxxl-line-height-desktop': (33px),
422
422
  'primary-xl-line-height-desktop': (27px),
423
423
  'body-xl-line-height-desktop': (22px),
424
424
  'basic-xxs-line-height-desktop-xl': (15px),
425
425
  'basic-xs-line-height-mobile': (13px),
426
- 'secondary-l-line-height-desktop-xl': (33px),
426
+ 'secondary-l-line-height-desktop-xl': (29px),
427
427
  'secondary-xxl-line-height-desktop-xl': (70px),
428
428
  'secondary-regular-m-line-height-desktop-xl': (15px),
429
429
  'secondary-xl-line-height-desktop-xl': (37px),
@@ -475,8 +475,8 @@ $rollingstone-2022-map: (
475
475
  'accent-s-line-height-mobile': (23px),
476
476
  'accent-xxs-line-height-mobile': (0.4px),
477
477
  'secondary-xxl-line-height-desktop': (56px),
478
- 'secondary-l-line-height-desktop': (33px),
479
- 'secondary-m-line-height-desktop': (22px),
478
+ 'secondary-l-line-height-desktop': (29px),
479
+ 'secondary-m-line-height-desktop': (17px),
480
480
  'basic-s-line-height-desktop': (15px),
481
481
  'body-xl-line-height-desktop-xl': (24px),
482
482
  'primary-xl-line-height-desktop-xl': (34px),
package/build/rollingstone-2022.raw.json CHANGED
@@ -696,8 +696,8 @@
696
696
  "SECONDARY_M_FONT_SIZE_DESKTOP_XL": {
697
697
  "category": "font-size",
698
698
  "type": "number",
699
- "value": "23px",
700
- "originalValue": "23px",
699
+ "value": "18px",
700
+ "originalValue": "18px",
701
701
  "name": "SECONDARY_M_FONT_SIZE_DESKTOP_XL"
702
702
  },
703
703
  "BASIC_XXS_FONT_SIZE_DESKTOP_XL": {
@@ -717,8 +717,8 @@
717
717
  "SECONDARY_L_FONT_SIZE_DESKTOP_XL": {
718
718
  "category": "font-size",
719
719
  "type": "number",
720
- "value": "28px",
721
- "originalValue": "28px",
720
+ "value": "24px",
721
+ "originalValue": "24px",
722
722
  "name": "SECONDARY_L_FONT_SIZE_DESKTOP_XL"
723
723
  },
724
724
  "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL": {
@@ -1088,8 +1088,8 @@
1088
1088
  "SECONDARY_L_FONT_SIZE_DESKTOP": {
1089
1089
  "category": "font-size",
1090
1090
  "type": "number",
1091
- "value": "28px",
1092
- "originalValue": "28px",
1091
+ "value": "24px",
1092
+ "originalValue": "24px",
1093
1093
  "name": "SECONDARY_L_FONT_SIZE_DESKTOP"
1094
1094
  },
1095
1095
  "SECONDARY_REGULAR_M_FONT_SIZE_MOBILE": {
@@ -1113,8 +1113,8 @@
1113
1113
  "SECONDARY_M_FONT_SIZE_DESKTOP": {
1114
1114
  "category": "font-size",
1115
1115
  "type": "number",
1116
- "value": "23px",
1117
- "originalValue": "23px",
1116
+ "value": "18px",
1117
+ "originalValue": "18px",
1118
1118
  "name": "SECONDARY_M_FONT_SIZE_DESKTOP"
1119
1119
  },
1120
1120
  "BASIC_S_FONT_SIZE_DESKTOP": {
@@ -3184,8 +3184,8 @@
3184
3184
  "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL": {
3185
3185
  "category": "line-height",
3186
3186
  "type": "number",
3187
- "value": "22px",
3188
- "originalValue": "22px",
3187
+ "value": "17px",
3188
+ "originalValue": "17px",
3189
3189
  "name": "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL"
3190
3190
  },
3191
3191
  "BODY_XXXL_LINE_HEIGHT_DESKTOP": {
@@ -3226,8 +3226,8 @@
3226
3226
  "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL": {
3227
3227
  "category": "line-height",
3228
3228
  "type": "number",
3229
- "value": "33px",
3230
- "originalValue": "33px",
3229
+ "value": "29px",
3230
+ "originalValue": "29px",
3231
3231
  "name": "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL"
3232
3232
  },
3233
3233
  "SECONDARY_XXL_LINE_HEIGHT_DESKTOP_XL": {
@@ -3624,15 +3624,15 @@
3624
3624
  "SECONDARY_L_LINE_HEIGHT_DESKTOP": {
3625
3625
  "category": "line-height",
3626
3626
  "type": "number",
3627
- "value": "33px",
3628
- "originalValue": "33px",
3627
+ "value": "29px",
3628
+ "originalValue": "29px",
3629
3629
  "name": "SECONDARY_L_LINE_HEIGHT_DESKTOP"
3630
3630
  },
3631
3631
  "SECONDARY_M_LINE_HEIGHT_DESKTOP": {
3632
3632
  "category": "line-height",
3633
3633
  "type": "number",
3634
- "value": "22px",
3635
- "originalValue": "22px",
3634
+ "value": "17px",
3635
+ "originalValue": "17px",
3636
3636
  "name": "SECONDARY_M_LINE_HEIGHT_DESKTOP"
3637
3637
  },
3638
3638
  "BASIC_S_LINE_HEIGHT_DESKTOP": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-tokens",
3
- "version": "1.19.0",
3
+ "version": "1.22.1",
4
4
  "description": "Design tokens",
5
5
  "author": "laras126 <laras126@gmail.com>",
6
6
  "homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
@@ -34,5 +34,5 @@
34
34
  "plugin-error": "^1.0.1",
35
35
  "sass": "^1.54.0"
36
36
  },
37
- "gitHead": "36854713accd15c974cc157b65b2d1737e322f7d"
37
+ "gitHead": "707d53abbabec9dbb55645e25e40c8051d48fbfb"
38
38
  }
package/style-guides/bbesp.html CHANGED
@@ -625,11 +625,11 @@
625
625
  <code>border-color-grey-light</code>
626
626
  </th>
627
627
  <td>
628
- <code>rgb(204, 204, 204)</code>
628
+ <code>rgb(213, 213, 213)</code>
629
629
  </td>
630
630
 
631
631
  <td>
632
- <hr style="border-top-color: rgb(204, 204, 204);" />
632
+ <hr style="border-top-color: rgb(213, 213, 213);" />
633
633
  </td>
634
634
 
635
635
  <td></td>
@@ -745,11 +745,11 @@
745
745
  <code>border-color-brand-primary</code>
746
746
  </th>
747
747
  <td>
748
- <code>rgb(0, 157, 219)</code>
748
+ <code>rgb(0, 158, 218)</code>
749
749
  </td>
750
750
 
751
751
  <td>
752
- <hr style="border-top-color: rgb(0, 157, 219);" />
752
+ <hr style="border-top-color: rgb(0, 158, 218);" />
753
753
  </td>
754
754
 
755
755
  <td></td>
@@ -757,7 +757,7 @@
757
757
 
758
758
  <tr>
759
759
  <th scope="row">
760
- <code>border-color-brand-accent-1</code>
760
+ <code>border-color-brand-accent-red</code>
761
761
  </th>
762
762
  <td>
763
763
  <code>rgb(239, 132, 26)</code>
@@ -772,22 +772,7 @@
772
772
 
773
773
  <tr>
774
774
  <th scope="row">
775
- <code>border-color-brand-accent-2</code>
776
- </th>
777
- <td>
778
- <code>rgb(0, 221, 161)</code>
779
- </td>
780
-
781
- <td>
782
- <hr style="border-top-color: rgb(0, 221, 161);" />
783
- </td>
784
-
785
- <td></td>
786
- </tr>
787
-
788
- <tr>
789
- <th scope="row">
790
- <code>border-color-brand-accent-3</code>
775
+ <code>border-color-brand-accent-blue</code>
791
776
  </th>
792
777
  <td>
793
778
  <code>rgb(248, 201, 154)</code>
@@ -802,14 +787,14 @@
802
787
 
803
788
  <tr>
804
789
  <th scope="row">
805
- <code>border-color-grey-ligh</code>
790
+ <code>border-color-black</code>
806
791
  </th>
807
792
  <td>
808
- <code>rgb(213, 213, 213)</code>
793
+ <code>rgb(16, 17, 25)</code>
809
794
  </td>
810
795
 
811
796
  <td>
812
- <hr style="border-top-color: rgb(213, 213, 213);" />
797
+ <hr style="border-top-color: rgb(16, 17, 25);" />
813
798
  </td>
814
799
 
815
800
  <td></td>
@@ -817,14 +802,14 @@
817
802
 
818
803
  <tr>
819
804
  <th scope="row">
820
- <code>border-color-black</code>
805
+ <code>border-color-brand-accent</code>
821
806
  </th>
822
807
  <td>
823
- <code>rgb(16, 17, 25)</code>
808
+ <code>rgb(239, 132, 26)</code>
824
809
  </td>
825
810
 
826
811
  <td>
827
- <hr style="border-top-color: rgb(16, 17, 25);" />
812
+ <hr style="border-top-color: rgb(239, 132, 26);" />
828
813
  </td>
829
814
 
830
815
  <td></td>
@@ -832,14 +817,14 @@
832
817
 
833
818
  <tr>
834
819
  <th scope="row">
835
- <code>border-color-brand-accent</code>
820
+ <code>border-color-brand-accent-green</code>
836
821
  </th>
837
822
  <td>
838
- <code>rgb(239, 132, 26)</code>
823
+ <code>rgb(0, 221, 161)</code>
839
824
  </td>
840
825
 
841
826
  <td>
842
- <hr style="border-top-color: rgb(239, 132, 26);" />
827
+ <hr style="border-top-color: rgb(0, 221, 161);" />
843
828
  </td>
844
829
 
845
830
  <td></td>
@@ -883,9 +868,9 @@
883
868
  <code>background-color-grey-light</code>
884
869
  </th>
885
870
  <td>
886
- <code>rgb(204, 204, 204)</code>
871
+ <code>rgb(213, 213, 213)</code>
887
872
  </td>
888
- <td style="background-color: rgb(204, 204, 204); border: 1px solid #f6f6f6;"></td>
873
+ <td style="background-color: rgb(213, 213, 213); border: 1px solid #f6f6f6;"></td>
889
874
  <td></td>
890
875
  </tr>
891
876
 
@@ -1015,9 +1000,9 @@
1015
1000
  <code>background-color-brand-primary</code>
1016
1001
  </th>
1017
1002
  <td>
1018
- <code>rgb(0, 157, 219)</code>
1003
+ <code>rgb(0, 158, 218)</code>
1019
1004
  </td>
1020
- <td style="background-color: rgb(0, 157, 219); border: 1px solid #f6f6f6;"></td>
1005
+ <td style="background-color: rgb(0, 158, 218); border: 1px solid #f6f6f6;"></td>
1021
1006
  <td></td>
1022
1007
  </tr>
1023
1008
 
@@ -1034,7 +1019,7 @@
1034
1019
 
1035
1020
  <tr>
1036
1021
  <th scope="row">
1037
- <code>background-color-brand-accent-1</code>
1022
+ <code>background-color-brand-accent-red</code>
1038
1023
  </th>
1039
1024
  <td>
1040
1025
  <code>rgb(239, 132, 26)</code>
@@ -1045,18 +1030,7 @@
1045
1030
 
1046
1031
  <tr>
1047
1032
  <th scope="row">
1048
- <code>background-color-brand-accent-2</code>
1049
- </th>
1050
- <td>
1051
- <code>rgb(0, 221, 161)</code>
1052
- </td>
1053
- <td style="background-color: rgb(0, 221, 161); border: 1px solid #f6f6f6;"></td>
1054
- <td></td>
1055
- </tr>
1056
-
1057
- <tr>
1058
- <th scope="row">
1059
- <code>background-color-brand-accent-3</code>
1033
+ <code>background-color-brand-accent-blue</code>
1060
1034
  </th>
1061
1035
  <td>
1062
1036
  <code>rgb(248, 201, 154)</code>
@@ -1078,12 +1052,12 @@
1078
1052
 
1079
1053
  <tr>
1080
1054
  <th scope="row">
1081
- <code>background-color-grey-ligh</code>
1055
+ <code>background-color-brand-accent-green</code>
1082
1056
  </th>
1083
1057
  <td>
1084
- <code>rgb(213, 213, 213)</code>
1058
+ <code>rgb(0, 221, 161)</code>
1085
1059
  </td>
1086
- <td style="background-color: rgb(213, 213, 213); border: 1px solid #f6f6f6;"></td>
1060
+ <td style="background-color: rgb(0, 221, 161); border: 1px solid #f6f6f6;"></td>
1087
1061
  <td></td>
1088
1062
  </tr>
1089
1063
  </tbody>
@@ -1190,10 +1164,10 @@
1190
1164
  <code>color-brand-primary</code>
1191
1165
  </th>
1192
1166
  <td>
1193
- <code>rgb(0, 157, 219)</code>
1167
+ <code>rgb(0, 158, 218)</code>
1194
1168
  </td>
1195
1169
 
1196
- <td style="background-color: #f6f6f6; color: rgb(0, 157, 219);">
1170
+ <td style="background-color: #f6f6f6; color: rgb(0, 158, 218);">
1197
1171
  The quick brown fox jumps over the lazy dog.
1198
1172
  </td>
1199
1173
 
@@ -1205,10 +1179,10 @@
1205
1179
  <code>color-grey-light</code>
1206
1180
  </th>
1207
1181
  <td>
1208
- <code>rgb(230, 230, 230)</code>
1182
+ <code>rgb(213, 213, 213)</code>
1209
1183
  </td>
1210
1184
 
1211
- <td style="background-color: #f6f6f6; color: rgb(230, 230, 230);">
1185
+ <td style="background-color: #f6f6f6; color: rgb(213, 213, 213);">
1212
1186
  The quick brown fox jumps over the lazy dog.
1213
1187
  </td>
1214
1188
 
@@ -1277,13 +1251,13 @@
1277
1251
 
1278
1252
  <tr>
1279
1253
  <th scope="row">
1280
- <code>color-grey-ligh</code>
1254
+ <code>color-brand-accent-green</code>
1281
1255
  </th>
1282
1256
  <td>
1283
- <code>rgb(213, 213, 213)</code>
1257
+ <code>rgb(0, 221, 161)</code>
1284
1258
  </td>
1285
1259
 
1286
- <td style="background-color: #f6f6f6; color: rgb(213, 213, 213);">
1260
+ <td style="background-color: #f6f6f6; color: rgb(0, 221, 161);">
1287
1261
  The quick brown fox jumps over the lazy dog.
1288
1262
  </td>
1289
1263
 
@@ -1307,7 +1281,7 @@
1307
1281
 
1308
1282
  <tr>
1309
1283
  <th scope="row">
1310
- <code>color-brand-accent-1</code>
1284
+ <code>color-brand-accent-red</code>
1311
1285
  </th>
1312
1286
  <td>
1313
1287
  <code>rgb(239, 132, 26)</code>
@@ -1322,13 +1296,13 @@
1322
1296
 
1323
1297
  <tr>
1324
1298
  <th scope="row">
1325
- <code>color-brand-accent-2</code>
1299
+ <code>color-grey-lightest</code>
1326
1300
  </th>
1327
1301
  <td>
1328
- <code>rgb(0, 221, 161)</code>
1302
+ <code>rgb(237, 235, 235)</code>
1329
1303
  </td>
1330
1304
 
1331
- <td style="background-color: #f6f6f6; color: rgb(0, 221, 161);">
1305
+ <td style="background-color: #f6f6f6; color: rgb(237, 235, 235);">
1332
1306
  The quick brown fox jumps over the lazy dog.
1333
1307
  </td>
1334
1308
 
@@ -1337,7 +1311,7 @@
1337
1311
 
1338
1312
  <tr>
1339
1313
  <th scope="row">
1340
- <code>color-brand-accent-3</code>
1314
+ <code>color-brand-accent-blue</code>
1341
1315
  </th>
1342
1316
  <td>
1343
1317
  <code>rgb(248, 201, 154)</code>
@@ -1350,21 +1324,6 @@
1350
1324
  <td></td>
1351
1325
  </tr>
1352
1326
 
1353
- <tr>
1354
- <th scope="row">
1355
- <code>color-grey-lightest</code>
1356
- </th>
1357
- <td>
1358
- <code>rgb(237, 235, 235)</code>
1359
- </td>
1360
-
1361
- <td style="background-color: #f6f6f6; color: rgb(237, 235, 235);">
1362
- The quick brown fox jumps over the lazy dog.
1363
- </td>
1364
-
1365
- <td></td>
1366
- </tr>
1367
-
1368
1327
  <tr>
1369
1328
  <th scope="row">
1370
1329
  <code>color-brand-accent</code>
package/style-guides/rollingstone-2022.html CHANGED
@@ -2416,11 +2416,11 @@
2416
2416
  <code>secondary-m-font-size-desktop-xl</code>
2417
2417
  </th>
2418
2418
  <td>
2419
- <code>23px</code>
2419
+ <code>18px</code>
2420
2420
  </td>
2421
2421
 
2422
2422
  <td>
2423
- <div style="font-size: 23px;">
2423
+ <div style="font-size: 18px;">
2424
2424
  The quick brown fox jumps over the lazy dog.
2425
2425
  </div>
2426
2426
  </td>
@@ -2467,11 +2467,11 @@
2467
2467
  <code>secondary-l-font-size-desktop-xl</code>
2468
2468
  </th>
2469
2469
  <td>
2470
- <code>28px</code>
2470
+ <code>24px</code>
2471
2471
  </td>
2472
2472
 
2473
2473
  <td>
2474
- <div style="font-size: 28px;">
2474
+ <div style="font-size: 24px;">
2475
2475
  The quick brown fox jumps over the lazy dog.
2476
2476
  </div>
2477
2477
  </td>
@@ -3300,11 +3300,11 @@
3300
3300
  <code>secondary-l-font-size-desktop</code>
3301
3301
  </th>
3302
3302
  <td>
3303
- <code>28px</code>
3303
+ <code>24px</code>
3304
3304
  </td>
3305
3305
 
3306
3306
  <td>
3307
- <div style="font-size: 28px;">
3307
+ <div style="font-size: 24px;">
3308
3308
  The quick brown fox jumps over the lazy dog.
3309
3309
  </div>
3310
3310
  </td>
@@ -3351,11 +3351,11 @@
3351
3351
  <code>secondary-m-font-size-desktop</code>
3352
3352
  </th>
3353
3353
  <td>
3354
- <code>23px</code>
3354
+ <code>18px</code>
3355
3355
  </td>
3356
3356
 
3357
3357
  <td>
3358
- <div style="font-size: 23px;">
3358
+ <div style="font-size: 18px;">
3359
3359
  The quick brown fox jumps over the lazy dog.
3360
3360
  </div>
3361
3361
  </td>
@@ -4388,11 +4388,11 @@
4388
4388
  <code>secondary-m-line-height-desktop-xl</code>
4389
4389
  </th>
4390
4390
  <td>
4391
- <code>22px</code>
4391
+ <code>17px</code>
4392
4392
  </td>
4393
4393
 
4394
4394
  <td>
4395
- <div class="line-height-example" style="line-height: 22px; background-size: 100% 22px;">
4395
+ <div class="line-height-example" style="line-height: 17px; background-size: 100% 17px;">
4396
4396
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
4397
4397
  elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
4398
4398
  id feugiat at, venenatis quis erat.
@@ -4502,11 +4502,11 @@
4502
4502
  <code>secondary-l-line-height-desktop-xl</code>
4503
4503
  </th>
4504
4504
  <td>
4505
- <code>33px</code>
4505
+ <code>29px</code>
4506
4506
  </td>
4507
4507
 
4508
4508
  <td>
4509
- <div class="line-height-example" style="line-height: 33px; background-size: 100% 33px;">
4509
+ <div class="line-height-example" style="line-height: 29px; background-size: 100% 29px;">
4510
4510
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
4511
4511
  elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
4512
4512
  id feugiat at, venenatis quis erat.
@@ -5490,11 +5490,11 @@
5490
5490
  <code>secondary-l-line-height-desktop</code>
5491
5491
  </th>
5492
5492
  <td>
5493
- <code>33px</code>
5493
+ <code>29px</code>
5494
5494
  </td>
5495
5495
 
5496
5496
  <td>
5497
- <div class="line-height-example" style="line-height: 33px; background-size: 100% 33px;">
5497
+ <div class="line-height-example" style="line-height: 29px; background-size: 100% 29px;">
5498
5498
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
5499
5499
  elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
5500
5500
  id feugiat at, venenatis quis erat.
@@ -5509,11 +5509,11 @@
5509
5509
  <code>secondary-m-line-height-desktop</code>
5510
5510
  </th>
5511
5511
  <td>
5512
- <code>22px</code>
5512
+ <code>17px</code>
5513
5513
  </td>
5514
5514
 
5515
5515
  <td>
5516
- <div class="line-height-example" style="line-height: 22px; background-size: 100% 22px;">
5516
+ <div class="line-height-example" style="line-height: 17px; background-size: 100% 17px;">
5517
5517
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
5518
5518
  elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
5519
5519
  id feugiat at, venenatis quis erat.