@penskemediacorp/larva-tokens 1.68.0 → 1.69.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/billboard-2025.custom-properties.css +1 -0
  2. package/build/billboard-2025.json +82 -0
  3. package/build/billboard-2025.map.scss +92 -0
  4. package/build/billboard-2025.raw.json +801 -0
  5. package/package.json +2 -2
  6. package/style-guides/billboard-2025.html +1438 -0
package/build/billboard-2025.custom-properties.css ADDED
@@ -0,0 +1 @@
1
+ :root{--border-color-grey-lightest: rgb(237, 236, 236);--border-color-brand-secondary-light: rgb(0, 63, 250);--border-color-grey-light: rgb(237, 236, 236);--border-color-grey-dark: rgb(74, 74, 74);--border-color-brand-secondary-dark: rgb(0, 63, 250);--border-color-brand-secondary: rgb(0, 63, 250);--border-color-grey: rgb(107, 107, 107);--border-color-brand-primary-light: rgb(0, 255, 154);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(0, 255, 154);--border-color-brand-primary: rgb(0, 255, 154);--background-color-grey-light: rgb(237, 236, 236);--background-color-grey-lightest: rgb(237, 236, 236);--background-color-brand-secondary-dark: rgb(0, 63, 250);--background-color-brand-secondary-light: rgb(0, 63, 250);--background-color-grey-dark: rgb(74, 74, 74);--background-color-grey: rgb(107, 107, 107);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(0, 63, 250);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(0, 255, 154);--background-color-brand-primary-dark: rgb(0, 255, 154);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(0, 255, 154);--background-color-grey-darkest: rgb(74, 74, 74);--color-brand-secondary: rgb(0, 63, 250);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(0, 255, 154);--color-brand-primary-dark: rgb(0, 255, 154);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(0, 255, 154);--color-grey-light: rgb(237, 236, 236);--color-brand-secondary-dark: rgb(0, 63, 250);--color-brand-secondary-light: rgb(0, 63, 250);--color-grey-dark: rgb(74, 74, 74);--color-grey: rgb(107, 107, 107);--font-family-primary-fancy: "Crystal Ultra Condensed Black", Arial, sans-serif;--font-family-primary: "Crystal Ultra Condensed Bold", serif;--font-family-secondary-fancy: "Crystal Condensed Semibold", Arial, sans-serif;--font-family-secondary: "Crystal Book", Arial, serif;--font-family-body: Georgia, Times New Roman, serif;--font-family-basic: "Crystal Extra Bold", Arial, 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.6;--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(203, 0, 28);--font-weight-title: 500;--color-brand-accent-green: rgb(0, 255, 154);--font-weight-title-bold: 600;--border-color-brand-accent-red: rgb(203, 0, 28);--border-color-brand-accent-blue: rgb(0, 63, 250);--background-color-brand-accent-blue: rgb(0, 63, 250);--font-weight-heading: 700;--color-grey-darkest: rgb(74, 74, 74);--font-family-basic-fancy: "Crystal Medium", Arial, sans-serif;--background-color-brand-accent: rgb(0, 255, 154);--border-color-black: rgb(0, 0, 0);--color-brand-accent-red: rgb(203, 0, 28);--border-color-brand-accent: rgb(0, 255, 154);--background-color-brand-accent-green: rgb(0, 255, 154);--color-grey-lightest: rgb(237, 236, 236);--border-color-brand-accent-green: rgb(0, 255, 154);--font-family-accent: "azeret-mono", Times New Roman, serif;--font-weight-subheading: 900;--color-brand-accent-blue: rgb(0, 63, 250);--color-brand-accent: rgb(0, 255, 154);--border-color-grey-darkest: rgb(74, 74, 74);--font-family-accent-fancy: "Crystal Expanded Extra Black", Arial, sans-serif}
package/build/billboard-2025.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "BORDER_COLOR_GREY_LIGHTEST": "rgb(237, 236, 236)",
3
+ "BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 63, 250)",
4
+ "BORDER_COLOR_GREY_LIGHT": "rgb(237, 236, 236)",
5
+ "BORDER_COLOR_GREY_DARK": "rgb(74, 74, 74)",
6
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 63, 250)",
7
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(0, 63, 250)",
8
+ "BORDER_COLOR_GREY": "rgb(107, 107, 107)",
9
+ "BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(0, 255, 154)",
10
+ "BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
11
+ "BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(0, 255, 154)",
12
+ "BORDER_COLOR_BRAND_PRIMARY": "rgb(0, 255, 154)",
13
+ "BACKGROUND_COLOR_GREY_LIGHT": "rgb(237, 236, 236)",
14
+ "BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(237, 236, 236)",
15
+ "BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 63, 250)",
16
+ "BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 63, 250)",
17
+ "BACKGROUND_COLOR_GREY_DARK": "rgb(74, 74, 74)",
18
+ "BACKGROUND_COLOR_GREY": "rgb(107, 107, 107)",
19
+ "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(0, 63, 250)",
21
+ "BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
22
+ "BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(0, 255, 154)",
23
+ "BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(0, 255, 154)",
24
+ "BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
25
+ "BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(0, 255, 154)",
26
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(74, 74, 74)",
27
+ "COLOR_BRAND_SECONDARY": "rgb(0, 63, 250)",
28
+ "COLOR_BLACK": "rgb(0, 0, 0)",
29
+ "COLOR_BRAND_PRIMARY_LIGHT": "rgb(0, 255, 154)",
30
+ "COLOR_BRAND_PRIMARY_DARK": "rgb(0, 255, 154)",
31
+ "COLOR_WHITE": "rgb(255, 255, 255)",
32
+ "COLOR_BRAND_PRIMARY": "rgb(0, 255, 154)",
33
+ "COLOR_GREY_LIGHT": "rgb(237, 236, 236)",
34
+ "COLOR_BRAND_SECONDARY_DARK": "rgb(0, 63, 250)",
35
+ "COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 63, 250)",
36
+ "COLOR_GREY_DARK": "rgb(74, 74, 74)",
37
+ "COLOR_GREY": "rgb(107, 107, 107)",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "'Crystal Ultra Condensed Black', Arial, sans-serif",
39
+ "FONT_FAMILY_PRIMARY": "'Crystal Ultra Condensed Bold', serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "'Crystal Condensed Semibold', Arial, sans-serif",
41
+ "FONT_FAMILY_SECONDARY": "'Crystal Book', Arial, serif",
42
+ "FONT_FAMILY_BODY": "Georgia, Times New Roman, serif",
43
+ "FONT_FAMILY_BASIC": "'Crystal Extra Bold', Arial, serif",
44
+ "FONT_WEIGHT_LIGHT": "300",
45
+ "FONT_WEIGHT_NORMAL": "400",
46
+ "FONT_WEIGHT_BOLD": "700",
47
+ "LINE_HEIGHT_SMALL": "1.1",
48
+ "LINE_HEIGHT_NORMAL": "1.35",
49
+ "LINE_HEIGHT_COPY": "1.6",
50
+ "LINE_HEIGHT_LARGE": "1.85",
51
+ "SPACING_00": "0",
52
+ "SPACING_025": "0.25rem",
53
+ "SPACING_050": "0.5rem",
54
+ "SPACING_075": "0.75rem",
55
+ "SPACING_1": "1rem",
56
+ "SPACING_125": "1.25rem",
57
+ "SPACING_150": "1.5rem",
58
+ "SPACING_2": "2rem",
59
+ "BACKGROUND_COLOR_BRAND_ACCENT_RED": "rgb(203, 0, 28)",
60
+ "FONT_WEIGHT_TITLE": "500",
61
+ "COLOR_BRAND_ACCENT_GREEN": "rgb(0, 255, 154)",
62
+ "FONT_WEIGHT_TITLE_BOLD": "600",
63
+ "BORDER_COLOR_BRAND_ACCENT_RED": "rgb(203, 0, 28)",
64
+ "BORDER_COLOR_BRAND_ACCENT_BLUE": "rgb(0, 63, 250)",
65
+ "BACKGROUND_COLOR_BRAND_ACCENT_BLUE": "rgb(0, 63, 250)",
66
+ "FONT_WEIGHT_HEADING": "700",
67
+ "COLOR_GREY_DARKEST": "rgb(74, 74, 74)",
68
+ "FONT_FAMILY_BASIC_FANCY": "'Crystal Medium', Arial, sans-serif",
69
+ "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(0, 255, 154)",
70
+ "BORDER_COLOR_BLACK": "rgb(0, 0, 0)",
71
+ "COLOR_BRAND_ACCENT_RED": "rgb(203, 0, 28)",
72
+ "BORDER_COLOR_BRAND_ACCENT": "rgb(0, 255, 154)",
73
+ "BACKGROUND_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 255, 154)",
74
+ "COLOR_GREY_LIGHTEST": "rgb(237, 236, 236)",
75
+ "BORDER_COLOR_BRAND_ACCENT_GREEN": "rgb(0, 255, 154)",
76
+ "FONT_FAMILY_ACCENT": "'azeret-mono', Times New Roman, serif",
77
+ "FONT_WEIGHT_SUBHEADING": "900",
78
+ "COLOR_BRAND_ACCENT_BLUE": "rgb(0, 63, 250)",
79
+ "COLOR_BRAND_ACCENT": "rgb(0, 255, 154)",
80
+ "BORDER_COLOR_GREY_DARKEST": "rgb(74, 74, 74)",
81
+ "FONT_FAMILY_ACCENT_FANCY": "'Crystal Expanded Extra Black', Arial, sans-serif"
82
+ }
package/build/billboard-2025.map.scss ADDED
@@ -0,0 +1,92 @@
1
+
2
+ $billboard-2025-map: (
3
+ 'border-color-grey-lightest': (rgb(237, 236, 236)),
4
+ 'border-color-brand-secondary-light': (rgb(0, 63, 250)),
5
+ 'border-color-grey-light': (rgb(237, 236, 236)),
6
+ 'border-color-grey-dark': (rgb(74, 74, 74)),
7
+ 'border-color-brand-secondary-dark': (rgb(0, 63, 250)),
8
+ 'border-color-brand-secondary': (rgb(0, 63, 250)),
9
+ 'border-color-grey': (rgb(107, 107, 107)),
10
+ 'border-color-brand-primary-light': (rgb(0, 255, 154)),
11
+ 'border-color-white': (rgb(255, 255, 255)),
12
+ 'border-color-brand-primary-dark': (rgb(0, 255, 154)),
13
+ 'border-color-brand-primary': (rgb(0, 255, 154)),
14
+ 'background-color-grey-light': (rgb(237, 236, 236)),
15
+ 'background-color-grey-lightest': (rgb(237, 236, 236)),
16
+ 'background-color-brand-secondary-dark': (rgb(0, 63, 250)),
17
+ 'background-color-brand-secondary-light': (rgb(0, 63, 250)),
18
+ 'background-color-grey-dark': (rgb(74, 74, 74)),
19
+ 'background-color-grey': (rgb(107, 107, 107)),
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(0, 63, 250)),
23
+ 'background-color-black': (rgb(0, 0, 0)),
24
+ 'background-color-brand-primary-light': (rgb(0, 255, 154)),
25
+ 'background-color-brand-primary-dark': (rgb(0, 255, 154)),
26
+ 'background-color-white': (rgb(255, 255, 255)),
27
+ 'background-color-brand-primary': (rgb(0, 255, 154)),
28
+ 'background-color-grey-darkest': (rgb(74, 74, 74)),
29
+ 'color-brand-secondary': (rgb(0, 63, 250)),
30
+ 'color-black': (rgb(0, 0, 0)),
31
+ 'color-brand-primary-light': (rgb(0, 255, 154)),
32
+ 'color-brand-primary-dark': (rgb(0, 255, 154)),
33
+ 'color-white': (rgb(255, 255, 255)),
34
+ 'color-brand-primary': (rgb(0, 255, 154)),
35
+ 'color-grey-light': (rgb(237, 236, 236)),
36
+ 'color-brand-secondary-dark': (rgb(0, 63, 250)),
37
+ 'color-brand-secondary-light': (rgb(0, 63, 250)),
38
+ 'color-grey-dark': (rgb(74, 74, 74)),
39
+ 'color-grey': (rgb(107, 107, 107)),
40
+ 'font-family-primary-fancy': ('Crystal Ultra Condensed Black', Arial, sans-serif),
41
+ 'font-family-primary': ('Crystal Ultra Condensed Bold', serif),
42
+ 'font-family-secondary-fancy': ('Crystal Condensed Semibold', Arial, sans-serif),
43
+ 'font-family-secondary': ('Crystal Book', Arial, serif),
44
+ 'font-family-body': (Georgia, Times New Roman, serif),
45
+ 'font-family-basic': ('Crystal Extra Bold', Arial, serif),
46
+ 'font-weight-light': (300),
47
+ 'font-weight-normal': (400),
48
+ 'font-weight-bold': (700),
49
+ 'line-height-small': (1.1),
50
+ 'line-height-normal': (1.35),
51
+ 'line-height-copy': (1.6),
52
+ 'line-height-large': (1.85),
53
+ /* Used for margins and padding only. */
54
+ 'spacing-00': (0),
55
+ /* Used for margins and padding only. */
56
+ 'spacing-025': (0.25rem),
57
+ /* Used for margins and padding only. */
58
+ 'spacing-050': (0.5rem),
59
+ /* Used for margins and padding only. */
60
+ 'spacing-075': (0.75rem),
61
+ /* Used for margins and padding only. */
62
+ 'spacing-1': (1rem),
63
+ /* Used for margins and padding only. */
64
+ 'spacing-125': (1.25rem),
65
+ /* Used for margins and padding only. */
66
+ 'spacing-150': (1.5rem),
67
+ /* Used for margins and padding only. */
68
+ 'spacing-2': (2rem),
69
+ 'background-color-brand-accent-red': (rgb(203, 0, 28)),
70
+ 'font-weight-title': (500),
71
+ 'color-brand-accent-green': (rgb(0, 255, 154)),
72
+ 'font-weight-title-bold': (600),
73
+ 'border-color-brand-accent-red': (rgb(203, 0, 28)),
74
+ 'border-color-brand-accent-blue': (rgb(0, 63, 250)),
75
+ 'background-color-brand-accent-blue': (rgb(0, 63, 250)),
76
+ 'font-weight-heading': (700),
77
+ 'color-grey-darkest': (rgb(74, 74, 74)),
78
+ 'font-family-basic-fancy': ('Crystal Medium', Arial, sans-serif),
79
+ 'background-color-brand-accent': (rgb(0, 255, 154)),
80
+ 'border-color-black': (rgb(0, 0, 0)),
81
+ 'color-brand-accent-red': (rgb(203, 0, 28)),
82
+ 'border-color-brand-accent': (rgb(0, 255, 154)),
83
+ 'background-color-brand-accent-green': (rgb(0, 255, 154)),
84
+ 'color-grey-lightest': (rgb(237, 236, 236)),
85
+ 'border-color-brand-accent-green': (rgb(0, 255, 154)),
86
+ 'font-family-accent': ('azeret-mono', Times New Roman, serif),
87
+ 'font-weight-subheading': (900),
88
+ 'color-brand-accent-blue': (rgb(0, 63, 250)),
89
+ 'color-brand-accent': (rgb(0, 255, 154)),
90
+ 'border-color-grey-darkest': (rgb(74, 74, 74)),
91
+ 'font-family-accent-fancy': ('Crystal Expanded Extra Black', Arial, sans-serif),
92
+ );