@carbon/ibm-products 2.44.0 → 2.45.0-rc.0

package/css/index.css

@@ -7857,7 +7857,7 @@ a.cds--overflow-menu-options__btn::before {
   height: 2.5rem;
 }
 .c4p--side-panel .c4p--side-panel__slug-and-close {
-  position: fixed;
+  position: absolute;
   z-index: 10; /* must be higher than title container border bottom */
   top: 0;
   right: 0;
@@ -9214,6 +9214,101 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
+/* stylelint-disable carbon/theme-token-use */
+.c4p--http-errors-404__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-404__prefix-cls-67 {
+  fill: #697077;
+}
+
+.c4p--http-errors-404__prefix-cls-68 {
+  fill: #282828;
+}
+
+.c4p--http-errors-404__prefix-cls-69 {
+  fill: #51565c;
+}
+
+.c4p--http-errors-404__prefix-cls-70 {
+  fill: #002b50;
+}
+
+.c4p--http-errors-404__prefix-cls-71 {
+  fill: #413d3d;
+}
+
+.c4p--http-errors-404__prefix-cls-72 {
+  fill: #908b8b;
+}
+
+.c4p--http-errors-404__prefix-cls-75 {
+  fill: #a4a4a5;
+}
+
+.c4p--http-errors-404__prefix-cls-76 {
+  opacity: 0.15;
+}
+
+.c4p--http-errors-403__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-403__prefix-cls-80 {
+  mix-blend-mode: multiply;
+  opacity: 0.25;
+}
+
+.c4p--http-errors-403__prefix-cls-75 {
+  fill: #595655;
+}
+
+.c4p--http-errors-403__prefix-cls-76 {
+  opacity: 0.15;
+}
+
+.c4p--http-errors-403__prefix-cls-77 {
+  fill: #373d42;
+}
+
+.c4p--http-errors-403__prefix-cls-78 {
+  fill: #002b50;
+}
+
+.c4p--http-errors-403__prefix-cls-81 {
+  fill: #2b2828;
+}
+
+.c4p--http-errors-other__prefix-cls-1 {
+  fill: none;
+}
+
+.c4p--http-errors-other__prefix-cls-69 {
+  fill: #697077;
+}
+
+.c4p--http-errors-other__prefix-cls-70 {
+  fill: #282828;
+}
+
+.c4p--http-errors-other__prefix-cls-71 {
+  fill: #51565c;
+}
+
+.c4p--http-errors-other__prefix-cls-72 {
+  fill: #e0dbda;
+}
+
+.c4p--http-errors-other__prefix-cls-73 {
+  fill: #003d73;
+}
+
+.c4p--http-errors-other__prefix-cls-75 {
+  opacity: 0.15;
+}
+
+/* stylelint-enable */
 .cds--file {
   inline-size: 100%;
 }
@@ -16430,14 +16525,14 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: hidden;
 }
 
-.c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__summary,
+.c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
 .c4p--options-tile__summary--hidden {
   height: 0;
   margin-top: 0;
   opacity: 0;
 }
 
-.c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
+.c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
   transform: rotate(180deg);
 }
 
@@ -16845,7 +16940,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
   background-color: var(--cds-background-inverse, #393939);
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
+.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
   cursor: grab;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -16860,6 +16955,9 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 0.125rem;
   background-color: var(--cds-background-brand, #0f62fe);
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
+  cursor: pointer;
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
   background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -16875,7 +16973,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
   background-color: var(--cds-background-inverse, #393939);
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
   cursor: grab;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
@@ -18865,10 +18963,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   min-width: auto;
 }
 
-.c4p--datagrid .cds--pagination {
-  background-color: var(--cds-layer-02, #ffffff);
-}
-
 /* stylelint-disable max-nesting-depth */
 .c4p--edit-update-cards#c4p--edit-update-cards--edit {
   /* Used id for overriding the SVG path fill */
@@ -23341,7 +23435,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 .c4p--condition-builder__item-date,
 .c4p--condition-builder__item-text,
 .c4p--condition-builder__item-number,
-c4p--condition-builder__item-time {
+.c4p--condition-builder__item-time {
   padding-block-end: 1rem;
   padding-inline: 1rem;
 }
@@ -23695,7 +23789,7 @@ c4p--condition-builder__item-time {
 }
 .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
 .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
-.c4p--condition-builder__add_condition_group) {
+.c4p--condition-builder__add-condition-sub-group) {
   /* stylelint-disable-next-line carbon/theme-token-use */
   box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
 }
@@ -23714,16 +23808,18 @@ c4p--condition-builder__item-time {
   margin-left: auto;
 }
 
-.c4p--condition-builder__add_condition_group-wrapper {
+.c4p--condition-builder__add-condition-sub-group-wrapper {
   z-index: -1;
+  width: 0;
   margin-left: -50%;
   opacity: 0;
   pointer-events: none;
   transition: all linear 110ms;
 }
 
-.c4p--condition-builder__add_condition_group-wrapper--show {
+.c4p--condition-builder__add-condition-sub-group-wrapper--show {
   z-index: 0;
+  width: auto;
   margin-left: 0;
   opacity: 1;
   pointer-events: all;
@@ -23732,6 +23828,9 @@ c4p--condition-builder__item-time {
 
 .c4p--condition-builder__invalid-input {
   display: flex;
+}
+
+.c4p--condition-builder__invalid-input > svg {
   color: var(--cds-support-warning, #f1c21b);
 }
 
@@ -23760,7 +23859,8 @@ c4p--condition-builder__item-time {
 }
 
 .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
-.c4p--condition-builder__connector-button) {
+.c4p--condition-builder__connector-button,
+.c4p--condition-builder__add-button) {
   background-color: var(--cds-tag-background-red, #ffd7d9);
   color: var(--cds-tag-color-red, #750e13);
 }
@@ -23784,6 +23884,9 @@ c4p--condition-builder__item-time {
   pointer-events: none;
   transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
 }
+.c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
+  display: flex;
+}
 
 .c4p--condition-builder__group-preview-animate {
   height: auto;
@@ -23828,7 +23931,7 @@ c4p--condition-builder__item-time {
 
 .c4p--condition-builder__condition-block {
   display: flex;
-  width: max-content;
+  width: fit-content;
   flex-direction: row;
 }