@carbon/ibm-products 1.49.0 → 1.51.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 +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 {
|