@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.
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 {