@snyk-mktg/brand-ui 2.5.9-canary.4 → 2.5.9

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 (63) hide show
  1. package/dist/css/bundle.css +1 -82
  2. package/dist/css/bundle.css.map +1 -1
  3. package/dist/css/components.css +1 -82
  4. package/dist/css/components.css.map +1 -1
  5. package/dist/css/evo-bundle.css +1 -31
  6. package/dist/css/evo-bundle.css.map +1 -1
  7. package/dist/css/labs-bundle.css +1 -31
  8. package/dist/css/labs-bundle.css.map +1 -1
  9. package/dist/js/helpers/caseFormats.test.d.ts +1 -0
  10. package/dist/js/helpers/caseFormats.test.js +59 -0
  11. package/dist/js/helpers/classnames.test.d.ts +1 -0
  12. package/dist/js/helpers/classnames.test.js +13 -0
  13. package/dist/js/helpers/getInitials.test.d.ts +1 -0
  14. package/dist/js/helpers/getInitials.test.js +29 -0
  15. package/dist/js/helpers/grid.test.d.ts +1 -0
  16. package/dist/js/helpers/grid.test.js +44 -0
  17. package/dist/js/helpers/range.test.d.ts +1 -0
  18. package/dist/js/helpers/range.test.js +24 -0
  19. package/dist/scss/base/_color.scss +16 -1
  20. package/dist/scss/base/_layout.scss +11 -7
  21. package/dist/scss/base/decorations/_markers.scss +26 -28
  22. package/dist/scss/base/mixins/_accessibility.scss +0 -6
  23. package/dist/scss/base/mixins/_color-mode.scss +0 -7
  24. package/dist/scss/base/variables/_colors.scss +29 -34
  25. package/dist/scss/base/variables/_themes.scss +17 -17
  26. package/dist/scss/base/variables/_typography.scss +49 -41
  27. package/dist/scss/base.scss +2 -4
  28. package/dist/scss/components/atoms/_badge.scss +1 -1
  29. package/dist/scss/components/atoms/_button.scss +116 -11
  30. package/dist/scss/components/atoms/_checkbox.scss +2 -12
  31. package/dist/scss/components/atoms/_dropdown.scss +3 -3
  32. package/dist/scss/components/atoms/_feature-checkmark.scss +1 -0
  33. package/dist/scss/components/atoms/_icons.scss +2 -5
  34. package/dist/scss/components/atoms/_tabs.scss +4 -4
  35. package/dist/scss/components/atoms/triggers/_filter.scss +1 -1
  36. package/dist/scss/components/molecules/_announcements.scss +4 -4
  37. package/dist/scss/components/molecules/_pagination.scss +3 -3
  38. package/dist/scss/components/molecules/_search.scss +11 -1
  39. package/dist/scss/components/molecules/_share-this.scss +1 -2
  40. package/dist/scss/components/molecules/_tables.scss +2 -59
  41. package/dist/scss/components/molecules/cards/_card.scss +8 -7
  42. package/dist/scss/components/organisms/_glossary.scss +0 -7
  43. package/dist/scss/components/organisms/_split-content.scss +4 -0
  44. package/dist/scss/components/organisms/_sub-navigation.scss +1 -1
  45. package/dist/scss/components/organisms/ctas/_basic-cta.scss +4 -6
  46. package/dist/scss/components/organisms/heroes/_hero-case-study.scss +7 -4
  47. package/dist/scss/evo/_components.scss +1 -1
  48. package/dist/scss/evo/base/variables/_typography.scss +0 -1
  49. package/dist/scss/evo/components/atoms/_button.scss +0 -88
  50. package/dist/scss/evo/components/molecules/cards/_card.scss +0 -3
  51. package/dist/scss/evo/components/organisms/_footer.scss +0 -14
  52. package/dist/scss/evo/components/organisms/ctas/_basic-cta.scss +0 -1
  53. package/dist/scss/labs/base/variables/_colors.scss +0 -8
  54. package/dist/scss/labs/base/variables/_typography.scss +0 -44
  55. package/dist/scss/labs/components/atoms/_button.scss +0 -12
  56. package/dist/scss/labs/components/atoms/triggers/_play.scss +1 -1
  57. package/dist/scss/labs/components/molecules/_pagination.scss +0 -5
  58. package/dist/scss/labs/components/molecules/cards/_card.scss +0 -10
  59. package/dist/scss/labs/components/organisms/ctas/_basic-cta.scss +0 -2
  60. package/dist/scss/labs/utilities/_rich-text.scss +0 -13
  61. package/dist/scss/utilities/_rich-text.scss +1 -1
  62. package/package.json +2 -3
  63. package/dist/scss/evo/components/molecules/_share-this.scss +0 -44
package/dist/css/components.css CHANGED
@@ -635,18 +635,6 @@
635
635
  font-size: 0.875rem;
636
636
  line-height: 1.5rem;
637
637
  }
638
- .button.search-trigger:hover, .button.search-trigger:focus {
639
- color: #145deb;
640
- }
641
- .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
642
- color: #9bcfff;
643
- }
644
- .button.search-trigger:hover, .button.search-trigger:focus {
645
- background-color: transparent;
646
- }
647
- .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
648
- background-color: transparent;
649
- }
650
638
 
651
639
  .buttons {
652
640
  max-width: max-content;
@@ -9152,57 +9140,6 @@ a.tag:focus {
9152
9140
  color: #3ea2ff;
9153
9141
  }
9154
9142
 
9155
- .search-wrapper {
9156
- position: relative;
9157
- display: flex;
9158
- align-items: center;
9159
- width: 100%;
9160
- padding: 2px;
9161
- border-width: 0.0625rem;
9162
- border-radius: 100rem;
9163
- border-style: solid;
9164
- }
9165
- .search-wrapper {
9166
- border-color: #383f76;
9167
- }
9168
- .search-wrapper.dark-mode, .dark-mode .search-wrapper {
9169
- border-color: #fff;
9170
- }
9171
- .search-input {
9172
- border: none;
9173
- border-radius: 100rem;
9174
- outline: none;
9175
- padding: 0.5rem 1.5rem;
9176
- width: 100%;
9177
- font-family: "Roboto", sans-serif;
9178
- min-width: 300px;
9179
- font-size: 1rem;
9180
- }
9181
- .search-input {
9182
- color: #383f76;
9183
- }
9184
- .search-input.dark-mode, .dark-mode .search-input {
9185
- color: #fff;
9186
- }
9187
- .search-input::placeholder {
9188
- font-size: 1rem;
9189
- font-family: "Roboto", sans-serif;
9190
- }
9191
- @media (min-width: 769px) {
9192
- .search-input {
9193
- min-width: 500px;
9194
- }
9195
- }
9196
- .search-submit {
9197
- position: absolute;
9198
- right: 0;
9199
- }
9200
-
9201
- .search-result-highlight {
9202
- border-radius: 2px;
9203
- background-color: #ffe792;
9204
- }
9205
-
9206
9143
  .table-comparison-caption {
9207
9144
  width: calc(1440px / 12 * 6);
9208
9145
  }
@@ -9282,7 +9219,7 @@ a.tag:focus {
9282
9219
  background-color: "none";
9283
9220
  }
9284
9221
  .table-comparison-row-header {
9285
- width: calc(1440px / 12 * 4);
9222
+ width: calc(1440px / 12 * 6);
9286
9223
  padding-left: 1rem;
9287
9224
  text-align: left;
9288
9225
  vertical-align: top;
@@ -14176,16 +14113,6 @@ a.tag:focus {
14176
14113
  transform: unset;
14177
14114
  }
14178
14115
  }
14179
- .brandui-navigation .navigation-wrapper:has(.with-search) {
14180
- justify-content: end;
14181
- gap: 1rem;
14182
- }
14183
- @media (max-width: 1024px) {
14184
- .brandui-navigation .navigation-wrapper:has(.with-search) {
14185
- justify-content: start;
14186
- gap: 0.5rem;
14187
- }
14188
- }
14189
14116
  @media (max-width: 1024px) {
14190
14117
  .brandui-navigation .navigation-wrapper {
14191
14118
  margin-top: 5rem;
@@ -15032,11 +14959,6 @@ a.tag:focus {
15032
14959
  transition: 0.2s ease-in-out;
15033
14960
  margin-left: auto;
15034
14961
  }
15035
- @media (min-width: 1025px) {
15036
- .brandui-navigation .navigation-buttons.with-search {
15037
- margin-left: 0;
15038
- }
15039
- }
15040
14962
  @media (max-width: 1024px) {
15041
14963
  .brandui-navigation .navigation-buttons {
15042
14964
  margin: 0 auto;
@@ -15044,9 +14966,6 @@ a.tag:focus {
15044
14966
  align-items: center;
15045
14967
  flex-direction: column-reverse;
15046
14968
  }
15047
- .brandui-navigation .navigation-buttons.no-reverse {
15048
- flex-direction: column;
15049
- }
15050
14969
  }
15051
14970
  @media (max-width: 1024px) {
15052
14971
  .brandui-navigation .navigation {