@carbon/ibm-products 1.16.0 → 1.17.0

package/css/index-full-carbon.css

@@ -11577,7 +11577,10 @@ a.bx--overflow-menu-options__btn::before {
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
   position: fixed;
   z-index: 2;
-  top: calc(var(--c4p--side-panel--title-text-height) + var(--cds-spacing-09, 3rem));
+  top: calc(
+        var(--c4p--side-panel--title-text-height) +
+          var(--c4p--side-panel--label-text-height) + var(--cds-spacing-09, 3rem)
+      );
   background-color: var(--cds-ui-01, #f4f4f4);
 }
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
@@ -11593,12 +11596,12 @@ a.bx--overflow-menu-options__btn::before {
 .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
   position: fixed;
   top: var(--cds-spacing-09, 3rem);
-  height: var(--c4p--side-panel--title-text-height);
+  height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
 }
 .c4p--side-panel__container .c4p--side-panel__inner-content {
   overflow: auto;
   height: calc(100vh - 3rem);
-  margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height));
+  margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height) + var(--c4p--side-panel--label-text-height));
   overflow-x: hidden;
 }
 .c4p--side-panel__container .c4p--side-panel__inner-content-with-actions {
@@ -11608,6 +11611,9 @@ a.bx--overflow-menu-options__btn::before {
   height: calc(100vh - (var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height)) + -1 * (var(--cds-spacing-09, 3rem) + var(--cds-spacing-10, 4rem)));
   padding-top: var(--cds-spacing-05, 1rem);
 }
+.c4p--side-panel__container .c4p--side-panel__inner-content.c4p--side-panel__static-inner-content-no-actions {
+  height: calc(100vh - (var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + var(--c4p--side-panel--action-bar-container-height) + var(--c4p--side-panel--label-text-height)));
+}
 .c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
   position: fixed;
   top: calc(
@@ -17651,21 +17657,21 @@ button.c4p--add-select__global-filter-toggle {
 }
 
 @keyframes web-terminal-entrance {
-  0% {
+  from {
     opacity: 0;
     transform: translateX(36.5rem);
   }
-  100% {
+  to {
     opacity: 1;
     transform: translateX(0);
   }
 }
 @keyframes web-terminal-exit {
-  0% {
+  from {
     opacity: 1;
     transform: translateX(0);
   }
-  100% {
+  to {
     opacity: 0;
     transform: translateX(36.5rem);
   }
@@ -18546,6 +18552,15 @@ button.c4p--add-select__global-filter-toggle {
   height: 100%;
 }
 
+.c4p--web-terminal-content-wrapper {
+  width: 100vw;
+  height: 100%;
+}
+
+.c4p--web-terminal-content-wrapper--open {
+  width: calc(100vw - 36.5rem);
+}
+
 .c4p--user-profile-image--light {
   color: var(--cds-ui-01, #f4f4f4);
 }
@@ -19395,6 +19410,7 @@ button.c4p--add-select__global-filter-toggle {
   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] {
+  z-index: 4;
   background-color: transparent;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
@@ -19433,6 +19449,15 @@ button.c4p--add-select__global-filter-toggle {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
   background-color: var(--cds-hover-selected-ui, #cacaca);
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
+  background-color: var(--cds-inverse-02, #393939);
+  color: var(--cds-text-04, #ffffff);
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
+  background-color: var(--cds-inverse-02, #393939);
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__list--container {
   overscroll-behavior: none;
 }