@carbon/ibmdotcom-web-components 2.35.0 → 2.37.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 (52) hide show
  1. package/custom-elements.json +39 -2
  2. package/dist/dotcom-shell.js +2 -2
  3. package/dist/dotcom-shell.min.js +6 -6
  4. package/dist/ibmdotcom-web-components-dotcom-shell.js +2 -2
  5. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +6 -6
  6. package/dist/{index-4046820a.js → index-101ff4ff.js} +12 -7
  7. package/dist/{index-ccf47ae7.js → index-2da0cc10.js} +11 -11
  8. package/dist/{left-nav-menu-1778be74.js → left-nav-menu-059f3af6.js} +6 -6
  9. package/dist/{left-nav-menu-eceb36da.js → left-nav-menu-b2f279ad.js} +2 -2
  10. package/dist/{left-nav-menu-category-heading-b23d7129.js → left-nav-menu-category-heading-bbfe009a.js} +2 -2
  11. package/dist/{left-nav-menu-category-heading-9939b780.js → left-nav-menu-category-heading-cf9ef07e.js} +6 -6
  12. package/dist/{left-nav-menu-item-a5470d1f.js → left-nav-menu-item-370599e1.js} +6 -6
  13. package/dist/{left-nav-menu-item-0f079ba8.js → left-nav-menu-item-b0a3ffe3.js} +2 -2
  14. package/dist/{left-nav-menu-section-e142e371.js → left-nav-menu-section-5c3ef339.js} +6 -6
  15. package/dist/{left-nav-menu-section-721d4f30.js → left-nav-menu-section-bce62276.js} +2 -2
  16. package/dist/{left-nav-overlay-6e6a4779.js → left-nav-overlay-085cef80.js} +6 -6
  17. package/dist/{left-nav-overlay-14c5100d.js → left-nav-overlay-43d30c63.js} +2 -2
  18. package/dist/{megamenu-category-group-4dbf5c33.js → megamenu-category-group-7e1d5b50.js} +6 -6
  19. package/dist/{megamenu-category-group-copy-8951122b.js → megamenu-category-group-copy-02002b03.js} +2 -2
  20. package/dist/{megamenu-category-group-copy-849df575.js → megamenu-category-group-copy-9f4f3d0e.js} +6 -6
  21. package/dist/{megamenu-category-group-5221cc32.js → megamenu-category-group-d512f668.js} +2 -2
  22. package/dist/{megamenu-category-heading-a1268cb2.js → megamenu-category-heading-4b0206af.js} +2 -2
  23. package/dist/{megamenu-category-heading-b2fe8c9d.js → megamenu-category-heading-5dc7ff0d.js} +6 -6
  24. package/dist/{megamenu-category-link-356bdb9e.js → megamenu-category-link-25ce7627.js} +10 -10
  25. package/dist/{megamenu-category-link-bfc83216.js → megamenu-category-link-d22be130.js} +2 -2
  26. package/dist/{megamenu-category-link-group-1b78b889.js → megamenu-category-link-group-5cf9cfa0.js} +6 -6
  27. package/dist/{megamenu-category-link-group-378d3822.js → megamenu-category-link-group-eda19d19.js} +2 -2
  28. package/dist/{megamenu-left-navigation-0570753a.js → megamenu-left-navigation-3627e4a7.js} +2 -2
  29. package/dist/{megamenu-left-navigation-9b9eb85d.js → megamenu-left-navigation-858ca04c.js} +6 -6
  30. package/dist/{megamenu-overlay-6696988b.js → megamenu-overlay-1005eee4.js} +6 -6
  31. package/dist/{megamenu-overlay-ea82d047.js → megamenu-overlay-26c4d654.js} +2 -2
  32. package/dist/{megamenu-tab-d7b95e9c.js → megamenu-tab-85782854.js} +2 -2
  33. package/dist/{megamenu-tab-f1e08b5e.js → megamenu-tab-e03e6e58.js} +6 -6
  34. package/es/components/leadspace/leadspace.css.js +1 -1
  35. package/es/components/masthead/masthead-menu-button.js +1 -1
  36. package/es/components/masthead/masthead-menu-button.js.map +1 -1
  37. package/es/components/masthead/masthead.css.js +1 -1
  38. package/es/components/notice-choice/notice-choice.d.ts +23 -17
  39. package/es/components/notice-choice/notice-choice.js +335 -203
  40. package/es/components/notice-choice/notice-choice.js.map +1 -1
  41. package/es/components/notice-choice/utils.d.ts +6 -0
  42. package/es/components/notice-choice/utils.js +33 -0
  43. package/es/components/notice-choice/utils.js.map +1 -1
  44. package/es/components/pricing-table/pricing-table.d.ts +1 -1
  45. package/es/components/pricing-table/pricing-table.js +4 -9
  46. package/es/components/pricing-table/pricing-table.js.map +1 -1
  47. package/es/internal/vendor/@carbon/ibmdotcom-services/services/Translation/Translation.js +5 -0
  48. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  49. package/lib/internal/vendor/@carbon/ibmdotcom-services/services/Translation/Translation.js +5 -0
  50. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  51. package/package.json +5 -5
  52. package/scss/components/masthead/masthead.scss +52 -0
package/scss/components/masthead/masthead.scss CHANGED
@@ -609,6 +609,58 @@ $pos-btn-bottom: calc(
609
609
  outline: none;
610
610
  }
611
611
 
612
+ :host(#{$c4d-prefix}-megamenu-link-with-icon) {
613
+ background-color: var(--cds-button-primary, #0f62fe);
614
+
615
+ a[part='link'] {
616
+ color: var(--cds-text-on-color, #ffffff);
617
+ @include type-style('body-compact-01');
618
+ }
619
+
620
+ a[part='link']:hover {
621
+ background-color: var(--cds-button-primary-hover, #0050e6);
622
+ /* stylelint-disable-next-line declaration-no-important */
623
+ color: var(--cds-text-on-color, #ffffff) !important;
624
+ }
625
+
626
+ a[part='link']:active {
627
+ background-color: var(--cds-button-primary-active, #002d9c);
628
+ box-shadow: -0.0625rem -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
629
+ }
630
+
631
+ /* stylelint-disable-next-line a11y/media-prefers-reduced-motion */
632
+ a[part='link']:focus {
633
+ border-style: solid;
634
+ border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
635
+ background-color: var(--cds-button-primary-hover, #0050e6);
636
+ box-shadow: inset 0 0 0 1px
637
+ var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),
638
+ inset 0 0 0 2px var(--cds-background, #ffffff);
639
+ transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9),
640
+ box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),
641
+ border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),
642
+ outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
643
+ }
644
+ }
645
+
646
+ :host(#{$c4d-prefix}-megamenu-link-with-icon):focus {
647
+ border-style: solid;
648
+ border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
649
+ background-color: var(--cds-button-primary-hover, #0050e6);
650
+ box-shadow: inset 0 0 0 1px
651
+ var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),
652
+ inset 0 0 0 2px var(--cds-background, #ffffff);
653
+ transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9),
654
+ box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),
655
+ border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),
656
+ outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
657
+ }
658
+
659
+ :host(#{$c4d-prefix}-megamenu-link-with-icon):active {
660
+ background-color: var(--cds-button-primary-active, #002d9c);
661
+ box-shadow: -0.0625rem -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
662
+ }
663
+
612
664
  :host(#{$c4d-prefix}-masthead-search-composite),
613
665
  :host(#{$c4d-prefix}-masthead-search-container) {
614
666
  display: contents;