@penskemediacorp/larva-tokens 1.76.0 → 1.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/vibe-2024.custom-properties.css +1 -1
  2. package/build/vibe-2024.json +3 -3
  3. package/build/vibe-2024.map.scss +3 -3
  4. package/build/vibe-2024.raw.json +6 -6
  5. package/package.json +2 -2
  6. package/style-guides/vibe-2024.html +6 -6
package/build/vibe-2024.custom-properties.css CHANGED
@@ -1 +1 @@
1
- :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(27, 147, 157);--border-color-grey: rgb(140, 140, 140);--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(27, 147, 157);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(27, 147, 157);--background-color-black: rgb(0, 0, 0);--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(27, 147, 157);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(27, 147, 157);--color-black: rgb(0, 0, 0);--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(27, 147, 157);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: 'DM Serif Text', Georgia, serif;--font-family-primary: 'DM Serif Text', Georgia, serif;--font-family-secondary-fancy: 'roboto', Helvetica, sans-serif;--font-family-secondary: 'roboto', Helvetica, sans-serif;--font-family-body: Georgia, serif;--font-family-basic: 'roboto', Helvetica, 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: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Roboto, Helvetica, sans-serif;--color-brand-accent: rgb(16, 16, 16);--font-family-accent-fancy: 'roboto', Helvetica, sans-serif}
1
+ :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(27, 147, 157);--border-color-grey: rgb(140, 140, 140);--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(237, 28, 36);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(27, 147, 157);--background-color-black: rgb(0, 0, 0);--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(237, 28, 36);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(27, 147, 157);--color-black: rgb(0, 0, 0);--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(237, 28, 36);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "DM Serif Text", Georgia, serif;--font-family-primary: "DM Serif Text", Georgia, serif;--font-family-secondary-fancy: "roboto", Helvetica, sans-serif;--font-family-secondary: "roboto", Helvetica, sans-serif;--font-family-body: Georgia, serif;--font-family-basic: "roboto", Helvetica, 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: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Roboto, Helvetica, sans-serif;--color-brand-accent: rgb(16, 16, 16);--font-family-accent-fancy: "roboto", Helvetica, sans-serif}
package/build/vibe-2024.json CHANGED
@@ -9,7 +9,7 @@
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(27, 147, 157)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(237, 28, 36)",
13
13
  "BACKGROUND_COLOR_GREY_LIGHT": "rgb(220, 220, 220)",
14
14
  "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
15
15
  "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
@@ -22,14 +22,14 @@
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(27, 147, 157)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(237, 28, 36)",
26
26
  "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
27
27
  "COLOR_BRAND_SECONDARY": "rgb(27, 147, 157)",
28
28
  "COLOR_BLACK": "rgb(0, 0, 0)",
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(27, 147, 157)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(237, 28, 36)",
33
33
  "COLOR_GREY_LIGHT": "rgb(220, 220, 220)",
34
34
  "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
35
35
  "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
package/build/vibe-2024.map.scss CHANGED
@@ -10,7 +10,7 @@ $vibe-2024-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(27, 147, 157)),
13
+ 'border-color-brand-primary': (rgb(237, 28, 36)),
14
14
  'background-color-grey-light': (rgb(220, 220, 220)),
15
15
  'background-color-grey-lightest': (rgb(239, 239, 239)),
16
16
  'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
@@ -24,14 +24,14 @@ $vibe-2024-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(27, 147, 157)),
27
+ 'background-color-brand-primary': (rgb(237, 28, 36)),
28
28
  'background-color-grey-darkest': (rgb(50, 50, 50)),
29
29
  'color-brand-secondary': (rgb(27, 147, 157)),
30
30
  'color-black': (rgb(0, 0, 0)),
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(27, 147, 157)),
34
+ 'color-brand-primary': (rgb(237, 28, 36)),
35
35
  'color-grey-light': (rgb(220, 220, 220)),
36
36
  'color-brand-secondary-dark': (rgb(0, 0, 0)),
37
37
  'color-brand-secondary-light': (rgb(0, 0, 0)),
package/build/vibe-2024.raw.json CHANGED
@@ -295,10 +295,10 @@
295
295
  "name": "BORDER_COLOR_BRAND_PRIMARY_DARK"
296
296
  },
297
297
  "BORDER_COLOR_BRAND_PRIMARY": {
298
- "value": "rgb(27, 147, 157)",
298
+ "value": "rgb(237, 28, 36)",
299
299
  "type": "color",
300
300
  "category": "hr-color",
301
- "originalValue": "#1B939D",
301
+ "originalValue": "#ED1C24",
302
302
  "name": "BORDER_COLOR_BRAND_PRIMARY"
303
303
  },
304
304
  "BACKGROUND_COLOR_GREY_LIGHT": {
@@ -387,10 +387,10 @@
387
387
  "name": "BACKGROUND_COLOR_WHITE"
388
388
  },
389
389
  "BACKGROUND_COLOR_BRAND_PRIMARY": {
390
- "value": "rgb(27, 147, 157)",
390
+ "value": "rgb(237, 28, 36)",
391
391
  "type": "color",
392
392
  "category": "background-color",
393
- "originalValue": "#1B939D",
393
+ "originalValue": "#ED1C24",
394
394
  "name": "BACKGROUND_COLOR_BRAND_PRIMARY"
395
395
  },
396
396
  "BACKGROUND_COLOR_GREY_DARKEST": {
@@ -436,10 +436,10 @@
436
436
  "name": "COLOR_WHITE"
437
437
  },
438
438
  "COLOR_BRAND_PRIMARY": {
439
- "value": "rgb(27, 147, 157)",
439
+ "value": "rgb(237, 28, 36)",
440
440
  "type": "color",
441
441
  "category": "text-color",
442
- "originalValue": "#1B939D",
442
+ "originalValue": "#ED1C24",
443
443
  "name": "COLOR_BRAND_PRIMARY"
444
444
  },
445
445
  "COLOR_GREY_LIGHT": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@penskemediacorp/larva-tokens",
3
- "version": "1.76.0",
3
+ "version": "1.77.0",
4
4
  "description": "Design tokens",
5
5
  "author": "laras126 <laras126@gmail.com>",
6
6
  "homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
@@ -34,5 +34,5 @@
34
34
  "plugin-error": "^2",
35
35
  "sass": "^1"
36
36
  },
37
- "gitHead": "927afe9655d3ff61c3376e68a7a9dee503b8ff26"
37
+ "gitHead": "4f246de4548be09e0eed5b4d071a02e6f4c11fba"
38
38
  }
package/style-guides/vibe-2024.html CHANGED
@@ -745,11 +745,11 @@
745
745
  <code>border-color-brand-primary</code>
746
746
  </th>
747
747
  <td>
748
- <code>rgb(27, 147, 157)</code>
748
+ <code>rgb(237, 28, 36)</code>
749
749
  </td>
750
750
 
751
751
  <td>
752
- <hr style="border-top-color: rgb(27, 147, 157);" />
752
+ <hr style="border-top-color: rgb(237, 28, 36);" />
753
753
  </td>
754
754
 
755
755
  <td></td>
@@ -925,9 +925,9 @@
925
925
  <code>background-color-brand-primary</code>
926
926
  </th>
927
927
  <td>
928
- <code>rgb(27, 147, 157)</code>
928
+ <code>rgb(237, 28, 36)</code>
929
929
  </td>
930
- <td style="background-color: rgb(27, 147, 157); border: 1px solid #f6f6f6;"></td>
930
+ <td style="background-color: rgb(237, 28, 36); border: 1px solid #f6f6f6;"></td>
931
931
  <td></td>
932
932
  </tr>
933
933
 
@@ -1056,10 +1056,10 @@
1056
1056
  <code>color-brand-primary</code>
1057
1057
  </th>
1058
1058
  <td>
1059
- <code>rgb(27, 147, 157)</code>
1059
+ <code>rgb(237, 28, 36)</code>
1060
1060
  </td>
1061
1061
 
1062
- <td style="background-color: #f6f6f6; color: rgb(27, 147, 157);">
1062
+ <td style="background-color: #f6f6f6; color: rgb(237, 28, 36);">
1063
1063
  The quick brown fox jumps over the lazy dog.
1064
1064
  </td>
1065
1065