@carbon/ibm-products 1.12.0 → 1.15.0

package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css

@@ -0,0 +1,47 @@
+/*
+* 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;
+}
+
+/*# sourceMappingURL=CustomizeColumnsModal.css.map */

package/css/components/Datagrid/styles/addons/CustomizeColumnsModal.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../../../../node_modules/@carbon/type/scss/_styles.import.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;EACA;EACA;AACA;EACA;;;AAIJ;EACE;EACA;AACA;EACA;;;AAGF;EACE;EACA;EACA,eCq7Be;;;ADl7BjB;EACE,aC66Be;;;AD16BjB;EACE,eC66Be;EClQb;EAAA;EAAA;EAAA;EFxqBF,OCkXY;;;AD/Wd;EACE;EACA","file":"CustomizeColumnsModal.css"}

package/css/components/Datagrid/styles/addons/RowSizeDropdown.css

@@ -0,0 +1,20 @@
+/*
+* 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));
+}
+
+/*# sourceMappingURL=RowSizeDropdown.css.map */

package/css/components/Datagrid/styles/addons/RowSizeDropdown.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA,SCm8Be;EDl8Bf,kBCsXkB;EDpXlB;;;AAGF;EACE,kBCgXkB;ED9WlB","file":"RowSizeDropdown.css"}

package/css/components/Datagrid/styles/datagrid.css

@@ -0,0 +1,264 @@
+/*
+* 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 {
+  display: block;
+  overflow: auto;
+  width: 100%;
+  padding-top: 0;
+}
+.c4p--datagrid__grid-container .bx--data-table-content {
+  width: 100%;
+  height: 100%;
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+  overflow-x: unset;
+}
+.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
+  display: flex;
+  overflow: hidden;
+  max-height: 100%;
+  flex-direction: column;
+}
+.c4p--datagrid__grid-container .c4p--datagrid__with-pagination tr:last-of-type > td {
+  border-bottom: none;
+}
+.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__empty-state-body {
+  display: flex;
+  width: 100%;
+}
+.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__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;
+  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__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;
+  height: 100%;
+  background-color: var(--cds-ui-01, #f4f4f4);
+}
+
+.c4p--datagrid__datagridWithPanel {
+  position: relative;
+  display: flex;
+  overflow: auto;
+  width: 100%;
+  flex-direction: column;
+}
+
+/*# sourceMappingURL=datagrid.css.map */

package/css/components/Datagrid/styles/datagrid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE,kBC6YY;;;AD1Yd;AACE;EACA;;AAGI;EACE;EACA;EACA;EACA,OCyXM;;ADrXV;EACE;EACA;EACA;;AAGF;AAAA;AAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAMA;EACE,aC63BO;ED53BP,gBC43BO;;ADt3BT;AACE;EACA;AACA;EACA;;AAMF;EACE,aC23BO;ED13BP,gBC03BO;;ADj3BX;EACE,aCg3BS;;AD92BX;EACE,aC62BS;;AD32BX;AACE;EACA;;AAOA;EACE,gBCi2BO;;AD/1BT;EACE,gBC81BO;;ADx1Bb;EACE;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEF;AACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE,kBC0PU;;ADvPZ;EACE;EACA,kBCqNgB;;ADlNlB;EACE;AACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;AACE;EACA;;AACA;AACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;AAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,OCguBe;ED/tBf;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,kBCoUsB;;;ADhUpB;EACE;;AAGJ;EACE,kBC2ToB;;;ADvTxB;EACE,kBCsTsB;;ADrTtB;EACE;EACA,kBCmToB;;;AD/SxB;EACE,eCstBe;;;ADntBjB;EACE;EACA;EACA;EAEA;;;AAGF;EACE,kBCkJY;;;AD/Id;EACE;EACA,kBC6GkB;;;AD1GpB;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;AACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBCmFU;;;ADhFZ;EACE;EACA;EACA;EACA;EACA","file":"datagrid.css"}