@carbon/ibm-products 2.43.2-canary.9 → 2.44.0-rc.1

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 (185) hide show
  1. package/css/index-full-carbon.css +51 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +12 -0
  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 +51 -3
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +51 -3
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  18. package/es/components/ConditionBuilder/ConditionBuilder.js +67 -20
  19. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  20. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +129 -0
  21. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -4
  22. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  23. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  24. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  25. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  26. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  27. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  28. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  29. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  31. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  32. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  33. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  34. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  35. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +24 -16
  36. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +19 -4
  37. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  38. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +109 -0
  39. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  40. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +58 -33
  41. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  42. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -5
  43. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  44. package/es/components/ConditionBuilder/utils/util.d.ts +1 -0
  45. package/es/components/ConditionBuilder/utils/util.js +16 -1
  46. package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +12 -0
  47. package/es/components/DataSpreadsheet/DataSpreadsheet.js +29 -7
  48. package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +12 -0
  49. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +22 -6
  50. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -0
  51. package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
  52. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  53. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  54. package/es/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  55. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  56. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  57. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  58. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  59. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  60. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  61. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
  62. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
  63. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  64. package/es/components/Datagrid/types/index.d.ts +18 -4
  65. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  66. package/es/components/Datagrid/useActionsColumn.js +7 -6
  67. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  68. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  69. package/es/components/Datagrid/useInlineEdit.js +12 -2
  70. package/es/components/Datagrid/useNestedRows.js +32 -13
  71. package/es/components/Decorator/Decorator.js +2 -1
  72. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  73. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  74. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  75. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  76. package/es/components/EditTearsheet/EditTearsheet.d.ts +5 -1
  77. package/es/components/EditTearsheet/EditTearsheet.js +0 -1
  78. package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  79. package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
  80. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  81. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  82. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  83. package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
  84. package/es/components/RemoveModal/RemoveModal.js +7 -1
  85. package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
  86. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  87. package/es/components/Tearsheet/Tearsheet.js +9 -1
  88. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  89. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  90. package/es/components/Tearsheet/TearsheetShell.d.ts +10 -0
  91. package/es/components/Tearsheet/TearsheetShell.js +17 -3
  92. package/es/components/Toolbar/ToolbarButton.js +1 -1
  93. package/es/components/index.d.ts +1 -1
  94. package/es/index.js +1 -0
  95. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  96. package/lib/components/ConditionBuilder/ConditionBuilder.js +67 -20
  97. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  98. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +137 -0
  99. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -3
  100. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  101. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  102. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  103. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  104. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  105. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  106. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  107. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  108. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  109. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  110. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  111. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  112. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  113. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +23 -15
  114. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +20 -5
  115. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  116. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +117 -0
  117. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  118. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +56 -31
  119. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  120. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -4
  121. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  122. package/lib/components/ConditionBuilder/utils/util.d.ts +1 -0
  123. package/lib/components/ConditionBuilder/utils/util.js +17 -0
  124. package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +12 -0
  125. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +29 -7
  126. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +12 -0
  127. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +22 -6
  128. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -0
  129. package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
  130. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  131. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  132. package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  133. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  134. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  135. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  136. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  137. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  138. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  139. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
  140. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +73 -10
  141. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
  142. package/lib/components/Datagrid/types/index.d.ts +18 -4
  143. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  144. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  145. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  146. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  147. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  148. package/lib/components/Datagrid/useNestedRows.js +32 -13
  149. package/lib/components/Decorator/Decorator.js +2 -1
  150. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  151. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  152. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  153. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  154. package/lib/components/EditTearsheet/EditTearsheet.d.ts +5 -1
  155. package/lib/components/EditTearsheet/EditTearsheet.js +0 -1
  156. package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
  157. package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
  158. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
  159. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
  160. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
  161. package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
  162. package/lib/components/RemoveModal/RemoveModal.js +7 -1
  163. package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
  164. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  165. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  166. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  167. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  168. package/lib/components/Tearsheet/TearsheetShell.d.ts +10 -0
  169. package/lib/components/Tearsheet/TearsheetShell.js +16 -2
  170. package/lib/components/Toolbar/ToolbarButton.js +1 -1
  171. package/lib/components/index.d.ts +1 -1
  172. package/lib/index.js +5 -0
  173. package/package.json +7 -6
  174. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +9 -1
  175. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -1
  176. package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +7 -0
  177. package/scss/components/Datagrid/styles/_useInlineEdit.scss +13 -0
  178. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  179. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  180. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  181. package/telemetry.yml +15 -3
  182. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  183. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  184. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  185. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
@@ -10127,6 +10127,11 @@ button.c4p--add-select__global-filter-toggle--open {
10127
10127
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
10128
10128
  outline: 0;
10129
10129
  }
10130
+ .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
10131
+ align-items: center;
10132
+ justify-content: center;
10133
+ gap: 0.5rem;
10134
+ }
10130
10135
  .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
10131
10136
  position: absolute;
10132
10137
  z-index: 2;
@@ -11848,6 +11853,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
11848
11853
  align-items: center;
11849
11854
  }
11850
11855
 
11856
+ .c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
11857
+ outline: 0.125rem solid var(--cds-focus, #0f62fe);
11858
+ outline-offset: 1px;
11859
+ }
11860
+
11861
+ .c4p--datagrid__inline-edit--outer-cell-checkbox {
11862
+ display: flex;
11863
+ height: -webkit-fill-available;
11864
+ justify-content: center;
11865
+ padding-inline: 1rem;
11866
+ }
11867
+
11851
11868
  .c4p--datagrid__static--outer-cell {
11852
11869
  display: flex;
11853
11870
  height: -webkit-fill-available;
@@ -18698,14 +18715,14 @@ a.cds--side-nav__link--current::before {
18698
18715
  .c4p--string-formatter .cds--popover--top .cds--popover-caret,
18699
18716
  .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
18700
18717
  .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
18701
- /* stylelint-disable-next-line declaration-no-important */
18718
+ /* stylelint-disable-next-line */
18702
18719
  inset-block-start: -1px !important;
18703
18720
  }
18704
18721
 
18705
18722
  .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
18706
18723
  .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
18707
18724
  .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
18708
- /* stylelint-disable-next-line declaration-no-important */
18725
+ /* stylelint-disable-next-line */
18709
18726
  inset-block-end: -1px !important;
18710
18727
  }
18711
18728
 
@@ -20393,7 +20410,8 @@ c4p--condition-builder__item-time {
20393
20410
  background-color: var(--cds-layer);
20394
20411
  }
20395
20412
  .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
20396
- .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button {
20413
+ .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
20414
+ .c4p--condition-builder__add_condition_group) {
20397
20415
  /* stylelint-disable-next-line carbon/theme-token-use */
20398
20416
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
20399
20417
  }
@@ -20412,6 +20430,27 @@ c4p--condition-builder__item-time {
20412
20430
  margin-left: auto;
20413
20431
  }
20414
20432
 
20433
+ .c4p--condition-builder__add_condition_group-wrapper {
20434
+ z-index: -1;
20435
+ margin-left: -50%;
20436
+ opacity: 0;
20437
+ pointer-events: none;
20438
+ transition: all linear 110ms;
20439
+ }
20440
+
20441
+ .c4p--condition-builder__add_condition_group-wrapper--show {
20442
+ z-index: 0;
20443
+ margin-left: 0;
20444
+ opacity: 1;
20445
+ pointer-events: all;
20446
+ transition: all linear 110ms;
20447
+ }
20448
+
20449
+ .c4p--condition-builder__invalid-input {
20450
+ display: flex;
20451
+ color: var(--cds-support-warning, #f1c21b);
20452
+ }
20453
+
20415
20454
  .c4p--condition-builder__condition-block,
20416
20455
  .c4p--condition-builder__condition-block .c4p--condition-builder__block {
20417
20456
  position: relative;
@@ -20456,8 +20495,17 @@ c4p--condition-builder__item-time {
20456
20495
  }
20457
20496
 
20458
20497
  .c4p--condition-builder__group-preview {
20498
+ height: 0;
20499
+ opacity: 0;
20500
+ pointer-events: none;
20501
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20502
+ }
20503
+
20504
+ .c4p--condition-builder__group-preview-animate {
20505
+ height: auto;
20459
20506
  opacity: 0.5;
20460
20507
  pointer-events: none;
20508
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20461
20509
  }
20462
20510
 
20463
20511
  .c4p--condition-builder__connector-disabled {