@carbon/ibm-products 2.39.0 → 2.40.1-canary.10

package/css/index-full-carbon.css

@@ -2430,7 +2430,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--coachmark-stack-element--is-mounted {
   bottom: 0;
   /* stylelint-disable-next-line carbon/motion-easing-use, carbon/motion-duration-use */
-  transition: transform 240ms cubic-bezier(0.2, 0, 1, 0.9);
+  transition: 240ms cubic-bezier(0.2, 0, 1, 0.9);
 }
 @media (prefers-reduced-motion) {
   .c4p--coachmark-stack-element--is-mounted {
@@ -2446,7 +2446,8 @@ p.c4p--about-modal__copyright-text:first-child {
   bottom: 0;
   overflow: hidden;
   pointer-events: none;
-  transform: perspective(carbon--mini-units(18)) translate3d(0, -3rem, -1rem);
+  /* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
+  transform: perspective(9rem) translate3d(0, -3rem, -1rem);
   transform-origin: top center;
   visibility: visible;
 }
@@ -3121,6 +3122,11 @@ p.c4p--about-modal__copyright-text:first-child {
   width: 40rem;
   max-width: 100%;
 }
+.c4p--side-panel.c4p--side-panel--xl {
+  /* any value is single value list */
+  width: 65rem;
+  max-width: 100%;
+}
 .c4p--side-panel.c4p--side-panel--2xl {
   /* any value is single value list */
   width: 40rem;
@@ -10478,7 +10484,8 @@ button.c4p--add-select__global-filter-toggle--open {
   background: transparent;
 }
 
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
+.c4p--datagrid__empty-state .c4p--datagrid__table-simple td,
+.c4p--datagrid__empty-state .c4p--datagrid__table-virtual-scroll td {
   padding: 5rem;
 }
 
@@ -18651,7 +18658,7 @@ a.cds--side-nav__link--current::before {
   line-height: inherit;
 }
 
-.cds--popover {
+.c4p--string-formatter .cds--popover {
   max-width: 1rem;
   margin: 0 auto;
 }
@@ -19150,6 +19157,10 @@ a.cds--side-nav__link--current::before {
   max-width: 3rem;
 }
 
+.cds--popover .cds--popover-content {
+  white-space: normal;
+}
+
 .c4p--tag-overflow-popover {
   display: inline-block;
   vertical-align: bottom;
@@ -19210,8 +19221,6 @@ a.cds--side-nav__link--current::before {
   margin: 0;
   background-color: inherit;
   color: inherit;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
   padding: 0;
@@ -19945,14 +19954,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 
-.c4p--condition-builder__condition-builder-item__content {
+.c4p--condition-builder__item__content {
   overflow: auto;
   min-width: 12rem;
   max-width: 20rem;
   max-height: 22rem;
 }
 
-.c4p--condition-builder__condition-builder-item__title {
+.c4p--condition-builder__item__title {
   font-size: var(--cds-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-01-font-weight, 600);
   line-height: var(--cds-heading-01-line-height, 1.42857);
@@ -19960,28 +19969,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   padding: 1rem;
 }
 
-.c4p--condition-builder__condition-builder-item-option__search {
+.c4p--condition-builder__item-option__search {
   padding-block-end: 1rem;
   padding-inline: 1rem;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option {
+.c4p--condition-builder__item-option__option {
   height: 2rem;
   cursor: pointer;
   padding-inline: 1rem;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option:hover {
+.c4p--condition-builder__item-option__option:hover {
   background-color: var(--cds-layer-hover);
 }
 
-.c4p--condition-builder__condition-builder-item-option__option-content {
+.c4p--condition-builder__item-option__option-content {
   display: flex;
   height: 100%;
   align-items: center;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option-label {
+.c4p--condition-builder__item-option__option-label {
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -19990,42 +19999,42 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   white-space: nowrap;
 }
 
-.c4p--condition-builder__condition-builder-item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__condition-builder-item-option__option-label {
+.c4p--condition-builder__item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__item-option__option-label {
   justify-content: center;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option:not(:first-of-type) .c4p--condition-builder__condition-builder-item-option__option-content {
+.c4p--condition-builder__item-option__option:not(:first-of-type) .c4p--condition-builder__item-option__option-content {
   border-block-start: 0.0625rem solid var(--cds-border-subtle);
 }
 
-.c4p--condition-builder__condition-builder-item-option__option:hover .c4p--condition-builder__condition-builder-item-option__option-content,
-.c4p--condition-builder__condition-builder-item-option__option[aria-selected=true] .c4p--condition-builder__condition-builder-item-option__option-content,
-.c4p--condition-builder__condition-builder-item-option__option:hover + .c4p--condition-builder__condition-builder-item-option__option .c4p--condition-builder__condition-builder-item-option__option-content,
-.c4p--condition-builder__condition-builder-item-option__option[aria-selected=true] + .c4p--condition-builder__condition-builder-item-option__option .c4p--condition-builder__condition-builder-item-option__option-content {
+.c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
+.c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
+.c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
+.c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
   border-block-start-color: transparent;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option[aria-selected=true] {
+.c4p--condition-builder__item-option__option[aria-selected=true] {
   background-color: var(--cds-layer-selected);
 }
 
-.c4p--condition-builder__condition-builder-item-option__option[aria-selected=true]:hover {
+.c4p--condition-builder__item-option__option[aria-selected=true]:hover {
   background-color: var(--cds-layer-selected-hover);
 }
 
-.c4p--condition-builder__condition-builder-item-date,
-.c4p--condition-builder__condition-builder-item-text,
-.c4p--condition-builder__condition-builder-item-number,
-c4p--condition-builder__condition-builder-item-time {
+.c4p--condition-builder__item-date,
+.c4p--condition-builder__item-text,
+.c4p--condition-builder__item-number,
+c4p--condition-builder__item-time {
   padding-block-end: 1rem;
   padding-inline: 1rem;
 }
 
-.c4p--condition-builder__condition-builder-checkmark {
+.c4p--condition-builder__checkmark {
   margin-left: auto;
 }
 
-.c4p--condition-builder__condition-builder-button {
+.c4p--condition-builder__button {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -20051,16 +20060,16 @@ c4p--condition-builder__condition-builder-item-time {
   padding-inline: 0.5rem;
   white-space: nowrap;
 }
-.c4p--condition-builder__condition-builder-button *,
-.c4p--condition-builder__condition-builder-button *::before,
-.c4p--condition-builder__condition-builder-button *::after {
+.c4p--condition-builder__button *,
+.c4p--condition-builder__button *::before,
+.c4p--condition-builder__button *::after {
   box-sizing: inherit;
 }
-.c4p--condition-builder__condition-builder-button::-moz-focus-inner {
+.c4p--condition-builder__button::-moz-focus-inner {
   border: 0;
 }
 
-.c4p--condition-builder__condition-builder-button:hover {
+.c4p--condition-builder__button:hover {
   background-color: var(--cds-layer-hover);
 }
 
@@ -20068,14 +20077,14 @@ c4p--condition-builder__condition-builder-item-time {
   background-color: var(--cds-layer-hover);
 }
 
-.c4p--condition-builder__condition-builder-button:focus {
+.c4p--condition-builder__button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
   content: "";
   inset: 0;
 }
 @media screen and (prefers-contrast) {
-  .c4p--condition-builder__condition-builder-button:focus {
+  .c4p--condition-builder__button:focus {
     outline-style: dotted;
   }
 }
@@ -20116,12 +20125,12 @@ c4p--condition-builder__condition-builder-item-time {
   margin-left: auto;
 }
 
-.c4p--condition-builder__condition-builder-item-option__option:focus {
+.c4p--condition-builder__item-option__option:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
 }
 @media screen and (prefers-contrast) {
-  .c4p--condition-builder__condition-builder-item-option__option:focus {
+  .c4p--condition-builder__item-option__option:focus {
     outline-style: dotted;
   }
 }
@@ -20157,13 +20166,13 @@ c4p--condition-builder__condition-builder-item-time {
   }
 }
 
-.c4p--condition-builder__condition-builder-condition__deletion-preview .c4p--condition-builder__condition-builder-button:not(.c4p--condition-builder__statement-button,
+.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
 .c4p--condition-builder__connector-button) {
   background-color: var(--cds-tag-background-red, #ffd7d9);
   color: var(--cds-tag-color-red, #750e13);
 }
 
-.c4p--condition-builder__condition-builder-condition__deletion-preview .c4p--condition-builder__condition-builder-button:not(.c4p--condition-builder__statement-button,
+.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
 .c4p--condition-builder__connector-button):hover {
   background-color: var(--cds-tag-hover-red, #ffc2c5);
 }