@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/bundle.css CHANGED
@@ -18247,18 +18247,6 @@ cite {
18247
18247
  font-size: 0.875rem;
18248
18248
  line-height: 1.5rem;
18249
18249
  }
18250
- .button.search-trigger:hover, .button.search-trigger:focus {
18251
- color: #145deb;
18252
- }
18253
- .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
18254
- color: #9bcfff;
18255
- }
18256
- .button.search-trigger:hover, .button.search-trigger:focus {
18257
- background-color: transparent;
18258
- }
18259
- .button.search-trigger:hover.dark-mode, .dark-mode .button.search-trigger:hover, .button.search-trigger:focus.dark-mode, .dark-mode .button.search-trigger:focus {
18260
- background-color: transparent;
18261
- }
18262
18250
 
18263
18251
  .buttons {
18264
18252
  max-width: max-content;
@@ -26554,57 +26542,6 @@ a.tag:focus {
26554
26542
  color: #3ea2ff;
26555
26543
  }
26556
26544
 
26557
- .search-wrapper {
26558
- position: relative;
26559
- display: flex;
26560
- align-items: center;
26561
- width: 100%;
26562
- padding: 2px;
26563
- border-width: 0.0625rem;
26564
- border-radius: 100rem;
26565
- border-style: solid;
26566
- }
26567
- .search-wrapper {
26568
- border-color: #383f76;
26569
- }
26570
- .search-wrapper.dark-mode, .dark-mode .search-wrapper {
26571
- border-color: #fff;
26572
- }
26573
- .search-input {
26574
- border: none;
26575
- border-radius: 100rem;
26576
- outline: none;
26577
- padding: 0.5rem 1.5rem;
26578
- width: 100%;
26579
- font-family: "Roboto", sans-serif;
26580
- min-width: 300px;
26581
- font-size: 1rem;
26582
- }
26583
- .search-input {
26584
- color: #383f76;
26585
- }
26586
- .search-input.dark-mode, .dark-mode .search-input {
26587
- color: #fff;
26588
- }
26589
- .search-input::placeholder {
26590
- font-size: 1rem;
26591
- font-family: "Roboto", sans-serif;
26592
- }
26593
- @media (min-width: 769px) {
26594
- .search-input {
26595
- min-width: 500px;
26596
- }
26597
- }
26598
- .search-submit {
26599
- position: absolute;
26600
- right: 0;
26601
- }
26602
-
26603
- .search-result-highlight {
26604
- border-radius: 2px;
26605
- background-color: #ffe792;
26606
- }
26607
-
26608
26545
  .table-comparison-caption {
26609
26546
  width: calc(1440px / 12 * 6);
26610
26547
  }
@@ -26684,7 +26621,7 @@ a.tag:focus {
26684
26621
  background-color: "none";
26685
26622
  }
26686
26623
  .table-comparison-row-header {
26687
- width: calc(1440px / 12 * 4);
26624
+ width: calc(1440px / 12 * 6);
26688
26625
  padding-left: 1rem;
26689
26626
  text-align: left;
26690
26627
  vertical-align: top;
@@ -28581,16 +28518,6 @@ a.tag:focus {
28581
28518
  transform: unset;
28582
28519
  }
28583
28520
  }
28584
- .brandui-navigation .navigation-wrapper:has(.with-search) {
28585
- justify-content: end;
28586
- gap: 1rem;
28587
- }
28588
- @media (max-width: 1024px) {
28589
- .brandui-navigation .navigation-wrapper:has(.with-search) {
28590
- justify-content: start;
28591
- gap: 0.5rem;
28592
- }
28593
- }
28594
28521
  @media (max-width: 1024px) {
28595
28522
  .brandui-navigation .navigation-wrapper {
28596
28523
  margin-top: 5rem;
@@ -29437,11 +29364,6 @@ a.tag:focus {
29437
29364
  transition: 0.2s ease-in-out;
29438
29365
  margin-left: auto;
29439
29366
  }
29440
- @media (min-width: 1025px) {
29441
- .brandui-navigation .navigation-buttons.with-search {
29442
- margin-left: 0;
29443
- }
29444
- }
29445
29367
  @media (max-width: 1024px) {
29446
29368
  .brandui-navigation .navigation-buttons {
29447
29369
  margin: 0 auto;
@@ -29449,9 +29371,6 @@ a.tag:focus {
29449
29371
  align-items: center;
29450
29372
  flex-direction: column-reverse;
29451
29373
  }
29452
- .brandui-navigation .navigation-buttons.no-reverse {
29453
- flex-direction: column;
29454
- }
29455
29374
  }
29456
29375
  @media (max-width: 1024px) {
29457
29376
  .brandui-navigation .navigation {