@carbon/ibm-products 1.46.0 → 1.46.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|