@carbon/ibm-products 2.0.0-rc.15 → 2.0.0-rc.17
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +23 -7
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +23 -7
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +22 -6
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -3
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -4
- package/es/components/Datagrid/Datagrid/DatagridHead.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -4
- package/es/components/Datagrid/Datagrid/DatagridRow.js +1 -3
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +5 -4
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/es/components/Datagrid/useFiltering.js +3 -1
- package/es/components/Datagrid/useSelectRows.js +1 -2
- package/es/components/Datagrid/utils/DatagridActions.js +3 -6
- package/es/components/index.js +2 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +2 -4
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +2 -5
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +2 -5
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -4
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -3
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/lib/components/Datagrid/useFiltering.js +4 -1
- package/lib/components/Datagrid/useSelectRows.js +1 -2
- package/lib/components/Datagrid/utils/DatagridActions.js +6 -10
- package/lib/components/index.js +6 -0
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_datagrid.scss +7 -1
- package/scss/components/Datagrid/styles/_draggableElement.scss +13 -3
- package/scss/components/Datagrid/styles/_useExpandedRow.scss +1 -1
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +5 -1
- package/scss/components/Tearsheet/_tearsheet.scss +1 -1
@@ -3620,7 +3620,7 @@
|
|
3620
3620
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
3621
3621
|
-webkit-box-orient: vertical;
|
3622
3622
|
-webkit-line-clamp: 2;
|
3623
|
-
word-break: break-
|
3623
|
+
word-break: break-word;
|
3624
3624
|
}
|
3625
3625
|
@media (min-width: 42rem) {
|
3626
3626
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -10799,6 +10799,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10799
10799
|
position: absolute;
|
10800
10800
|
}
|
10801
10801
|
|
10802
|
+
.c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
|
10803
|
+
.c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
|
10804
|
+
padding: 0 0.5rem;
|
10805
|
+
}
|
10806
|
+
|
10802
10807
|
/*
|
10803
10808
|
* Licensed Materials - Property of IBM
|
10804
10809
|
* 5724-Q36
|
@@ -11067,7 +11072,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11067
11072
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
11068
11073
|
display: flex;
|
11069
11074
|
justify-content: center;
|
11070
|
-
padding-left: 0.
|
11075
|
+
padding-left: 0.25rem;
|
11076
|
+
}
|
11077
|
+
|
11078
|
+
.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
|
11071
11079
|
margin-bottom: 0;
|
11072
11080
|
}
|
11073
11081
|
|
@@ -11234,7 +11242,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11234
11242
|
*/
|
11235
11243
|
.c4p--datagrid .c4p--datagrid__expanded-row-content {
|
11236
11244
|
position: relative;
|
11237
|
-
padding: 1rem 1rem 1.5rem
|
11245
|
+
padding: 1rem 1rem 1.5rem 4rem;
|
11238
11246
|
}
|
11239
11247
|
|
11240
11248
|
.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
|
@@ -11293,7 +11301,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11293
11301
|
.c4p--datagrid__draggable-handleHolder {
|
11294
11302
|
display: flex;
|
11295
11303
|
height: 3rem;
|
11296
|
-
padding-left: 1rem;
|
11297
11304
|
border-bottom: 1px solid var(--cds-layer-active);
|
11298
11305
|
background-color: var(--cds-layer);
|
11299
11306
|
}
|
@@ -11305,7 +11312,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11305
11312
|
.c4p--datagrid__draggable-handleHolder-selected {
|
11306
11313
|
display: flex;
|
11307
11314
|
height: 3rem;
|
11308
|
-
padding-left: 1rem;
|
11309
11315
|
border-bottom: 1px solid var(--cds-layer-active);
|
11310
11316
|
background-color: var(--cds-layer-selected);
|
11311
11317
|
}
|
@@ -11316,13 +11322,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11316
11322
|
|
11317
11323
|
.c4p--datagrid__draggable-handleHolder-isOver {
|
11318
11324
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
11319
|
-
|
11325
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
11326
|
+
background-color: #edf5ff;
|
11320
11327
|
}
|
11321
11328
|
|
11322
11329
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
11323
11330
|
display: flex;
|
11324
11331
|
width: 100%;
|
11325
11332
|
align-items: center;
|
11333
|
+
padding-left: 1rem;
|
11334
|
+
/* stylelint-disable-next-line carbon/type-token-use */
|
11335
|
+
line-height: 1;
|
11336
|
+
transition-property: opacity;
|
11337
|
+
}
|
11338
|
+
|
11339
|
+
.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
|
11340
|
+
opacity: 0.5;
|
11341
|
+
transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
11326
11342
|
}
|
11327
11343
|
|
11328
11344
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -13967,7 +13983,7 @@ a.cds--side-nav__link--current::before {
|
|
13967
13983
|
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
13968
13984
|
-webkit-box-orient: vertical;
|
13969
13985
|
-webkit-line-clamp: 2;
|
13970
|
-
word-break: break-
|
13986
|
+
word-break: break-word;
|
13971
13987
|
}
|
13972
13988
|
|
13973
13989
|
@media (min-width: 42rem) {
|