@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +41 -5
- 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 +3 -3
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +41 -5
- 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 +41 -5
- 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/DatagridToolbar.js +140 -12
- package/es/components/Datagrid/useActionsColumn.js +31 -6
- package/es/components/Datagrid/useSelectRows.js +1 -1
- 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 +2 -2
- package/scss/components/AboutModal/_about-modal.scss +2 -1
- package/scss/components/Datagrid/_datagrid.scss +8 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +42 -2
- package/scss/components/InlineEdit/_inline-edit.scss +1 -1
@@ -877,7 +877,7 @@
|
|
877
877
|
}
|
878
878
|
|
879
879
|
.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
|
880
|
-
bottom: calc(3rem +2.5rem);
|
880
|
+
bottom: calc(3rem + 2.5rem);
|
881
881
|
}
|
882
882
|
|
883
883
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -9796,7 +9796,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9796
9796
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
9797
9797
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
9798
9798
|
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
9799
|
-
outline-offset: -0.125rem;
|
9799
|
+
outline-offset: calc(-1 * 0.125rem);
|
9800
9800
|
}
|
9801
9801
|
@media screen and (prefers-contrast) {
|
9802
9802
|
.c4p--inline-edit.c4p--inline-edit--invalid {
|
@@ -9806,7 +9806,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9806
9806
|
.c4p--inline-edit.c4p--inline-edit--editing {
|
9807
9807
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
9808
9808
|
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
9809
|
-
outline-offset: -0.125rem;
|
9809
|
+
outline-offset: calc(-1 * 0.125rem);
|
9810
9810
|
background-color: var(--cds-layer-01, #f4f4f4);
|
9811
9811
|
}
|
9812
9812
|
@media screen and (prefers-contrast) {
|
@@ -10646,11 +10646,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10646
10646
|
transform: translateY(-50%);
|
10647
10647
|
}
|
10648
10648
|
|
10649
|
-
.c4p--datagrid .cds--data-table--selected {
|
10649
|
+
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row) {
|
10650
10650
|
position: relative;
|
10651
10651
|
}
|
10652
10652
|
|
10653
|
-
.c4p--datagrid .cds--data-table--selected::before {
|
10653
|
+
.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
|
10654
10654
|
position: absolute;
|
10655
10655
|
left: 0;
|
10656
10656
|
width: 0.25rem;
|
@@ -10659,6 +10659,37 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10659
10659
|
content: "";
|
10660
10660
|
}
|
10661
10661
|
|
10662
|
+
.c4p--datagrid__table-toolbar .cds--batch-summary__para {
|
10663
|
+
white-space: nowrap;
|
10664
|
+
}
|
10665
|
+
|
10666
|
+
.c4p--datagrid__table-toolbar .cds--batch-actions .cds--batch-actions--active {
|
10667
|
+
overflow-x: hidden;
|
10668
|
+
}
|
10669
|
+
|
10670
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
|
10671
|
+
display: flex;
|
10672
|
+
min-width: 2.5rem;
|
10673
|
+
justify-content: center;
|
10674
|
+
margin-right: 0.75rem;
|
10675
|
+
}
|
10676
|
+
|
10677
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
|
10678
|
+
min-width: calc(6rem + 0.5rem);
|
10679
|
+
}
|
10680
|
+
|
10681
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
|
10682
|
+
display: flex;
|
10683
|
+
width: 100%;
|
10684
|
+
min-width: 3rem;
|
10685
|
+
justify-content: center;
|
10686
|
+
padding: 0;
|
10687
|
+
margin: 0;
|
10688
|
+
}
|
10689
|
+
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .cds--btn__icon {
|
10690
|
+
margin: 0;
|
10691
|
+
}
|
10692
|
+
|
10662
10693
|
/*
|
10663
10694
|
* Licensed Materials - Property of IBM
|
10664
10695
|
* 5724-Q36
|
@@ -11013,6 +11044,11 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
|
|
11013
11044
|
display: none;
|
11014
11045
|
}
|
11015
11046
|
|
11047
|
+
.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11048
|
+
left: 0.125rem;
|
11049
|
+
width: 112px;
|
11050
|
+
}
|
11051
|
+
|
11016
11052
|
.c4p--datagrid__datagridWrap-simple {
|
11017
11053
|
display: flex;
|
11018
11054
|
overflow: hidden;
|