@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/labs-bundle.css CHANGED
@@ -26529,7 +26529,7 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
26529
26529
  background-color: "none";
26530
26530
  }
26531
26531
  .table-comparison-row-header {
26532
- width: calc(1440px / 12 * 6);
26532
+ width: calc(1440px / 12 * 4);
26533
26533
  padding-left: 1rem;
26534
26534
  text-align: left;
26535
26535
  vertical-align: top;
@@ -28016,6 +28016,18 @@ a.tag:focus {
28016
28016
  font-size: 0.875rem;
28017
28017
  line-height: 1.5rem;
28018
28018
  }
28019
+ .button.search-trigger:hover, .button.search-trigger:focus {
28020
+ color: #003cff;
28021
+ }
28022
+ .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
28023
+ color: #00ffff;
28024
+ }
28025
+ .button.search-trigger:hover, .button.search-trigger:focus {
28026
+ background-color: transparent;
28027
+ }
28028
+ .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
28029
+ background-color: transparent;
28030
+ }
28019
28031
 
28020
28032
  .buttons {
28021
28033
  max-width: max-content;
@@ -29508,6 +29520,16 @@ a.tag:focus {
29508
29520
  transform: unset;
29509
29521
  }
29510
29522
  }
29523
+ .brandui-navigation .navigation-wrapper:has(.with-search) {
29524
+ justify-content: end;
29525
+ gap: 1rem;
29526
+ }
29527
+ @media (max-width: 1024px) {
29528
+ .brandui-navigation .navigation-wrapper:has(.with-search) {
29529
+ justify-content: start;
29530
+ gap: 0.5rem;
29531
+ }
29532
+ }
29511
29533
  @media (max-width: 1024px) {
29512
29534
  .brandui-navigation .navigation-wrapper {
29513
29535
  margin-top: 5rem;
@@ -30354,6 +30376,11 @@ a.tag:focus {
30354
30376
  transition: 0.2s ease-in-out;
30355
30377
  margin-left: auto;
30356
30378
  }
30379
+ @media (min-width: 1025px) {
30380
+ .brandui-navigation .navigation-buttons.with-search {
30381
+ margin-left: 0;
30382
+ }
30383
+ }
30357
30384
  @media (max-width: 1024px) {
30358
30385
  .brandui-navigation .navigation-buttons {
30359
30386
  margin: 0 auto;
@@ -30361,6 +30388,9 @@ a.tag:focus {
30361
30388
  align-items: center;
30362
30389
  flex-direction: column-reverse;
30363
30390
  }
30391
+ .brandui-navigation .navigation-buttons.no-reverse {
30392
+ flex-direction: column;
30393
+ }
30364
30394
  }
30365
30395
  @media (max-width: 1024px) {
30366
30396
  .brandui-navigation .navigation {