@carbon/ibm-products 2.43.2-canary.9 → 2.44.0-rc.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 (143) hide show
  1. package/css/index-full-carbon.css +34 -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.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css.map +1 -1
  7. package/css/index-without-carbon.css +34 -3
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +1 -1
  10. package/css/index-without-carbon.min.css.map +1 -1
  11. package/css/index.css +34 -3
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +1 -1
  14. package/css/index.min.css.map +1 -1
  15. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  16. package/es/components/ConditionBuilder/ConditionBuilder.js +67 -20
  17. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  18. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +129 -0
  19. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -4
  20. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  21. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  22. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  23. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  24. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  25. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  26. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  27. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  28. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  29. package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  31. package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  32. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  33. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +24 -16
  34. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +19 -4
  35. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  36. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +109 -0
  37. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  38. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +58 -33
  39. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  40. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -5
  41. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  42. package/es/components/ConditionBuilder/utils/util.d.ts +1 -0
  43. package/es/components/ConditionBuilder/utils/util.js +16 -1
  44. package/es/components/DataSpreadsheet/DataSpreadsheet.js +7 -4
  45. package/es/components/Datagrid/Datagrid/Datagrid.js +2 -1
  46. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  47. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  48. package/es/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  49. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  50. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  51. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  52. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  53. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  54. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  55. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
  56. package/es/components/Datagrid/types/index.d.ts +18 -4
  57. package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
  58. package/es/components/Datagrid/useActionsColumn.js +7 -6
  59. package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  60. package/es/components/Datagrid/useColumnRightAlign.js +4 -3
  61. package/es/components/Datagrid/useInlineEdit.js +12 -2
  62. package/es/components/Datagrid/useNestedRows.js +32 -13
  63. package/es/components/Decorator/Decorator.js +2 -1
  64. package/es/components/DecoratorBase/DecoratorBase.js +3 -5
  65. package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  66. package/es/components/DecoratorLink/DecoratorLink.js +2 -1
  67. package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  68. package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
  69. package/es/components/Tearsheet/Tearsheet.js +9 -1
  70. package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  71. package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
  72. package/es/components/Tearsheet/TearsheetShell.d.ts +10 -0
  73. package/es/components/Tearsheet/TearsheetShell.js +17 -3
  74. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +23 -21
  75. package/lib/components/ConditionBuilder/ConditionBuilder.js +67 -20
  76. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
  77. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +137 -0
  78. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +6 -3
  79. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +5 -1
  80. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +16 -4
  81. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  82. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +2 -2
  83. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -11
  84. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +36 -32
  85. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +0 -1
  86. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +7 -2
  87. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +6 -1
  88. package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +18 -10
  89. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +39 -36
  90. package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +12 -10
  91. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +1 -1
  92. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +23 -15
  93. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +20 -5
  94. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
  95. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +117 -0
  96. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
  97. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +56 -31
  98. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -6
  99. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +14 -4
  100. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -2
  101. package/lib/components/ConditionBuilder/utils/util.d.ts +1 -0
  102. package/lib/components/ConditionBuilder/utils/util.js +17 -0
  103. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +7 -4
  104. package/lib/components/Datagrid/Datagrid/Datagrid.js +2 -1
  105. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  106. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +11 -1
  107. package/lib/components/Datagrid/Datagrid/DatagridRow.js +13 -2
  108. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
  109. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
  110. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
  111. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +6 -3
  112. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
  113. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +21 -16
  114. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +21 -3
  115. package/lib/components/Datagrid/types/index.d.ts +18 -4
  116. package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
  117. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  118. package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
  119. package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
  120. package/lib/components/Datagrid/useInlineEdit.js +12 -2
  121. package/lib/components/Datagrid/useNestedRows.js +32 -13
  122. package/lib/components/Decorator/Decorator.js +2 -1
  123. package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
  124. package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
  125. package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
  126. package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
  127. package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
  128. package/lib/components/Tearsheet/Tearsheet.js +9 -1
  129. package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
  130. package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
  131. package/lib/components/Tearsheet/TearsheetShell.d.ts +10 -0
  132. package/lib/components/Tearsheet/TearsheetShell.js +16 -2
  133. package/package.json +5 -5
  134. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +9 -1
  135. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -1
  136. package/scss/components/StatusIcon/_status-icon.scss +4 -4
  137. package/scss/components/StringFormatter/_string-formatter.scss +2 -2
  138. package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
  139. package/telemetry.yml +8 -3
  140. package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  141. package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
  142. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
  143. package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
@@ -18698,14 +18698,14 @@ a.cds--side-nav__link--current::before {
18698
18698
  .c4p--string-formatter .cds--popover--top .cds--popover-caret,
18699
18699
  .c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
18700
18700
  .c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
18701
- /* stylelint-disable-next-line declaration-no-important */
18701
+ /* stylelint-disable-next-line */
18702
18702
  inset-block-start: -1px !important;
18703
18703
  }
18704
18704
 
18705
18705
  .c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
18706
18706
  .c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
18707
18707
  .c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
18708
- /* stylelint-disable-next-line declaration-no-important */
18708
+ /* stylelint-disable-next-line */
18709
18709
  inset-block-end: -1px !important;
18710
18710
  }
18711
18711
 
@@ -20393,7 +20393,8 @@ c4p--condition-builder__item-time {
20393
20393
  background-color: var(--cds-layer);
20394
20394
  }
20395
20395
  .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 {
20396
+ .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
20397
+ .c4p--condition-builder__add_condition_group) {
20397
20398
  /* stylelint-disable-next-line carbon/theme-token-use */
20398
20399
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
20399
20400
  }
@@ -20412,6 +20413,27 @@ c4p--condition-builder__item-time {
20412
20413
  margin-left: auto;
20413
20414
  }
20414
20415
 
20416
+ .c4p--condition-builder__add_condition_group-wrapper {
20417
+ z-index: -1;
20418
+ margin-left: -50%;
20419
+ opacity: 0;
20420
+ pointer-events: none;
20421
+ transition: all linear 110ms;
20422
+ }
20423
+
20424
+ .c4p--condition-builder__add_condition_group-wrapper--show {
20425
+ z-index: 0;
20426
+ margin-left: 0;
20427
+ opacity: 1;
20428
+ pointer-events: all;
20429
+ transition: all linear 110ms;
20430
+ }
20431
+
20432
+ .c4p--condition-builder__invalid-input {
20433
+ display: flex;
20434
+ color: var(--cds-support-warning, #f1c21b);
20435
+ }
20436
+
20415
20437
  .c4p--condition-builder__condition-block,
20416
20438
  .c4p--condition-builder__condition-block .c4p--condition-builder__block {
20417
20439
  position: relative;
@@ -20456,8 +20478,17 @@ c4p--condition-builder__item-time {
20456
20478
  }
20457
20479
 
20458
20480
  .c4p--condition-builder__group-preview {
20481
+ height: 0;
20482
+ opacity: 0;
20483
+ pointer-events: none;
20484
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20485
+ }
20486
+
20487
+ .c4p--condition-builder__group-preview-animate {
20488
+ height: auto;
20459
20489
  opacity: 0.5;
20460
20490
  pointer-events: none;
20491
+ transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
20461
20492
  }
20462
20493
 
20463
20494
  .c4p--condition-builder__connector-disabled {