@carbon/ibm-products 2.0.0-rc.16 → 2.0.0-rc.18

package/css/index-full-carbon.css

@@ -11072,7 +11072,10 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__customize-columns-checkbox-wrapper {
   display: flex;
   justify-content: center;
-  padding-left: 0.5rem;
+  padding-left: 0.25rem;
+}
+
+.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
   margin-bottom: 0;
 }
 
@@ -11292,13 +11295,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--datagrid__draggable-handleStyle.disabled svg {
-  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
 }
 
 .c4p--datagrid__draggable-handleHolder {
   display: flex;
   height: 3rem;
-  padding-left: 1rem;
   border-bottom: 1px solid var(--cds-layer-active);
   background-color: var(--cds-layer);
 }
@@ -11310,7 +11312,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__draggable-handleHolder-selected {
   display: flex;
   height: 3rem;
-  padding-left: 1rem;
   border-bottom: 1px solid var(--cds-layer-active);
   background-color: var(--cds-layer-selected);
 }
@@ -11321,13 +11322,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
 
 .c4p--datagrid__draggable-handleHolder-isOver {
   border: 2px dashed var(--cds-focus, #0f62fe);
-  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: #edf5ff;
 }
 
 .c4p--datagrid__draggable-handleHolder-droppable {
   display: flex;
   width: 100%;
   align-items: center;
+  padding-left: 1rem;
+  /* stylelint-disable-next-line carbon/type-token-use */
+  line-height: 1;
+  transition-property: opacity;
+}
+
+.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
+  opacity: 0.5;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
 .c4p--datagrid__draggable-handleHolder-grabbed {
@@ -11335,6 +11346,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-text-primary, #161616);
 }
 
+.c4p--datagrid__draggable-handleHolder--sticky {
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+}
+
 .c4p--datagrid__shared-ui--assistive-text {
   position: absolute;
   overflow: hidden;