@carbon/ibm-products 1.59.1 → 1.61.0

package/css/index-full-carbon.css

@@ -641,27 +641,12 @@ em {
 .bx--snippet--multi .bx--snippet-container pre {
   padding-right: 2.5rem;
   padding-bottom: 1.5rem;
-  overflow-x: auto;
 }
 
 .bx--snippet--multi.bx--snippet--no-copy .bx--snippet-container pre {
   padding-right: 0;
 }
 
-.bx--snippet--multi.bx--snippet--expand .bx--snippet-container pre {
-  overflow-x: auto;
-}
-
-.bx--snippet--multi .bx--snippet-container pre::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 1rem;
-  height: 100%;
-  background-image: linear-gradient(to right, rgba(var(--cds-field-01, #f4f4f4), 0), var(--cds-field-01, #f4f4f4));
-  content: "";
-}
-
 .bx--snippet--multi .bx--snippet-container pre code {
   overflow: hidden;
 }
@@ -17991,7 +17976,7 @@ button.c4p--add-select__global-filter-toggle--open {
   visibility: hidden;
 }
 
-.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item .bx--tag {
+.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item--default .bx--tag {
   border-radius: 0;
 }
 
@@ -18035,12 +18020,18 @@ button.c4p--add-select__global-filter-toggle--open {
   min-width: initial;
   text-align: left;
 }
+.c4p--tag-set-overflow__tooltip.bx--tooltip button {
+  padding-right: 0;
+}
 .c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__show-all-tags-link {
   display: inline-block;
   margin: var(--cds-spacing-03, 0.5rem) 0 var(--cds-spacing-02, 0.25rem);
 }
-.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item,
-.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item .bx--tag {
+.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .bx--tag {
+  background-color: var(--cds-inverse-hover-ui, #4c4c4c);
+}
+.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
+.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .bx--tag {
   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);
@@ -21925,7 +21916,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__customize-columns-checkbox-wrapper {
   display: flex;
   justify-content: center;
-  padding-left: var(--cds-spacing-02, 0.25rem);
 }
 
 .c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.bx--form-item {
@@ -21984,10 +21974,35 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .bx--btn--ghost.c4p--datagrid__row-size-button--open {
-  background-color: var(--cds-ui-background, #ffffff);
+  background-color: var(--cds-ui-02, #ffffff);
   box-shadow: 1px 4px 8px -3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
 }
 
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td,
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td {
+  align-items: flex-start;
+  padding-top: var(--cds-spacing-05, 1rem);
+  padding-bottom: var(--cds-spacing-05, 1rem);
+}
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__actions-column-cell,
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__actions-column-cell {
+  padding-left: var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center th .bx--table-header-label,
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-top th .bx--table-header-label {
+  align-items: flex-start;
+}
+
+.c4p--datagrid table.bx--data-table--xl.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
+  align-items: flex-start;
+  padding-top: var(--cds-spacing-04, 0.75rem);
+}
+
+.c4p--datagrid__row-size__row-settings-trigger--open.bx--btn--ghost {
+  background-color: var(--cds-ui-02, #ffffff);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -22264,7 +22279,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   display: flex;
   align-items: center;
   margin-right: var(--cds-spacing-03, 0.5rem);
-  cursor: grab;
 }
 
 .c4p--datagrid__draggable-handleStyle.disabled {
@@ -22275,32 +22289,55 @@ th.c4p--datagrid__select-all-toggle-on.button {
   fill: var(--cds-disabled-03, #8d8d8d);
 }
 
+.c4p--datagrid__draggable-underlay {
+  position: absolute;
+  width: 100%;
+}
+
+.c4p--datagrid__draggable-underlay-item {
+  width: 100%;
+  height: var(--cds-spacing-09, 3rem);
+  border: 2px dashed var(--cds-focus, #0f62fe);
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: #edf5ff;
+}
+
 .c4p--datagrid__draggable-handleHolder {
+  position: relative;
   display: flex;
   height: var(--cds-spacing-09, 3rem);
-  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
-  background-color: var(--cds-layer, #f4f4f4);
+  border-bottom: 1px solid var(--cds-active-ui, #c6c6c6);
+  background-color: var(--cds-ui-01, #f4f4f4);
+  cursor: grab;
 }
 
 .c4p--datagrid__draggable-handleHolder:hover {
-  background-color: var(--cds-layer-hover, #e5e5e5);
+  background-color: var(--cds-hover-ui, #e5e5e5);
 }
 
-.c4p--datagrid__draggable-handleHolder-selected {
-  display: flex;
-  height: var(--cds-spacing-09, 3rem);
-  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
-  background-color: var(--cds-layer-selected, #e0e0e0);
+.c4p--datagrid__draggable-handleHolder:focus {
+  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
+  outline: none;
 }
 
-.c4p--datagrid__draggable-handleHolder-selected:hover {
-  background-color: var(--cds-hover-selected-ui, #cacaca);
+.c4p--datagrid__draggable-handleHolder--selected {
+  background-color: var(--cds-selected-ui, #e0e0e0);
 }
 
-.c4p--datagrid__draggable-handleHolder-isOver {
-  border: 2px dashed var(--cds-focus, #0f62fe);
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  background-color: #edf5ff;
+.c4p--datagrid__draggable-handleHolder--dragging {
+  z-index: 2;
+  background-color: var(--cds-highlight, #d0e2ff);
+  color: var(--cds-text-01, #161616);
+  outline: none;
+}
+
+.c4p--datagrid__draggable-handleHolder:active,
+.c4p--datagrid__draggable-handleHolder--dragging {
+  cursor: grabbing;
+}
+
+.c4p--datagrid__draggable-handleHolder-selected:hover {
+  background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 
 .c4p--datagrid__draggable-handleHolder-droppable {
@@ -22318,11 +22355,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.c4p--datagrid__draggable-handleHolder-grabbed {
-  background-color: var(--cds-highlight, #d0e2ff);
-  color: var(--cds-text-01, #161616);
-}
-
 .c4p--datagrid__draggable-handleHolder--sticky {
   color: var(--cds-disabled-03, #8d8d8d);
 }
@@ -22339,6 +22371,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
   white-space: nowrap;
 }
 
+.c4p--datagrid__draggable-item .bx--form-item.bx--checkbox-wrapper {
+  max-width: var(--cds-spacing-06, 1.5rem);
+  margin-bottom: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -22477,13 +22514,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
   justify-content: flex-start;
 }
-.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
-  /* stylelint-disable-next-line */
-}
-.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) .c4p--datagrid__inline-edit-button-icon {
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
   display: none;
 }
-.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols):hover .c4p--datagrid__inline-edit-button-icon {
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:hover .c4p--datagrid__inline-edit-button-icon, .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active .c4p--datagrid__inline-edit-button-icon {
   display: block;
 }
 
@@ -22701,6 +22735,16 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-support-01, #da1e28);
 }
 
+.c4p--filter-summary {
+  display: flex;
+  width: 100%;
+  height: 3rem;
+  align-items: center;
+  padding: var(--cds-spacing-03, 0.5rem);
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
+  background: var(--cds-ui-01, #f4f4f4);
+}
+
 .c4p--datagrid__datagridWrap {
   display: block;
   width: 100%;
@@ -28317,6 +28361,16 @@ body {
   overflow-x: auto;
 }
 
+.bx--data-table-content:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--data-table-content:focus {
+    outline-style: dotted;
+  }
+}
+
 .bx--data-table-header {
   padding: var(--cds-spacing-05, 1rem) 0 var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem);
   background: var(--cds-layer, #f4f4f4);