@carbon/ibm-products 2.93.0 → 2.94.0

package/scss/components/Tearsheet/_tearsheet.scss

@@ -196,7 +196,9 @@ $motion-duration: $duration-moderate-02;
   .#{$block-class}__container {
     block-size: 100%;
     inset-block-start: auto;
-    max-block-size: calc(100% - #{$spacing-09});
+    max-block-size: calc(
+      100% - (#{$spacing-11} + #{$spacing-03} + #{$spacing-01})
+    );
   }
 
   &.#{$block-class}.#{$block-class}.#{$block-class}.#{$block-class}--has-slug
@@ -234,18 +236,26 @@ $motion-duration: $duration-moderate-02;
     .#{$block-class}__container:not(
       .#{$block-class}__container--mixed-size-stacking
     ) {
-    max-block-size: calc(100% - #{$spacing-09} + #{$spacing-05});
+    max-block-size: calc(
+      100% - (#{$spacing-11} + #{$spacing-03} + #{$spacing-01}) + #{$spacing-05}
+    );
   }
 
   &.#{$block-class}--stacked-1-of-3
     .#{$block-class}__container:not(
       .#{$block-class}__container--mixed-size-stacking
     ) {
-    max-block-size: calc(100% - #{$spacing-09} + (2 * #{$spacing-05}));
+    max-block-size: calc(
+      100% - (#{$spacing-11} + #{$spacing-03} + #{$spacing-01}) +
+        (2 * #{$spacing-05})
+    );
   }
 
   .#{$block-class}__container--lower {
-    max-block-size: calc(100% - (#{$spacing-09} + #{$spacing-08}));
+    max-block-size: calc(
+      100% -
+        ((#{$spacing-11} + #{$spacing-03} + #{$spacing-01}) + #{$spacing-08})
+    );
   }
 
   &.#{$block-class}--stacked-1-of-2
@@ -257,7 +267,9 @@ $motion-duration: $duration-moderate-02;
       .#{$block-class}__container--mixed-size-stacking
     ) {
     max-block-size: calc(
-      100% - (#{$spacing-09} + #{$spacing-08}) + #{$spacing-05}
+      100% -
+        ((#{$spacing-11} + #{$spacing-03} + #{$spacing-01}) + #{$spacing-08}) +
+        #{$spacing-05}
     );
   }
 
@@ -266,7 +278,9 @@ $motion-duration: $duration-moderate-02;
       .#{$block-class}__container--mixed-size-stacking
     ) {
     max-block-size: calc(
-      100% - (#{$spacing-09} + #{$spacing-08}) + (2 * #{$spacing-05})
+      100% -
+        ((#{$spacing-11} + #{$spacing-03} + #{$spacing-01}) + #{$spacing-08}) +
+        (2 * #{$spacing-05})
     );
   }
 

package/scss/components/Tearsheet/_tearsheet_next.scss

@@ -108,7 +108,12 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
     border: 1px solid $border-subtle-01;
     block-size: 100%;
     inset-block-start: auto;
-    max-block-size: calc(100% - var(--tearsheet-vertical-gap, #{$spacing-09}));
+    max-block-size: calc(
+      100% - var(
+          --tearsheet-vertical-gap,
+          calc(#{$spacing-11} + #{$spacing-03})
+        )
+    );
     max-inline-size: var(--tearsheet-max-inline-size, 1312px);
   }
   &:not(.#{$block-class__next}--stack-activated.is-visible) {
@@ -408,7 +413,10 @@ $transform-start: translate3d(0, calc(min(95vh, 500px)), 0);
     &.is-visible {
       .#{$block-class__next}__container {
         max-block-size: calc(
-          100% - var(--tearsheet-vertical-gap, #{$spacing-09}) +
+          100% - var(
+              --tearsheet-vertical-gap,
+              calc(#{$spacing-11} + #{$spacing-03} + #{$spacing-01})
+            ) +
             var(--block-size-change)
         );
         transform: scaleX(var(--scale-factor));

package/scss/components/UserProfileImage/_user-profile-image.scss

@@ -47,7 +47,7 @@ $themes: (
   ),
 );
 
-$theme-keys: map-keys($themes);
+$theme-keys: map.keys($themes);
 
 @function carbon-get-background-color($color, $key, $contrast-key) {
   @return map.get(

package/scss/components/_index.scss

@@ -14,6 +14,7 @@
 @use './ActionSet';
 @use './AddSelect';
 @use './ButtonMenu';
+@use './Card';
 @use './Cascade';
 @use './Coachmark';
 @use './CoachmarkBeacon';

package/telemetry.yml

@@ -577,6 +577,7 @@ collect:
         # Canary
         - componentName
         # Card
+        - clickable
         - getStarted
         # CardFooter
         - hasButton
@@ -924,6 +925,7 @@ collect:
         - pageActionsOverflowLabel
         - withoutBackground
         # PageHeaderBreadcrumbBar
+        - actionsAriaLabel
         - contentActions
         - contentActionsFlush
         - pageActionsFlush
@@ -934,8 +936,11 @@ collect:
         - overflowMenuLabel
         # PageHeaderContent
         - contextualActions
+        - titleAs
         # PageHeaderContentPageActions
         - menuButtonLabel
+        # PageHeaderContentText
+        - subtitleAs
         # PageHeaderHeroImage
         - objectFit
         # PageHeaderTabBar
@@ -1349,6 +1354,19 @@ collect:
         - primary
         - secondary
         - tertiary
+        # PageHeaderContent - titleAs
+        - h1
+        - h2
+        - h3
+        - h4
+        - h5
+        - h6
+        # PageHeaderContentText - subtitleAs
+        - h2
+        - h3
+        - h4
+        - h5
+        - h6
         # PageHeaderHeroImage - objectFit
         - contain
         - cover