@carbon/ibm-products 2.43.2-canary.7 → 2.43.2-canary.72

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);
 }
 
@@ -16681,6 +16776,7 @@ button.c4p--add-select__global-filter-toggle--open {
   position: sticky;
   z-index: 4;
   left: 0;
+  background-color: var(--cds-background, #ffffff);
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
   font-weight: 600;
@@ -16789,6 +16885,11 @@ button.c4p--add-select__global-filter-toggle--open {
   border: 0.125rem solid var(--cds-background-brand, #0f62fe);
   outline: 0;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
   position: absolute;
   z-index: 2;
@@ -16839,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 {
@@ -16854,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));
@@ -16869,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 {
@@ -18510,6 +18614,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
   align-items: center;
 }
 
+.c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
+  outline: 0.125rem solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-checkbox {
+  display: flex;
+  height: -webkit-fill-available;
+  justify-content: center;
+  padding-inline: 1rem;
+}
+
 .c4p--datagrid__static--outer-cell {
   display: flex;
   height: -webkit-fill-available;
@@ -18847,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 */
@@ -21809,14 +21921,14 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--string-formatter .cds--popover--top .cds--popover-caret,
 .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
 .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
-  /* stylelint-disable-next-line declaration-no-important */
+  /* stylelint-disable-next-line */
   inset-block-start: -1px !important;
 }
 
 .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
 .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
 .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
-  /* stylelint-disable-next-line declaration-no-important */
+  /* stylelint-disable-next-line */
   inset-block-end: -1px !important;
 }
 
@@ -23323,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;
 }
@@ -23676,7 +23788,8 @@ c4p--condition-builder__item-time {
   background-color: var(--cds-layer);
 }
 .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 {
+.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-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);
 }
@@ -23695,6 +23808,32 @@ c4p--condition-builder__item-time {
   margin-left: auto;
 }
 
+.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-sub-group-wrapper--show {
+  z-index: 0;
+  width: auto;
+  margin-left: 0;
+  opacity: 1;
+  pointer-events: all;
+  transition: all linear 110ms;
+}
+
+.c4p--condition-builder__invalid-input {
+  display: flex;
+}
+
+.c4p--condition-builder__invalid-input > svg {
+  color: var(--cds-support-warning, #f1c21b);
+}
+
 .c4p--condition-builder__condition-block,
 .c4p--condition-builder__condition-block .c4p--condition-builder__block {
   position: relative;
@@ -23720,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);
 }
@@ -23739,8 +23879,20 @@ c4p--condition-builder__item-time {
 }
 
 .c4p--condition-builder__group-preview {
+  height: 0;
+  opacity: 0;
+  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;
   opacity: 0.5;
   pointer-events: none;
+  transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 
 .c4p--condition-builder__connector-disabled {
@@ -23779,7 +23931,7 @@ c4p--condition-builder__item-time {
 
 .c4p--condition-builder__condition-block {
   display: flex;
-  width: max-content;
+  width: fit-content;
   flex-direction: row;
 }