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

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 (71) hide show
  1. package/dist/css/base.css +2 -2
  2. package/dist/css/base.css.map +1 -1
  3. package/dist/css/bundle.css +8 -2
  4. package/dist/css/bundle.css.map +1 -1
  5. package/dist/css/components.css +6 -0
  6. package/dist/css/components.css.map +1 -1
  7. package/dist/css/evo-bundle.css +8 -2
  8. package/dist/css/evo-bundle.css.map +1 -1
  9. package/dist/css/labs-bundle.css +8 -2
  10. package/dist/css/labs-bundle.css.map +1 -1
  11. package/dist/js/types/icons.d.ts +1 -1
  12. package/dist/js/utilities/icons.js +1 -0
  13. package/dist/scss/base/_fonts.scss +4 -4
  14. package/dist/scss/base/variables/_icons.scss +2 -0
  15. package/package.json +2 -3
  16. package/dist/js/cjs/helpers/caseFormats.d.ts +0 -1
  17. package/dist/js/cjs/helpers/caseFormats.js +0 -47
  18. package/dist/js/cjs/helpers/classnames.d.ts +0 -1
  19. package/dist/js/cjs/helpers/classnames.js +0 -9
  20. package/dist/js/cjs/helpers/getInitials.d.ts +0 -1
  21. package/dist/js/cjs/helpers/getInitials.js +0 -14
  22. package/dist/js/cjs/helpers/grid.d.ts +0 -17
  23. package/dist/js/cjs/helpers/grid.js +0 -62
  24. package/dist/js/cjs/helpers/incrementDisplayValue.d.ts +0 -8
  25. package/dist/js/cjs/helpers/incrementDisplayValue.js +0 -15
  26. package/dist/js/cjs/helpers/index.d.ts +0 -9
  27. package/dist/js/cjs/helpers/index.js +0 -30
  28. package/dist/js/cjs/helpers/range.d.ts +0 -4
  29. package/dist/js/cjs/helpers/range.js +0 -8
  30. package/dist/js/cjs/helpers/scroll.d.ts +0 -5
  31. package/dist/js/cjs/helpers/scroll.js +0 -14
  32. package/dist/js/cjs/helpers/uid.d.ts +0 -4
  33. package/dist/js/cjs/helpers/uid.js +0 -8
  34. package/dist/js/cjs/index.d.ts +0 -3
  35. package/dist/js/cjs/index.js +0 -19
  36. package/dist/js/cjs/types/buttonVariants.d.ts +0 -1
  37. package/dist/js/cjs/types/buttonVariants.js +0 -2
  38. package/dist/js/cjs/types/colors.d.ts +0 -3
  39. package/dist/js/cjs/types/colors.js +0 -2
  40. package/dist/js/cjs/types/downloadableFiles.d.ts +0 -1
  41. package/dist/js/cjs/types/downloadableFiles.js +0 -2
  42. package/dist/js/cjs/types/icons.d.ts +0 -5
  43. package/dist/js/cjs/types/icons.js +0 -2
  44. package/dist/js/cjs/types/index.d.ts +0 -8
  45. package/dist/js/cjs/types/index.js +0 -24
  46. package/dist/js/cjs/types/logos.d.ts +0 -3
  47. package/dist/js/cjs/types/logos.js +0 -2
  48. package/dist/js/cjs/types/mediaCategories.d.ts +0 -1
  49. package/dist/js/cjs/types/mediaCategories.js +0 -2
  50. package/dist/js/cjs/types/patchPoses.d.ts +0 -1
  51. package/dist/js/cjs/types/patchPoses.js +0 -2
  52. package/dist/js/cjs/types/sizes.d.ts +0 -4
  53. package/dist/js/cjs/types/sizes.js +0 -2
  54. package/dist/js/cjs/utilities/buttonVariants.d.ts +0 -3
  55. package/dist/js/cjs/utilities/buttonVariants.js +0 -4
  56. package/dist/js/cjs/utilities/colors.d.ts +0 -42
  57. package/dist/js/cjs/utilities/colors.js +0 -86
  58. package/dist/js/cjs/utilities/downloadableFiles.d.ts +0 -2
  59. package/dist/js/cjs/utilities/downloadableFiles.js +0 -21
  60. package/dist/js/cjs/utilities/icons.d.ts +0 -7
  61. package/dist/js/cjs/utilities/icons.js +0 -238
  62. package/dist/js/cjs/utilities/index.d.ts +0 -8
  63. package/dist/js/cjs/utilities/index.js +0 -24
  64. package/dist/js/cjs/utilities/logos.d.ts +0 -5
  65. package/dist/js/cjs/utilities/logos.js +0 -29
  66. package/dist/js/cjs/utilities/mediaCategories.d.ts +0 -3
  67. package/dist/js/cjs/utilities/mediaCategories.js +0 -24
  68. package/dist/js/cjs/utilities/patchPoses.d.ts +0 -3
  69. package/dist/js/cjs/utilities/patchPoses.js +0 -5
  70. package/dist/js/cjs/utilities/sizes.d.ts +0 -5
  71. package/dist/js/cjs/utilities/sizes.js +0 -20
@@ -1,86 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.brandHexes = exports.brandColors = exports.branduiChartBarGradients = exports.branduiChartBarColors = exports.branduiTypographyColors = void 0;
4
- // Used for the colors that certain typography elements use
5
- exports.branduiTypographyColors = ['theme-solid', 'theme-gradient', 'ui-hero', 'ui-headline', 'ui-body'];
6
- // Used for charts' bars
7
- exports.branduiChartBarColors = [
8
- 'autumn',
9
- 'bubblegum',
10
- 'dark-teal',
11
- 'deep-sea',
12
- 'hot-pink',
13
- 'lavender',
14
- 'lilac',
15
- 'purple',
16
- 'rose',
17
- 'salmon',
18
- 'sky',
19
- 'summer',
20
- 'tiger',
21
- 'turquoise',
22
- 'vibe',
23
- ];
24
- // Used for charts' bars
25
- exports.branduiChartBarGradients = [
26
- 'bubblegum-to-dark-purple',
27
- 'daffodil-to-salmon',
28
- 'daffodil-to-teal',
29
- 'daffodil-to-tiger',
30
- 'dark-purple-to-bubblegum',
31
- 'dark-teal-to-vibe',
32
- 'electric-blue-to-vibe',
33
- 'hot-pink-to-dark-purple',
34
- 'hot-pink-to-lavender',
35
- 'hot-pink-to-purple',
36
- 'hot-pink-to-tiger',
37
- 'purple-to-dark-purple',
38
- 'purple-to-deep-sea',
39
- 'purple-to-hot-pink',
40
- 'sky-to-deep-sea',
41
- 'tiger-to-hot-pink',
42
- ];
43
- // Used for pie charts. Consider different implementation in the future
44
- exports.brandColors = {
45
- 'dark-purple': '#441c99',
46
- purple: '#9043c6',
47
- lavender: '#c481f3',
48
- black: '#000',
49
- space: '#01011e',
50
- midnight: '#030328',
51
- ocean: '#181846',
52
- dawn: '#383f76',
53
- steel: '#555463',
54
- smoke: '#6d6d9c',
55
- snow: '#f6f7fb',
56
- white: '#fff',
57
- rose: '#c82d53',
58
- salmon: '#f97a99',
59
- 'hot-pink': '#e555ac',
60
- bubblegum: '#ff78e1',
61
- autumn: '#c04c0a',
62
- tiger: '#f99048',
63
- summer: '#f9c748',
64
- daffodil: '#ffe792',
65
- turquoise: '#097d98',
66
- 'dark-teal': '#168982',
67
- teal: '#43b59a',
68
- vibe: '#4bd6b5',
69
- 'deep-sea': '#0a26b8',
70
- 'electric-blue': '#145deb',
71
- 'electric-blue-dark': '#3ea2ff',
72
- periwinkle: '#9bcfff',
73
- lilac: '#8598fb',
74
- sky: '#14c4eb',
75
- 'cotton-candy': '#c0f5f2',
76
- };
77
- exports.brandHexes = Object.entries(exports.brandColors)
78
- .map(([key, value]) => ({ [key]: value }))
79
- .reduce((result, obj) => {
80
- const key = Object.keys(obj)[0];
81
- const value = obj[key];
82
- return { ...result, [key]: value };
83
- }, {});
84
- // All brand colors and gradients, but not inlcuding the base colors
85
- // eslint-disable-next-line import/no-anonymous-default-export
86
- exports.default = [...Object.keys(exports.brandColors)];
@@ -1,2 +0,0 @@
1
- import { BranduiDownloadableFiles } from '../types';
2
- export declare const DOWNLOADABLE_FILES: BranduiDownloadableFiles[];
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DOWNLOADABLE_FILES = void 0;
4
- // Array of downloadable files on the site
5
- exports.DOWNLOADABLE_FILES = [
6
- 'doc',
7
- 'docx',
8
- 'odt',
9
- 'pdf',
10
- 'xls',
11
- 'xlsx',
12
- 'ods',
13
- 'ppt',
14
- 'pptx',
15
- 'txt',
16
- 'png',
17
- 'jpg',
18
- 'jpeg',
19
- 'svg',
20
- 'gif',
21
- ];
@@ -1,7 +0,0 @@
1
- import { BranduiBrandIcons, BranduiGeneralIcons, AllIcons, BranduiIconSizes, BranduiGeneralIconSizes } from '../types';
2
- export declare const brandIcons: BranduiBrandIcons[];
3
- export declare const generalIcons: BranduiGeneralIcons[];
4
- export declare const branduiIconSizes: BranduiIconSizes[];
5
- export declare const branduiGeneralIconSizes: BranduiGeneralIconSizes[];
6
- declare const allIcons: Readonly<AllIcons[]>;
7
- export default allIcons;
@@ -1,238 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.branduiGeneralIconSizes = exports.branduiIconSizes = exports.generalIcons = exports.brandIcons = void 0;
4
- // List of all Brand and General Icons
5
- exports.brandIcons = [
6
- 'actionable-results',
7
- 'admin',
8
- 'advisor-1',
9
- 'advisor',
10
- 'ai-generated-code',
11
- 'ai-solutions',
12
- 'ai-vulnerable-code',
13
- 'ai',
14
- 'alert-high',
15
- 'alert-info',
16
- 'alert-low',
17
- 'alert-med',
18
- 'api',
19
- 'application-security',
20
- 'assessments',
21
- 'assignments',
22
- 'attention',
23
- 'automate',
24
- 'care-deeply',
25
- 'certificates',
26
- 'ci-cd',
27
- 'cli',
28
- 'climate',
29
- 'cloud-and-back',
30
- 'cloud-launch',
31
- 'cloud-security',
32
- 'code-to-cloud',
33
- 'code',
34
- 'coding',
35
- 'community',
36
- 'compliance-automation',
37
- 'customer-centricity',
38
- 'design-applications',
39
- 'dev-ai',
40
- 'dev-friendly',
41
- 'developer-security',
42
- 'docs-published',
43
- 'documentation',
44
- 'donate',
45
- 'efficiency',
46
- 'enablement-and-education',
47
- 'expert',
48
- 'false-positive-rate',
49
- 'family',
50
- 'fast-and-accurate',
51
- 'feedback',
52
- 'fix-faster',
53
- 'flexible',
54
- 'forward-thinking',
55
- 'get-started',
56
- 'git-security',
57
- 'ide',
58
- 'integrations',
59
- 'learn-always',
60
- 'learn-snyk-1',
61
- 'learn-snyk',
62
- 'learning-paths',
63
- 'live-environment',
64
- 'live-video',
65
- 'machine-learning',
66
- 'meetup',
67
- 'office-hours',
68
- 'onboarding',
69
- 'one-team',
70
- 'ongoing',
71
- 'platform',
72
- 'pull-request',
73
- 'query-cloud',
74
- 'real-time-scan',
75
- 'remediate-faster',
76
- 'roadmap',
77
- 'scaleable',
78
- 'scanning',
79
- 'secure-dependencies',
80
- 'secure-projects',
81
- 'security-automation',
82
- 'security-awareness',
83
- 'security-outnumbered',
84
- 'security-team',
85
- 'self-serve',
86
- 'ship-it',
87
- 'snyk-code-knowledgebase',
88
- 'supply-chain-security',
89
- 'support',
90
- 'swag',
91
- 'tech',
92
- 'think-bigger',
93
- 'tsd',
94
- 'unified-policy-engine',
95
- 'user-admin',
96
- 'visibility-and-intelligence',
97
- 'vuln-database',
98
- 'write-policies',
99
- 'zero-day',
100
- ];
101
- exports.generalIcons = [
102
- 'account',
103
- 'add',
104
- 'ai-sparkles',
105
- 'ambassadors',
106
- 'apple-podcasts',
107
- 'arrow-back',
108
- 'arrow-down',
109
- 'arrow-forward',
110
- 'arrow-left',
111
- 'arrow-right',
112
- 'arrow-top-right',
113
- 'arrow-up',
114
- 'article',
115
- 'api-web',
116
- 'attachment',
117
- 'ballot',
118
- 'bio',
119
- 'bitbucket',
120
- 'blocks',
121
- 'blog',
122
- 'booklet',
123
- 'brain',
124
- 'briefcase',
125
- 'bug',
126
- 'build-code',
127
- 'byline',
128
- 'calendar-today',
129
- 'case-study',
130
- 'check',
131
- 'check-circle',
132
- 'check-shield',
133
- 'checkbox-hover',
134
- 'chevron-down',
135
- 'chevron-left',
136
- 'chevron-right',
137
- 'chevron-up',
138
- 'close',
139
- 'collapse',
140
- 'compliance',
141
- 'contact',
142
- 'copy-link',
143
- 'copy-to-clipboard',
144
- 'customers',
145
- 'developer',
146
- 'discord',
147
- 'discord-bubble',
148
- 'east',
149
- 'ebook',
150
- 'eclipse',
151
- 'events',
152
- 'expand',
153
- 'facebook',
154
- 'facebook-circle',
155
- 'filter',
156
- 'fix',
157
- 'git-fork',
158
- 'git-issue',
159
- 'github',
160
- 'glassdoor',
161
- 'glossary',
162
- 'google',
163
- 'government',
164
- 'grading',
165
- 'hand-wave',
166
- 'handbook',
167
- 'headphones',
168
- 'info-scan',
169
- 'info-warning',
170
- 'infographic',
171
- 'insert-chart',
172
- 'insert-drive-file',
173
- 'instagram',
174
- 'keyboard-arrow-down',
175
- 'labs',
176
- 'language',
177
- 'library',
178
- 'light-bulb',
179
- 'linkedin',
180
- 'livestream',
181
- 'location',
182
- 'lock-heart',
183
- 'mail-inbox',
184
- 'mail-outline',
185
- 'menu',
186
- 'mic',
187
- 'monetization',
188
- 'moon',
189
- 'more-horizontal',
190
- 'newsroom',
191
- 'npm',
192
- 'open-in-new',
193
- 'partners',
194
- 'pie-chart',
195
- 'play-circle',
196
- 'play',
197
- 'podcast',
198
- 'press-release',
199
- 'quote',
200
- 'reddit',
201
- 'remove',
202
- 'risk',
203
- 'search',
204
- 'send-mail',
205
- 'services',
206
- 'shield-ai',
207
- 'shield-chevron-up',
208
- 'shield-star',
209
- 'shield',
210
- 'snyk-apprisk',
211
- 'snyk-code',
212
- 'snyk-container',
213
- 'snyk-docs',
214
- 'snyk-iac',
215
- 'snyk-learn',
216
- 'snyk-oss',
217
- 'snyk-support',
218
- 'spotify',
219
- 'star-outline',
220
- 'sun',
221
- 'supply-chain',
222
- 'time',
223
- 'twitch',
224
- 'twitter',
225
- 'updates',
226
- 'videocam',
227
- 'vuln-db',
228
- 'vulnvortex',
229
- 'workflows',
230
- 'x',
231
- 'youtube',
232
- ];
233
- // Used for BrandIcons, whih are images
234
- exports.branduiIconSizes = ['sm', 'rg', 'md', 'lg'];
235
- // Used for GeneralIcons, which are fonts
236
- exports.branduiGeneralIconSizes = ['extra-small', 'small', 'medium', 'large', 'extra-large', 'huge'];
237
- const allIcons = [...exports.brandIcons, ...exports.generalIcons];
238
- exports.default = allIcons;
@@ -1,8 +0,0 @@
1
- export * from './buttonVariants';
2
- export * from './colors';
3
- export * from './downloadableFiles';
4
- export * from './icons';
5
- export * from './logos';
6
- export * from './mediaCategories';
7
- export * from './patchPoses';
8
- export * from './sizes';
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./buttonVariants"), exports);
18
- __exportStar(require("./colors"), exports);
19
- __exportStar(require("./downloadableFiles"), exports);
20
- __exportStar(require("./icons"), exports);
21
- __exportStar(require("./logos"), exports);
22
- __exportStar(require("./mediaCategories"), exports);
23
- __exportStar(require("./patchPoses"), exports);
24
- __exportStar(require("./sizes"), exports);
@@ -1,5 +0,0 @@
1
- import { BranduiSnykLogos, BranduiProductLogos, AllLogos } from '../types';
2
- export declare const snykLogos: BranduiSnykLogos[];
3
- export declare const productLogos: BranduiProductLogos[];
4
- declare const allLogos: Readonly<AllLogos[]>;
5
- export default allLogos;
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.productLogos = exports.snykLogos = void 0;
4
- exports.snykLogos = [
5
- 'default',
6
- 'default-solid',
7
- 'icon',
8
- 'icon-solid',
9
- 'vertical',
10
- 'vertical-solid',
11
- 'wordmark',
12
- 'security-labs-solid',
13
- 'icon-security-labs-solid',
14
- 'labs-solid',
15
- 'labs-mono',
16
- 'labs-mono-reverse',
17
- ];
18
- exports.productLogos = [
19
- 'snyk-apprisk',
20
- 'snyk-cloud',
21
- 'snyk-code',
22
- 'snyk-container',
23
- 'snyk-deepcodeai',
24
- 'snyk-iac',
25
- 'snyk-learn',
26
- 'snyk-oss',
27
- ];
28
- const allLogos = [...exports.productLogos, ...exports.snykLogos];
29
- exports.default = allLogos;
@@ -1,3 +0,0 @@
1
- import { BranduiMediaCategories } from '../types';
2
- declare const mediaCategories: BranduiMediaCategories[];
3
- export default mediaCategories;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // List of all media categories
4
- const mediaCategories = [
5
- 'analyst-report',
6
- 'article',
7
- 'blog',
8
- 'byline',
9
- 'buyers-guide',
10
- 'case-study',
11
- 'cheat-sheet',
12
- 'ebook',
13
- 'event',
14
- 'infographic',
15
- 'lesson',
16
- 'live-stream',
17
- 'podcast',
18
- 'press-release',
19
- 'report',
20
- 'video',
21
- 'webinar',
22
- 'white-paper',
23
- ];
24
- exports.default = mediaCategories;
@@ -1,3 +0,0 @@
1
- import { BranduiPatchPoses } from '../types';
2
- declare const patchPoses: BranduiPatchPoses[];
3
- export default patchPoses;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- // List of all Patch Pose variants
4
- const patchPoses = ['pose-alert', 'pose-standing'];
5
- exports.default = patchPoses;
@@ -1,5 +0,0 @@
1
- import { BranduiPadding, BranduiSpacing, BranduiAvatarSizes } from '../types';
2
- export declare const layoutSizes: string[];
3
- export declare const branduiPadding: BranduiPadding[];
4
- export declare const branduiSpacing: BranduiSpacing[];
5
- export declare const avatarSizes: BranduiAvatarSizes[];
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.avatarSizes = exports.branduiSpacing = exports.branduiPadding = exports.layoutSizes = void 0;
4
- // List of all Size variants
5
- exports.layoutSizes = [...Array(13).keys()].map(String); //Not sure how to tyoe this yet
6
- exports.branduiPadding = [
7
- 'none',
8
- 'hairline',
9
- 'thin',
10
- 'slim',
11
- 'extra-small',
12
- 'small',
13
- 'medium',
14
- 'large',
15
- 'extra-large',
16
- 'huge',
17
- 'full',
18
- ];
19
- exports.branduiSpacing = ['none', 'extra-small', 'small', 'medium', 'large', 'extra-large', 'huge', 'full'];
20
- exports.avatarSizes = ['extra-small', 'small', 'medium', 'large', 'extra-large', 'huge'];