@carbon/ibm-products 1.12.0 → 1.13.0

package/css/index-full-carbon.css

@@ -13456,9 +13456,14 @@ a.bx--side-nav__link--current::before {
   z-index: 2;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -150%);
+  transform: translate(-50%, -75%);
 }
 @media (min-width: 42rem) {
+  .c4p--http-errors .c4p--http-errors__content {
+    transform: translate(-50%, -100%);
+  }
+}
+@media (min-width: 66rem) {
   .c4p--http-errors .c4p--http-errors__content {
     transform: translate(-50%, -50%);
   }
@@ -13501,14 +13506,15 @@ a.bx--side-nav__link--current::before {
 
 .c4p--http-errors .c4p--http-errors__image {
   position: fixed;
-  top: 50%;
-  left: 50%;
+  bottom: 0;
+  left: 0;
   width: 100%;
-  transform: translate(-50%, -40%);
+  max-height: 100%;
 }
-@media (min-width: 42rem) {
+@media (max-width: 41.98rem) {
   .c4p--http-errors .c4p--http-errors__image {
-    transform: translate(-50%, -50%);
+    left: 10%;
+    transform: scale(1.5);
   }
 }
 
@@ -14297,10 +14303,13 @@ a.bx--side-nav__link--current::before {
   display: flex;
   align-items: center;
 }
+.c4p--add-select__selections-checkbox-label-wrapper {
+  display: flex;
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
 .c4p--add-select__selections-checkbox-label-text {
   display: flex;
   flex-direction: column;
-  padding-left: var(--cds-spacing-05, 1rem);
 }
 .c4p--add-select__selections-checkbox-wrapper.bx--form-item {
   flex: 0;
@@ -14308,6 +14317,12 @@ a.bx--side-nav__link--current::before {
 .c4p--add-select__selections-checkbox-wrapper .bx--checkbox-label-text {
   display: none;
 }
+.c4p--add-select__selections-cell-avatar {
+  margin-right: var(--cds-spacing-03, 0.5rem);
+}
+.c4p--add-select__selections-cell-icon {
+  margin-right: var(--cds-spacing-03, 0.5rem);
+}
 
 .c4p--add-select__sidebar-header {
   display: flex;
@@ -14461,7 +14476,7 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--add-select .bx--checkbox-label-text {
-  padding-left: var(--cds-spacing-05, 1rem);
+  padding-left: var(--cds-spacing-03, 0.5rem);
 }
 
 @keyframes fade-in {
@@ -16589,6 +16604,7 @@ a.bx--side-nav__link--current::before {
 .c4p--page-header .c4p--page-header__title-row {
   margin-top: 0;
   margin-bottom: 0;
+  transform: translateY(var(--cds-spacing-01, 0.125rem));
 }
 @media (min-width: 42rem) {
   .c4p--page-header .c4p--page-header__title-row {
@@ -16598,6 +16614,7 @@ a.bx--side-nav__link--current::before {
 }
 .c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--under-action-bar {
   margin-top: var(--cds-spacing-05, 1rem);
+  transform: translateY(0);
 }
 .c4p--page-header .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
   height: var(--cds-spacing-07, 2rem);
@@ -19196,6 +19213,7 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--data-spreadsheet {
+  --c4p--data-spreadsheet--total-width: 0;
   display: inline-block;
   border-spacing: 0;
 }
@@ -19227,9 +19245,14 @@ a.bx--side-nav__link--current::before {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
   border-right: 1px solid var(--cds-text-03, #a8a8a8);
   border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
-  background-color: var(--cds-ui-01, #f4f4f4);
+  background-color: var(--cds-ui-03, #e0e0e0);
   cursor: pointer;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th:hover, .c4p--data-spreadsheet .c4p--data-spreadsheet__th:focus,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:hover,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:focus {
+  background-color: var(--cds-hover-selected-ui, #cacaca);
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
   font-weight: 600;
   display: flex;
@@ -19239,8 +19262,9 @@ a.bx--side-nav__link--current::before {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td {
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
+  overflow: hidden;
   margin: 0;
-  background-color: var(--cds-ui-background, #ffffff);
+  background-color: var(--cds-field-01, #f4f4f4);
   cursor: cell;
   text-align: left;
 }
@@ -19260,15 +19284,36 @@ a.bx--side-nav__link--current::before {
   position: absolute;
   z-index: 4;
   display: none;
+  overflow: hidden;
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
-  background-color: var(--cds-ui-background, #ffffff);
+  background-color: var(--cds-field-01, #f4f4f4);
   resize: none;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
   min-width: initial;
   min-height: initial;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.c4p--data-spreadsheet__cell-editor--active {
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
+  outline-offset: -2px;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  position: absolute;
+  overflow: hidden;
+  width: fit-content;
+  max-width: var(--c4p--data-spreadsheet--total-width);
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  padding: 0 calc(var(--cds-spacing-03, 0.5rem) + 1px) 0 var(--cds-spacing-03, 0.5rem);
+  visibility: hidden;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler:focus {
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
   font-size: var(--cds-body-short-01-font-size, 0.875rem);
   font-weight: var(--cds-body-short-01-font-weight, 400);
@@ -19279,11 +19324,13 @@ a.bx--side-nav__link--current::before {
   position: absolute;
   z-index: 3;
   display: none;
+  overflow: hidden;
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-right: calc(var(--cds-spacing-03, 0.5rem) - 1px);
   padding-bottom: var(--cds-spacing-01, 0.125rem);
   border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
-  background-color: var(--cds-ui-background, #ffffff);
+  background-color: var(--cds-field-01, #f4f4f4);
+  color: var(--cds-text-01, #161616);
   text-align: left;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
@@ -19312,7 +19359,7 @@ a.bx--side-nav__link--current::before {
 }
 .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-ui-03, #e0e0e0);
+  background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 
 @font-face {