@carbon/ibm-products 1.25.1 → 1.26.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +38 -2
- 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.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +38 -2
- 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 +38 -2
- 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/DatagridToolbar.js +140 -12
- package/es/components/Datagrid/useActionsColumn.js +31 -6
- package/es/components/Datagrid/useSelectRows.js +2 -2
- package/es/components/Datagrid/useStickyColumn.js +3 -0
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +149 -10
- package/lib/components/Datagrid/useActionsColumn.js +31 -6
- package/lib/components/Datagrid/useSelectRows.js +1 -1
- package/lib/components/Datagrid/useStickyColumn.js +3 -0
- package/package.json +4 -4
- package/scss/components/Datagrid/_datagrid.scss +5 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +42 -2
- package/scss/components/InlineEdit/_inline-edit.scss +1 -1
|
@@ -19797,11 +19797,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
19797
19797
|
transform: translateY(-50%);
|
|
19798
19798
|
}
|
|
19799
19799
|
|
|
19800
|
-
.c4p--datagrid .bx--data-table--selected {
|
|
19800
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row) {
|
|
19801
19801
|
position: relative;
|
|
19802
19802
|
}
|
|
19803
19803
|
|
|
19804
|
-
.c4p--datagrid .bx--data-table--selected::before {
|
|
19804
|
+
.c4p--datagrid .bx--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
|
19805
19805
|
position: absolute;
|
|
19806
19806
|
left: 0;
|
|
19807
19807
|
width: var(--cds-spacing-02, 0.25rem);
|
|
@@ -19810,6 +19810,37 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
19810
19810
|
content: "";
|
|
19811
19811
|
}
|
|
19812
19812
|
|
|
19813
|
+
.c4p--datagrid__table-toolbar .bx--batch-summary__para {
|
|
19814
|
+
white-space: nowrap;
|
|
19815
|
+
}
|
|
19816
|
+
|
|
19817
|
+
.c4p--datagrid__table-toolbar .bx--batch-actions .bx--batch-actions--active {
|
|
19818
|
+
overflow-x: hidden;
|
|
19819
|
+
}
|
|
19820
|
+
|
|
19821
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
|
|
19822
|
+
display: flex;
|
|
19823
|
+
min-width: var(--cds-spacing-08, 2.5rem);
|
|
19824
|
+
justify-content: center;
|
|
19825
|
+
margin-right: var(--cds-spacing-04, 0.75rem);
|
|
19826
|
+
}
|
|
19827
|
+
|
|
19828
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
|
|
19829
|
+
min-width: calc(var(--cds-spacing-12, 6rem) + var(--cds-spacing-03, 0.5rem));
|
|
19830
|
+
}
|
|
19831
|
+
|
|
19832
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
|
|
19833
|
+
display: flex;
|
|
19834
|
+
width: 100%;
|
|
19835
|
+
min-width: var(--cds-spacing-09, 3rem);
|
|
19836
|
+
justify-content: center;
|
|
19837
|
+
padding: 0;
|
|
19838
|
+
margin: 0;
|
|
19839
|
+
}
|
|
19840
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .bx--btn__icon {
|
|
19841
|
+
margin: 0;
|
|
19842
|
+
}
|
|
19843
|
+
|
|
19813
19844
|
/*
|
|
19814
19845
|
* Licensed Materials - Property of IBM
|
|
19815
19846
|
* 5724-Q36
|
|
@@ -20172,6 +20203,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
|
20172
20203
|
overflow-x: unset;
|
|
20173
20204
|
}
|
|
20174
20205
|
|
|
20206
|
+
.bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
|
20207
|
+
left: var(--cds-spacing-01, 0.125rem);
|
|
20208
|
+
width: 112px;
|
|
20209
|
+
}
|
|
20210
|
+
|
|
20175
20211
|
@keyframes rotate {
|
|
20176
20212
|
0% {
|
|
20177
20213
|
transform: rotate(0deg);
|