@carbon/ibm-products 1.46.0 → 1.46.2
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 +40 -12
- 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 +40 -12
- 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 +40 -12
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -2
- package/css/index.min.css.map +1 -1
- package/es/components/Card/CardFooter.js +2 -2
- package/es/components/Datagrid/Datagrid/DatagridRow.js +37 -10
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +18 -4
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +15 -2
- package/es/components/Datagrid/useActionsColumn.js +22 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/es/components/Datagrid/useNestedRows.js +2 -4
- package/es/components/Datagrid/useSelectAllToggle.js +16 -2
- package/es/components/Datagrid/useSelectRows.js +17 -3
- package/es/components/Datagrid/useStickyColumn.js +19 -5
- package/lib/components/Card/CardFooter.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +37 -10
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +20 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -1
- package/lib/components/Datagrid/useActionsColumn.js +22 -1
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/lib/components/Datagrid/useNestedRows.js +2 -4
- package/lib/components/Datagrid/useSelectAllToggle.js +19 -2
- package/lib/components/Datagrid/useSelectRows.js +19 -2
- package/lib/components/Datagrid/useStickyColumn.js +18 -4
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +24 -7
- package/scss/components/Datagrid/styles/_useNestedRows.scss +17 -0
- package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +11 -8
- package/scss/components/Datagrid/styles/_useStickyColumn.scss +3 -3
- 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 {
|
@@ -21189,7 +21196,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21189
21196
|
.c4p--datagrid__grid-container td.bx--table-column-checkbox,
|
21190
21197
|
.c4p--datagrid__grid-container th.bx--table-column-checkbox {
|
21191
21198
|
/* stylelint-disable-next-line declaration-no-important */
|
21192
|
-
|
21199
|
+
width: var(--cds-spacing-09, 3rem) !important;
|
21200
|
+
/* stylelint-disable-next-line declaration-no-important */
|
21201
|
+
padding-right: var(--cds-spacing-05, 1rem) !important;
|
21193
21202
|
}
|
21194
21203
|
|
21195
21204
|
.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
|
@@ -21253,7 +21262,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21253
21262
|
}
|
21254
21263
|
|
21255
21264
|
.c4p--datagrid__head-hidden-select-all {
|
21256
|
-
padding-right: var(--cds-spacing-
|
21265
|
+
padding-right: var(--cds-spacing-09, 3rem);
|
21257
21266
|
}
|
21258
21267
|
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
|
21259
21268
|
position: sticky;
|
@@ -21294,6 +21303,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21294
21303
|
width: 100% !important;
|
21295
21304
|
}
|
21296
21305
|
|
21306
|
+
.c4p--datagrid__sticky thead {
|
21307
|
+
display: flex;
|
21308
|
+
}
|
21309
|
+
.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
|
21310
|
+
width: auto;
|
21311
|
+
}
|
21312
|
+
|
21297
21313
|
.block-class__displayFlex {
|
21298
21314
|
position: relative;
|
21299
21315
|
display: flex;
|
@@ -21357,7 +21373,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21357
21373
|
);
|
21358
21374
|
width: 1px;
|
21359
21375
|
height: var(--c4p--datagrid--indicator-height);
|
21360
|
-
border-left: 1px solid var(--cds-
|
21376
|
+
border-left: 1px solid var(--cds-active-ui, #c6c6c6);
|
21361
21377
|
content: "";
|
21362
21378
|
}
|
21363
21379
|
|
@@ -21374,7 +21390,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21374
21390
|
padding-bottom: var(--cds-spacing-05, 1rem);
|
21375
21391
|
}
|
21376
21392
|
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
|
21393
|
+
display: flex;
|
21377
21394
|
flex: 1 0 auto;
|
21395
|
+
align-items: flex-end;
|
21378
21396
|
}
|
21379
21397
|
.c4p--datagrid__dense-header .bx--table-toolbar {
|
21380
21398
|
background: transparent;
|
@@ -21382,9 +21400,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21382
21400
|
.c4p--datagrid__dense-header .bx__table-container {
|
21383
21401
|
flex: 1 1 100%;
|
21384
21402
|
}
|
21385
|
-
.c4p--datagrid__dense-header .bx--table-toolbar {
|
21386
|
-
padding-top: var(--cds-spacing-07, 2rem);
|
21387
|
-
}
|
21388
21403
|
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
|
21389
21404
|
position: relative;
|
21390
21405
|
}
|
@@ -21548,6 +21563,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21548
21563
|
content: "";
|
21549
21564
|
}
|
21550
21565
|
|
21566
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
|
21567
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
|
21568
|
+
border-bottom: none;
|
21569
|
+
}
|
21570
|
+
|
21571
|
+
.bx--data-table td.c4p--datagrid__expandable-row-cell {
|
21572
|
+
padding-left: var(--cds-spacing-03, 0.5rem);
|
21573
|
+
}
|
21574
|
+
|
21575
|
+
.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
|
21576
|
+
border-bottom: none;
|
21577
|
+
}
|
21578
|
+
|
21551
21579
|
/*
|
21552
21580
|
* Licensed Materials - Property of IBM
|
21553
21581
|
* 5724-Q36
|
@@ -21689,7 +21717,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21689
21717
|
right: 0;
|
21690
21718
|
display: flex;
|
21691
21719
|
align-items: center;
|
21692
|
-
border-left: 1px solid var(--cds-ui
|
21720
|
+
border-left: 1px solid var(--cds-active-light-ui, #c6c6c6);
|
21693
21721
|
}
|
21694
21722
|
|
21695
21723
|
.c4p--datagrid__right-sticky-column-header {
|
@@ -21704,7 +21732,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21704
21732
|
left: 0;
|
21705
21733
|
display: flex;
|
21706
21734
|
align-items: center;
|
21707
|
-
border-right: 1px solid var(--cds-ui
|
21735
|
+
border-right: 1px solid var(--cds-active-light-ui, #c6c6c6);
|
21708
21736
|
}
|
21709
21737
|
|
21710
21738
|
.c4p--datagrid__left-sticky-column-header {
|
@@ -21716,7 +21744,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
21716
21744
|
|
21717
21745
|
.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
|
21718
21746
|
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
|
21719
|
-
left: var(--cds-spacing-
|
21747
|
+
left: var(--cds-spacing-09, 3rem);
|
21720
21748
|
}
|
21721
21749
|
|
21722
21750
|
.c4p--datagrid__sticky-noShadow {
|
@@ -22040,8 +22068,8 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22040
22068
|
* US Government Users Restricted Rights - Use, duplication or disclosure
|
22041
22069
|
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
22042
22070
|
*/
|
22043
|
-
th.c4p--datagrid__select-all-toggle-on,
|
22044
|
-
td.c4p--datagrid__select-all-toggle-on {
|
22071
|
+
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
22072
|
+
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
22045
22073
|
/* stylelint-disable-next-line declaration-no-important */
|
22046
22074
|
width: 4.5rem !important;
|
22047
22075
|
/* stylelint-disable-next-line declaration-no-important */
|