@penskemediacorp/larva-tokens 1.8.0 → 1.9.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.
- package/build/vibe.custom-properties.css +4 -0
- package/build/vibe.json +3 -1
- package/build/vibe.map.scss +4 -0
- package/build/vibe.raw.json +16 -0
- package/package.json +2 -2
- package/style-guides/vibe.html +34 -0
|
@@ -73,5 +73,9 @@
|
|
|
73
73
|
--background-color-brand-accent: rgb(16, 16, 16);
|
|
74
74
|
--border-color-brand-accent: rgb(16, 16, 16);
|
|
75
75
|
--color-grey-lightest: rgb(239, 239, 239);
|
|
76
|
+
/* The fallback for the accent font */
|
|
77
|
+
--font-family-accent: Helvetica, sans-serif;
|
|
76
78
|
--color-brand-accent: rgb(16, 16, 16);
|
|
79
|
+
/* The accent webfont, loaded async */
|
|
80
|
+
--font-family-accent-fancy: 'Brunel Deck', Helvetica, sans-serif;
|
|
77
81
|
}
|
package/build/vibe.json
CHANGED
|
@@ -59,5 +59,7 @@
|
|
|
59
59
|
"BACKGROUND_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
60
60
|
"BORDER_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
61
61
|
"COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
|
|
62
|
-
"
|
|
62
|
+
"FONT_FAMILY_ACCENT": "Helvetica, sans-serif",
|
|
63
|
+
"COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
64
|
+
"FONT_FAMILY_ACCENT_FANCY": "'Brunel Deck', Helvetica, sans-serif"
|
|
63
65
|
}
|
package/build/vibe.map.scss
CHANGED
|
@@ -73,5 +73,9 @@ $vibe-map: (
|
|
|
73
73
|
'background-color-brand-accent': (rgb(16, 16, 16)),
|
|
74
74
|
'border-color-brand-accent': (rgb(16, 16, 16)),
|
|
75
75
|
'color-grey-lightest': (rgb(239, 239, 239)),
|
|
76
|
+
/* The fallback for the accent font */
|
|
77
|
+
'font-family-accent': (Helvetica, sans-serif),
|
|
76
78
|
'color-brand-accent': (rgb(16, 16, 16)),
|
|
79
|
+
/* The accent webfont, loaded async */
|
|
80
|
+
'font-family-accent-fancy': ('Brunel Deck', Helvetica, sans-serif),
|
|
77
81
|
);
|
package/build/vibe.raw.json
CHANGED
|
@@ -657,12 +657,28 @@
|
|
|
657
657
|
"originalValue": "{!GREY_94}",
|
|
658
658
|
"name": "COLOR_GREY_LIGHTEST"
|
|
659
659
|
},
|
|
660
|
+
"FONT_FAMILY_ACCENT": {
|
|
661
|
+
"value": "Helvetica, sans-serif",
|
|
662
|
+
"type": "font-family",
|
|
663
|
+
"category": "font-family",
|
|
664
|
+
"comment": "The fallback for the accent font",
|
|
665
|
+
"originalValue": "Helvetica, sans-serif",
|
|
666
|
+
"name": "FONT_FAMILY_ACCENT"
|
|
667
|
+
},
|
|
660
668
|
"COLOR_BRAND_ACCENT": {
|
|
661
669
|
"value": "rgb(16, 16, 16)",
|
|
662
670
|
"type": "color",
|
|
663
671
|
"category": "text-color",
|
|
664
672
|
"originalValue": "{!BLACK_6}",
|
|
665
673
|
"name": "COLOR_BRAND_ACCENT"
|
|
674
|
+
},
|
|
675
|
+
"FONT_FAMILY_ACCENT_FANCY": {
|
|
676
|
+
"value": "'Brunel Deck', Helvetica, sans-serif",
|
|
677
|
+
"type": "font-family",
|
|
678
|
+
"category": "font-family",
|
|
679
|
+
"comment": "The accent webfont, loaded async",
|
|
680
|
+
"originalValue": "'Brunel Deck', Helvetica, sans-serif",
|
|
681
|
+
"name": "FONT_FAMILY_ACCENT_FANCY"
|
|
666
682
|
}
|
|
667
683
|
}
|
|
668
684
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@penskemediacorp/larva-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"description": "Design tokens",
|
|
5
5
|
"author": "laras126 <laras126@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"gulp": "^4.0.2",
|
|
32
32
|
"plugin-error": "^1.0.1"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "df8317640d67925a3faaa619c4b1221fac9d07ec"
|
|
35
35
|
}
|
package/style-guides/vibe.html
CHANGED
|
@@ -533,6 +533,40 @@
|
|
|
533
533
|
|
|
534
534
|
<td></td>
|
|
535
535
|
</tr>
|
|
536
|
+
|
|
537
|
+
<tr>
|
|
538
|
+
<th scope="row">
|
|
539
|
+
<code>font-family-accent</code>
|
|
540
|
+
</th>
|
|
541
|
+
<td>
|
|
542
|
+
<code>Helvetica, sans-serif</code>
|
|
543
|
+
</td>
|
|
544
|
+
|
|
545
|
+
<td>
|
|
546
|
+
<div style="font-family: Helvetica, sans-serif;">
|
|
547
|
+
The quick brown fox jumps over the lazy dog.
|
|
548
|
+
</div>
|
|
549
|
+
</td>
|
|
550
|
+
|
|
551
|
+
<td>The fallback for the accent font</td>
|
|
552
|
+
</tr>
|
|
553
|
+
|
|
554
|
+
<tr>
|
|
555
|
+
<th scope="row">
|
|
556
|
+
<code>font-family-accent-fancy</code>
|
|
557
|
+
</th>
|
|
558
|
+
<td>
|
|
559
|
+
<code>'Brunel Deck', Helvetica, sans-serif</code>
|
|
560
|
+
</td>
|
|
561
|
+
|
|
562
|
+
<td>
|
|
563
|
+
<div style="font-family: 'Brunel Deck', Helvetica, sans-serif;">
|
|
564
|
+
The quick brown fox jumps over the lazy dog.
|
|
565
|
+
</div>
|
|
566
|
+
</td>
|
|
567
|
+
|
|
568
|
+
<td>The accent webfont, loaded async</td>
|
|
569
|
+
</tr>
|
|
536
570
|
</tbody>
|
|
537
571
|
</table>
|
|
538
572
|
<hr />
|