@snyk-mktg/brand-ui 2.4.0 → 2.4.2-canary.0

package/dist/js/cjs/utilities/icons.js

@@ -0,0 +1,238 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.branduiGeneralIconSizes = exports.branduiIconSizes = exports.generalIcons = exports.brandIcons = void 0;
+// List of all Brand and General Icons
+exports.brandIcons = [
+    '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',
+];
+exports.generalIcons = [
+    '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',
+];
+// Used for BrandIcons, whih are images
+exports.branduiIconSizes = ['sm', 'rg', 'md', 'lg'];
+// Used for GeneralIcons, which are fonts
+exports.branduiGeneralIconSizes = ['extra-small', 'small', 'medium', 'large', 'extra-large', 'huge'];
+const allIcons = [...exports.brandIcons, ...exports.generalIcons];
+exports.default = allIcons;

package/dist/js/cjs/utilities/index.d.ts

@@ -0,0 +1,8 @@
+export * from './buttonVariants';
+export * from './colors';
+export * from './downloadableFiles';
+export * from './icons';
+export * from './logos';
+export * from './mediaCategories';
+export * from './patchPoses';
+export * from './sizes';

package/dist/js/cjs/utilities/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./buttonVariants"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./downloadableFiles"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./logos"), exports);
+__exportStar(require("./mediaCategories"), exports);
+__exportStar(require("./patchPoses"), exports);
+__exportStar(require("./sizes"), exports);

package/dist/js/cjs/utilities/logos.d.ts

@@ -0,0 +1,5 @@
+import { BranduiSnykLogos, BranduiProductLogos, AllLogos } from '../types';
+export declare const snykLogos: BranduiSnykLogos[];
+export declare const productLogos: BranduiProductLogos[];
+declare const allLogos: Readonly<AllLogos[]>;
+export default allLogos;

package/dist/js/cjs/utilities/logos.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.productLogos = exports.snykLogos = void 0;
+exports.snykLogos = [
+    'default',
+    'default-solid',
+    'icon',
+    'icon-solid',
+    'vertical',
+    'vertical-solid',
+    'wordmark',
+    'security-labs-solid',
+    'icon-security-labs-solid',
+    'labs-solid',
+    'labs-mono',
+    'labs-mono-reverse',
+];
+exports.productLogos = [
+    'snyk-apprisk',
+    'snyk-cloud',
+    'snyk-code',
+    'snyk-container',
+    'snyk-deepcodeai',
+    'snyk-iac',
+    'snyk-learn',
+    'snyk-oss',
+];
+const allLogos = [...exports.productLogos, ...exports.snykLogos];
+exports.default = allLogos;

package/dist/js/cjs/utilities/mediaCategories.d.ts

@@ -0,0 +1,3 @@
+import { BranduiMediaCategories } from '../types';
+declare const mediaCategories: BranduiMediaCategories[];
+export default mediaCategories;

package/dist/js/cjs/utilities/mediaCategories.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// List of all media categories
+const mediaCategories = [
+    'analyst-report',
+    'article',
+    'blog',
+    'byline',
+    'buyers-guide',
+    'case-study',
+    'cheat-sheet',
+    'ebook',
+    'event',
+    'infographic',
+    'lesson',
+    'live-stream',
+    'podcast',
+    'press-release',
+    'report',
+    'video',
+    'webinar',
+    'white-paper',
+];
+exports.default = mediaCategories;

package/dist/js/cjs/utilities/patchPoses.d.ts

@@ -0,0 +1,3 @@
+import { BranduiPatchPoses } from '../types';
+declare const patchPoses: BranduiPatchPoses[];
+export default patchPoses;

package/dist/js/cjs/utilities/patchPoses.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// List of all Patch Pose variants
+const patchPoses = ['pose-alert', 'pose-standing'];
+exports.default = patchPoses;

package/dist/js/cjs/utilities/sizes.d.ts

@@ -0,0 +1,5 @@
+import { BranduiPadding, BranduiSpacing, BranduiAvatarSizes } from '../types';
+export declare const layoutSizes: string[];
+export declare const branduiPadding: BranduiPadding[];
+export declare const branduiSpacing: BranduiSpacing[];
+export declare const avatarSizes: BranduiAvatarSizes[];

package/dist/js/cjs/utilities/sizes.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatarSizes = exports.branduiSpacing = exports.branduiPadding = exports.layoutSizes = void 0;
+// List of all Size variants
+exports.layoutSizes = [...Array(13).keys()].map(String); //Not sure how to tyoe this yet
+exports.branduiPadding = [
+    'none',
+    'hairline',
+    'thin',
+    'slim',
+    'extra-small',
+    'small',
+    'medium',
+    'large',
+    'extra-large',
+    'huge',
+    'full',
+];
+exports.branduiSpacing = ['none', 'extra-small', 'small', 'medium', 'large', 'extra-large', 'huge', 'full'];
+exports.avatarSizes = ['extra-small', 'small', 'medium', 'large', 'extra-large', 'huge'];

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,13 +1,14 @@
 {
 	"name": "@snyk-mktg/brand-ui",
-	"version": "2.4.0",
+	"version": "2.4.2-canary.0",
 	"description": "The official style library for Snyk’s BrandUI Design System",
 	"scripts": {
 		"dev:css": "gulp devCss",
 		"build": "gulp",
 		"test": "jest",
 		"lint": "sass-lint -v",
-		"lint:fix": "sass-lint-auto-fix"
+		"lint:fix": "sass-lint-auto-fix",
+		"compile": "rm -rf dist/js && tsc -p tsconfig.build.json && tsc -p tsconfig.build.json --module CommonJs --moduleResolution node --outDir dist/js/cjs"
 	},
 	"type": "module",
 	"repository": {