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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "2.15.1",
+  "version": "2.16.0-rc.1",
   "license": "Apache-2.0",
   "main": "dist/ibm-dotcom-styles.min.css",
   "module": "src/scss",
@@ -48,5 +48,5 @@
     "sass": "~1.79.0",
     "sass-loader": "^13.0.0"
   },
-  "gitHead": "2d8af2dbc0642bec988921e9ed8b2bbaafca60ec"
+  "gitHead": "a05e9bc0deab9e09d85b61ab2b79bf2319f2dbbb"
 }

package/scss/components/callout-with-media/_callout-with-media.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2016, 2023
+// Copyright IBM Corp. 2016, 2024
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -96,6 +96,8 @@
   :host(#{$c4d-prefix}-callout-with-media-video)
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption);
+
+    margin-block-end: 0;
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image[color-scheme='inverse'])
@@ -159,7 +161,7 @@
   .#{$prefix}--callout-with-media
     .#{$prefix}--callout__content
     .#{$prefix}--content-block {
-    padding-block-end: $spacing-10;
+    padding-block-end: $spacing-07;
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image),

package/scss/components/feature-card/_feature-card.scss

@@ -125,6 +125,7 @@ $feature-flags: (
     ::slotted([slot='image']),
     #{$c4d-prefix}-image {
       z-index: 0;
+      block-size: 100%;
 
       // Opacity is adjusted on hover. See above.
       &::before {

package/scss/components/feature-section/_feature-section.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -121,6 +121,7 @@
 
     ::slotted(#{$c4d-prefix}-image) {
       overflow: hidden;
+      block-size: 100%;
 
       @include breakpoint(sm) {
         block-size: aspect-ratio(1, 1);

package/scss/components/footer/_footer.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -112,7 +112,7 @@
 
   :host(#{$c4d-prefix}-footer-nav-item),
   :host(#{$c4d-prefix}-legal-nav-item),
-  :host(#{$c4d-prefix}-legal-nav-cookie-preferences-placeholder) div {
+  :host(#{$c4d-prefix}-legal-nav-cookie-preferences-placeholder) {
     @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));
 
     display: list-item;
@@ -142,6 +142,12 @@
     }
   }
 
+  :host(#{$c4d-prefix}-legal-nav-cookie-preferences-placeholder) {
+    .#{$prefix}--footer__link.#{$prefix}--link {
+      cursor: pointer;
+    }
+  }
+
   :host(#{$c4d-prefix}-legal-nav) {
     @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));
 
@@ -220,7 +226,7 @@
         @include make-container;
       }
     }
-    .#{$prefix}--adjunct-links__container--hidden {
+    .#{$c4d-prefix}--adjunct-links__container--hidden {
       display: none;
     }
   }

package/scss/components/footer/_legal-nav.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -198,7 +198,7 @@
   }
 
   :host(#{$c4d-prefix}-legal-nav-item),
-  :host(#{$c4d-prefix}-legal-nav-cookie-preferences-placeholder) div,
+  :host(#{$c4d-prefix}-legal-nav-cookie-preferences-placeholder),
   .#{$prefix}--legal-nav__list-item {
     padding: $spacing-03 0 0 0;
     margin-inline-end: $spacing-07;

package/scss/components/leadspace/_leadspace.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -513,8 +513,8 @@ $btn-min-width: 26;
 
   :host(#{$c4d-prefix}-leadspace)[size='super'] {
     @include breakpoint(lg) {
-      .#{$c4d-prefix}--leadspace__overlay {
-        block-size: 40rem;
+      .#{$c4d-prefix}--leadspace--content__container {
+        min-block-size: 38rem;
       }
     }
 
@@ -527,8 +527,8 @@ $btn-min-width: 26;
 
   :host(#{$c4d-prefix}-leadspace)[size='medium'] {
     @include breakpoint(lg) {
-      .#{$c4d-prefix}--leadspace__overlay {
-        block-size: 30rem;
+      .#{$c4d-prefix}--leadspace--content__container {
+        min-block-size: 28rem;
       }
     }
 
@@ -548,7 +548,7 @@ $btn-min-width: 26;
   :host(#{$c4d-prefix}-leadspace)[size='short'] {
     @include breakpoint(lg) {
       .#{$c4d-prefix}--leadspace__overlay {
-        block-size: 20rem;
+        min-block-size: 20rem;
       }
     }
 
@@ -578,8 +578,8 @@ $btn-min-width: 26;
 
   :host(#{$c4d-prefix}-leadspace)[size='tall'] {
     @include breakpoint(lg) {
-      .#{$c4d-prefix}--leadspace__overlay {
-        block-size: 35rem;
+      .#{$c4d-prefix}--leadspace--content__container {
+        min-block-size: 33rem;
       }
     }
 

package/scss/components/tableofcontents/_table-of-contents.scss

@@ -102,14 +102,17 @@ $hover-transition-timing: 95ms;
 
     position: inherit;
     z-index: 10;
-    padding: 0;
+
+    box-sizing: border-box;
     inset-block-start: auto;
+    padding-inline-start: 0;
   }
 
   .#{$prefix}--tableofcontents__content {
     @extend .#{$prefix}--col-lg-12;
 
-    padding: $spacing-05 0 $spacing-09 0;
+    box-sizing: border-box;
+    padding-block: $spacing-05 $spacing-09;
   }
 
   .#{$prefix}--tableofcontents {