@snyk-mktg/brand-ui 2.3.20 → 2.4.1

package/dist/js/types/icons.d.ts

@@ -1,5 +1,5 @@
 export type BranduiBrandIcons = 'actionable-results' | 'admin' | 'advisor-1' | 'advisor' | 'ai-generated-code' | 'ai-solutions' | 'ai-vulnerable-code' | 'ai' | 'alert-high' | 'alert-info' | 'alert-low' | 'alert-med' | 'api' | 'application-security' | 'assessments' | 'assignments' | 'attention' | 'automate' | 'care-deeply' | 'certificates' | 'ci-cd' | 'cli' | 'climate' | 'cloud-and-back' | 'cloud-launch' | 'cloud-security' | 'code-to-cloud' | 'code' | 'coding' | 'community' | 'compliance-automation' | 'customer-centricity' | 'design-applications' | 'dev-ai' | 'dev-friendly' | 'developer-security' | 'docs-published' | 'documentation' | 'donate' | 'efficiency' | 'enablement-and-education' | 'expert' | 'false-positive-rate' | 'family' | 'fast-and-accurate' | 'feedback' | 'fix-faster' | 'flexible' | 'forward-thinking' | 'get-started' | 'git-security' | 'ide' | 'integrations' | 'learn-always' | 'learn-snyk-1' | 'learn-snyk' | 'learning-paths' | 'live-environment' | 'live-video' | 'machine-learning' | 'meetup' | 'office-hours' | 'onboarding' | 'one-team' | 'ongoing' | 'platform' | 'pull-request' | 'query-cloud' | 'real-time-scan' | 'remediate-faster' | 'roadmap' | 'scaleable' | 'scanning' | 'secure-dependencies' | 'secure-projects' | 'security-automation' | 'security-awareness' | 'security-outnumbered' | 'security-team' | 'self-serve' | 'ship-it' | 'snyk-code-knowledgebase' | 'supply-chain-security' | 'support' | 'swag' | 'tech' | 'think-bigger' | 'tsd' | 'unified-policy-engine' | 'user-admin' | 'visibility-and-intelligence' | 'vuln-database' | 'write-policies' | 'zero-day';
-export type BranduiGeneralIcons = 'account' | 'add' | 'ai-sparkles' | 'ambassadors' | 'apple-podcasts' | 'arrow-back' | 'arrow-down' | 'arrow-forward' | 'arrow-left' | 'arrow-right' | 'arrow-top-right' | 'arrow-up' | 'article' | 'api-web' | 'attachment' | 'ballot' | 'bio' | 'bitbucket' | 'blocks' | 'blog' | 'booklet' | 'brain' | 'briefcase' | 'bug' | 'build-code' | 'byline' | 'calendar-today' | 'case-study' | 'check' | 'check-circle' | 'check-shield' | 'checkbox-hover' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'close' | 'collapse' | 'compliance' | 'contact' | 'copy-link' | 'copy-to-clipboard' | 'customers' | 'developer' | 'discord' | 'discord-bubble' | 'east' | 'ebook' | 'eclipse' | 'events' | 'expand' | 'facebook' | 'facebook-circle' | 'filter' | 'fix' | 'git-fork' | 'git-issue' | 'github' | 'glassdoor' | 'google' | 'government' | 'grading' | 'hand-wave' | 'handbook' | 'headphones' | 'info-scan' | 'info-warning' | 'infographic' | 'insert-chart' | 'insert-drive-file' | 'instagram' | 'keyboard-arrow-down' | 'labs' | 'language' | 'library' | 'light-bulb' | 'linkedin' | 'livestream' | 'location' | 'lock-heart' | 'mail-inbox' | 'mail-outline' | 'menu' | 'mic' | 'monetization' | 'moon' | 'more-horizontal' | 'newsroom' | 'npm' | 'open-in-new' | 'partners' | 'pie-chart' | 'play-circle' | 'play' | 'podcast' | 'press-release' | 'quote' | 'reddit' | 'remove' | 'risk' | 'search' | 'send-mail' | 'services' | 'shield-ai' | 'shield-chevron-up' | 'shield-star' | 'shield' | 'snyk-apprisk' | 'snyk-code' | 'snyk-container' | 'snyk-docs' | 'snyk-iac' | 'snyk-learn' | 'snyk-oss' | 'snyk-support' | 'spotify' | 'star-outline' | 'sun' | 'supply-chain' | 'time' | 'twitch' | 'twitter' | 'updates' | 'videocam' | 'vuln-db' | 'vulnvortex' | 'workflows' | 'x' | 'youtube';
+export type BranduiGeneralIcons = 'account' | 'add' | 'ai-sparkles' | 'ambassadors' | 'apple-podcasts' | 'arrow-back' | 'arrow-down' | 'arrow-forward' | 'arrow-left' | 'arrow-right' | 'arrow-top-right' | 'arrow-up' | 'article' | 'api-web' | 'attachment' | 'ballot' | 'bio' | 'bitbucket' | 'blocks' | 'blog' | 'booklet' | 'brain' | 'briefcase' | 'bug' | 'build-code' | 'byline' | 'calendar-today' | 'case-study' | 'check' | 'check-circle' | 'check-shield' | 'checkbox-hover' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'close' | 'collapse' | 'compliance' | 'contact' | 'copy-link' | 'copy-to-clipboard' | 'customers' | 'developer' | 'discord' | 'discord-bubble' | 'east' | 'ebook' | 'eclipse' | 'events' | 'expand' | 'facebook' | 'facebook-circle' | 'filter' | 'fix' | 'git-fork' | 'git-issue' | 'github' | 'glassdoor' | 'glossary' | 'google' | 'government' | 'grading' | 'hand-wave' | 'handbook' | 'headphones' | 'info-scan' | 'info-warning' | 'infographic' | 'insert-chart' | 'insert-drive-file' | 'instagram' | 'keyboard-arrow-down' | 'labs' | 'language' | 'library' | 'light-bulb' | 'linkedin' | 'livestream' | 'location' | 'lock-heart' | 'mail-inbox' | 'mail-outline' | 'menu' | 'mic' | 'monetization' | 'moon' | 'more-horizontal' | 'newsroom' | 'npm' | 'open-in-new' | 'partners' | 'pie-chart' | 'play-circle' | 'play' | 'podcast' | 'press-release' | 'quote' | 'reddit' | 'remove' | 'risk' | 'search' | 'send-mail' | 'services' | 'shield-ai' | 'shield-chevron-up' | 'shield-star' | 'shield' | 'snyk-apprisk' | 'snyk-code' | 'snyk-container' | 'snyk-docs' | 'snyk-iac' | 'snyk-learn' | 'snyk-oss' | 'snyk-support' | 'spotify' | 'star-outline' | 'sun' | 'supply-chain' | 'time' | 'twitch' | 'twitter' | 'updates' | 'videocam' | 'vuln-db' | 'vulnvortex' | 'workflows' | 'x' | 'youtube';
 export type AllIcons = BranduiBrandIcons | BranduiGeneralIcons;
 export type BranduiIconSizes = 'sm' | 'rg' | 'md' | 'lg';
 export type BranduiGeneralIconSizes = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';

package/dist/js/utilities/icons.js

@@ -155,6 +155,7 @@ export const generalIcons = [
     'git-issue',
     'github',
     'glassdoor',
+    'glossary',
     'google',
     'government',
     'grading',

package/dist/scss/base/_fonts.scss

@@ -5,10 +5,10 @@
 // ********************
 @font-face {
 	font-family: 'brandui-icons';
-	src: url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.eot');
-	src: url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.eot#iefix') format('embedded-opentype'),
-		url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.ttf') format('truetype'),
-		url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.woff') format('woff');
+	src: url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot');
+	src: url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot#iefix') format('embedded-opentype'),
+		url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.ttf') format('truetype'),
+		url('https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 	font-display: block;

package/dist/scss/base/variables/_icons.scss

@@ -176,6 +176,7 @@ $brandui-general-icons: (
 	'git-issue': '\e976',
 	'github': '\e91f',
 	'glassdoor': '\e920',
+	'glossary': '\e97e',
 	'google': '\e921',
 	'government': '\e950',
 	'grading': '\e940',

package/dist/scss/base/variables/_typography.scss

@@ -51,7 +51,7 @@ $brandui-line-height: (
 ) !default;
 
 $brandui-font-family: (
-	big-shoulders-display: 'Big Shoulders Display',
+	big-shoulders: 'Big Shoulders',
 	poppins: 'Poppins',
 	space-grotesk: 'Space Grotesk',
 	roboto: 'Roboto',
@@ -61,14 +61,14 @@ $brandui-font-family: (
 $text-elements: (
 	'hero-title-large': (
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,
 	),
 	'hero-title-small': (
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,
@@ -76,7 +76,7 @@ $text-elements: (
 	'page-title-large': (
 		'weight': 900,
 		// 'family': map.get($brandui-font-family, poppins),
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		// 'text-transform': none,
@@ -85,7 +85,7 @@ $text-elements: (
 	'page-title': (
 		'weight': 900,
 		// 'family': map.get($brandui-font-family, poppins),
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		// 'text-transform': none,
@@ -94,7 +94,7 @@ $text-elements: (
 	'section-title': (
 		'weight': 900,
 		// 'family': map.get($brandui-font-family, poppins),
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		// 'text-transform': none,
@@ -216,7 +216,7 @@ $text-elements-responsive: (
 	'hero-title-large': (
 		'target': 'hero-title-small',
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,
@@ -224,7 +224,7 @@ $text-elements-responsive: (
 	'hero-title-small': (
 		'target': 'hero-title-small',
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,
@@ -233,7 +233,7 @@ $text-elements-responsive: (
 		'target': 'hero-title-small',
 		'weight': 900,
 		// 'family': map.get($brandui-font-family, poppins),
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		// 'text-transform': none,
@@ -242,7 +242,7 @@ $text-elements-responsive: (
 	'page-title': (
 		'target': 'hero-title-small',
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,
@@ -250,7 +250,7 @@ $text-elements-responsive: (
 	'section-title': (
 		'target': 'hero-title-small',
 		'weight': 900,
-		'family': map.get($brandui-font-family, big-shoulders-display),
+		'family': map.get($brandui-font-family, big-shoulders),
 		'type': sans-serif,
 		'letter-spacing': -0.01em,
 		'text-transform': uppercase,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@snyk-mktg/brand-ui",
-	"version": "2.3.20",
+	"version": "2.4.1",
 	"description": "The official style library for Snyk’s BrandUI Design System",
 	"scripts": {
 		"dev:css": "gulp devCss",