@carbon/ibm-products 2.0.0-rc.10 → 2.0.0-rc.12

package/css/index-full-carbon.css

@@ -3620,6 +3620,7 @@
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
+  word-break: break-all;
 }
 @media (min-width: 42rem) {
   .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -4078,6 +4079,15 @@
   letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
 }
 
+.c4p--filter-summary {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0.5rem;
+  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  background: var(--cds-layer-01, #f4f4f4);
+}
+
 .c4p--http-errors .c4p--http-errors__content {
   position: fixed;
   z-index: 2;
@@ -10681,6 +10691,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
   position: absolute;
+  top: 0;
   left: 0;
   width: 0.25rem;
   height: 100%;
@@ -10730,6 +10741,28 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: center;
 }
 
+.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
+  flex: 0 0 auto;
+  margin-right: 0.5rem;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
+  width: 10px;
+  height: 7px;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
+  background: var(--cds-layer);
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+}
+
+.c4p--datagrid__virtualScrollContainer {
+  width: 100%;
+}
+
 .cds--body--with-modal-open .c4p--datagrid__grid-container {
   overflow: hidden;
   height: 100vh;
@@ -11016,55 +11049,22 @@ button.c4p--add-select__global-filter-toggle--open {
   fill: var(--cds-layer-selected-disabled, #8d8d8d);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021, 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__customize-columns-modal .cds--modal-content {
-  position: inherit;
+.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
   display: flex;
   flex-flow: column;
-  padding: 0;
-  margin: 0;
 }
 
-.c4p--datagrid__customize-columns-checkbox-wrapper {
-  margin-bottom: 0;
+.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
+  height: 3rem;
+  padding-left: 3rem;
+  border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
 }
 
 .c4p--datagrid__customize-columns-checkbox-wrapper {
   display: flex;
   justify-content: center;
-}
-
-.c4p--datagrid__customize-columns-modal--actions {
-  display: flex;
-  height: 3rem;
-  flex-flow: row;
-  background-color: var(--cds-field-02, #ffffff);
-}
-
-.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
-  height: 3rem;
-  padding-left: 2.5rem;
-  border-bottom: none;
-}
-
-.c4p--datagrid__customize-columns-modal--actions > button {
-  margin-left: 1rem;
-}
-
-.c4p--datagrid__customize-columns-instructions {
-  padding-left: 1rem;
-  margin-bottom: 1.5rem;
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-  color: var(--cds-text-primary, #161616);
+  padding-left: 0.5rem;
+  margin-bottom: 0;
 }
 
 .c4p--datagrid__customize-columns-column-list {
@@ -11072,34 +11072,28 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: auto;
 }
 
-.c4p--datagrid__customize-columns-select-all {
+.c4p--datagrid__customize-columns-select-all,
+.c4p--datagrid__customize-columns-select-all--selected {
+  position: sticky;
+  z-index: 1;
+  top: 0;
   display: flex;
   height: 3rem;
-  align-items: center;
   padding-left: 2.5rem;
   border-bottom: 1px solid var(--cds-layer-active);
-  background-color: var(--cds-layer-01, #f4f4f4);
-}
-
-.c4p--datagrid__customize-columns-select-all:hover {
-  background-color: var(--cds-layer-hover-01, #e8e8e8);
+  background-color: var(--cds-layer);
 }
-
-.c4p--datagrid__customize-columns-select-all-selected {
-  display: flex;
-  height: 3rem;
-  align-items: center;
-  padding-left: 2.5rem;
-  border-bottom: 1px solid var(--cds-layer-active);
-  background-color: var(--cds-layer-selected-01, #e0e0e0);
+.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
+.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
+  font-weight: 600;
 }
 
-.c4p--datagrid__customize-columns-select-all-selected:hover {
-  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
+.c4p--datagrid__customize-columns-select-all:hover {
+  background-color: var(--cds-layer-hover);
 }
 
-.c4p--datagrid .c4p--datagrid__customize-columns-modal .cds--modal-content {
-  margin-bottom: 0;
+.c4p--datagrid__customize-columns-select-all--selected {
+  background-color: var(--cds-layer-selected);
 }
 
 /*
@@ -11125,6 +11119,81 @@ button.c4p--add-select__global-filter-toggle--open {
   left: -4px;
 }
 
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2022
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+.c4p--datagrid-filter-flyout__container {
+  position: relative;
+}
+
+.c4p--datagrid-filter-flyout {
+  position: absolute;
+  top: 3rem;
+  right: 0;
+  display: none;
+  width: 40.125rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout--open {
+  display: grid;
+}
+
+.c4p--datagrid-filter-flyout--batch {
+  min-height: 21.625rem;
+  grid-template-rows: 1fr 3rem;
+}
+
+.c4p--datagrid-filter-flyout--instant {
+  min-height: 17.625rem;
+  grid-template-rows: 1fr;
+}
+
+.c4p--datagrid-filter-flyout__inner-container {
+  padding: 1rem 1rem 3rem 1rem;
+}
+
+.c4p--datagrid-filter-flyout__inner-container::before {
+  position: absolute;
+  top: -0.4375rem;
+  right: 1px;
+  display: block;
+  width: 2.875rem;
+  height: 0.9375rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  content: "";
+}
+
+.c4p--datagrid-filter-flyout__title {
+  display: block;
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  margin-bottom: 1.5rem;
+}
+
+.c4p--datagrid-filter-flyout__filters {
+  display: grid;
+  gap: 1rem 2rem;
+  grid-template-columns: 1fr 1fr;
+}
+
+.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
+  position: relative;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout .cds--fieldset {
+  margin-bottom: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -11202,13 +11271,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   fill: var(--cds-layer-selected-inverse, #161616);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
 .c4p--datagrid__draggable-handleStyle {
   display: flex;
   align-items: center;
@@ -11220,7 +11282,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   pointer-events: none;
 }
 
-svg.c4p--datagrid__draggable-handleStyle.disable {
+.c4p--datagrid__draggable-handleStyle.disabled svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -11256,6 +11318,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 .c4p--datagrid__draggable-handleHolder-droppable {
   display: flex;
   width: 100%;
+  align-items: center;
 }
 
 .c4p--datagrid__draggable-handleHolder-grabbed {
@@ -11634,13 +11697,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   background-color: var(--cds-support-error, #da1e28);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020, 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
 /* stylelint-disable max-nesting-depth */
 .c4p--datagrid__datagridWrap {
   display: block;
@@ -11661,7 +11717,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__datagridWrap-simple {
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   flex-direction: column;
@@ -13908,6 +13963,7 @@ a.cds--side-nav__link--current::before {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
+  word-break: break-all;
 }
 
 @media (min-width: 42rem) {