@carbon/ibm-products 2.0.0-rc.16 → 2.0.0-rc.18
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +20 -5
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +413 -0
- package/css/index-without-carbon-released-only.css.map +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 +20 -5
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +20 -5
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- 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 +1 -2
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
- package/es/components/Datagrid/Datagrid/DraggableElement.js +8 -4
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +7 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/es/components/Datagrid/useSelectRows.js +1 -2
- package/es/components/Datagrid/utils/DatagridActions.js +1 -4
- package/es/global/js/package-settings.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 +2 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +7 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +7 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +1 -1
- package/lib/components/Datagrid/useSelectRows.js +1 -2
- package/lib/components/Datagrid/utils/DatagridActions.js +3 -6
- package/lib/global/js/package-settings.js +2 -2
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_draggableElement.scss +18 -4
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +5 -1
- package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -1
- package/scss/components/SingleAddSelect/_single-add-select.scss +1 -1
- package/scss/components/_index-released-only-with-carbon.scss +2 -0
- package/scss/components/_index-released-only.scss +2 -0
@@ -11072,7 +11072,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11072
11072
|
.c4p--datagrid__customize-columns-checkbox-wrapper {
|
11073
11073
|
display: flex;
|
11074
11074
|
justify-content: center;
|
11075
|
-
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 {
|
11076
11079
|
margin-bottom: 0;
|
11077
11080
|
}
|
11078
11081
|
|
@@ -11292,13 +11295,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11292
11295
|
}
|
11293
11296
|
|
11294
11297
|
.c4p--datagrid__draggable-handleStyle.disabled svg {
|
11295
|
-
fill: var(--cds-icon-disabled,
|
11298
|
+
fill: var(--cds-icon-on-color-disabled, #8d8d8d);
|
11296
11299
|
}
|
11297
11300
|
|
11298
11301
|
.c4p--datagrid__draggable-handleHolder {
|
11299
11302
|
display: flex;
|
11300
11303
|
height: 3rem;
|
11301
|
-
padding-left: 1rem;
|
11302
11304
|
border-bottom: 1px solid var(--cds-layer-active);
|
11303
11305
|
background-color: var(--cds-layer);
|
11304
11306
|
}
|
@@ -11310,7 +11312,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11310
11312
|
.c4p--datagrid__draggable-handleHolder-selected {
|
11311
11313
|
display: flex;
|
11312
11314
|
height: 3rem;
|
11313
|
-
padding-left: 1rem;
|
11314
11315
|
border-bottom: 1px solid var(--cds-layer-active);
|
11315
11316
|
background-color: var(--cds-layer-selected);
|
11316
11317
|
}
|
@@ -11321,13 +11322,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11321
11322
|
|
11322
11323
|
.c4p--datagrid__draggable-handleHolder-isOver {
|
11323
11324
|
border: 2px dashed var(--cds-focus, #0f62fe);
|
11324
|
-
|
11325
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
11326
|
+
background-color: #edf5ff;
|
11325
11327
|
}
|
11326
11328
|
|
11327
11329
|
.c4p--datagrid__draggable-handleHolder-droppable {
|
11328
11330
|
display: flex;
|
11329
11331
|
width: 100%;
|
11330
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);
|
11331
11342
|
}
|
11332
11343
|
|
11333
11344
|
.c4p--datagrid__draggable-handleHolder-grabbed {
|
@@ -11335,6 +11346,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11335
11346
|
color: var(--cds-text-primary, #161616);
|
11336
11347
|
}
|
11337
11348
|
|
11349
|
+
.c4p--datagrid__draggable-handleHolder--sticky {
|
11350
|
+
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
11351
|
+
}
|
11352
|
+
|
11338
11353
|
.c4p--datagrid__shared-ui--assistive-text {
|
11339
11354
|
position: absolute;
|
11340
11355
|
overflow: hidden;
|