@carbon/ibmdotcom-styles 2.15.1 → 2.16.0-rc.1

package/dist/ibm-dotcom-styles.css

@@ -6921,6 +6921,11 @@ screen and (prefers-contrast) {
 :host(c4d-callout-with-media) ::slotted([slot=media]) {
   margin: 0 0 2rem
 }
+:host(c4d-callout-with-media-image) .c4d--image__caption,
+:host(c4d-callout-with-media-video) ::slotted(c4d-video-player) {
+  -webkit-margin-after: 0;
+  margin-block-end: 0
+}
 :host(c4d-callout-with-media) ::slotted([slot=copy]),
 :host(c4d-callout-with-media) ::slotted([slot=heading]) {
   inline-size: auto;
@@ -6954,8 +6959,8 @@ screen and (prefers-contrast) {
 }
 .cds--callout-with-media .cds--callout__content .cds--content-block,
 :host(c4d-callout-with-media) .cds--callout__content {
-  -webkit-padding-after: 4rem;
-  padding-block-end: 4rem
+  -webkit-padding-after: 2rem;
+  padding-block-end: 2rem
 }
 .cds--callout-with-media .cds--callout__content .cds--content-block .cds--image__caption,
 :host(c4d-callout-with-media-image) .cds--image__caption {
@@ -13618,7 +13623,8 @@ screen and (prefers-contrast) {
 :host(c4d-feature-card) c4d-image,
 :host(c4d-feature-cta) ::slotted([slot=image]),
 :host(c4d-feature-cta) c4d-image {
-  z-index: 0
+  z-index: 0;
+  block-size: 100%
 }
 :host(c4d-feature-card) ::slotted([slot=image])::before,
 :host(c4d-feature-card) c4d-image::before,
@@ -19867,7 +19873,7 @@ optgroup.cds--select-optgroup:disabled {
   border-block-start: 0
 }
 :host(c4d-footer-nav-item),
-:host(c4d-legal-nav-cookie-preferences-placeholder) div,
+:host(c4d-legal-nav-cookie-preferences-placeholder),
 :host(c4d-legal-nav-item) {
   --cds-ai-aura-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-background: #333333;
@@ -20335,7 +20341,7 @@ optgroup.cds--select-optgroup:disabled {
   outline: 0
 }
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link {
   font-size: var(--cds-body-01-font-size,.875rem);
   font-weight: var(--cds-body-01-font-weight,400);
@@ -20344,31 +20350,34 @@ optgroup.cds--select-optgroup:disabled {
 }
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link,
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link:visited,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link:visited,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link:visited,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link:visited {
   color: var(--cds-text-secondary,#525252)
 }
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link:focus,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link:focus,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link:focus,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link:focus {
   outline-color: var(--cds-focus,#0f62fe);
   outline-offset: -1px
 }
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link:active,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link:active,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link:active,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link:active {
   color: var(--cds-text-on-color,#fff)
 }
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link:hover,
 :host(c4d-footer-nav-item) .cds--footer__link.cds--link:visited:hover,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link:hover,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div .cds--footer__link.cds--link:visited:hover,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link:hover,
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link:visited:hover,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link:hover,
 :host(c4d-legal-nav-item) .cds--footer__link.cds--link:visited:hover {
   color: var(--cds-text-primary,#161616)
 }
+:host(c4d-legal-nav-cookie-preferences-placeholder) .cds--footer__link.cds--link {
+  cursor: pointer
+}
 :host(c4d-legal-nav) .cds--legal-nav__list .cds--legal-nav__list-item .cds--link {
   color: var(--cds-text-secondary,#525252)
 }
@@ -20506,8 +20515,8 @@ optgroup.cds--select-optgroup:disabled {
     padding-inline: 2.5rem
   }
 }
-:host(c4d-footer) .cds--adjunct-links__container--hidden,
-:host(c4d-legal-nav) .cds--adjunct-links__container--hidden {
+:host(c4d-footer) .c4d--adjunct-links__container--hidden,
+:host(c4d-legal-nav) .c4d--adjunct-links__container--hidden {
   display: none
 }
 :host(c4d-footer-nav-group[open]) .cds--accordion__content {
@@ -27146,7 +27155,7 @@ screen and (prefers-contrast) {
   padding-block-start: .5rem
 }
 .cds--legal-nav__list-item,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div,
+:host(c4d-legal-nav-cookie-preferences-placeholder),
 :host(c4d-legal-nav-item) {
   padding: .5rem 0 0;
   -webkit-margin-end: 2rem;
@@ -27158,14 +27167,14 @@ screen and (prefers-contrast) {
 }
 @media (max-width:41.98rem) {
   .cds--legal-nav__list-item:first-child,
-  :host(c4d-legal-nav-cookie-preferences-placeholder) div:first-child,
+  :host(c4d-legal-nav-cookie-preferences-placeholder):first-child,
   :host(c4d-legal-nav-item):first-child {
     -webkit-padding-before: 0;
     padding-block-start: 0
   }
 }
 .cds--legal-nav__list-item:last-child,
-:host(c4d-legal-nav-cookie-preferences-placeholder) div:last-child,
+:host(c4d-legal-nav-cookie-preferences-placeholder):last-child,
 :host(c4d-legal-nav-item):last-child {
   -webkit-margin-end: 0;
   margin-inline-end: 0
@@ -38853,8 +38862,8 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
     font-size: 3.375rem;
     font-size: calc(3.375rem + .375 * (100vw - 66rem)/ 16)
   }
-  :host(c4d-leadspace)[size=super] .c4d--leadspace__overlay {
-    block-size: 40rem
+  :host(c4d-leadspace)[size=super] .c4d--leadspace--content__container {
+    min-block-size: 38rem
   }
 }
 @media (min-width:82rem) {
@@ -38878,8 +38887,8 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
   :host(c4d-leadspace)[size=super] .c4d--leadspace__section {
     min-block-size: 40rem
   }
-  :host(c4d-leadspace)[size=medium] .c4d--leadspace__overlay {
-    block-size: 30rem
+  :host(c4d-leadspace)[size=medium] .c4d--leadspace--content__container {
+    min-block-size: 28rem
   }
   :host(c4d-leadspace)[size=medium] ::slotted(c4d-leadspace-heading) {
     -webkit-margin-after: 4rem;
@@ -38889,7 +38898,7 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
     min-block-size: 30rem
   }
   :host(c4d-leadspace)[size=short] .c4d--leadspace__overlay {
-    block-size: 20rem
+    min-block-size: 20rem
   }
   :host(c4d-leadspace)[size=short] ::slotted(c4d-leadspace-heading) {
     -webkit-margin-after: 4rem;
@@ -38903,8 +38912,8 @@ button.cds--side-nav__link > .cds--side-nav__link-text {
     -webkit-margin-after: 6rem;
     margin-block-end: 6rem
   }
-  :host(c4d-leadspace)[size=tall] .c4d--leadspace__overlay {
-    block-size: 35rem
+  :host(c4d-leadspace)[size=tall] .c4d--leadspace--content__container {
+    min-block-size: 33rem
   }
   :host-context(c4d-leadspace[size=short]) .cds--image__img {
     -o-object-position: left top;
@@ -48634,11 +48643,16 @@ cds-hr {
 .cds--tableofcontents__sidebar {
   position: inherit;
   z-index: 10;
-  padding: 0;
-  inset-block-start: auto
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  inset-block-start: auto;
+  -webkit-padding-start: 0;
+  padding-inline-start: 0
 }
 .cds--tableofcontents__content {
-  padding: 1rem 0 3rem
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  padding-block: 1rem 3rem
 }
 .cds--tableofcontents {
   -webkit-margin-before: 2rem;