@carbon/ibm-products 1.46.0 → 1.46.2

package/README.md

@@ -41,6 +41,23 @@ Then you can import the component styles in your `index.js`.
 import '@carbon/ibm-products/css/index.min.css';
 ```
 
+### Webpack 4
+
+Our package requires support for ES modules (see
+[#2378](https://github.com/carbon-design-system/ibm-cloud-cognitive/issues/2378#issuecomment-1319276192)).
+In Webpack 5, these are supported by default. In Webpack 4, you will need to add
+the [following rule](https://stackoverflow.com/a/72149467) to your config.
+
+```js
+rules: [
+  {
+    test: /\.mjs$/,
+    include: /node_modules/,
+    type: 'javascript/auto',
+  },
+],
+```
+
 ### Peer dependencies
 
 `@carbon/ibm-products` is built on top of Carbon components and has a number of

package/css/index-full-carbon.css

@@ -20594,12 +20594,19 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--options-tile {
+  position: relative;
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   background-color: var(--cds-ui-01, #f4f4f4);
 }
 
 .c4p--options-tile__toggle-container {
-  position: relative;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: calc(
+      var(--cds-spacing-05, 1rem) + 2rem + var(--cds-spacing-05, 1rem)
+    );
 }
 
 .c4p--options-tile__toggle {
@@ -21189,7 +21196,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .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;
+  width: var(--cds-spacing-09, 3rem) !important;
+  /* stylelint-disable-next-line declaration-no-important */
+  padding-right: var(--cds-spacing-05, 1rem) !important;
 }
 
 .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
@@ -21253,7 +21262,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__head-hidden-select-all {
-  padding-right: var(--cds-spacing-08, 2.5rem);
+  padding-right: var(--cds-spacing-09, 3rem);
 }
 .c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
   position: sticky;
@@ -21294,6 +21303,13 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100% !important;
 }
 
+.c4p--datagrid__sticky thead {
+  display: flex;
+}
+.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
+  width: auto;
+}
+
 .block-class__displayFlex {
   position: relative;
   display: flex;
@@ -21357,7 +21373,7 @@ button.c4p--add-select__global-filter-toggle--open {
     );
   width: 1px;
   height: var(--c4p--datagrid--indicator-height);
-  border-left: 1px solid var(--cds-interactive-01, #0f62fe);
+  border-left: 1px solid var(--cds-active-ui, #c6c6c6);
   content: "";
 }
 
@@ -21374,7 +21390,9 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
 .c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
+  display: flex;
   flex: 1 0 auto;
+  align-items: flex-end;
 }
 .c4p--datagrid__dense-header .bx--table-toolbar {
   background: transparent;
@@ -21382,9 +21400,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .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;
 }
@@ -21548,6 +21563,19 @@ button.c4p--add-select__global-filter-toggle--open {
   content: "";
 }
 
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
+  border-bottom: none;
+}
+
+.bx--data-table td.c4p--datagrid__expandable-row-cell {
+  padding-left: var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
+  border-bottom: none;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -21689,7 +21717,7 @@ button.c4p--add-select__global-filter-toggle--open {
   right: 0;
   display: flex;
   align-items: center;
-  border-left: 1px solid var(--cds-ui-03, #e0e0e0);
+  border-left: 1px solid var(--cds-active-light-ui, #c6c6c6);
 }
 
 .c4p--datagrid__right-sticky-column-header {
@@ -21704,7 +21732,7 @@ button.c4p--add-select__global-filter-toggle--open {
   left: 0;
   display: flex;
   align-items: center;
-  border-right: 1px solid var(--cds-ui-03, #e0e0e0);
+  border-right: 1px solid var(--cds-active-light-ui, #c6c6c6);
 }
 
 .c4p--datagrid__left-sticky-column-header {
@@ -21716,7 +21744,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
 .c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
-  left: var(--cds-spacing-08, 2.5rem);
+  left: var(--cds-spacing-09, 3rem);
 }
 
 .c4p--datagrid__sticky-noShadow {
@@ -22040,8 +22068,8 @@ button.c4p--add-select__global-filter-toggle--open {
 * 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 {
+.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
+.c4p--datagrid__grid-container 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 */