@carbon/ibm-products 2.73.1 → 2.74.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 (154) hide show
  1. package/css/index-full-carbon.css +56 -6
  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 +5 -1
  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 +56 -6
  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 +56 -6
  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/AboutModal/AboutModal.d.ts +17 -23
  18. package/es/components/AboutModal/AboutModal.js +17 -23
  19. package/es/components/AddSelect/AddSelectBody.js +1 -1
  20. package/es/components/Carousel/Carousel.js +1 -1
  21. package/es/components/Coachmark/Coachmark.d.ts +4 -0
  22. package/es/components/Coachmark/Coachmark.js +9 -2
  23. package/es/components/Coachmark/CoachmarkDragbar.d.ts +0 -4
  24. package/es/components/Coachmark/CoachmarkDragbar.js +2 -6
  25. package/es/components/Coachmark/CoachmarkHeader.d.ts +0 -4
  26. package/es/components/Coachmark/CoachmarkHeader.js +2 -2
  27. package/es/components/Coachmark/CoachmarkTagline.js +5 -3
  28. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +1 -22
  29. package/es/components/Coachmark/next/Coachmark/Coachmark.js +14 -29
  30. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -0
  31. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +13 -2
  32. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +2 -2
  33. package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
  34. package/es/components/Coachmark/next/Coachmark/ContentHeader.js +15 -1
  35. package/es/components/Coachmark/next/Coachmark/context.d.ts +25 -0
  36. package/es/components/Coachmark/next/Coachmark/context.js +28 -0
  37. package/es/components/Coachmark/utils/context.d.ts +2 -2
  38. package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +4 -0
  39. package/es/components/CoachmarkFixed/CoachmarkFixed.js +6 -1
  40. package/es/components/CoachmarkStack/CoachmarkStack.d.ts +4 -0
  41. package/es/components/CoachmarkStack/CoachmarkStack.js +7 -1
  42. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +11 -7
  43. package/es/components/ConditionBuilder/ConditionBuilder.js +11 -2
  44. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +10 -0
  45. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +10 -5
  46. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +14 -3
  47. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  48. package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
  49. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +5 -4
  50. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +2 -1
  51. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -2
  52. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +4 -3
  53. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +20 -4
  54. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
  55. package/es/components/ConditionBuilder/index.d.ts +1 -0
  56. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +12 -7
  57. package/es/components/ConditionBuilder/utils/useDataConfigs.d.ts +1 -1
  58. package/es/components/ConditionBuilder/utils/util.d.ts +1 -1
  59. package/es/components/ConditionBuilder/utils/util.js +2 -2
  60. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
  61. package/es/components/EmptyStates/EmptyState.js +1 -1
  62. package/es/components/EmptyStates/{EmptyStateV2.js → EmptyStateV2.deprecated.js} +1 -1
  63. package/es/components/EmptyStates/index.d.ts +2 -2
  64. package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
  65. package/es/components/SidePanel/SidePanel.d.ts +1 -0
  66. package/es/components/SidePanel/SidePanel.js +1 -0
  67. package/es/components/StepFlow/StepContext.d.ts +14 -0
  68. package/es/components/StepFlow/StepGroup.d.ts +10 -0
  69. package/es/components/StepFlow/index.d.ts +9 -0
  70. package/es/components/StepFlow/story-assets/SidePanel/Example.d.ts +8 -0
  71. package/es/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts +20 -0
  72. package/es/components/StepFlow/story-assets/StepActions.d.ts +23 -0
  73. package/es/components/StepFlow/story-assets/Tearsheet/Example.d.ts +8 -0
  74. package/es/components/StepFlow/story-assets/Tearsheet/StepTearsheet.d.ts +20 -0
  75. package/es/components/StepFlow/types.d.ts +22 -0
  76. package/es/components/TruncatedText/TruncatedText.js +4 -2
  77. package/es/global/js/utils/makeDraggable/makeDraggable.js +28 -0
  78. package/es/index.js +1 -1
  79. package/lib/components/AboutModal/AboutModal.d.ts +17 -23
  80. package/lib/components/AboutModal/AboutModal.js +17 -23
  81. package/lib/components/AddSelect/AddSelectBody.js +1 -1
  82. package/lib/components/Carousel/Carousel.js +1 -1
  83. package/lib/components/Coachmark/Coachmark.d.ts +4 -0
  84. package/lib/components/Coachmark/Coachmark.js +9 -2
  85. package/lib/components/Coachmark/CoachmarkDragbar.d.ts +0 -4
  86. package/lib/components/Coachmark/CoachmarkDragbar.js +2 -6
  87. package/lib/components/Coachmark/CoachmarkHeader.d.ts +0 -4
  88. package/lib/components/Coachmark/CoachmarkHeader.js +2 -2
  89. package/lib/components/Coachmark/CoachmarkTagline.js +5 -3
  90. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +1 -22
  91. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +16 -33
  92. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -0
  93. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +13 -2
  94. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +5 -5
  95. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +2 -2
  96. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +17 -3
  97. package/lib/components/Coachmark/next/Coachmark/context.d.ts +25 -0
  98. package/lib/components/Coachmark/next/Coachmark/context.js +31 -0
  99. package/lib/components/Coachmark/utils/context.d.ts +2 -2
  100. package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +4 -0
  101. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +6 -1
  102. package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +4 -0
  103. package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -1
  104. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +11 -7
  105. package/lib/components/ConditionBuilder/ConditionBuilder.js +11 -2
  106. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +10 -0
  107. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +10 -5
  108. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +13 -2
  109. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +2 -2
  110. package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +1 -1
  111. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +5 -4
  112. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +2 -1
  113. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +8 -2
  114. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +4 -3
  115. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +20 -4
  116. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +1 -1
  117. package/lib/components/ConditionBuilder/index.d.ts +1 -0
  118. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +11 -6
  119. package/lib/components/ConditionBuilder/utils/useDataConfigs.d.ts +1 -1
  120. package/lib/components/ConditionBuilder/utils/util.d.ts +1 -1
  121. package/lib/components/ConditionBuilder/utils/util.js +2 -2
  122. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -1
  123. package/lib/components/EmptyStates/EmptyState.js +2 -2
  124. package/lib/components/EmptyStates/{EmptyStateV2.js → EmptyStateV2.deprecated.js} +2 -2
  125. package/lib/components/EmptyStates/index.d.ts +2 -2
  126. package/lib/components/NotificationsPanel/NotificationsPanel.js +1 -1
  127. package/lib/components/SidePanel/SidePanel.d.ts +1 -0
  128. package/lib/components/SidePanel/SidePanel.js +1 -0
  129. package/lib/components/StepFlow/StepContext.d.ts +14 -0
  130. package/lib/components/StepFlow/StepGroup.d.ts +10 -0
  131. package/lib/components/StepFlow/index.d.ts +9 -0
  132. package/lib/components/StepFlow/story-assets/SidePanel/Example.d.ts +8 -0
  133. package/lib/components/StepFlow/story-assets/SidePanel/StepSidePanel.d.ts +20 -0
  134. package/lib/components/StepFlow/story-assets/StepActions.d.ts +23 -0
  135. package/lib/components/StepFlow/story-assets/Tearsheet/Example.d.ts +8 -0
  136. package/lib/components/StepFlow/story-assets/Tearsheet/StepTearsheet.d.ts +20 -0
  137. package/lib/components/StepFlow/types.d.ts +22 -0
  138. package/lib/components/TruncatedText/TruncatedText.js +4 -2
  139. package/lib/global/js/utils/makeDraggable/makeDraggable.js +28 -0
  140. package/lib/index.js +2 -2
  141. package/package.json +7 -7
  142. package/scss/components/Coachmark/_coachmark.scss +7 -0
  143. package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +24 -0
  144. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +26 -12
  145. package/scss/components/SidePanel/_side-panel.scss +6 -1
  146. package/scss/components/Tearsheet/_tearsheet.scss +1 -0
  147. package/scss/components/TruncatedText/_truncated-text.scss +1 -0
  148. package/telemetry.yml +1 -1
  149. /package/es/components/EmptyStates/{EmptyStateIllustration.d.ts → EmptyStateIllustration.deprecated.d.ts} +0 -0
  150. /package/es/components/EmptyStates/{EmptyStateIllustration.js → EmptyStateIllustration.deprecated.js} +0 -0
  151. /package/es/components/EmptyStates/{EmptyStateV2.d.ts → EmptyStateV2.deprecated.d.ts} +0 -0
  152. /package/lib/components/EmptyStates/{EmptyStateIllustration.d.ts → EmptyStateIllustration.deprecated.d.ts} +0 -0
  153. /package/lib/components/EmptyStates/{EmptyStateIllustration.js → EmptyStateIllustration.deprecated.js} +0 -0
  154. /package/lib/components/EmptyStates/{EmptyStateV2.d.ts → EmptyStateV2.deprecated.d.ts} +0 -0
@@ -2553,6 +2553,11 @@ p.c4p--about-modal__copyright-text:first-child {
2553
2553
  .c4p--coachmark__next.c4p--coachmark__next--floating span:has(> div > .c4p--coachmark__next--content-header--drag-icon) {
2554
2554
  margin-inline-end: auto;
2555
2555
  }
2556
+ .c4p--coachmark__next .c4p--coachmark__next--content-header--is-dragging {
2557
+ border-radius: 0;
2558
+ box-shadow: 0 0 0 0.25rem var(--cds-icon-inverse, #ffffff);
2559
+ outline: 0.125rem solid var(--cds-background-inverse, #393939);
2560
+ }
2556
2561
 
2557
2562
  /* stylelint-disable carbon/layout-use */
2558
2563
  /* stylelint-disable carbon/motion-easing-use */
@@ -3511,9 +3516,12 @@ p.c4p--about-modal__copyright-text:first-child {
3511
3516
  .c4p--side-panel.c4p--side-panel--condensed-actions {
3512
3517
  --c4p--side-panel--actions-height: 3rem;
3513
3518
  }
3514
- .c4p--side-panel.c4p--side-panel--slide-in, .c4p--side-panel:not(.c4p--side-panel--has-overlay) {
3519
+ .c4p--side-panel:not(.c4p--side-panel--has-overlay) {
3515
3520
  box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(22, 22, 22, 0.5));
3516
3521
  }
3522
+ .c4p--side-panel.c4p--side-panel--slide-in, .c4p--side-panel.c4p--side-panel--slide-in:not(.c4p--side-panel--has-overlay) {
3523
+ box-shadow: none;
3524
+ }
3517
3525
  .c4p--side-panel .c4p--side-panel__actions-container {
3518
3526
  inline-size: 100%;
3519
3527
  }
@@ -4031,6 +4039,7 @@ p.c4p--about-modal__copyright-text:first-child {
4031
4039
  transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
4032
4040
  }
4033
4041
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
4042
+ overflow: visible;
4034
4043
  padding: 1.5rem 2rem;
4035
4044
  margin: 0;
4036
4045
  background-color: var(--cds-layer);
@@ -14871,6 +14880,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
14871
14880
  display: -webkit-box;
14872
14881
  overflow: hidden;
14873
14882
  -webkit-box-orient: vertical;
14883
+ line-height: initial;
14874
14884
  text-overflow: clip;
14875
14885
  }
14876
14886
  .c4p--truncated-text__expand-toggle {
@@ -17517,7 +17527,22 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
17517
17527
  padding-inline: 1rem;
17518
17528
  }
17519
17529
 
17520
- .c4p--condition-builder__item-option__option:hover {
17530
+ .c4p--condition-builder__item-option__option[aria-disabled] {
17531
+ color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
17532
+ }
17533
+ .c4p--condition-builder__item-option__option[aria-disabled]:hover {
17534
+ cursor: not-allowed;
17535
+ }
17536
+ .c4p--condition-builder__item-option__option[aria-disabled]:focus {
17537
+ cursor: not-allowed;
17538
+ outline: none;
17539
+ }
17540
+
17541
+ .c4p--condition-builder__item-option__option[aria-hidden] {
17542
+ display: none;
17543
+ }
17544
+
17545
+ .c4p--condition-builder__item-option__option:not([aria-disabled]):hover {
17521
17546
  background-color: var(--cds-layer-hover);
17522
17547
  }
17523
17548
 
@@ -17544,10 +17569,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
17544
17569
  border-block-start: 0.0625rem solid var(--cds-border-subtle);
17545
17570
  }
17546
17571
 
17547
- .c4p--condition-builder__item-option__option:hover .c4p--condition-builder__item-option__option-content,
17548
- .c4p--condition-builder__item-option__option[aria-selected=true] .c4p--condition-builder__item-option__option-content,
17549
- .c4p--condition-builder__item-option__option:hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content,
17550
- .c4p--condition-builder__item-option__option[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
17572
+ .c4p--condition-builder__item-option__option:not([aria-disabled]):hover .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled]):hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
17551
17573
  border-block-start-color: transparent;
17552
17574
  }
17553
17575
 
@@ -18643,6 +18665,34 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
18643
18665
  margin-block-end: 0;
18644
18666
  }
18645
18667
 
18668
+ .c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block,
18669
+ .c4p--condition-builder__readonly .c4p--condition-builder__connector,
18670
+ .c4p--condition-builder__readonly .c4p--condition-builder__action-block,
18671
+ .c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper,
18672
+ .c4p--condition-builder__readonly .c4p--condition-builder__groupConnector {
18673
+ background: transparent;
18674
+ box-shadow: inset 0 0 0 1px var(--cds-border-subtle-00, #e0e0e0);
18675
+ }
18676
+ .c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button,
18677
+ .c4p--condition-builder__readonly .c4p--condition-builder__connector button,
18678
+ .c4p--condition-builder__readonly .c4p--condition-builder__action-block button,
18679
+ .c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button,
18680
+ .c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button {
18681
+ background: transparent;
18682
+ cursor: default;
18683
+ }
18684
+ .c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button svg,
18685
+ .c4p--condition-builder__readonly .c4p--condition-builder__connector button svg,
18686
+ .c4p--condition-builder__readonly .c4p--condition-builder__action-block button svg,
18687
+ .c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button svg,
18688
+ .c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button svg {
18689
+ color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
18690
+ }
18691
+
18692
+ .c4p--condition-builder__condition-inner-block {
18693
+ display: flex;
18694
+ }
18695
+
18646
18696
  .c4p--condition-builder__condition-builder__group {
18647
18697
  display: flex;
18648
18698
  }