@carbon/ibm-products 1.24.0 → 2.0.0-rc.0

package/css/components/Datagrid/styles/index.css

@@ -1,732 +0,0 @@
-/*
-* 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.
-*/
-/*
-* 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.
-*/
-.c4p--datagrid__table-toolbar > section {
-  z-index: 2;
-  overflow: visible;
-}
-
-.c4p--datagrid__full-height,
-.c4p--datagrid__full-height table,
-.c4p--datagrid__full-height tbody {
-  height: 100%;
-}
-
-.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-03, #a8a8a8);
-}
-
-.c4p--datagrid__grid-container table {
-  /* Removes additional scroll introduced by Carbon table */
-  overflow: hidden;
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .bx--table-header-label {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  color: var(--cds-text-01, #161616);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
-  align-items: center;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-top: 0.6875rem;
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell,
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell {
-  display: flex;
-  align-items: center;
-  padding-top: 0;
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  padding-top: 0;
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--compact .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xs .c4p--datagrid__cell {
-  padding-top: var(--cds-spacing-01, 0.125rem);
-  padding-bottom: var(--cds-spacing-01, 0.125rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--short .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--md .c4p--datagrid__cell {
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-top: rem(7px);
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-bottom: rem(6px);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
-  padding-top: var(--cds-spacing-05, 1rem);
-  padding-bottom: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .c4p--datagrid__cell {
-  padding-top: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-header-label {
-  padding-top: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--tall .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--lg .bx--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.bx--data-table--xl .bx--table-column-checkbox {
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-top: rem(13px);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .c4p--datagrid__cell {
-  padding-bottom: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--tall .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--lg .bx--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.bx--data-table--xl .bx--table-header-label {
-  padding-bottom: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
-  height: auto;
-}
-
-.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-03, #a8a8a8);
-}
-
-.c4p--datagrid__grid-container::-webkit-scrollbar {
-  width: 6px;
-  background-color: var(--cds-ui-background, #ffffff);
-}
-
-.c4p--datagrid__grid-container {
-  display: block;
-  width: 100%;
-  padding-top: 0;
-}
-.c4p--datagrid__grid-container .bx--data-table-content {
-  width: 100%;
-  height: 100%;
-  overflow-x: auto;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
-  overflow: hidden;
-  max-height: 100%;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__head {
-  display: flex;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__head .header {
-  /* Each cell should grow equally */
-  width: 1%;
-  align-items: center;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
-  scrollbar-width: thin;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-03, #a8a8a8);
-}
-.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
-  width: 6px;
-  background-color: var(--cds-ui-background, #ffffff);
-}
-.c4p--datagrid__grid-container .c4p--datagrid__cell {
-  display: flex;
-  /* Each cell should grow equally */
-  width: 1%;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
-  overflow: hidden;
-  width: 100%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
-  display: flex;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
-  /* stylelint-disable-next-line declaration-no-important */
-  flex: none !important;
-}
-.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
-  /* stylelint-disable-next-line declaration-no-important */
-  color: var(--cds-hover-primary-text, #0043ce) !important;
-}
-.c4p--datagrid__grid-container .bx--select-input {
-  -webkit-appearance: none;
-}
-.c4p--datagrid__grid-container th.bx--table-column-checkbox {
-  display: block;
-}
-.c4p--datagrid__grid-container td.bx--table-column-checkbox,
-.c4p--datagrid__grid-container th.bx--table-column-checkbox {
-  /* stylelint-disable-next-line declaration-no-important */
-  padding-right: var(--cds-spacing-06, 1.5rem) !important;
-}
-
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
-  display: table;
-  height: 100%;
-}
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
-  max-width: 280px;
-}
-
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
-  background: transparent;
-}
-
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
-  background: transparent;
-}
-
-.c4p--datagrid__empty-state .c4p--datagrid__table-simple td {
-  padding: var(--cds-spacing-11, 5rem);
-}
-
-.c4p--datagrid__empty-state .c4p--datagrid__grid-container {
-  flex: 1 1 auto;
-}
-
-.c4p--datagrid__with-pagination table tr:last-of-type > td {
-  border-bottom: none;
-}
-
-.c4p--datagrid__resizer {
-  position: absolute;
-  z-index: 1;
-  top: 0;
-  right: 0;
-  display: inline-block;
-  width: var(--cds-spacing-02, 0.25rem);
-  height: 100%;
-  background: transparent;
-  touch-action: none;
-  transform: translateX(50%);
-}
-
-.c4p--datagrid__resizer:hover {
-  background: transparent;
-}
-
-.c4p--datagrid__sortableColumn:hover {
-  background-color: var(--cds-hover-selected-ui, #cacaca);
-}
-
-.c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
-  border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-hover-secondary, #4c4c4c);
-}
-.c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
-  background-color: var(--cds-hover-selected-ui, #cacaca);
-}
-
-.c4p--datagrid__resizableColumn:hover {
-  background-color: var(--cds-hover-selected-ui, #cacaca);
-}
-.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
-  border-right: var(--cds-spacing-01, 0.125rem) solid var(--cds-ui-04, #8d8d8d);
-  background-color: var(--cds-hover-selected-ui, #cacaca);
-}
-
-.c4p--datagrid__head-hidden-select-all {
-  padding-right: var(--cds-spacing-08, 2.5rem);
-}
-
-.c4p--datagrid__simple-body {
-  position: relative;
-  display: table;
-  overflow-x: hidden;
-  overflow-y: auto;
-  scrollbar-width: thin;
-}
-
-.c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-03, #a8a8a8);
-}
-
-.c4p--datagrid__simple-body::-webkit-scrollbar {
-  width: 6px;
-  background-color: var(--cds-ui-background, #ffffff);
-}
-
-.c4p--datagrid__sticky.c4p--datagrid__table-simple {
-  /* stylelint-disable-next-line declaration-no-important */
-  min-width: 0 !important;
-}
-
-.c4p--datagrid__table-simple::-webkit-scrollbar {
-  width: 6px;
-  background-color: var(--cds-ui-background, #ffffff);
-}
-
-.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-03, #a8a8a8);
-}
-
-.c4p--datagrid__sticky.c4p--datagrid__simple-body {
-  overflow: auto;
-}
-
-.c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
-  overflow: hidden;
-  /* stylelint-disable-next-line declaration-no-important */
-  width: 100% !important;
-}
-
-.block-class__displayFlex {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: row;
-}
-
-.c4p--datagrid__datagridLeftPanel {
-  display: flex;
-  width: 388px;
-  background-color: var(--cds-ui-01, #f4f4f4);
-}
-
-.c4p--datagrid__leftPanel-position {
-  display: inherit;
-}
-
-.c4p--datagrid__datagridWithPanel {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-}
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-}
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
-  width: 100%;
-}
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
-  flex: 0 0 auto;
-}
-.c4p--datagrid__datagridWithPanel .bx--data-table-content {
-  flex: 1 1 0%;
-}
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
-  overflow: hidden;
-}
-
-.c4p--datagrid__table-container {
-  position: relative;
-  display: flex;
-  overflow: auto;
-  width: 100%;
-  max-height: 100%;
-}
-
-.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
-  border-left: 1px solid var(--cds-interactive-01, #0f62fe);
-}
-
-.c4p--datagrid .bx--data-table-header {
-  background: transparent;
-}
-
-.c4p--datagrid__dense-header {
-  display: flex;
-  flex-wrap: wrap;
-}
-.c4p--datagrid__dense-header .bx--data-table-header {
-  flex: 1 1 auto;
-  padding-bottom: var(--cds-spacing-05, 1rem);
-}
-.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
-  flex: 0 0 auto;
-}
-.c4p--datagrid__dense-header .bx--table-toolbar {
-  background: transparent;
-}
-.c4p--datagrid__dense-header .bx__table-container {
-  flex: 1 1 100%;
-}
-.c4p--datagrid__dense-header .bx--table-toolbar {
-  padding-top: var(--cds-spacing-07, 2rem);
-}
-.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
-  position: relative;
-}
-.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 1px;
-  height: var(--cds-spacing-05, 1rem);
-  border-left: 1px solid var(--cds-ui-03, #e0e0e0);
-  content: "";
-  transform: translateY(-50%);
-}
-
-.bx--data-table--selected {
-  position: relative;
-}
-
-.bx--data-table--selected::before {
-  position: absolute;
-  left: 0;
-  width: var(--cds-spacing-02, 0.25rem);
-  height: 100%;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
-}
-
-/*
-* 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.
-*/
-.bx--data-table tr.c4p--datagrid__carbon-nested-row {
-  border-left: 1px solid transparent;
-}
-.bx--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
-  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.block-class__expanded-row .bx--data-table-container {
-  width: calc(100% - var(--cds-layout-03, 2rem));
-  border-left: 2px solid var(--cds-interactive-01, #0f62fe);
-  margin-left: var(--cds-layout-03, 2rem);
-  overflow-x: hidden;
-}
-.block-class__expanded-row .bx--data-table-container tr.c4p--datagrid__carbon-nested-row {
-  border-left: none;
-}
-
-.block-class__expanded-row .bx--data-table-container th {
-  padding-top: 0;
-  padding-bottom: 0;
-  border-top-color: var(--cds-ui-03, #e0e0e0);
-  background-color: var(--cds-ui-03, #e0e0e0);
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__sortableColumn .bx--table-header-label .header-title {
-  display: inline-block;
-  width: auto;
-}
-.c4p--datagrid__sortableColumn .bx--table-header-label {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.c4p--datagrid__sortableColumn .bx--table-header-label button:focus,
-.c4p--datagrid__sortableColumn .bx--table-header-label button:active,
-.c4p--datagrid__sortableColumn .bx--table-header-label button:focus svg {
-  /* stylelint-disable-next-line declaration-no-important */
-  background: none !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  color: var(--cds-text-01, #161616) !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  outline: none !important;
-}
-.c4p--datagrid__sortableColumn .bx--table-header-label button {
-  width: 100%;
-  min-width: 100%;
-  min-height: 0;
-  padding: 0;
-  border: none;
-  /* stylelint-disable-next-line declaration-no-important */
-  background: none !important;
-  box-shadow: none;
-  /* stylelint-disable-next-line declaration-no-important */
-  color: var(--cds-text-01, #161616) !important;
-  font: inherit;
-}
-.c4p--datagrid__sortableColumn .bx--table-header-label button svg {
-  fill: var(--cds-text-01, #161616);
-  visibility: hidden;
-}
-
-.c4p--datagrid__sortableColumn:hover .bx--table-header-label svg,
-.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .bx--table-header-label svg {
-  visibility: visible;
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__right-align-header {
-  width: 100%;
-  text-align: right;
-}
-
-.c4p--datagrid__right-align-header button {
-  text-align: right;
-}
-
-.c4p--datagrid__right-align-cell-renderer {
-  width: 100%;
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  padding-right: 23px;
-  text-align: right;
-}
-
-.c4p--datagrid__right-align-cell-renderer.sortDisabled {
-  padding-right: 0;
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__center-align-header {
-  width: 100%;
-  text-align: center;
-}
-
-.c4p--datagrid__center-align-cell-renderer.sortDisabled {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__right-sticky-column-cell {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  right: 0;
-  box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
-}
-
-.c4p--datagrid__right-sticky-column-header {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  right: 0;
-  box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
-}
-
-.c4p--datagrid__sticky-noShadow {
-  box-shadow: none;
-}
-
-.c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
-  box-shadow: none;
-}
-
-.c4p--datagrid__right-sticky-column-offset-scroll {
-  /* stylelint-disable-next-line */
-  right: 6px !important;
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__actions-column-cell {
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-}
-
-.c4p--datagrid__actions-column-content {
-  display: flex;
-  justify-content: center;
-}
-
-.c4p--datagrid__actions-column-loading {
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__customize-columns-modal .bx--modal-content {
-  position: inherit;
-  display: flex;
-  flex-flow: column;
-  /* stylelint-disable-next-line declaration-no-important */
-  padding-top: 0 !important;
-}
-
-.c4p--datagrid__customize-columns-checkbox {
-  display: flex;
-  justify-content: center;
-  /* stylelint-disable-next-line declaration-no-important */
-  margin-bottom: 0 !important;
-}
-
-.c4p--datagrid__customize-columns-modal--actions {
-  display: flex;
-  flex-flow: row;
-  margin-bottom: var(--cds-spacing-06, 1.5rem);
-}
-
-.c4p--datagrid__customize-columns-modal--actions > button {
-  margin-left: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--datagrid__customize-columns-instructions {
-  margin-bottom: var(--cds-spacing-06, 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-01, #161616);
-}
-
-.c4p--datagrid__customize-columns-column-list {
-  position: relative;
-  overflow: auto;
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__row-size-dropdown {
-  position: absolute;
-  padding: var(--cds-spacing-05, 1rem);
-  background-color: var(--cds-ui-background, #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__row-size-button--open {
-  background-color: var(--cds-ui-background, #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));
-}
-
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-th.c4p--datagrid__select-all-toggle-on,
-td.c4p--datagrid__select-all-toggle-on {
-  /* stylelint-disable-next-line declaration-no-important */
-  width: 4.5rem !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  min-width: initial !important;
-  box-sizing: border-box;
-  flex: 0 0 auto;
-}
-
-th.c4p--datagrid__select-all-toggle-on {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-th.c4p--datagrid__select-all-toggle-on.button {
-  margin-left: var(--cds-spacing-01, 0.125rem);
-}
-
-/*
-* 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.
-*/
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* 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;
-  margin-right: var(--cds-spacing-03, 0.5rem);
-  cursor: grab;
-}
-
-.c4p--datagrid__draggable-handleStyle.disabled {
-  pointer-events: none;
-}
-
-svg.c4p--datagrid__draggable-handleStyle.disable {
-  fill: var(--cds-disabled-02, #c6c6c6);
-}
-
-.c4p--datagrid__draggable-handleHolder {
-  display: flex;
-  height: var(--cds-spacing-07, 2rem);
-  padding-left: var(--cds-spacing-02, 0.25rem);
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
-  background: var(--cds-ui-02, #ffffff);
-}
-.c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
-  border: 2px dashed var(--cds-focus, #0f62fe);
-  background-color: var(--cds-highlight, #d0e2ff);
-}
-
-.c4p--datagrid__draggable-handleHolder-droppable {
-  display: flex;
-  width: 100%;
-}
-
-.c4p--datagrid__draggable-handleHolder--grabbed {
-  background-color: var(--cds-highlight, #d0e2ff);
-  color: var(--cds-text-01, #161616);
-}
-
-.c4p--datagrid__shared-ui--assistive-text {
-  position: absolute;
-  overflow: hidden;
-  width: 0;
-  height: 0;
-  padding: 0;
-  border: 0;
-  clip: rect(0 0 0 0);
-  text-transform: none;
-  white-space: nowrap;
-}
-
-/*# sourceMappingURL=index.css.map */