@snyk-mktg/brand-ui 2.3.20 → 2.4.1

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 (20) hide show
  1. package/dist/css/base.css +12 -12
  2. package/dist/css/base.css.map +1 -1
  3. package/dist/css/bundle.css +34 -15
  4. package/dist/css/bundle.css.map +1 -1
  5. package/dist/css/components.css +21 -2
  6. package/dist/css/components.css.map +1 -1
  7. package/dist/css/evo-bundle.css +185 -27
  8. package/dist/css/evo-bundle.css.map +1 -1
  9. package/dist/css/index.css +1 -1
  10. package/dist/css/index.css.map +1 -1
  11. package/dist/css/labs-bundle.css +37 -18
  12. package/dist/css/labs-bundle.css.map +1 -1
  13. package/dist/css/utilities.css +1 -1
  14. package/dist/css/utilities.css.map +1 -1
  15. package/dist/js/types/icons.d.ts +1 -1
  16. package/dist/js/utilities/icons.js +1 -0
  17. package/dist/scss/base/_fonts.scss +4 -4
  18. package/dist/scss/base/variables/_icons.scss +1 -0
  19. package/dist/scss/base/variables/_typography.scss +11 -11
  20. package/package.json +1 -1
package/dist/css/labs-bundle.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @charset "UTF-8";
2
2
  @font-face {
3
3
  font-family: "brandui-icons";
4
- src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.eot");
5
- 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");
4
+ src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot");
5
+ 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");
6
6
  font-weight: normal;
7
7
  font-style: normal;
8
8
  font-display: block;
@@ -55,7 +55,7 @@
55
55
  }
56
56
 
57
57
  .txt-hero-title-large {
58
- font-family: "Big Shoulders Display", sans-serif;
58
+ font-family: "Big Shoulders", sans-serif;
59
59
  font-size: 5.625rem;
60
60
  font-weight: 900;
61
61
  letter-spacing: -0.01em;
@@ -65,7 +65,7 @@
65
65
  }
66
66
  @media (max-width: 768px) {
67
67
  .txt-hero-title-large {
68
- font-family: "Big Shoulders Display", sans-serif;
68
+ font-family: "Big Shoulders", sans-serif;
69
69
  font-size: 3.125rem;
70
70
  font-weight: 900;
71
71
  letter-spacing: -0.01em;
@@ -75,7 +75,7 @@
75
75
  }
76
76
 
77
77
  .txt-hero-title-small {
78
- font-family: "Big Shoulders Display", sans-serif;
78
+ font-family: "Big Shoulders", sans-serif;
79
79
  font-size: 3.125rem;
80
80
  font-weight: 900;
81
81
  letter-spacing: -0.01em;
@@ -85,7 +85,7 @@
85
85
  }
86
86
  @media (max-width: 768px) {
87
87
  .txt-hero-title-small {
88
- font-family: "Big Shoulders Display", sans-serif;
88
+ font-family: "Big Shoulders", sans-serif;
89
89
  font-size: 3.125rem;
90
90
  font-weight: 900;
91
91
  letter-spacing: -0.01em;
@@ -95,7 +95,7 @@
95
95
  }
96
96
 
97
97
  .txt-page-title-large {
98
- font-family: "Big Shoulders Display", sans-serif;
98
+ font-family: "Big Shoulders", sans-serif;
99
99
  font-size: 4.375rem;
100
100
  font-weight: 900;
101
101
  letter-spacing: -0.01em;
@@ -105,7 +105,7 @@
105
105
  }
106
106
  @media (max-width: 768px) {
107
107
  .txt-page-title-large {
108
- font-family: "Big Shoulders Display", sans-serif;
108
+ font-family: "Big Shoulders", sans-serif;
109
109
  font-size: 3.125rem;
110
110
  font-weight: 900;
111
111
  letter-spacing: -0.01em;
@@ -115,7 +115,7 @@
115
115
  }
116
116
 
117
117
  .txt-page-title {
118
- font-family: "Big Shoulders Display", sans-serif;
118
+ font-family: "Big Shoulders", sans-serif;
119
119
  font-size: 3rem;
120
120
  font-weight: 900;
121
121
  letter-spacing: -0.01em;
@@ -125,7 +125,7 @@
125
125
  }
126
126
  @media (max-width: 768px) {
127
127
  .txt-page-title {
128
- font-family: "Big Shoulders Display", sans-serif;
128
+ font-family: "Big Shoulders", sans-serif;
129
129
  font-size: 3.125rem;
130
130
  font-weight: 900;
131
131
  letter-spacing: -0.01em;
@@ -135,7 +135,7 @@
135
135
  }
136
136
 
137
137
  .txt-section-title {
138
- font-family: "Big Shoulders Display", sans-serif;
138
+ font-family: "Big Shoulders", sans-serif;
139
139
  font-size: 3rem;
140
140
  font-weight: 900;
141
141
  letter-spacing: -0.01em;
@@ -145,7 +145,7 @@
145
145
  }
146
146
  @media (max-width: 768px) {
147
147
  .txt-section-title {
148
- font-family: "Big Shoulders Display", sans-serif;
148
+ font-family: "Big Shoulders", sans-serif;
149
149
  font-size: 3.125rem;
150
150
  font-weight: 900;
151
151
  letter-spacing: -0.01em;
@@ -22497,6 +22497,9 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22497
22497
  .general-icon.icon-glassdoor:before {
22498
22498
  content: "\e920";
22499
22499
  }
22500
+ .general-icon.icon-glossary:before {
22501
+ content: "\e97e";
22502
+ }
22500
22503
  .general-icon.icon-google:before {
22501
22504
  content: "\e921";
22502
22505
  }
@@ -28568,13 +28571,13 @@ a.tag:focus {
28568
28571
  .announcement-link.dark-mode, .dark-mode .announcement-link {
28569
28572
  color: #01011e;
28570
28573
  }
28571
- .announcement-link:hover {
28574
+ .announcement-link:hover, .announcement-link:focus {
28572
28575
  text-decoration: underline;
28573
28576
  }
28574
- .announcement-link:hover {
28577
+ .announcement-link:hover, .announcement-link:focus {
28575
28578
  color: #fff;
28576
28579
  }
28577
- .announcement-link:hover.dark-mode, .dark-mode .announcement-link:hover {
28580
+ .announcement-link:hover.dark-mode, .dark-mode .announcement-link:hover, .announcement-link:focus.dark-mode, .dark-mode .announcement-link:focus {
28578
28581
  color: #01011e;
28579
28582
  }
28580
28583
  .announcement-link:before {
@@ -29629,6 +29632,7 @@ a.tag:focus {
29629
29632
  -webkit-text-fill-color: transparent;
29630
29633
  }
29631
29634
  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
29635
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
29632
29636
  position: absolute;
29633
29637
  top: 0;
29634
29638
  right: -10px;
@@ -29636,11 +29640,26 @@ a.tag:focus {
29636
29640
  border-radius: 0.125rem;
29637
29641
  padding: 0.125rem;
29638
29642
  }
29639
- .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
29640
- background: linear-gradient(140deg, #ff8904, #ff0ff3);
29643
+ @media (max-width: 1024px) {
29644
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
29645
+ right: unset;
29646
+ left: 30px;
29647
+ }
29641
29648
  }
29642
29649
  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
29643
29650
  background: linear-gradient(140deg, #ff8904, #ff0ff3);
29651
+ position: absolute;
29652
+ top: 0;
29653
+ right: -10px;
29654
+ font-size: 9px;
29655
+ border-radius: 0.125rem;
29656
+ padding: 0.125rem;
29657
+ }
29658
+ @media (max-width: 1024px) {
29659
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
29660
+ right: unset;
29661
+ left: 30px;
29662
+ }
29644
29663
  }
29645
29664
  .brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
29646
29665
  color: #f6f7fb;
@@ -54808,7 +54827,7 @@ The rich text class applies default styling to HTML when you cannot apply class
54808
54827
  }
54809
54828
  .txt-rich h1:not([class]),
54810
54829
  .txt-rich-long h1:not([class]) {
54811
- font-family: "Big Shoulders Display";
54830
+ font-family: "Big Shoulders";
54812
54831
  font-size: 3rem;
54813
54832
  font-weight: 900;
54814
54833
  letter-spacing: -0.01em;