@carbon/ibm-products-styles 2.73.0 → 2.74.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products-styles",
   "description": "Carbon for IBM Products styles",
-  "version": "2.73.0",
+  "version": "2.74.0-rc.0",
   "license": "Apache-2.0",
   "installConfig": {
     "hoistingLimits": "none"
@@ -49,7 +49,7 @@
     "cross-env": "^10.0.0",
     "glob": "^11.0.1",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.36.0",
+    "jest-config-ibm-cloud-cognitive": "^1.37.0-rc.0",
     "jest-environment-jsdom": "^29.7.0",
     "npm-run-all2": "^8.0.0",
     "rimraf": "^6.0.1",
@@ -66,5 +66,5 @@
   "dependencies": {
     "@ibm/telemetry-js": "^1.9.1"
   },
-  "gitHead": "2e1d6a3c4360a0d8d9804ce1c146a4b408a6784f"
+  "gitHead": "3c6c8abaf2f523ce781c1688372e38930584664b"
 }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -330,8 +330,8 @@
 
   .#{$block-class}-filter-panel
     + .#{$block-class}__table-container-inner
-    .#{c4p-settings.$carbon-prefix}--data-table-content {
-    block-size: fit-content;
+    .#{c4p-settings.$carbon-prefix}--pagination {
+    background-color: $layer-02;
   }
 
   table.#{$block-class}__table-simple {
@@ -661,6 +661,10 @@
   .#{c4p-settings.$pkg-prefix}--datagrid__table-simple {
     block-size: 100%;
   }
+
+  .#{c4p-settings.$carbon-prefix}--data-table-content {
+    block-size: fit-content;
+  }
 }
 
 .#{$block-class}__table-container {

package/scss/components/PageHeader/_page-header.scss

@@ -732,6 +732,24 @@ $duration: 1000ms;
     block-size: 100%;
   }
 
+  .#{$block-class}__breadcrumb-bar
+    .#{$carbon-prefix}--css-grid
+    .#{$carbon-prefix}--css-grid-column {
+    block-size: to-rem(40px);
+  }
+
+  .#{$block-class}__breadcrumb-bar
+    .#{$carbon-prefix}--css-grid
+    .#{$carbon-prefix}--css-grid-column,
+  .#{$block-class}__breadcrumb-bar .#{$block-class}__breadcrumb-container {
+    block-size: to-rem(40px);
+
+    .#{$block-class}__breadcrumb-wrapper {
+      align-items: center;
+      block-size: inherit;
+    }
+  }
+
   .#{$block-class}__breadcrumb-container {
     display: inline-flex;
     align-items: center;
@@ -905,7 +923,6 @@ $duration: 1000ms;
 
   .#{$block-class}__tab-bar {
     background-color: $layer;
-    margin-inline-start: -$spacing-05;
   }
 
   .#{$block-class}__tab-bar--tablist {

package/scss/components/SidePanel/_side-panel.scss

@@ -55,13 +55,8 @@ $clabs-prefix: 'clabs';
 }
 
 @mixin setCommonTitleStyles() {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
   /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
   padding-inline-end: var(--#{$block-class}--title-padding-right);
-  word-break: break-all;
 }
 
 .#{$block-class}--scrolls {
@@ -419,11 +414,8 @@ $clabs-prefix: 'clabs';
   .#{$block-class}__label-text {
     @include type.type-style('label-01');
 
-    overflow: hidden;
     opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
     padding-inline-end: var(--#{$block-class}--title-padding-right);
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   .#{$block-class}__collapsed-title-text {
@@ -447,11 +439,6 @@ $clabs-prefix: 'clabs';
   .#{$block-class}__subtitle-text {
     @include type.type-style('body-compact-01');
 
-    overflow: hidden;
-
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-    line-clamp: 3;
     opacity: calc(1 - var(--#{$block-class}--scroll-animation-progress));
     padding-block-end: $spacing-05;
     padding-inline-end: var(--#{$block-class}--title-padding-right);

package/scss/components/_index-released-only.scss

@@ -28,6 +28,7 @@
 @use './ImportModal';
 @use './MultiAddSelect';
 @use './NotificationsPanel';
+@use './OptionsTile';
 @use './PageHeader';
 @use './ProductiveCard';
 @use './RemoveModal';