@carbon/ibm-products 2.0.0-rc.27 → 2.0.0-rc.28
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +71 -221
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -5
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +142 -189
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +71 -221
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -5
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +71 -221
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -5
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.js +3 -4
- package/es/components/ActionBar/ActionBar.js +13 -29
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +15 -21
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +7 -11
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +7 -8
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +19 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -5
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +19 -1
- package/es/components/Datagrid/useFiltering.js +4 -2
- package/es/components/Datagrid/useOnRowClick.js +11 -1
- package/es/components/Datagrid/useSelectRows.js +2 -0
- package/es/components/{InlineEditV2/InlineEditV2.js → EditInPlace/EditInPlace.js} +92 -30
- package/es/components/{InlineEdit → EditInPlace}/index.js +1 -1
- package/es/components/PageHeader/PageHeader.js +36 -35
- package/es/components/PageHeader/PageHeaderTitle.js +18 -18
- package/es/components/SidePanel/SidePanel.js +25 -26
- package/es/components/TagSet/TagSet.js +5 -7
- package/es/components/Tearsheet/TearsheetShell.js +4 -6
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useResizeObserver.js +79 -0
- package/es/global/js/hooks/useWindowResize.js +6 -0
- package/es/global/js/hooks/useWindowScroll.js +7 -0
- package/es/global/js/package-settings.js +2 -4
- package/lib/components/AboutModal/AboutModal.js +3 -4
- package/lib/components/ActionBar/ActionBar.js +13 -29
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +13 -19
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +7 -11
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +5 -4
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +19 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -5
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +18 -1
- package/lib/components/Datagrid/useFiltering.js +4 -2
- package/lib/components/Datagrid/useOnRowClick.js +11 -1
- package/lib/components/Datagrid/useSelectRows.js +2 -0
- package/lib/components/{InlineEditV2/InlineEditV2.js → EditInPlace/EditInPlace.js} +100 -34
- package/lib/components/{InlineEdit → EditInPlace}/index.js +3 -3
- package/lib/components/PageHeader/PageHeader.js +36 -35
- package/lib/components/PageHeader/PageHeaderTitle.js +19 -19
- package/lib/components/SidePanel/SidePanel.js +25 -26
- package/lib/components/TagSet/TagSet.js +5 -7
- package/lib/components/Tearsheet/TearsheetShell.js +4 -6
- package/lib/components/index.js +7 -7
- package/lib/global/js/hooks/useResizeObserver.js +91 -0
- package/lib/global/js/hooks/useWindowScroll.js +6 -0
- package/lib/global/js/package-settings.js +2 -4
- package/package.json +3 -4
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +10 -1
- package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +11 -7
- package/scss/components/{InlineEditV2/_inline-edit-v2.scss → EditInPlace/_edit-in-place.scss} +56 -14
- package/scss/components/{InlineEditV1 → EditInPlace}/_index-with-carbon.scss +1 -1
- package/scss/components/{InlineEditV2 → EditInPlace}/_index.scss +1 -1
- package/scss/components/{InlineEditV1 → EditInPlace}/_storybook-styles.scss +3 -15
- package/scss/components/PageHeader/_page-header.scss +1 -7
- package/scss/components/_index-released-only-with-carbon.scss +1 -1
- package/scss/components/_index-released-only.scss +1 -1
- package/scss/components/_index-with-carbon.scss +1 -2
- package/scss/components/_index.scss +1 -2
- package/es/components/InlineEdit/InlineEdit.js +0 -47
- package/es/components/InlineEditV1/InlineEditV1.js +0 -442
- package/es/components/InlineEditV1/index.js +0 -7
- package/es/components/InlineEditV2/index.js +0 -7
- package/lib/components/InlineEdit/InlineEdit.js +0 -63
- package/lib/components/InlineEditV1/InlineEditV1.js +0 -459
- package/lib/components/InlineEditV1/index.js +0 -13
- package/lib/components/InlineEditV2/index.js +0 -13
- package/scss/components/InlineEditV1/_carbon-imports.scss +0 -6
- package/scss/components/InlineEditV1/_index.scss +0 -8
- package/scss/components/InlineEditV1/_inline-edit-v1.scss +0 -269
- package/scss/components/InlineEditV2/_index-with-carbon.scss +0 -9
- package/scss/components/InlineEditV2/_storybook-styles.scss +0 -9
- /package/scss/components/{InlineEditV2 → EditInPlace}/_carbon-imports.scss +0 -0
@@ -7041,6 +7041,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7041
7041
|
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
|
7042
7042
|
display: none;
|
7043
7043
|
}
|
7044
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn {
|
7045
|
+
min-height: revert;
|
7046
|
+
padding: 0;
|
7047
|
+
}
|
7048
|
+
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn--ghost:hover {
|
7049
|
+
background-color: inherit;
|
7050
|
+
}
|
7044
7051
|
@media (max-width: 41.98rem) {
|
7045
7052
|
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item {
|
7046
7053
|
display: none;
|
@@ -7491,7 +7498,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7491
7498
|
white-space: nowrap;
|
7492
7499
|
}
|
7493
7500
|
.c4p--page-header .c4p--page-header__title-row {
|
7494
|
-
margin-top: 0;
|
7501
|
+
margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
|
7495
7502
|
margin-bottom: 0;
|
7496
7503
|
transform: translateY(0.125rem);
|
7497
7504
|
}
|
@@ -7551,9 +7558,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7551
7558
|
text-overflow: ellipsis;
|
7552
7559
|
white-space: nowrap;
|
7553
7560
|
}
|
7554
|
-
.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
|
7555
|
-
transform: translateY(-2px);
|
7556
|
-
}
|
7557
7561
|
.c4p--page-header .c4p--page-header__title--editable {
|
7558
7562
|
display: flex;
|
7559
7563
|
overflow: visible;
|
@@ -9743,233 +9747,86 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9743
9747
|
transition: none;
|
9744
9748
|
}
|
9745
9749
|
}
|
9746
|
-
.c4p--
|
9747
|
-
--c4p--
|
9748
|
-
--c4p--inline-edit--icon-size: 1rem;
|
9749
|
-
--c4p--inline-edit--background-color: var(--cds-layer-01, #f4f4f4);
|
9750
|
-
--c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
|
9751
|
-
position: relative;
|
9752
|
-
display: inline-block;
|
9753
|
-
min-width: calc(4 * var(--c4p--inline-edit--size));
|
9754
|
-
max-width: 100%;
|
9755
|
-
height: var(--c4p--inline-edit--size);
|
9756
|
-
background-color: var(--c4p--inline-edit--background-color);
|
9757
|
-
cursor: text;
|
9758
|
-
transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
9759
|
-
vertical-align: middle;
|
9760
|
-
white-space: nowrap;
|
9761
|
-
}
|
9762
|
-
.c4p--inline-edit.c4p--inline-edit--light {
|
9763
|
-
--c4p--inline-edit--background-color: transparent;
|
9764
|
-
}
|
9765
|
-
.c4p--inline-edit:hover {
|
9766
|
-
--c4p--inline-edit--background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
9767
|
-
}
|
9768
|
-
.c4p--inline-edit.c4p--inline-edit--sm {
|
9769
|
-
--c4p--inline-edit--size: 2rem;
|
9770
|
-
--c4p--inline-edit--icon-size: 1rem;
|
9771
|
-
}
|
9772
|
-
.c4p--inline-edit.c4p--inline-edit--lg {
|
9773
|
-
--c4p--inline-edit--size: 3rem;
|
9774
|
-
--c4p--inline-edit--icon-size: 1rem;
|
9775
|
-
}
|
9776
|
-
.c4p--inline-edit.c4p--inline-edit--invalid {
|
9777
|
-
/* stylelint-disable-next-line carbon/theme-token-use */
|
9778
|
-
outline: 0.125rem solid var(--cds-support-error, #da1e28);
|
9779
|
-
outline-offset: calc(-1 * 0.125rem);
|
9780
|
-
}
|
9781
|
-
@media screen and (prefers-contrast) {
|
9782
|
-
.c4p--inline-edit.c4p--inline-edit--invalid {
|
9783
|
-
outline-style: dotted;
|
9784
|
-
}
|
9785
|
-
}
|
9786
|
-
.c4p--inline-edit.c4p--inline-edit--editing {
|
9787
|
-
/* stylelint-disable-next-line carbon/theme-token-use */
|
9788
|
-
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
9789
|
-
outline-offset: calc(-1 * 0.125rem);
|
9790
|
-
background-color: var(--cds-layer-01, #f4f4f4);
|
9791
|
-
}
|
9792
|
-
@media screen and (prefers-contrast) {
|
9793
|
-
.c4p--inline-edit.c4p--inline-edit--editing {
|
9794
|
-
outline-style: dotted;
|
9795
|
-
}
|
9796
|
-
}
|
9797
|
-
.c4p--inline-edit .c4p--inline-edit__input {
|
9798
|
-
display: inline-block;
|
9799
|
-
overflow: hidden;
|
9800
|
-
width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
|
9801
|
-
max-width: calc(
|
9802
|
-
100% - var(--c4p--inline-edit--toolbar-width) - 1rem
|
9803
|
-
);
|
9804
|
-
min-height: var(--c4p--inline-edit--size);
|
9805
|
-
/* stylelint-disable-next-line carbon/layout-token-use */
|
9806
|
-
margin-right: var(--c4p--inline-edit--toolbar-width);
|
9807
|
-
margin-left: 1rem;
|
9808
|
-
color: var(--cds-text-primary, #161616);
|
9809
|
-
font-family: inherit;
|
9810
|
-
line-height: var(--c4p--inline-edit--size);
|
9811
|
-
}
|
9812
|
-
.c4p--inline-edit .c4p--inline-edit__input:focus {
|
9813
|
-
outline: none;
|
9814
|
-
}
|
9815
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
|
9816
|
-
--c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
|
9817
|
-
}
|
9818
|
-
.c4p--inline-edit .c4p--inline-edit__input::after {
|
9819
|
-
position: absolute;
|
9820
|
-
top: 0;
|
9821
|
-
left: 0;
|
9822
|
-
display: block;
|
9823
|
-
overflow: hidden;
|
9824
|
-
width: 0;
|
9825
|
-
margin-left: 1rem;
|
9826
|
-
color: var(--cds-text-helper, #6f6f6f);
|
9827
|
-
content: attr(data-placeholder);
|
9828
|
-
opacity: 0;
|
9829
|
-
visibility: hidden;
|
9830
|
-
}
|
9831
|
-
.c4p--inline-edit .c4p--inline-edit__ellipsis {
|
9832
|
-
display: inline-block;
|
9833
|
-
overflow: hidden;
|
9834
|
-
width: 0;
|
9835
|
-
height: var(--c4p--inline-edit--size);
|
9836
|
-
line-height: var(--c4p--inline-edit--size);
|
9837
|
-
opacity: 0;
|
9838
|
-
pointer-events: none;
|
9839
|
-
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9840
|
-
}
|
9841
|
-
.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
|
9842
|
-
width: initial;
|
9843
|
-
opacity: 1;
|
9844
|
-
}
|
9845
|
-
.c4p--inline-edit .c4p--inline-edit__disabled-cover {
|
9846
|
-
position: absolute;
|
9847
|
-
top: 0;
|
9848
|
-
left: 0;
|
9849
|
-
width: 100%;
|
9850
|
-
height: 100%;
|
9851
|
-
pointer-events: none;
|
9852
|
-
}
|
9853
|
-
.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
|
9854
|
-
cursor: not-allowed;
|
9855
|
-
pointer-events: all;
|
9856
|
-
}
|
9857
|
-
.c4p--inline-edit .c4p--inline-edit__input--empty::after {
|
9858
|
-
width: initial;
|
9859
|
-
opacity: 1;
|
9860
|
-
transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9861
|
-
visibility: visible;
|
9862
|
-
}
|
9863
|
-
.c4p--inline-edit .c4p--inline-edit__after-input-elements {
|
9864
|
-
--c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
|
9865
|
-
position: absolute;
|
9866
|
-
top: 0;
|
9867
|
-
right: 0;
|
9868
|
-
display: flex;
|
9869
|
-
height: 100%;
|
9870
|
-
justify-content: space-between;
|
9871
|
-
cursor: text;
|
9872
|
-
}
|
9873
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
|
9874
|
-
--c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
|
9875
|
-
}
|
9876
|
-
.c4p--inline-edit .c4p--inline-edit__toolbar {
|
9750
|
+
.c4p--edit-in-place {
|
9751
|
+
--c4p--edit-in-place--size: 2rem;
|
9877
9752
|
display: flex;
|
9878
9753
|
align-items: center;
|
9754
|
+
background: transparent;
|
9755
|
+
cursor: pointer;
|
9879
9756
|
}
|
9880
|
-
|
9881
|
-
|
9882
|
-
|
9883
|
-
left: 0;
|
9884
|
-
display: block;
|
9885
|
-
width: 100%;
|
9886
|
-
height: 100%;
|
9887
|
-
box-sizing: border-box;
|
9888
|
-
border: 2px solid var(--cds-focus, #0f62fe);
|
9889
|
-
border-left: 0;
|
9890
|
-
content: "";
|
9891
|
-
pointer-events: none;
|
9892
|
-
}
|
9893
|
-
.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
|
9894
|
-
display: inline-flex;
|
9895
|
-
}
|
9896
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
|
9897
|
-
width: var(--c4p--inline-edit--edit-size);
|
9898
|
-
transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
9899
|
-
transition-property: margin, padding;
|
9900
|
-
}
|
9901
|
-
.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
|
9902
|
-
width: 0;
|
9903
|
-
padding: 0;
|
9904
|
-
border-right: 0;
|
9905
|
-
border-left: 0;
|
9906
|
-
}
|
9907
|
-
@media (hover: hover) {
|
9908
|
-
.c4p--inline-edit .c4p--inline-edit__edit {
|
9909
|
-
opacity: 0;
|
9910
|
-
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
9911
|
-
}
|
9912
|
-
.c4p--inline-edit:hover .c4p--inline-edit__edit {
|
9913
|
-
opacity: 1;
|
9914
|
-
}
|
9915
|
-
}
|
9916
|
-
.c4p--inline-edit .c4p--inline-edit__edit--always-visible {
|
9917
|
-
opacity: 1;
|
9918
|
-
}
|
9919
|
-
.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
|
9920
|
-
color: var(--cds-support-error, #da1e28);
|
9921
|
-
}
|
9922
|
-
.c4p--inline-edit .c4p--inline-edit__validation-text {
|
9923
|
-
display: block;
|
9924
|
-
overflow: visible;
|
9925
|
-
margin-left: 1rem;
|
9757
|
+
|
9758
|
+
.c4p--edit-in-place--sm {
|
9759
|
+
--c4p--edit-in-place--size: 2rem;
|
9926
9760
|
}
|
9927
|
-
|
9928
|
-
|
9761
|
+
|
9762
|
+
.c4p--edit-in-place--md {
|
9763
|
+
--c4p--edit-in-place--size: 2.5rem;
|
9929
9764
|
}
|
9930
9765
|
|
9931
|
-
.c4p--
|
9932
|
-
|
9933
|
-
|
9934
|
-
background: transparent;
|
9935
|
-
cursor: pointer;
|
9766
|
+
.c4p--edit-in-place--lg {
|
9767
|
+
/* April 2023 max text input size */
|
9768
|
+
--c4p--edit-in-place--size: 3rem;
|
9936
9769
|
}
|
9937
9770
|
|
9938
|
-
.c4p--
|
9771
|
+
.c4p--edit-in-place--readonly {
|
9939
9772
|
cursor: not-allowed;
|
9940
9773
|
}
|
9941
9774
|
|
9942
|
-
.c4p--
|
9775
|
+
.c4p--edit-in-place:hover {
|
9943
9776
|
background: var(--cds-field-01, #f4f4f4);
|
9944
9777
|
}
|
9945
9778
|
|
9946
|
-
.c4p--
|
9779
|
+
.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,
|
9780
|
+
.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible {
|
9947
9781
|
visibility: visible;
|
9948
9782
|
}
|
9949
9783
|
|
9950
|
-
.c4p--
|
9784
|
+
.c4p--edit-in-place__btn-edit {
|
9951
9785
|
visibility: hidden;
|
9952
9786
|
}
|
9953
9787
|
|
9954
|
-
.c4p--
|
9788
|
+
.c4p--edit-in-place--invalid {
|
9789
|
+
outline: 2px solid var(--cds-support-error, #da1e28);
|
9790
|
+
}
|
9791
|
+
|
9792
|
+
.c4p--edit-in-place--focused {
|
9955
9793
|
background: var(--cds-field-01, #f4f4f4);
|
9956
9794
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
9957
9795
|
}
|
9958
9796
|
|
9959
|
-
.c4p--
|
9797
|
+
.c4p--edit-in-place__text-input {
|
9960
9798
|
flex: 1;
|
9961
9799
|
}
|
9962
9800
|
|
9963
|
-
.c4p--
|
9801
|
+
.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input {
|
9802
|
+
/* match font of container */
|
9803
|
+
font-size: inherit;
|
9804
|
+
font-weight: inherit;
|
9805
|
+
letter-spacing: inherit;
|
9806
|
+
line-height: inherit;
|
9807
|
+
}
|
9808
|
+
|
9809
|
+
.c4p--edit-in-place__ellipsis {
|
9810
|
+
position: relative;
|
9811
|
+
margin-left: -1rem;
|
9812
|
+
opacity: 0;
|
9813
|
+
}
|
9814
|
+
|
9815
|
+
.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
|
9816
|
+
opacity: 1;
|
9817
|
+
}
|
9818
|
+
|
9819
|
+
.c4p--edit-in-place__text-input-label {
|
9964
9820
|
display: none;
|
9965
9821
|
}
|
9966
9822
|
|
9967
|
-
.c4p--
|
9968
|
-
|
9823
|
+
.c4p--edit-in-place__warning-icon {
|
9824
|
+
width: 1rem;
|
9825
|
+
margin: auto 0.5rem;
|
9969
9826
|
color: var(--cds-support-error, #da1e28);
|
9970
9827
|
}
|
9971
9828
|
|
9972
|
-
.c4p--
|
9829
|
+
.c4p--edit-in-place__warning-text {
|
9973
9830
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
9974
9831
|
font-weight: var(--cds-label-01-font-weight, 400);
|
9975
9832
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -9978,34 +9835,30 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9978
9835
|
color: var(--cds-support-error, #da1e28);
|
9979
9836
|
}
|
9980
9837
|
|
9981
|
-
.c4p--
|
9838
|
+
.c4p--edit-in-place__text-input.cds--text-input {
|
9982
9839
|
border: none;
|
9983
9840
|
background: transparent;
|
9984
9841
|
cursor: pointer;
|
9985
9842
|
outline: none;
|
9986
9843
|
}
|
9987
9844
|
|
9988
|
-
.c4p--
|
9989
|
-
.c4p--
|
9990
|
-
cursor: not-allowed;
|
9991
|
-
}
|
9992
|
-
|
9993
|
-
.c4p--inline-edit-v2__text-input.cds--text-input:focus,
|
9994
|
-
.c4p--inline-edit-v2__text-input.cds--text-input:active {
|
9845
|
+
.c4p--edit-in-place__text-input.cds--text-input:focus,
|
9846
|
+
.c4p--edit-in-place__text-input.cds--text-input:active {
|
9995
9847
|
outline: none;
|
9996
9848
|
}
|
9997
9849
|
|
9998
|
-
.c4p--
|
9999
|
-
--toolbar-width:
|
10000
|
-
--toolbar-width-focussed:
|
9850
|
+
.c4p--edit-in-place__toolbar {
|
9851
|
+
--toolbar-width: var(--c4p--edit-in-place--size);
|
9852
|
+
--toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
|
10001
9853
|
display: inline-flex;
|
10002
|
-
overflow: hidden;
|
10003
9854
|
width: var(--toolbar-width);
|
10004
9855
|
}
|
10005
9856
|
|
10006
|
-
.c4p--
|
10007
|
-
--toolbar-width: 2rem;
|
10008
|
-
--toolbar-width-focussed:
|
9857
|
+
.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
|
9858
|
+
--toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
|
9859
|
+
--toolbar-width-focussed: calc(
|
9860
|
+
2 * var(--c4p--edit-in-place--size) + 2rem
|
9861
|
+
);
|
10009
9862
|
}
|
10010
9863
|
|
10011
9864
|
@keyframes slide-in {
|
@@ -10022,7 +9875,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10022
9875
|
width: var(--toolbar-width-focussed);
|
10023
9876
|
}
|
10024
9877
|
}
|
10025
|
-
.c4p--
|
9878
|
+
.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
|
10026
9879
|
overflow: initial;
|
10027
9880
|
width: var(--toolbar-width-focussed);
|
10028
9881
|
animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
|
@@ -11367,13 +11220,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11367
11220
|
border-bottom: none;
|
11368
11221
|
}
|
11369
11222
|
|
11370
|
-
/*
|
11371
|
-
* Licensed Materials - Property of IBM
|
11372
|
-
* 5724-Q36
|
11373
|
-
* (c) Copyright IBM Corp. 2021
|
11374
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
11375
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
11376
|
-
*/
|
11377
11223
|
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
11378
11224
|
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
11379
11225
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -11394,6 +11240,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11394
11240
|
margin-left: 0.125rem;
|
11395
11241
|
}
|
11396
11242
|
|
11243
|
+
.c4p--datagrid__select-all-toggle-overflow.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
|
11244
|
+
width: 10rem;
|
11245
|
+
}
|
11246
|
+
|
11397
11247
|
/*
|
11398
11248
|
* Licensed Materials - Property of IBM
|
11399
11249
|
* 5724-Q36
|