@snyk-mktg/brand-ui 2.3.5 → 2.3.7

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 (8) hide show
  1. package/dist/scss/base/variables/_colors.scss +7 -5
  2. package/dist/scss/base/variables/_logos.scss +5 -0
  3. package/dist/scss/evo/_base.scss +1 -1
  4. package/dist/scss/evo/base/_layout.scss +10 -0
  5. package/dist/scss/evo/base/variables/_typography.scss +14 -14
  6. package/dist/scss/evo/components/atoms/_button.scss +12 -13
  7. package/dist/scss/evo/components/molecules/_text-grid-item.scss +1 -1
  8. package/package.json +1 -1
package/dist/scss/base/variables/_colors.scss CHANGED
@@ -12,13 +12,15 @@
12
12
  */
13
13
  $evoui-colors: (
14
14
  'pink': #ff0ff3,
15
- 'orange': #ff7f00,
16
- 'blue': #003cff,
17
- 'red': #ff003f,
15
+ 'orange': #ff8904,
16
+ 'blue': #1447e6,
17
+ 'red': #fb2c36,
18
18
  'teal': #00ff7f,
19
- 'yellow': #ffff00,
19
+ 'yellow': #ffdf20,
20
20
  'purple': #7f00ff,
21
- 'light-blue': #00ffff,
21
+ 'light-blue': #00bcff,
22
+ 'deep-blue': #162456,
23
+ 'green': #05df72,
22
24
  'steel': #3f3f7f,
23
25
  'white': #ffffff,
24
26
  'black': #000000,
package/dist/scss/base/variables/_logos.scss CHANGED
@@ -54,6 +54,11 @@ $snyk-logos-color-mode: (
54
54
  '#{$brandui-images}brand-logos/labs-solid-dark.svg',
55
55
  26%,
56
56
  ),
57
+ 'evo-solid': (
58
+ '#{$brandui-images}brand-logos/evo-solid-light-mode.svg',
59
+ '#{$brandui-images}brand-logos/evo-solid-dark-mode.svg',
60
+ 26%,
61
+ ),
57
62
  'labs-mono': (
58
63
  '#{$brandui-images}brand-logos/labs-mono-light.svg',
59
64
  '#{$brandui-images}brand-logos/labs-mono-dark.svg',
package/dist/scss/evo/_base.scss CHANGED
@@ -3,7 +3,6 @@
3
3
  @use '../../scss/base/functions' as *;
4
4
  @use '../../scss/base/mixins' as *;
5
5
  @use '../../scss/base/links' as *;
6
- @use '../../scss/base/layout' as *;
7
6
  @use '../../scss/base/spacing' as *;
8
7
  @use '../../scss/base/sizing' as *;
9
8
  @use '../../scss/base/decorations/decorations' as *;
@@ -26,6 +25,7 @@
26
25
 
27
26
  // @use './base/variables/colors' as *;
28
27
  @use './base/baseline' as *;
28
+ @use './base/layout' as *;
29
29
  @use './base/typography' as *;
30
30
  @use './base/decorations/backgrounds' as *;
31
31
  @use './base/color' as *;
package/dist/scss/evo/base/_layout.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use '../../base/layout' as *;
2
+ @use '../../base/functions' as *;
3
+
4
+ .brandui-section {
5
+ .section {
6
+ &-intro {
7
+ max-width: brandui-col-spacing(9);
8
+ }
9
+ }
10
+ }
package/dist/scss/evo/base/variables/_typography.scss CHANGED
@@ -22,14 +22,14 @@ $evoui-text-elements: (
22
22
  'weight': 900,
23
23
  'family': map.get($brandui-font-family, geist),
24
24
  'type': sans-serif,
25
- 'letter-spacing': -0.01em,
25
+ 'letter-spacing': -0.03em,
26
26
  'text-transform': none,
27
27
  ),
28
28
  'hero-title-small': (
29
29
  'weight': 900,
30
30
  'family': map.get($brandui-font-family, geist),
31
31
  'type': sans-serif,
32
- 'letter-spacing': -0.01em,
32
+ 'letter-spacing': -0.03em,
33
33
  'text-transform': none,
34
34
  ),
35
35
  'page-title-large': (
@@ -37,7 +37,7 @@ $evoui-text-elements: (
37
37
  // 'family': map.get($brandui-font-family, poppins),
38
38
  'family': map.get($brandui-font-family, geist),
39
39
  'type': sans-serif,
40
- 'letter-spacing': -0.01em,
40
+ 'letter-spacing': -0.03em,
41
41
  // 'text-transform': none,
42
42
  'text-transform': none,
43
43
  ),
@@ -46,7 +46,7 @@ $evoui-text-elements: (
46
46
  // 'family': map.get($brandui-font-family, poppins),
47
47
  'family': map.get($brandui-font-family, geist),
48
48
  'type': sans-serif,
49
- 'letter-spacing': -0.01em,
49
+ 'letter-spacing': -0.03em,
50
50
  // 'text-transform': none,
51
51
  'text-transform': none,
52
52
  ),
@@ -55,7 +55,7 @@ $evoui-text-elements: (
55
55
  // 'family': map.get($brandui-font-family, poppins),
56
56
  'family': map.get($brandui-font-family, geist),
57
57
  'type': sans-serif,
58
- 'letter-spacing': -0.01em,
58
+ 'letter-spacing': -0.03em,
59
59
  // 'text-transform': none,
60
60
  'text-transform': none,
61
61
  ),
@@ -64,7 +64,7 @@ $evoui-text-elements: (
64
64
  // 'family': map.get($brandui-font-family, poppins),
65
65
  'family': map.get($brandui-font-family, geist-mono),
66
66
  'type': monospace,
67
- 'letter-spacing': -0.01em,
67
+ 'letter-spacing': -0.03em,
68
68
  'text-transform': none,
69
69
  ),
70
70
  'headline-small': (
@@ -72,7 +72,7 @@ $evoui-text-elements: (
72
72
  // 'family': map.get($brandui-font-family, poppins),
73
73
  'family': map.get($brandui-font-family, geist-mono),
74
74
  'type': monospace,
75
- 'letter-spacing': -0.01em,
75
+ 'letter-spacing': -0.03em,
76
76
  'text-transform': none,
77
77
  ),
78
78
  'subhead': (
@@ -81,7 +81,7 @@ $evoui-text-elements: (
81
81
  // 'family': map.get($brandui-font-family, poppins),
82
82
  'family': map.get($brandui-font-family, geist),
83
83
  'type': sans-serif,
84
- 'letter-spacing': -0.01em,
84
+ 'letter-spacing': -0.03em,
85
85
  'text-transform': none,
86
86
  ),
87
87
  'subhead-small': (
@@ -90,7 +90,7 @@ $evoui-text-elements: (
90
90
  // 'family': map.get($brandui-font-family, poppins),
91
91
  'family': map.get($brandui-font-family, geist),
92
92
  'type': sans-serif,
93
- 'letter-spacing': -0.01em,
93
+ 'letter-spacing': -0.03em,
94
94
  'text-transform': none,
95
95
  ),
96
96
  'mini-header': (
@@ -177,7 +177,7 @@ $evoui-text-elements-responsive: (
177
177
  'weight': 900,
178
178
  'family': map.get($brandui-font-family, geist),
179
179
  'type': sans-serif,
180
- 'letter-spacing': -0.01em,
180
+ 'letter-spacing': -0.03em,
181
181
  'text-transform': none,
182
182
  ),
183
183
  'hero-title-small': (
@@ -185,7 +185,7 @@ $evoui-text-elements-responsive: (
185
185
  'weight': 900,
186
186
  'family': map.get($brandui-font-family, geist),
187
187
  'type': sans-serif,
188
- 'letter-spacing': -0.01em,
188
+ 'letter-spacing': -0.03em,
189
189
  'text-transform': none,
190
190
  ),
191
191
  'page-title-large': (
@@ -194,7 +194,7 @@ $evoui-text-elements-responsive: (
194
194
  // 'family': map.get($brandui-font-family, poppins),
195
195
  'family': map.get($brandui-font-family, geist),
196
196
  'type': sans-serif,
197
- 'letter-spacing': -0.01em,
197
+ 'letter-spacing': -0.03em,
198
198
  // 'text-transform': none,
199
199
  'text-transform': none,
200
200
  ),
@@ -203,7 +203,7 @@ $evoui-text-elements-responsive: (
203
203
  'weight': 900,
204
204
  'family': map.get($brandui-font-family, geist),
205
205
  'type': sans-serif,
206
- 'letter-spacing': -0.01em,
206
+ 'letter-spacing': -0.03em,
207
207
  'text-transform': none,
208
208
  ),
209
209
  'section-title': (
@@ -211,7 +211,7 @@ $evoui-text-elements-responsive: (
211
211
  'weight': 900,
212
212
  'family': map.get($brandui-font-family, geist),
213
213
  'type': sans-serif,
214
- 'letter-spacing': -0.01em,
214
+ 'letter-spacing': -0.03em,
215
215
  'text-transform': none,
216
216
  ),
217
217
  'headline-large': (
package/dist/scss/evo/components/atoms/_button.scss CHANGED
@@ -80,19 +80,18 @@ $secondary-conic-dark-values: RGBA(brandui-rgb-labels(action-dark), 1), RGBA(bra
80
80
  -webkit-background-clip: text;
81
81
  -webkit-text-fill-color: transparent;
82
82
  }
83
- &:after {
84
- @include color.gradient-mode(
85
- 'background-image',
86
- 'linear',
87
- '140deg',
88
- brandui-color-labels(action),
89
- brandui-color-labels(action-secondary),
90
- brandui-color-labels(action-dark),
91
- brandui-color-labels(action-secondary-dark)
92
- ) {
93
- -webkit-background-clip: text;
94
- -webkit-text-fill-color: transparent;
95
- }
83
+ @include color.gradient-mode-pseudo(
84
+ '&:after',
85
+ 'background-image',
86
+ 'linear',
87
+ '140deg',
88
+ brandui-color-labels(action),
89
+ brandui-color-labels(action-secondary),
90
+ brandui-color-labels(action-dark),
91
+ brandui-color-labels(action-secondary-dark)
92
+ ) {
93
+ -webkit-background-clip: text;
94
+ -webkit-text-fill-color: transparent;
96
95
  }
97
96
 
98
97
  &:hover,
package/dist/scss/evo/components/molecules/_text-grid-item.scss CHANGED
@@ -3,5 +3,5 @@
3
3
  @use '../../../components/molecules/text-grid-item' as *;
4
4
 
5
5
  .text-grid-item {
6
- gap: map.get($brandui-padding, 'medium');
6
+ gap: map.get($brandui-padding, 'small');
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snyk-mktg/brand-ui",
3
- "version": "2.3.5",
3
+ "version": "2.3.7",
4
4
  "description": "The official style library for Snyk’s BrandUI Design System",
5
5
  "scripts": {
6
6
  "dev:css": "gulp devCss",