@carbon/ibm-products 1.46.0 → 1.46.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -0
- package/css/index-full-carbon.css +10 -4
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +10 -4
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +4 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +10 -4
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -2
- package/css/index.min.css.map +1 -1
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +2 -4
- package/scss/components/OptionsTile/_options-tile.scss +8 -1
package/README.md
CHANGED
|
@@ -41,6 +41,23 @@ Then you can import the component styles in your `index.js`.
|
|
|
41
41
|
import '@carbon/ibm-products/css/index.min.css';
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
+
### Webpack 4
|
|
45
|
+
|
|
46
|
+
Our package requires support for ES modules (see
|
|
47
|
+
[#2378](https://github.com/carbon-design-system/ibm-cloud-cognitive/issues/2378#issuecomment-1319276192)).
|
|
48
|
+
In Webpack 5, these are supported by default. In Webpack 4, you will need to add
|
|
49
|
+
the [following rule](https://stackoverflow.com/a/72149467) to your config.
|
|
50
|
+
|
|
51
|
+
```js
|
|
52
|
+
rules: [
|
|
53
|
+
{
|
|
54
|
+
test: /\.mjs$/,
|
|
55
|
+
include: /node_modules/,
|
|
56
|
+
type: 'javascript/auto',
|
|
57
|
+
},
|
|
58
|
+
],
|
|
59
|
+
```
|
|
60
|
+
|
|
44
61
|
### Peer dependencies
|
|
45
62
|
|
|
46
63
|
`@carbon/ibm-products` is built on top of Carbon components and has a number of
|
|
@@ -20594,12 +20594,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
20594
20594
|
}
|
|
20595
20595
|
|
|
20596
20596
|
.c4p--options-tile {
|
|
20597
|
+
position: relative;
|
|
20597
20598
|
border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
|
|
20598
20599
|
background-color: var(--cds-ui-01, #f4f4f4);
|
|
20599
20600
|
}
|
|
20600
20601
|
|
|
20601
20602
|
.c4p--options-tile__toggle-container {
|
|
20602
|
-
position:
|
|
20603
|
+
position: absolute;
|
|
20604
|
+
top: 0;
|
|
20605
|
+
right: 0;
|
|
20606
|
+
bottom: 0;
|
|
20607
|
+
width: calc(
|
|
20608
|
+
var(--cds-spacing-05, 1rem) + 2rem + var(--cds-spacing-05, 1rem)
|
|
20609
|
+
);
|
|
20603
20610
|
}
|
|
20604
20611
|
|
|
20605
20612
|
.c4p--options-tile__toggle {
|
|
@@ -21374,7 +21381,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21374
21381
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
|
21375
21382
|
}
|
|
21376
21383
|
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
|
21384
|
+
display: flex;
|
|
21377
21385
|
flex: 1 0 auto;
|
|
21386
|
+
align-items: flex-end;
|
|
21378
21387
|
}
|
|
21379
21388
|
.c4p--datagrid__dense-header .bx--table-toolbar {
|
|
21380
21389
|
background: transparent;
|
|
@@ -21382,9 +21391,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
21382
21391
|
.c4p--datagrid__dense-header .bx__table-container {
|
|
21383
21392
|
flex: 1 1 100%;
|
|
21384
21393
|
}
|
|
21385
|
-
.c4p--datagrid__dense-header .bx--table-toolbar {
|
|
21386
|
-
padding-top: var(--cds-spacing-07, 2rem);
|
|
21387
|
-
}
|
|
21388
21394
|
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
|
21389
21395
|
position: relative;
|
|
21390
21396
|
}
|