@carbon/ibm-products 2.71.1 → 2.72.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 (226) hide show
  1. package/css/carbon.css +50 -0
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +560 -185
  4. package/css/index-full-carbon.css.map +1 -1
  5. package/css/index-full-carbon.min.css +1 -1
  6. package/css/index-full-carbon.min.css.map +1 -1
  7. package/css/index-without-carbon-released-only.css +132 -1
  8. package/css/index-without-carbon-released-only.css.map +1 -1
  9. package/css/index-without-carbon-released-only.min.css +1 -1
  10. package/css/index-without-carbon-released-only.min.css.map +1 -1
  11. package/css/index-without-carbon.css +570 -245
  12. package/css/index-without-carbon.css.map +1 -1
  13. package/css/index-without-carbon.min.css +1 -1
  14. package/css/index-without-carbon.min.css.map +1 -1
  15. package/css/index.css +358 -33
  16. package/css/index.css.map +1 -1
  17. package/css/index.min.css +1 -1
  18. package/css/index.min.css.map +1 -1
  19. package/es/components/{BigNumbers/BigNumbers.d.ts → BigNumber/BigNumber.d.ts} +5 -5
  20. package/es/components/{BigNumbers/BigNumbers.js → BigNumber/BigNumber.js} +12 -12
  21. package/es/components/BigNumber/BigNumberSkeleton.d.ts +17 -0
  22. package/es/components/{BigNumbers/BigNumbersSkeleton.js → BigNumber/BigNumberSkeleton.js} +16 -16
  23. package/es/components/{BigNumbers → BigNumber}/constants.d.ts +3 -3
  24. package/es/components/{BigNumbers → BigNumber}/constants.js +6 -6
  25. package/es/components/{BigNumbers → BigNumber}/index.d.ts +2 -2
  26. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +72 -0
  27. package/es/components/Coachmark/next/Coachmark/Coachmark.js +185 -0
  28. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +44 -0
  29. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.d.ts +8 -0
  30. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts +38 -0
  31. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +125 -0
  32. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts +24 -0
  33. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +25 -0
  34. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts +10 -0
  35. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +34 -0
  36. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +118 -0
  37. package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts +23 -0
  38. package/es/components/Coachmark/next/Coachmark/ContentBody.js +37 -0
  39. package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts +21 -0
  40. package/es/components/Coachmark/next/Coachmark/ContentHeader.js +89 -0
  41. package/{lib/components/BigNumbers → es/components/Coachmark/next/Coachmark}/index.d.ts +2 -2
  42. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +0 -1
  43. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -1
  44. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +30 -5
  45. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  46. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -4
  47. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +2 -2
  48. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
  49. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +42 -3
  50. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  51. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +5 -3
  52. package/es/components/ConditionBuilder/utils/useEvent.d.ts +8 -0
  53. package/es/components/ConditionBuilder/utils/useEvent.js +32 -0
  54. package/es/components/ConditionBuilder/utils/useTranslations.js +1 -1
  55. package/es/components/EditInPlace/EditInPlace.js +0 -3
  56. package/es/components/EmptyStates/EmptyState.d.ts +2 -2
  57. package/es/components/EmptyStates/EmptyState.js +2 -8
  58. package/es/components/FilterPanel/FilterPanelGroup/index.d.ts +1 -0
  59. package/es/components/InterstitialScreen/InterstitialScreen.d.ts +1 -25
  60. package/es/components/InterstitialScreen/InterstitialScreen.js +3 -19
  61. package/es/components/InterstitialScreen/InterstitialScreenBody.d.ts +1 -1
  62. package/es/components/InterstitialScreen/InterstitialScreenBody.js +1 -1
  63. package/es/components/InterstitialScreen/InterstitialScreenFooter.d.ts +1 -1
  64. package/es/components/InterstitialScreen/InterstitialScreenFooter.js +1 -1
  65. package/es/components/InterstitialScreen/InterstitialScreenHeader.d.ts +6 -0
  66. package/es/components/InterstitialScreen/InterstitialScreenHeader.js +1 -1
  67. package/es/components/InterstitialScreen/_story-assets/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +1 -1
  68. package/es/components/InterstitialScreen/context.d.ts +31 -0
  69. package/es/components/InterstitialScreen/context.js +18 -0
  70. package/es/components/InterstitialScreen/index.d.ts +3 -2
  71. package/es/components/NotificationsPanel/NotificationsPanel.js +36 -13
  72. package/es/components/PageHeader/PageHeader.d.ts +2 -1
  73. package/es/components/PageHeader/PageHeader.js +2 -1
  74. package/es/components/PageHeader/next/PageHeader.d.ts +18 -3
  75. package/es/components/PageHeader/next/PageHeader.js +260 -12
  76. package/es/components/PageHeader/next/context.d.ts +25 -0
  77. package/es/components/PageHeader/next/context.js +30 -0
  78. package/es/components/PageHeader/next/index.d.ts +3 -3
  79. package/es/components/PageHeader/next/overflowHandler.d.ts +95 -0
  80. package/es/components/PageHeader/next/overflowHandler.js +162 -0
  81. package/es/components/PageHeader/next/utils.d.ts +19 -0
  82. package/es/components/PageHeader/next/utils.js +68 -0
  83. package/es/components/ProductiveCard/ProductiveCard.js +2 -1
  84. package/es/components/ScrollGradient/ScrollGradient.js +1 -2
  85. package/es/components/SidePanel/SidePanel.d.ts +4 -0
  86. package/es/components/SidePanel/SidePanel.js +8 -2
  87. package/es/components/Tearsheet/TearsheetShell.js +8 -5
  88. package/es/components/TruncatedText/TruncatedText.d.ts +48 -0
  89. package/es/components/TruncatedText/TruncatedText.js +86 -0
  90. package/es/components/TruncatedText/index.d.ts +7 -0
  91. package/es/components/TruncatedText/useTruncatedText.d.ts +16 -0
  92. package/es/components/TruncatedText/useTruncatedText.js +41 -0
  93. package/es/components/index.d.ts +3 -1
  94. package/es/global/js/hooks/useOverflowString.d.ts +2 -2
  95. package/es/global/js/hooks/useResizeObserver.d.ts +1 -1
  96. package/es/global/js/package-settings.d.ts +2 -1
  97. package/es/global/js/package-settings.js +3 -2
  98. package/es/global/js/utils/checkForOverflow.js +21 -0
  99. package/es/global/js/utils/makeDraggable/index.d.ts +1 -0
  100. package/es/global/js/utils/makeDraggable/makeDraggable.d.ts +19 -0
  101. package/es/global/js/utils/makeDraggable/makeDraggable.js +91 -0
  102. package/es/global/js/utils/makeDraggable/makeDraggable.stories.d.ts +22 -0
  103. package/es/index.js +3 -1
  104. package/es/node_modules/@floating-ui/core/dist/floating-ui.core.js +592 -0
  105. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +713 -0
  106. package/es/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +95 -0
  107. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +161 -0
  108. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +142 -0
  109. package/es/settings.d.ts +2 -1
  110. package/lib/components/{BigNumbers/BigNumbers.d.ts → BigNumber/BigNumber.d.ts} +5 -5
  111. package/lib/components/{BigNumbers/BigNumbers.js → BigNumber/BigNumber.js} +11 -11
  112. package/lib/components/BigNumber/BigNumberSkeleton.d.ts +17 -0
  113. package/lib/components/{BigNumbers/BigNumbersSkeleton.js → BigNumber/BigNumberSkeleton.js} +15 -15
  114. package/lib/components/{BigNumbers → BigNumber}/constants.d.ts +3 -3
  115. package/lib/components/{BigNumbers → BigNumber}/constants.js +6 -6
  116. package/lib/components/BigNumber/index.d.ts +7 -0
  117. package/lib/components/Coachmark/Coachmark.js +2 -2
  118. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +72 -0
  119. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +189 -0
  120. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +44 -0
  121. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/index.d.ts +8 -0
  122. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.d.ts +38 -0
  123. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +127 -0
  124. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.d.ts +24 -0
  125. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +27 -0
  126. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/index.d.ts +10 -0
  127. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +34 -0
  128. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +122 -0
  129. package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts +23 -0
  130. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +41 -0
  131. package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts +21 -0
  132. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +93 -0
  133. package/lib/components/Coachmark/next/Coachmark/index.d.ts +7 -0
  134. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +0 -1
  135. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +2 -2
  136. package/lib/components/CoachmarkStack/CoachmarkStack.js +2 -2
  137. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +2 -2
  138. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +2 -1
  139. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +30 -5
  140. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  141. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -4
  142. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +2 -2
  143. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +1 -1
  144. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +41 -2
  145. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
  146. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +5 -3
  147. package/lib/components/ConditionBuilder/utils/useEvent.d.ts +8 -0
  148. package/lib/components/ConditionBuilder/utils/useEvent.js +34 -0
  149. package/lib/components/ConditionBuilder/utils/useTranslations.js +1 -1
  150. package/lib/components/EditInPlace/EditInPlace.js +0 -3
  151. package/lib/components/EmptyStates/EmptyState.d.ts +2 -2
  152. package/lib/components/EmptyStates/EmptyState.js +2 -8
  153. package/lib/components/FilterPanel/FilterPanelGroup/index.d.ts +1 -0
  154. package/lib/components/InterstitialScreen/InterstitialScreen.d.ts +1 -25
  155. package/lib/components/InterstitialScreen/InterstitialScreen.js +6 -25
  156. package/lib/components/InterstitialScreen/InterstitialScreenBody.d.ts +1 -1
  157. package/lib/components/InterstitialScreen/InterstitialScreenBody.js +6 -6
  158. package/lib/components/InterstitialScreen/InterstitialScreenFooter.d.ts +1 -1
  159. package/lib/components/InterstitialScreen/InterstitialScreenFooter.js +9 -9
  160. package/lib/components/InterstitialScreen/InterstitialScreenHeader.d.ts +6 -0
  161. package/lib/components/InterstitialScreen/InterstitialScreenHeader.js +5 -5
  162. package/lib/components/InterstitialScreen/_story-assets/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +1 -1
  163. package/lib/components/InterstitialScreen/context.d.ts +31 -0
  164. package/lib/components/InterstitialScreen/context.js +21 -0
  165. package/lib/components/InterstitialScreen/index.d.ts +3 -2
  166. package/lib/components/NotificationsPanel/NotificationsPanel.js +36 -13
  167. package/lib/components/PageHeader/PageHeader.d.ts +2 -1
  168. package/lib/components/PageHeader/PageHeader.js +2 -1
  169. package/lib/components/PageHeader/next/PageHeader.d.ts +18 -3
  170. package/lib/components/PageHeader/next/PageHeader.js +261 -7
  171. package/lib/components/PageHeader/next/context.d.ts +25 -0
  172. package/lib/components/PageHeader/next/context.js +33 -0
  173. package/lib/components/PageHeader/next/index.d.ts +3 -3
  174. package/lib/components/PageHeader/next/overflowHandler.d.ts +95 -0
  175. package/lib/components/PageHeader/next/overflowHandler.js +166 -0
  176. package/lib/components/PageHeader/next/utils.d.ts +19 -0
  177. package/lib/components/PageHeader/next/utils.js +71 -0
  178. package/lib/components/ProductiveCard/ProductiveCard.js +2 -1
  179. package/lib/components/ScrollGradient/ScrollGradient.js +1 -2
  180. package/lib/components/SidePanel/SidePanel.d.ts +4 -0
  181. package/lib/components/SidePanel/SidePanel.js +8 -2
  182. package/lib/components/Tearsheet/TearsheetShell.js +8 -5
  183. package/lib/components/TruncatedText/TruncatedText.d.ts +48 -0
  184. package/lib/components/TruncatedText/TruncatedText.js +86 -0
  185. package/lib/components/TruncatedText/index.d.ts +7 -0
  186. package/lib/components/TruncatedText/useTruncatedText.d.ts +16 -0
  187. package/lib/components/TruncatedText/useTruncatedText.js +45 -0
  188. package/lib/components/index.d.ts +3 -1
  189. package/lib/global/js/hooks/useOverflowString.d.ts +2 -2
  190. package/lib/global/js/hooks/usePortalTarget.js +2 -2
  191. package/lib/global/js/hooks/useResizeObserver.d.ts +1 -1
  192. package/lib/global/js/package-settings.d.ts +2 -1
  193. package/lib/global/js/package-settings.js +3 -2
  194. package/lib/global/js/utils/checkForOverflow.js +23 -0
  195. package/lib/global/js/utils/makeDraggable/index.d.ts +1 -0
  196. package/lib/global/js/utils/makeDraggable/makeDraggable.d.ts +19 -0
  197. package/lib/global/js/utils/makeDraggable/makeDraggable.js +93 -0
  198. package/lib/global/js/utils/makeDraggable/makeDraggable.stories.d.ts +22 -0
  199. package/lib/index.js +10 -3
  200. package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.js +600 -0
  201. package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +722 -0
  202. package/lib/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +102 -0
  203. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +182 -0
  204. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +164 -0
  205. package/lib/settings.d.ts +2 -1
  206. package/package.json +9 -10
  207. package/scss/components/{BigNumbers/_big-numbers.scss → BigNumber/_big-number.scss} +5 -5
  208. package/scss/components/{BigNumbers → BigNumber}/_carbon-imports.scss +3 -3
  209. package/scss/components/{BigNumbers → BigNumber}/_index-with-carbon.scss +2 -2
  210. package/scss/components/{BigNumbers → BigNumber}/_index.scss +2 -2
  211. package/scss/components/Card/_card.scss +2 -0
  212. package/scss/components/Coachmark/_bubble.scss +62 -0
  213. package/scss/components/Coachmark/_coachmark-beacon.scss +164 -0
  214. package/scss/components/Coachmark/_coachmark.scss +15 -0
  215. package/scss/components/ConditionBuilder/_condition-builder.scss +8 -0
  216. package/scss/components/PageHeader/_page-header.scss +144 -1
  217. package/scss/components/Tearsheet/_tearsheet.scss +6 -0
  218. package/scss/components/TruncatedText/_carbon-imports.scss +6 -0
  219. package/scss/components/TruncatedText/_index-with-carbon.scss +9 -0
  220. package/scss/components/TruncatedText/_index.scss +8 -0
  221. package/scss/components/TruncatedText/_truncated-text.scss +26 -0
  222. package/scss/components/_index-with-carbon.scss +3 -2
  223. package/scss/components/_index.scss +3 -2
  224. package/telemetry.yml +24 -5
  225. package/es/components/BigNumbers/BigNumbersSkeleton.d.ts +0 -17
  226. package/lib/components/BigNumbers/BigNumbersSkeleton.d.ts +0 -17
package/css/carbon.css CHANGED
@@ -11894,6 +11894,37 @@ fieldset[disabled] .cds--form__helper-text {
11894
11894
  }
11895
11895
  }
11896
11896
 
11897
+ .cds--data-table-container--ai-enabled {
11898
+ position: relative;
11899
+ padding: 1px;
11900
+ border: none;
11901
+ }
11902
+
11903
+ .cds--data-table-container--ai-enabled::after {
11904
+ position: absolute;
11905
+ z-index: -1;
11906
+ background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
11907
+ block-size: 100%;
11908
+ content: "";
11909
+ inline-size: 100%;
11910
+ inset: 0;
11911
+ pointer-events: none;
11912
+ }
11913
+
11914
+ .cds--data-table-container--ai-enabled tbody {
11915
+ position: relative;
11916
+ }
11917
+
11918
+ .cds--data-table-container--ai-enabled tbody::before {
11919
+ position: absolute;
11920
+ block-size: 100%;
11921
+ content: "";
11922
+ inline-size: 100%;
11923
+ inset: 0;
11924
+ pointer-events: none;
11925
+ background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
11926
+ }
11927
+
11897
11928
  .cds--data-table-header {
11898
11929
  background-color: var(--cds-layer);
11899
11930
  padding-block: 1rem 1.5rem;
@@ -18979,6 +19010,9 @@ optgroup.cds--select-optgroup:disabled,
18979
19010
  inline-size: 1px;
18980
19011
  }
18981
19012
 
19013
+ .cds--form-item {
19014
+ position: relative;
19015
+ }
18982
19016
  .cds--form-item:has(.cds--text-area__wrapper--cols) {
18983
19017
  inline-size: fit-content;
18984
19018
  }
@@ -19098,6 +19132,11 @@ optgroup.cds--select-optgroup:disabled,
19098
19132
  inline-size: 100%;
19099
19133
  }
19100
19134
 
19135
+ .cds--form-requirement {
19136
+ position: absolute;
19137
+ inset-block-start: 100%;
19138
+ }
19139
+
19101
19140
  .cds--text-area--fluid .cds--text-area__wrapper {
19102
19141
  position: relative;
19103
19142
  flex-direction: column;
@@ -22453,6 +22492,17 @@ span.cds--pagination__text.cds--pagination__items-count {
22453
22492
  padding-inline: var(--cds-layout-density-padding-inline-local);
22454
22493
  }
22455
22494
 
22495
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22496
+ .cds--progress-bar__track {
22497
+ background-color: Canvas;
22498
+ forced-color-adjust: none;
22499
+ outline: 2px solid rgba(0, 0, 0, 0);
22500
+ outline-offset: -2px;
22501
+ }
22502
+ .cds--progress-bar__bar {
22503
+ background-color: CanvasText;
22504
+ }
22505
+ }
22456
22506
  .cds--progress {
22457
22507
  box-sizing: border-box;
22458
22508
  padding: 0;