@carbon/ibm-products 1.18.1 → 1.19.1

package/css/components/Datagrid/styles/draggableElement.css

@@ -0,0 +1,57 @@
+/*
+* 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=draggableElement.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/draggableElement.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;AASA;EACE;EACA;EACA,cC27Be;ED17Bf;;;AAGF;EACE;;;AAGF;EACE,MC0kBgB;;;ADvkBlB;EACE;EACA,QC67Be;ED57Bf,cCw6Be;EDv6Bf,eC26Be;ED16Bf,YC8WU;;AD7WV;EACE;EACA,kBCukBY;;;ADnkBhB;EACE;EACA;;;AAGF;EACE,kBC6jBc;ED5jBd,OCgXY;;;AD7Wd;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"draggableElement.css"}

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

@@ -306,6 +306,30 @@
   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
@@ -530,4 +554,60 @@ 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. 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 */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss"],"names":[],"mappings":"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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../scss/components/Datagrid/styles/index.scss","../../../../scss/components/Datagrid/styles/datagrid.scss","../../../../../../node_modules/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/_mixins.scss","../../../../scss/components/Datagrid/styles/useNestedRows.scss","../../../../scss/components/Datagrid/styles/useNestedTable.scss","../../../../scss/components/Datagrid/styles/useSortableColumns.scss","../../../../scss/components/Datagrid/styles/useColumnRightAlign.scss","../../../../scss/components/Datagrid/styles/useStickyColumn.scss","../../../../scss/components/Datagrid/styles/useActionsColumn.scss","../../../../scss/components/Datagrid/styles/addons/CustomizeColumnsModal.scss","../../../../../../node_modules/@carbon/type/scss/_styles.import.scss","../../../../scss/components/Datagrid/styles/addons/RowSizeDropdown.scss","../../../../scss/components/Datagrid/styles/useSelectAllToggle.scss","../../../../scss/components/Datagrid/styles/draggableElement.scss"],"names":[],"mappings":"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","file":"index.css"}

package/css/index-full-carbon.css

@@ -7750,7 +7750,7 @@ a.bx--overflow-menu-options__btn::before {
   white-space: nowrap;
 }
 
-.security--combo-button__overflow-menu {
+.security--combo-button .security--combo-button__overflow-menu {
   width: 3rem;
   height: auto;
   border-left: 0.0625rem solid var(--cds-ui-03, #e0e0e0);
@@ -14441,6 +14441,7 @@ a.bx--side-nav__link--current::before {
   width: 100%;
   max-width: 40rem;
   background: var(--cds-ui-01, #f4f4f4);
+  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
   transform: translate(0, 100%);
 }
 .c4p--add-select__global-filter-search {
@@ -14472,6 +14473,10 @@ button.c4p--add-select__global-filter-toggle {
   border-bottom-color: var(--cds-ui-04, #8d8d8d);
   background: var(--cds-field-01, #f4f4f4);
 }
+button.c4p--add-select__global-filter-toggle--open {
+  border-bottom: var(--cds-ui-01, #f4f4f4);
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
+}
 
 .c4p--add-select__meta-panel {
   padding: var(--cds-spacing-05, 1rem);
@@ -19343,8 +19348,8 @@ button.c4p--add-select__global-filter-toggle {
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
-  border-right: 1px solid var(--cds-text-03, #a8a8a8);
-  border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
+  border-right: 1px solid var(--cds-active-ui, #c6c6c6);
+  border-bottom: 1px solid var(--cds-active-ui, #c6c6c6);
   height: 100%;
   background-color: var(--cds-ui-03, #e0e0e0);
   cursor: pointer;
@@ -19484,9 +19489,12 @@ button.c4p--add-select__global-filter-toggle {
   z-index: 4;
   width: var(--cds-spacing-01, 0.125rem);
   background-color: var(--cds-interactive-01, #0f62fe);
+  pointer-events: none;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
+  border-right: 1px solid var(--cds-text-03, #a8a8a8);
+  border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
   background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
@@ -19509,6 +19517,13 @@ button.c4p--add-select__global-filter-toggle {
   overscroll-behavior: none;
 }
 
+/*
+* 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
@@ -19810,6 +19825,30 @@ button.c4p--add-select__global-filter-toggle {
   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
@@ -20034,6 +20073,62 @@ 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. 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;
+}
+
 .c4p--datagrid__datagridWrap {
   display: block;
   width: 100%;