@snyk-mktg/brand-ui 2.5.9 → 2.5.10-canary.0

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 (81) hide show
  1. package/dist/css/bundle.css +82 -1
  2. package/dist/css/bundle.css.map +1 -1
  3. package/dist/css/components.css +82 -1
  4. package/dist/css/components.css.map +1 -1
  5. package/dist/css/evo-bundle.css +31 -1
  6. package/dist/css/evo-bundle.css.map +1 -1
  7. package/dist/css/labs-bundle.css +31 -1
  8. package/dist/css/labs-bundle.css.map +1 -1
  9. package/dist/scss/base/_baseline.scss +9 -4
  10. package/dist/scss/base/_color.scss +2 -17
  11. package/dist/scss/base/_layout.scss +35 -10
  12. package/dist/scss/base/_links.scss +3 -1
  13. package/dist/scss/base/decorations/_backgrounds.scss +21 -53
  14. package/dist/scss/base/decorations/_markers.scss +28 -26
  15. package/dist/scss/base/mixins/_accessibility.scss +6 -0
  16. package/dist/scss/base/mixins/_color-mode.scss +12 -0
  17. package/dist/scss/base/mixins/_glass.scss +36 -12
  18. package/dist/scss/base/mixins/_gradient-border.scss +49 -0
  19. package/dist/scss/base/mixins/index.scss +1 -0
  20. package/dist/scss/base/variables/_colors.scss +39 -33
  21. package/dist/scss/base/variables/_effects.scss +5 -5
  22. package/dist/scss/base/variables/_themes.scss +18 -18
  23. package/dist/scss/base/variables/_typography.scss +49 -57
  24. package/dist/scss/base.scss +3 -1
  25. package/dist/scss/components/atoms/_badge.scss +1 -1
  26. package/dist/scss/components/atoms/_button.scss +17 -115
  27. package/dist/scss/components/atoms/_checkbox.scss +12 -2
  28. package/dist/scss/components/atoms/_dropdown.scss +3 -3
  29. package/dist/scss/components/atoms/_feature-checkmark.scss +3 -1
  30. package/dist/scss/components/atoms/_icons.scss +6 -3
  31. package/dist/scss/components/atoms/_tabs.scss +4 -4
  32. package/dist/scss/components/atoms/_tag.scss +3 -2
  33. package/dist/scss/components/atoms/triggers/_filter.scss +1 -1
  34. package/dist/scss/components/molecules/_announcements.scss +15 -7
  35. package/dist/scss/components/molecules/_pagination.scss +5 -5
  36. package/dist/scss/components/molecules/_search.scss +1 -11
  37. package/dist/scss/components/molecules/_share-this.scss +2 -1
  38. package/dist/scss/components/molecules/_table-of-contents.scss +4 -4
  39. package/dist/scss/components/molecules/_tables.scss +59 -2
  40. package/dist/scss/components/molecules/cards/_card-bg-image.scss +1 -1
  41. package/dist/scss/components/molecules/cards/_card.scss +11 -6
  42. package/dist/scss/components/organisms/_footer.scss +1 -1
  43. package/dist/scss/components/organisms/_glossary.scss +7 -0
  44. package/dist/scss/components/organisms/_navigation.scss +5 -5
  45. package/dist/scss/components/organisms/_split-content.scss +0 -4
  46. package/dist/scss/components/organisms/_sub-navigation.scss +1 -1
  47. package/dist/scss/components/organisms/ctas/_basic-cta.scss +6 -4
  48. package/dist/scss/components/organisms/ctas/_body-cta.scss +16 -6
  49. package/dist/scss/components/organisms/ctas/_footer-cta.scss +20 -1
  50. package/dist/scss/components/organisms/heroes/_hero-case-study.scss +4 -7
  51. package/dist/scss/evo/_components.scss +1 -1
  52. package/dist/scss/evo/base/variables/_typography.scss +2 -0
  53. package/dist/scss/evo/components/atoms/_button.scss +92 -4
  54. package/dist/scss/evo/components/molecules/_share-this.scss +44 -0
  55. package/dist/scss/evo/components/molecules/cards/_card.scss +3 -0
  56. package/dist/scss/evo/components/organisms/_footer.scss +14 -0
  57. package/dist/scss/evo/components/organisms/ctas/_basic-cta.scss +1 -0
  58. package/dist/scss/labs/_components.scss +1 -1
  59. package/dist/scss/labs/base/_baseline.scss +2 -0
  60. package/dist/scss/labs/base/variables/_colors.scss +8 -0
  61. package/dist/scss/labs/base/variables/_typography.scss +44 -0
  62. package/dist/scss/labs/components/atoms/_button.scss +12 -0
  63. package/dist/scss/labs/components/atoms/triggers/_play.scss +1 -1
  64. package/dist/scss/labs/components/molecules/_pagination.scss +5 -0
  65. package/dist/scss/labs/components/molecules/_table-of-contents.scss +14 -1
  66. package/dist/scss/labs/components/molecules/cards/_card-bg-image.scss +7 -0
  67. package/dist/scss/labs/components/molecules/cards/_card.scss +10 -0
  68. package/dist/scss/labs/components/organisms/ctas/_basic-cta.scss +2 -0
  69. package/dist/scss/labs/utilities/_rich-text.scss +13 -0
  70. package/dist/scss/utilities/_rich-text.scss +1 -1
  71. package/package.json +3 -2
  72. package/dist/js/helpers/caseFormats.test.d.ts +0 -1
  73. package/dist/js/helpers/caseFormats.test.js +0 -59
  74. package/dist/js/helpers/classnames.test.d.ts +0 -1
  75. package/dist/js/helpers/classnames.test.js +0 -13
  76. package/dist/js/helpers/getInitials.test.d.ts +0 -1
  77. package/dist/js/helpers/getInitials.test.js +0 -29
  78. package/dist/js/helpers/grid.test.d.ts +0 -1
  79. package/dist/js/helpers/grid.test.js +0 -44
  80. package/dist/js/helpers/range.test.d.ts +0 -1
  81. package/dist/js/helpers/range.test.js +0 -24
package/dist/css/evo-bundle.css CHANGED
@@ -26335,7 +26335,7 @@ a.tag:focus {
26335
26335
  background-color: "none";
26336
26336
  }
26337
26337
  .table-comparison-row-header {
26338
- width: calc(1440px / 12 * 6);
26338
+ width: calc(1440px / 12 * 4);
26339
26339
  padding-left: 1rem;
26340
26340
  text-align: left;
26341
26341
  vertical-align: top;
@@ -28675,6 +28675,18 @@ a.tag:focus {
28675
28675
  font-size: 0.875rem;
28676
28676
  line-height: 1.5rem;
28677
28677
  }
28678
+ .button.search-trigger:hover, .button.search-trigger:focus {
28679
+ color: #ff0ff3;
28680
+ }
28681
+ .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
28682
+ color: #ff0ff3;
28683
+ }
28684
+ .button.search-trigger:hover, .button.search-trigger:focus {
28685
+ background-color: transparent;
28686
+ }
28687
+ .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
28688
+ background-color: transparent;
28689
+ }
28678
28690
 
28679
28691
  .buttons {
28680
28692
  max-width: max-content;
@@ -29263,6 +29275,16 @@ a.tag:focus {
29263
29275
  transform: unset;
29264
29276
  }
29265
29277
  }
29278
+ .brandui-navigation .navigation-wrapper:has(.with-search) {
29279
+ justify-content: end;
29280
+ gap: 1rem;
29281
+ }
29282
+ @media (max-width: 1024px) {
29283
+ .brandui-navigation .navigation-wrapper:has(.with-search) {
29284
+ justify-content: start;
29285
+ gap: 0.5rem;
29286
+ }
29287
+ }
29266
29288
  @media (max-width: 1024px) {
29267
29289
  .brandui-navigation .navigation-wrapper {
29268
29290
  margin-top: 5rem;
@@ -30109,6 +30131,11 @@ a.tag:focus {
30109
30131
  transition: 0.2s ease-in-out;
30110
30132
  margin-left: auto;
30111
30133
  }
30134
+ @media (min-width: 1025px) {
30135
+ .brandui-navigation .navigation-buttons.with-search {
30136
+ margin-left: 0;
30137
+ }
30138
+ }
30112
30139
  @media (max-width: 1024px) {
30113
30140
  .brandui-navigation .navigation-buttons {
30114
30141
  margin: 0 auto;
@@ -30116,6 +30143,9 @@ a.tag:focus {
30116
30143
  align-items: center;
30117
30144
  flex-direction: column-reverse;
30118
30145
  }
30146
+ .brandui-navigation .navigation-buttons.no-reverse {
30147
+ flex-direction: column;
30148
+ }
30119
30149
  }
30120
30150
  @media (max-width: 1024px) {
30121
30151
  .brandui-navigation .navigation {