@carbon/ibmdotcom-styles 2.15.0 → 2.16.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "2.15.0",
+  "version": "2.16.0-rc.0",
   "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": "15bef5b5f70dee42bf724d4ed5430902c982d2b4"
+  "gitHead": "850b531f80c907c8818579e78dbf318ba2769b64"
 }

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/pricing-table/_pricing-table.scss

@@ -259,9 +259,14 @@
   }
 
   :host(#{$c4d-prefix}-pricing-table-cell[icon]) {
-    &[icon='checkmark'] {
+    &[icon='checkmark'] svg {
       color: $support-success;
     }
+
+    svg {
+      flex-shrink: 0;
+      margin-inline-end: $spacing-03;
+    }
   }
 
   .#{$prefix}--pricing-table-highlight-label,

package/scss/components/structured-list/_structured-list.scss

@@ -287,14 +287,23 @@
     vertical-align: sub;
 
     svg {
+      flex-shrink: 0;
       fill: $icon-secondary;
     }
   }
 
   .#{$prefix}--structured-list-cell[icon],
   :host(#{$c4d-prefix}-structured-list-cell[icon]) {
-    &[icon='checkmark'] {
+    &[icon='checkmark'] svg {
       color: $support-success;
     }
+
+    svg {
+      margin-inline-end: $spacing-03;
+    }
+  }
+
+  .#{$prefix}--structured-list-cell-icon-text-container {
+    display: flex;
   }
 }

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 {