@carbon/ibm-products 1.49.0 → 1.51.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +46 -18
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +42 -11
- 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 +46 -18
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +46 -18
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/Card/Card.js +3 -3
- package/es/components/Card/CardHeader.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +16 -20
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -2
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -2
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +8 -8
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +17 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +14 -0
- package/es/components/Datagrid/useFiltering.js +4 -2
- package/es/components/Datagrid/useOnRowClick.js +9 -1
- package/es/components/Datagrid/useSelectRows.js +2 -0
- package/es/components/EditInPlace/EditInPlace.js +43 -0
- package/es/components/EditInPlace/index.js +8 -0
- package/es/components/ExpressiveCard/ExpressiveCard.js +3 -3
- package/es/components/InlineEdit/InlineEdit.js +5 -1
- package/es/components/InlineEditV1/InlineEditV1.js +5 -2
- package/es/components/InlineEditV2/InlineEditV2.js +51 -15
- package/es/components/ProductiveCard/ProductiveCard.js +3 -3
- package/es/components/index.js +1 -0
- package/es/global/js/package-settings.js +1 -0
- package/es/settings.js +15 -0
- package/lib/components/Card/Card.js +3 -3
- package/lib/components/Card/CardHeader.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +14 -19
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -2
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +17 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +15 -0
- package/lib/components/Datagrid/useFiltering.js +4 -2
- package/lib/components/Datagrid/useOnRowClick.js +9 -1
- package/lib/components/Datagrid/useSelectRows.js +2 -0
- package/lib/components/EditInPlace/EditInPlace.js +46 -0
- package/lib/components/EditInPlace/index.js +12 -0
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -3
- package/lib/components/InlineEdit/InlineEdit.js +5 -1
- package/lib/components/InlineEditV1/InlineEditV1.js +5 -2
- package/lib/components/InlineEditV2/InlineEditV2.js +53 -16
- package/lib/components/ProductiveCard/ProductiveCard.js +3 -3
- package/lib/components/index.js +7 -0
- package/lib/global/js/package-settings.js +1 -0
- package/lib/settings.js +16 -1
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +10 -7
- package/scss/components/InlineEditV2/_inline-edit-v2.scss +52 -11
- package/scss/components/InlineEditV2/_storybook-styles.scss +9 -2
- package/scss/components/TagSet/_tag-set.scss +6 -0
@@ -17950,6 +17950,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
17950
17950
|
visibility: hidden;
|
17951
17951
|
}
|
17952
17952
|
|
17953
|
+
.c4p--tag-set-overflow__tooltip .c4p--tag-set-overflow__tag-item .bx--tag {
|
17954
|
+
border-radius: 0;
|
17955
|
+
}
|
17956
|
+
|
17953
17957
|
.c4p--tag-set-modal.c4p--tag-set-modal {
|
17954
17958
|
text-align: initial;
|
17955
17959
|
white-space: initial;
|
@@ -22050,13 +22054,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
22050
22054
|
border-bottom: none;
|
22051
22055
|
}
|
22052
22056
|
|
22053
|
-
/*
|
22054
|
-
* Licensed Materials - Property of IBM
|
22055
|
-
* 5724-Q36
|
22056
|
-
* (c) Copyright IBM Corp. 2021
|
22057
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
22058
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
22059
|
-
*/
|
22060
22057
|
.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
|
22061
22058
|
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
|
22062
22059
|
/* stylelint-disable-next-line declaration-no-important */
|
@@ -22077,6 +22074,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22077
22074
|
margin-left: var(--cds-spacing-01, 0.125rem);
|
22078
22075
|
}
|
22079
22076
|
|
22077
|
+
.c4p--datagrid__select-all-toggle-overflow.bx--overflow-menu-options--sm.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
|
22078
|
+
width: var(--cds-spacing-13, 10rem);
|
22079
|
+
}
|
22080
|
+
|
22080
22081
|
/*
|
22081
22082
|
* Licensed Materials - Property of IBM
|
22082
22083
|
* 5724-Q36
|
@@ -23006,6 +23007,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23006
23007
|
}
|
23007
23008
|
|
23008
23009
|
.c4p--inline-edit-v2 {
|
23010
|
+
--c4p--inline-edit-v2--size: var(--cds-spacing-07, 2rem);
|
23009
23011
|
display: flex;
|
23010
23012
|
align-items: center;
|
23011
23013
|
background: transparent;
|
@@ -23014,15 +23016,28 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23014
23016
|
.c4p--inline-edit-v2-readonly {
|
23015
23017
|
cursor: not-allowed;
|
23016
23018
|
}
|
23019
|
+
.c4p--inline-edit-v2--sm {
|
23020
|
+
--c4p--inline-edit-v2--size: var(--cds-spacing-07, 2rem);
|
23021
|
+
}
|
23022
|
+
.c4p--inline-edit-v2--md {
|
23023
|
+
--c4p--inline-edit-v2--size: var(--cds-spacing-08, 2.5rem);
|
23024
|
+
}
|
23025
|
+
.c4p--inline-edit-v2--lg {
|
23026
|
+
--c4p--inline-edit-v2--size: var(--cds-spacing-09, 3rem);
|
23027
|
+
}
|
23017
23028
|
.c4p--inline-edit-v2:hover {
|
23018
23029
|
background: var(--cds-field-01, #f4f4f4);
|
23019
23030
|
}
|
23020
|
-
.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit
|
23031
|
+
.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit,
|
23032
|
+
.c4p--inline-edit-v2 .c4p--inline-edit-v2__btn-edit.c4p--inline-edit-v2__btn-edit--always-visible {
|
23021
23033
|
visibility: visible;
|
23022
23034
|
}
|
23023
23035
|
.c4p--inline-edit-v2__btn-edit {
|
23024
23036
|
visibility: hidden;
|
23025
23037
|
}
|
23038
|
+
.c4p--inline-edit-v2--invalid {
|
23039
|
+
outline: 2px solid var(--cds-support-01, #da1e28);
|
23040
|
+
}
|
23026
23041
|
.c4p--inline-edit-v2--focused {
|
23027
23042
|
background: var(--cds-field-01, #f4f4f4);
|
23028
23043
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
@@ -23030,11 +23045,27 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23030
23045
|
.c4p--inline-edit-v2__text-input {
|
23031
23046
|
flex: 1;
|
23032
23047
|
}
|
23048
|
+
.c4p--inline-edit-v2--inherit-type .c4p--inline-edit-v2__text-input {
|
23049
|
+
/* match font of container */
|
23050
|
+
font-size: inherit;
|
23051
|
+
font-weight: inherit;
|
23052
|
+
letter-spacing: inherit;
|
23053
|
+
line-height: inherit;
|
23054
|
+
}
|
23055
|
+
.c4p--inline-edit-v2__ellipsis {
|
23056
|
+
position: relative;
|
23057
|
+
margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
|
23058
|
+
opacity: 0;
|
23059
|
+
}
|
23060
|
+
.c4p--inline-edit-v2--overflows:not(.c4p--inline-edit-v2--focused) .c4p--inline-edit-v2__ellipsis {
|
23061
|
+
opacity: 1;
|
23062
|
+
}
|
23033
23063
|
.c4p--inline-edit-v2__text-input-label {
|
23034
23064
|
display: none;
|
23035
23065
|
}
|
23036
23066
|
.c4p--inline-edit-v2__warning-icon {
|
23037
|
-
|
23067
|
+
width: var(--cds-spacing-05, 1rem);
|
23068
|
+
margin: auto var(--cds-spacing-03, 0.5rem) auto auto;
|
23038
23069
|
color: var(--cds-support-01, #da1e28);
|
23039
23070
|
}
|
23040
23071
|
.c4p--inline-edit-v2__warning-text {
|
@@ -23053,27 +23084,24 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
23053
23084
|
outline: none;
|
23054
23085
|
}
|
23055
23086
|
|
23056
|
-
.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.bx--text-input,
|
23057
|
-
.c4p--inline-edit-v2-readonly .bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
|
23058
|
-
cursor: not-allowed;
|
23059
|
-
}
|
23060
|
-
|
23061
23087
|
.c4p--inline-edit-v2__text-input.bx--text-input:focus,
|
23062
23088
|
.c4p--inline-edit-v2__text-input.bx--text-input:active {
|
23063
23089
|
outline: none;
|
23064
23090
|
}
|
23065
23091
|
|
23066
23092
|
.c4p--inline-edit-v2__toolbar {
|
23067
|
-
--toolbar-width: var(--
|
23068
|
-
--toolbar-width-focussed: var(--
|
23093
|
+
--toolbar-width: var(--c4p--inline-edit-v2--size);
|
23094
|
+
--toolbar-width-focussed: calc(2 * var(--c4p--inline-edit-v2--size));
|
23069
23095
|
display: inline-flex;
|
23070
23096
|
overflow: hidden;
|
23071
23097
|
width: var(--toolbar-width);
|
23072
23098
|
}
|
23073
23099
|
|
23074
23100
|
.c4p--inline-edit-v2--invalid .c4p--inline-edit-v2__toolbar {
|
23075
|
-
--toolbar-width: var(--cds-spacing-07, 2rem);
|
23076
|
-
--toolbar-width-focussed:
|
23101
|
+
--toolbar-width: calc(var(--c4p--inline-edit-v2--size) + var(--cds-spacing-07, 2rem));
|
23102
|
+
--toolbar-width-focussed: calc(
|
23103
|
+
2 * var(--c4p--inline-edit-v2--size) + var(--cds-spacing-07, 2rem)
|
23104
|
+
);
|
23077
23105
|
}
|
23078
23106
|
|
23079
23107
|
@keyframes slide-in {
|