@carbon/ibm-products 2.85.0 → 2.86.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 (74) hide show
  1. package/css/carbon.css +55 -2
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +615 -410
  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 +3225 -3081
  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 +2958 -2806
  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 +2202 -2011
  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/ActionSet/ActionSet.d.ts +6 -0
  20. package/es/components/ActionSet/ActionSet.js +20 -10
  21. package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
  22. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -2
  23. package/es/components/EditInPlace/EditInPlace.d.ts +2 -3
  24. package/es/components/OptionsTile/OptionsTile.js +35 -12
  25. package/es/components/PageHeader/next/context.js +1 -1
  26. package/es/components/PageHeader/next/index.js +3 -3
  27. package/es/components/StringFormatter/StringFormatter.js +1 -1
  28. package/es/components/TagSet/TagSet.js +1 -1
  29. package/es/components/Tearsheet/next/StackContext.d.ts +1 -1
  30. package/es/components/Tearsheet/next/Tearsheet.d.ts +19 -5
  31. package/es/components/Tearsheet/next/Tearsheet.js +90 -31
  32. package/es/components/Tearsheet/next/TearsheetBody.js +2 -2
  33. package/es/components/Tearsheet/next/TearsheetFooter.d.ts +31 -0
  34. package/es/components/Tearsheet/next/TearsheetFooter.js +39 -0
  35. package/es/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  36. package/es/components/Tearsheet/next/index.d.ts +2 -1
  37. package/es/components/index.d.ts +1 -1
  38. package/es/global/js/hooks/index.d.ts +1 -0
  39. package/es/global/js/utils/devtools.js +1 -1
  40. package/es/index.js +8 -8
  41. package/es/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1184 -1110
  42. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1337 -1334
  43. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +2 -2
  44. package/lib/components/ActionSet/ActionSet.d.ts +6 -0
  45. package/lib/components/ActionSet/ActionSet.js +20 -10
  46. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +0 -3
  47. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -2
  48. package/lib/components/EditInPlace/EditInPlace.d.ts +2 -3
  49. package/lib/components/OptionsTile/OptionsTile.js +35 -12
  50. package/lib/components/PageHeader/next/index.js +6 -6
  51. package/lib/components/TagSet/TagSet.js +0 -3
  52. package/lib/components/Tearsheet/next/StackContext.d.ts +1 -1
  53. package/lib/components/Tearsheet/next/Tearsheet.d.ts +19 -5
  54. package/lib/components/Tearsheet/next/Tearsheet.js +90 -31
  55. package/lib/components/Tearsheet/next/TearsheetBody.js +2 -2
  56. package/lib/components/Tearsheet/next/TearsheetFooter.d.ts +31 -0
  57. package/lib/components/Tearsheet/next/TearsheetFooter.js +43 -0
  58. package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  59. package/lib/components/Tearsheet/next/index.d.ts +2 -1
  60. package/lib/components/index.d.ts +1 -1
  61. package/lib/global/js/hooks/index.d.ts +1 -0
  62. package/lib/index.js +50 -50
  63. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1204 -1130
  64. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1351 -1348
  65. package/package.json +14 -18
  66. package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -0
  67. package/scss/components/OptionsTile/_options-tile.scss +28 -7
  68. package/scss/components/PageHeader/_page-header.scss +14 -4
  69. package/scss/components/SidePanel/_side-panel.scss +0 -2
  70. package/scss/components/Tearsheet/_index-with-carbon.scss +2 -1
  71. package/scss/components/Tearsheet/_index.scss +1 -0
  72. package/scss/components/Tearsheet/_tearsheet.scss +0 -2
  73. package/scss/components/Tearsheet/_tearsheet_next.scss +351 -229
  74. package/telemetry.yml +4 -1
@@ -35,7 +35,7 @@ export interface TearsheetHeaderProps {
35
35
  hideCloseButton?: boolean;
36
36
  className?: string;
37
37
  /**
38
- * Default header collapse/expand while scrolling the main content can bd disabled by setting this
38
+ * Default header collapse/expand while scrolling the main content can be disabled by setting this
39
39
  */
40
40
  disableHeaderCollapse?: boolean;
41
41
  }
@@ -7,8 +7,9 @@
7
7
  export { Tearsheet } from './Tearsheet';
8
8
  export { StackProvider, useStackContext } from './StackContext';
9
9
  export type { StackContextType } from './StackContext';
10
- export type { TearsheetProps, TearsheetComponentType, FooterProps, } from './Tearsheet';
10
+ export type { TearsheetProps, TearsheetComponentType } from './Tearsheet';
11
11
  export type { MainContentProps, SummaryContentProps, TearsheetBodyProps, InfluencerProps, } from './TearsheetBody';
12
12
  export type { TearsheetHeaderProps, TearsheetNavigationBarProps, TearsheetScrollButtonProps, } from './TearsheetHeader';
13
13
  export type { TearsheetHeaderActionItemProps, TearsheetHeaderActionsProps, } from './TearsheetHeaderActions';
14
14
  export type { TearsheetHeaderContentProps } from './TearsheetHeaderContent';
15
+ export type { TearsheetFooterProps } from './TearsheetFooter';
@@ -50,7 +50,7 @@ export { TruncatedText as preview__TruncatedText, type TruncatedTextProps, } fro
50
50
  export { FeatureFlags as preview__FeatureFlags, useFeatureFlag as preview__useFeatureFlag, useFeatureFlags as preview__useFeatureFlags, } from './FeatureFlags';
51
51
  export * as preview__PageHeader from './PageHeader/next';
52
52
  export { Tearsheet as preview__Tearsheet, StackProvider, } from './Tearsheet/next';
53
- export type { TearsheetProps as preview__TearsheetProps, TearsheetComponentType, FooterProps, MainContentProps, SummaryContentProps, TearsheetBodyProps, InfluencerProps, TearsheetHeaderProps, TearsheetNavigationBarProps, TearsheetScrollButtonProps, TearsheetHeaderActionItemProps, TearsheetHeaderActionsProps, TearsheetHeaderContentProps, StackContextType, } from './Tearsheet/next';
53
+ export type { TearsheetProps as preview__TearsheetProps, TearsheetComponentType, TearsheetFooterProps, MainContentProps, SummaryContentProps, TearsheetBodyProps, InfluencerProps, TearsheetHeaderProps, TearsheetNavigationBarProps, TearsheetScrollButtonProps, TearsheetHeaderActionItemProps, TearsheetHeaderActionsProps, TearsheetHeaderContentProps, StackContextType, } from './Tearsheet/next';
54
54
  export { BigNumber as previewCandidate__BigNumber, type BigNumberProps, } from './BigNumber';
55
55
  export { Coachmark as previewCandidate__Coachmark, BEACON_KIND, COACHMARK_OVERLAY_KIND, COACHMARK_ALIGNMENT, useCoachmark, type CoachmarkProps, } from './Coachmark';
56
56
  export { CoachmarkBeacon as previewCandidate__CoachmarkBeacon, type CoachmarkBeaconProps, } from './CoachmarkBeacon';
@@ -13,4 +13,5 @@ export { useFocus } from "./useFocus";
13
13
  export { useIsomorphicEffect } from "./useIsomorphicEffect";
14
14
  export { usePresence } from "./usePresence";
15
15
  export { usePrefersReducedMotion } from "./usePrefersReducedMotion";
16
+ export { useMatchMedia } from "./useMatchMedia";
16
17
  export { useNearestScroll, useWindowScroll } from "./useWindowScroll";
package/lib/index.js CHANGED
@@ -49,26 +49,26 @@ var SingleAddSelect = require('./components/SingleAddSelect/SingleAddSelect.js')
49
49
  var StatusIcon = require('./components/StatusIcon/StatusIcon.js');
50
50
  var TagOverflow = require('./components/TagOverflow/TagOverflow.js');
51
51
  var TagSet = require('./components/TagSet/TagSet.js');
52
- var Tearsheet$1 = require('./components/Tearsheet/Tearsheet.js');
52
+ var Tearsheet = require('./components/Tearsheet/Tearsheet.js');
53
53
  var TearsheetNarrow = require('./components/Tearsheet/TearsheetNarrow.js');
54
54
  var TearsheetPresence = require('./components/Tearsheet/TearsheetPresence.js');
55
55
  var WebTerminal = require('./components/WebTerminal/WebTerminal.js');
56
56
  var WebTerminalContentWrapper = require('./components/WebTerminal/WebTerminalContentWrapper.js');
57
- var index$2 = require('./components/WebTerminal/hooks/index.js');
58
- var Coachmark = require('./components/Coachmark/next/Coachmark/Coachmark.js');
57
+ var index$1 = require('./components/WebTerminal/hooks/index.js');
58
+ var Coachmark$1 = require('./components/Coachmark/next/Coachmark/Coachmark.js');
59
59
  var CoachmarkTagline = require('./components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js');
60
- var CoachmarkBeacon = require('./components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js');
60
+ var CoachmarkBeacon$1 = require('./components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js');
61
61
  var TruncatedText = require('./components/TruncatedText/TruncatedText.js');
62
- var index$1 = require('./components/FeatureFlags/index.js');
63
- var index = require('./components/PageHeader/next/index.js');
64
- var Tearsheet = require('./components/Tearsheet/next/Tearsheet.js');
62
+ var index$2 = require('./components/FeatureFlags/index.js');
63
+ var index$3 = require('./components/PageHeader/next/index.js');
64
+ var Tearsheet$1 = require('./components/Tearsheet/next/Tearsheet.js');
65
65
  var StackContext = require('./components/Tearsheet/next/StackContext.js');
66
66
  var BigNumber = require('./components/BigNumber/BigNumber.js');
67
- var Coachmark$1 = require('./components/Coachmark/Coachmark.js');
67
+ var Coachmark = require('./components/Coachmark/Coachmark.js');
68
68
  var enums = require('./components/Coachmark/utils/enums.js');
69
69
  var context = require('./components/Coachmark/utils/context.js');
70
70
  require('./components/Coachmark/CoachmarkTagline.js');
71
- var CoachmarkBeacon$1 = require('./components/CoachmarkBeacon/CoachmarkBeacon.js');
71
+ var CoachmarkBeacon = require('./components/CoachmarkBeacon/CoachmarkBeacon.js');
72
72
  var CoachmarkButton = require('./components/CoachmarkButton/CoachmarkButton.js');
73
73
  var CoachmarkFixed = require('./components/CoachmarkFixed/CoachmarkFixed.js');
74
74
  var CoachmarkOverlayElement = require('./components/CoachmarkOverlayElement/CoachmarkOverlayElement.js');
@@ -91,7 +91,7 @@ var ToolbarButton = require('./components/Toolbar/ToolbarButton.js');
91
91
  var ToolbarGroup = require('./components/Toolbar/ToolbarGroup.js');
92
92
  var TruncatedList = require('./components/TruncatedList/TruncatedList.js');
93
93
  var ComboButton = require('./components/ComboButton/ComboButton.js');
94
- var index$3 = require('./components/ComboButton/ComboButtonItem/index.js');
94
+ var index = require('./components/ComboButton/ComboButtonItem/index.js');
95
95
  var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
96
96
  var useDatagrid = require('./components/Datagrid/useDatagrid.js');
97
97
  var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
@@ -118,15 +118,9 @@ var EditTearsheetNarrow = require('./components/EditTearsheetNarrow/EditTearshee
118
118
  var EditUpdateCards = require('./components/EditUpdateCards/EditUpdateCards.js');
119
119
  var UserProfileImage = require('./components/UserProfileImage/UserProfileImage.js');
120
120
  var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js');
121
- var usePrefix = require('./global/js/hooks/usePrefix.js');
122
121
  var ActionBar = require('./components/ActionBar/ActionBar.js');
123
- var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
124
- var Decorator = require('./components/Decorator/Decorator.js');
125
- var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
126
- var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
127
- var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
128
- var DecoratorLink = require('./components/DecoratorLink/DecoratorLink.js');
129
122
  var DecoratorDualButton = require('./components/DecoratorDualButton/DecoratorDualButton.js');
123
+ var DecoratorLink = require('./components/DecoratorLink/DecoratorLink.js');
130
124
  var DecoratorSingleButton = require('./components/DecoratorSingleButton/DecoratorSingleButton.js');
131
125
  var DescriptionList = require('./components/DescriptionList/DescriptionList.js');
132
126
  var DescriptionListBody = require('./components/DescriptionList/DescriptionListBody.js');
@@ -146,10 +140,16 @@ var HTTPError403 = require('./components/HTTPErrors/HTTPError403/HTTPError403.js
146
140
  var HTTPError404 = require('./components/HTTPErrors/HTTPError404/HTTPError404.js');
147
141
  var HTTPErrorOther = require('./components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js');
148
142
  var Nav = require('./components/Nav/Nav.js');
149
- var NavList = require('./components/Nav/NavList.js');
150
143
  var NavItem = require('./components/Nav/NavItem.js');
144
+ var NavList = require('./components/Nav/NavList.js');
145
+ var ScrollGradient = require('./components/ScrollGradient/ScrollGradient.js');
151
146
  var StatusIndicator = require('./components/StatusIndicator/StatusIndicator.js');
152
147
  var StatusIndicatorStep = require('./components/StatusIndicator/StatusIndicatorStep.js');
148
+ var StringFormatter = require('./components/StringFormatter/StringFormatter.js');
149
+ var UserAvatar = require('./components/UserAvatar/UserAvatar.js');
150
+ var CoachmarkStack = require('./components/CoachmarkStack/CoachmarkStack.js');
151
+ var Decorator = require('./components/Decorator/Decorator.js');
152
+ var usePrefix = require('./global/js/hooks/usePrefix.js');
153
153
 
154
154
 
155
155
 
@@ -194,31 +194,31 @@ exports.SingleAddSelect = SingleAddSelect.SingleAddSelect;
194
194
  exports.StatusIcon = StatusIcon.StatusIcon;
195
195
  exports.TagOverflow = TagOverflow.TagOverflow;
196
196
  exports.TagSet = TagSet.TagSet;
197
- exports.Tearsheet = Tearsheet$1.Tearsheet;
197
+ exports.Tearsheet = Tearsheet.Tearsheet;
198
198
  exports.TearsheetNarrow = TearsheetNarrow.TearsheetNarrow;
199
199
  exports.TearsheetPresence = TearsheetPresence.TearsheetPresence;
200
200
  exports.withTearsheetPresence = TearsheetPresence.withTearsheetPresence;
201
201
  exports.WebTerminal = WebTerminal.WebTerminal;
202
202
  exports.WebTerminalContentWrapper = WebTerminalContentWrapper.WebTerminalContentWrapper;
203
- exports.WebTerminalProvider = index$2.WebTerminalProvider;
204
- exports.useWebTerminal = index$2.useWebTerminal;
205
- exports.preview__Coachmark = Coachmark.Coachmark;
203
+ exports.WebTerminalProvider = index$1.WebTerminalProvider;
204
+ exports.useWebTerminal = index$1.useWebTerminal;
205
+ exports.preview__Coachmark = Coachmark$1.Coachmark;
206
206
  exports.preview__CoachmarkTagline = CoachmarkTagline.CoachmarkTagline;
207
- exports.preview__CoachmarkBeacon = CoachmarkBeacon.CoachmarkBeacon;
207
+ exports.preview__CoachmarkBeacon = CoachmarkBeacon$1.CoachmarkBeacon;
208
208
  exports.preview__TruncatedText = TruncatedText.TruncatedText;
209
- exports.preview__FeatureFlags = index$1.FeatureFlags;
210
- exports.preview__useFeatureFlag = index$1.useFeatureFlag;
211
- exports.preview__useFeatureFlags = index$1.useFeatureFlags;
212
- exports.preview__PageHeader = index;
213
- exports.preview__Tearsheet = Tearsheet.Tearsheet;
209
+ exports.preview__FeatureFlags = index$2.FeatureFlags;
210
+ exports.preview__useFeatureFlag = index$2.useFeatureFlag;
211
+ exports.preview__useFeatureFlags = index$2.useFeatureFlags;
212
+ exports.preview__PageHeader = index$3;
213
+ exports.preview__Tearsheet = Tearsheet$1.Tearsheet;
214
214
  exports.StackProvider = StackContext.StackProvider;
215
215
  exports.previewCandidate__BigNumber = BigNumber.BigNumber;
216
- exports.previewCandidate__Coachmark = Coachmark$1.Coachmark;
216
+ exports.previewCandidate__Coachmark = Coachmark.Coachmark;
217
217
  exports.BEACON_KIND = enums.BEACON_KIND;
218
218
  exports.COACHMARK_ALIGNMENT = enums.COACHMARK_ALIGNMENT;
219
219
  exports.COACHMARK_OVERLAY_KIND = enums.COACHMARK_OVERLAY_KIND;
220
220
  exports.useCoachmark = context.useCoachmark;
221
- exports.previewCandidate__CoachmarkBeacon = CoachmarkBeacon$1.CoachmarkBeacon;
221
+ exports.previewCandidate__CoachmarkBeacon = CoachmarkBeacon.CoachmarkBeacon;
222
222
  exports.previewCandidate__CoachmarkButton = CoachmarkButton.CoachmarkButton;
223
223
  exports.previewCandidate__CoachmarkFixed = CoachmarkFixed.CoachmarkFixed;
224
224
  exports.previewCandidate__CoachmarkOverlayElement = CoachmarkOverlayElement.CoachmarkOverlayElement;
@@ -241,7 +241,7 @@ exports.previewCandidate__ToolbarButton = ToolbarButton.ToolbarButton;
241
241
  exports.previewCandidate__ToolbarGroup = ToolbarGroup.ToolbarGroup;
242
242
  exports.previewCandidate__TruncatedList = TruncatedList.TruncatedList;
243
243
  exports.ComboButton = ComboButton.ComboButton;
244
- exports.ComboButtonItem = index$3.ComboButtonItem;
244
+ exports.ComboButtonItem = index.ComboButtonItem;
245
245
  exports.Datagrid = Datagrid.Datagrid;
246
246
  exports.useDatagrid = useDatagrid.default;
247
247
  exports.useInfiniteScroll = useInfiniteScroll.default;
@@ -271,30 +271,15 @@ exports.EditTearsheetNarrow = EditTearsheetNarrow.EditTearsheetNarrow;
271
271
  exports.EditUpdateCards = EditUpdateCards.EditUpdateCards;
272
272
  exports.UserProfileImage = UserProfileImage.UserProfileImage;
273
273
  exports.useFilterContext = useFilterContext.default;
274
- exports.usePrefix = usePrefix.usePrefix;
275
274
  exports.ActionBar = ActionBar.ActionBar;
276
- exports.previewCandidate__CoachmarkStack = CoachmarkStack.CoachmarkStack;
277
- Object.defineProperty(exports, "previewCandidate__Decorator", {
278
- enumerable: true,
279
- get: function () { return Decorator.Decorator; }
280
- });
281
- Object.defineProperty(exports, "ScrollGradient", {
282
- enumerable: true,
283
- get: function () { return ScrollGradient.ScrollGradient; }
284
- });
285
- Object.defineProperty(exports, "StringFormatter", {
275
+ Object.defineProperty(exports, "DecoratorDualButton", {
286
276
  enumerable: true,
287
- get: function () { return StringFormatter.StringFormatter; }
277
+ get: function () { return DecoratorDualButton.DecoratorDualButton; }
288
278
  });
289
- exports.UserAvatar = UserAvatar.UserAvatar;
290
279
  Object.defineProperty(exports, "DecoratorLink", {
291
280
  enumerable: true,
292
281
  get: function () { return DecoratorLink.DecoratorLink; }
293
282
  });
294
- Object.defineProperty(exports, "DecoratorDualButton", {
295
- enumerable: true,
296
- get: function () { return DecoratorDualButton.DecoratorDualButton; }
297
- });
298
283
  Object.defineProperty(exports, "DecoratorSingleButton", {
299
284
  enumerable: true,
300
285
  get: function () { return DecoratorSingleButton.DecoratorSingleButton; }
@@ -356,13 +341,17 @@ Object.defineProperty(exports, "Nav", {
356
341
  enumerable: true,
357
342
  get: function () { return Nav.Nav; }
358
343
  });
344
+ Object.defineProperty(exports, "NavItem", {
345
+ enumerable: true,
346
+ get: function () { return NavItem.NavItem; }
347
+ });
359
348
  Object.defineProperty(exports, "NavList", {
360
349
  enumerable: true,
361
350
  get: function () { return NavList.NavList; }
362
351
  });
363
- Object.defineProperty(exports, "NavItem", {
352
+ Object.defineProperty(exports, "ScrollGradient", {
364
353
  enumerable: true,
365
- get: function () { return NavItem.NavItem; }
354
+ get: function () { return ScrollGradient.ScrollGradient; }
366
355
  });
367
356
  Object.defineProperty(exports, "StatusIndicator", {
368
357
  enumerable: true,
@@ -372,3 +361,14 @@ Object.defineProperty(exports, "StatusIndicatorStep", {
372
361
  enumerable: true,
373
362
  get: function () { return StatusIndicatorStep.StatusIndicatorStep; }
374
363
  });
364
+ Object.defineProperty(exports, "StringFormatter", {
365
+ enumerable: true,
366
+ get: function () { return StringFormatter.StringFormatter; }
367
+ });
368
+ exports.UserAvatar = UserAvatar.UserAvatar;
369
+ exports.previewCandidate__CoachmarkStack = CoachmarkStack.CoachmarkStack;
370
+ Object.defineProperty(exports, "previewCandidate__Decorator", {
371
+ enumerable: true,
372
+ get: function () { return Decorator.Decorator; }
373
+ });
374
+ exports.usePrefix = usePrefix.usePrefix;