@carbon/ibm-products 1.25.1 → 1.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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);
|