@carbon/ibmdotcom-web-components 2.35.0 → 2.36.0

package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -12,10 +12,10 @@
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.35.0',
+ * Carbon for IBM.com v2.36.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.35.0',
+  version: 'Carbon for IBM.com v2.36.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -18,10 +18,10 @@ exports.default = void 0;
  * @type {object} Settings object
  * @property {string} [stablePrefix=c4d] stable prefix
  * @property {string} [prefix=cds] core Carbon prefix
- * Carbon for IBM.com v2.35.0',
+ * Carbon for IBM.com v2.36.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v2.35.0',
+  version: 'Carbon for IBM.com v2.36.0',
   stablePrefix: 'c4d',
   prefix: 'cds'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "2.35.0",
+  "version": "2.36.0",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -93,9 +93,9 @@
     "cypress:verify": "cypress verify"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "2.35.0",
-    "@carbon/ibmdotcom-styles": "2.35.0",
-    "@carbon/ibmdotcom-utilities": "2.35.0",
+    "@carbon/ibmdotcom-services": "2.36.0",
+    "@carbon/ibmdotcom-styles": "2.36.0",
+    "@carbon/ibmdotcom-utilities": "2.36.0",
     "@carbon/layout": "11.27.0",
     "@carbon/motion": "11.24.0",
     "@carbon/styles": "1.65.0",
@@ -244,5 +244,5 @@
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0"
   },
-  "gitHead": "0ff83beb9b8ce84c0a363556f375aef2a1df87b2"
+  "gitHead": "f51e176164c3203c8b75b1dc32c59f16b45217e0"
 }

package/scss/components/masthead/masthead.scss

@@ -609,6 +609,58 @@ $pos-btn-bottom: calc(
   outline: none;
 }
 
+:host(#{$c4d-prefix}-megamenu-link-with-icon) {
+  background-color: var(--cds-button-primary, #0f62fe);
+
+  a[part='link'] {
+    color: var(--cds-text-on-color, #ffffff);
+    @include type-style('body-compact-01');
+  }
+
+  a[part='link']:hover {
+    background-color: var(--cds-button-primary-hover, #0050e6);
+    /* stylelint-disable-next-line declaration-no-important */
+    color: var(--cds-text-on-color, #ffffff) !important;
+  }
+
+  a[part='link']:active {
+    background-color: var(--cds-button-primary-active, #002d9c);
+    box-shadow: -0.0625rem -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
+  }
+
+  /* stylelint-disable-next-line a11y/media-prefers-reduced-motion */
+  a[part='link']:focus {
+    border-style: solid;
+    border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+    background-color: var(--cds-button-primary-hover, #0050e6);
+    box-shadow: inset 0 0 0 1px
+        var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),
+      inset 0 0 0 2px var(--cds-background, #ffffff);
+    transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9),
+      box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),
+      border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),
+      outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
+  }
+}
+
+:host(#{$c4d-prefix}-megamenu-link-with-icon):focus {
+  border-style: solid;
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  background-color: var(--cds-button-primary-hover, #0050e6);
+  box-shadow: inset 0 0 0 1px
+      var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),
+    inset 0 0 0 2px var(--cds-background, #ffffff);
+  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9),
+    box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),
+    border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),
+    outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+
+:host(#{$c4d-prefix}-megamenu-link-with-icon):active {
+  background-color: var(--cds-button-primary-active, #002d9c);
+  box-shadow: -0.0625rem -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
+}
+
 :host(#{$c4d-prefix}-masthead-search-composite),
 :host(#{$c4d-prefix}-masthead-search-container) {
   display: contents;