@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.
Files changed (75) hide show
  1. package/css/index-full-carbon.css +46 -18
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +42 -11
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +46 -18
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +46 -18
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Card/Card.js +3 -3
  18. package/es/components/Card/CardHeader.js +3 -3
  19. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +16 -20
  20. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -2
  21. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  22. package/es/components/Datagrid/Datagrid/DatagridRow.js +6 -2
  23. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +8 -8
  24. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -1
  25. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  26. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
  27. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +17 -2
  28. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -4
  29. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
  30. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +14 -0
  31. package/es/components/Datagrid/useFiltering.js +4 -2
  32. package/es/components/Datagrid/useOnRowClick.js +9 -1
  33. package/es/components/Datagrid/useSelectRows.js +2 -0
  34. package/es/components/EditInPlace/EditInPlace.js +43 -0
  35. package/es/components/EditInPlace/index.js +8 -0
  36. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -3
  37. package/es/components/InlineEdit/InlineEdit.js +5 -1
  38. package/es/components/InlineEditV1/InlineEditV1.js +5 -2
  39. package/es/components/InlineEditV2/InlineEditV2.js +51 -15
  40. package/es/components/ProductiveCard/ProductiveCard.js +3 -3
  41. package/es/components/index.js +1 -0
  42. package/es/global/js/package-settings.js +1 -0
  43. package/es/settings.js +15 -0
  44. package/lib/components/Card/Card.js +3 -3
  45. package/lib/components/Card/CardHeader.js +3 -3
  46. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +14 -19
  47. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -2
  48. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -1
  49. package/lib/components/Datagrid/Datagrid/DatagridRow.js +6 -2
  50. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +2 -1
  51. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -1
  52. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  53. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +17 -3
  54. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +17 -2
  55. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +8 -4
  56. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +2 -1
  57. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +15 -0
  58. package/lib/components/Datagrid/useFiltering.js +4 -2
  59. package/lib/components/Datagrid/useOnRowClick.js +9 -1
  60. package/lib/components/Datagrid/useSelectRows.js +2 -0
  61. package/lib/components/EditInPlace/EditInPlace.js +46 -0
  62. package/lib/components/EditInPlace/index.js +12 -0
  63. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -3
  64. package/lib/components/InlineEdit/InlineEdit.js +5 -1
  65. package/lib/components/InlineEditV1/InlineEditV1.js +5 -2
  66. package/lib/components/InlineEditV2/InlineEditV2.js +53 -16
  67. package/lib/components/ProductiveCard/ProductiveCard.js +3 -3
  68. package/lib/components/index.js +7 -0
  69. package/lib/global/js/package-settings.js +1 -0
  70. package/lib/settings.js +16 -1
  71. package/package.json +2 -2
  72. package/scss/components/Datagrid/styles/_useSelectAllToggle.scss +10 -7
  73. package/scss/components/InlineEditV2/_inline-edit-v2.scss +52 -11
  74. package/scss/components/InlineEditV2/_storybook-styles.scss +9 -2
  75. 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
- margin: var(--cds-spacing-03, 0.5rem);
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(--cds-spacing-07, 2rem);
23068
- --toolbar-width-focussed: var(--cds-spacing-10, 4rem);
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: var(--cds-spacing-12, 6rem);
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 {