@carbon/ibm-products 2.96.0 → 2.97.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 (106) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +6383 -0
  2. package/css/index-full-carbon.css +72 -20
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +5 -1
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +72 -20
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +72 -20
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/AddSelect/next/AddSelectBody.d.ts +3 -1
  19. package/es/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
  20. package/es/components/AddSelect/next/AddSelectBody.js +14 -10
  21. package/es/components/AddSelect/next/AddSelectColumn.d.ts +3 -2
  22. package/es/components/AddSelect/next/AddSelectColumn.d.ts.map +1 -1
  23. package/es/components/AddSelect/next/AddSelectColumn.js +10 -5
  24. package/es/components/AddSelect/next/AddSelectItemPanel.d.ts +7 -0
  25. package/es/components/AddSelect/next/AddSelectItemPanel.d.ts.map +1 -1
  26. package/es/components/AddSelect/next/AddSelectItemPanel.js +7 -7
  27. package/es/components/AddSelect/next/AddSelectRow.d.ts +6 -0
  28. package/es/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
  29. package/es/components/AddSelect/next/AddSelectRow.js +4 -2
  30. package/es/components/AddSelect/next/AddSelectSelectionSummary.d.ts +34 -45
  31. package/es/components/AddSelect/next/AddSelectSelectionSummary.d.ts.map +1 -1
  32. package/es/components/AddSelect/next/AddSelectSelectionSummary.js +33 -45
  33. package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
  34. package/es/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -7
  35. package/es/components/AddSelect/next/context.d.ts +10 -2
  36. package/es/components/AddSelect/next/context.d.ts.map +1 -1
  37. package/es/components/AddSelect/next/context.js +1 -4
  38. package/es/components/Card/next/Card.stories.internal.d.ts +114 -0
  39. package/es/components/Card/next/Card.stories.internal.d.ts.map +1 -0
  40. package/es/components/CreateModal/CreateModal.d.ts +3 -0
  41. package/es/components/CreateModal/CreateModal.d.ts.map +1 -1
  42. package/es/components/CreateModal/CreateModal.js +8 -0
  43. package/es/components/CreateSidePanel/CreateSidePanel.d.ts +1 -0
  44. package/es/components/CreateSidePanel/CreateSidePanel.d.ts.map +1 -1
  45. package/es/components/CreateSidePanel/CreateSidePanel.js +6 -0
  46. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +1 -2
  47. package/es/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
  48. package/es/components/ExpressiveCard/ExpressiveCard.js +1 -2
  49. package/es/components/PageHeader/next/PageHeaderContent.d.ts +4 -0
  50. package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  51. package/es/components/PageHeader/next/PageHeaderContent.js +19 -20
  52. package/es/components/RemoveModal/RemoveModal.d.ts +3 -0
  53. package/es/components/RemoveModal/RemoveModal.d.ts.map +1 -1
  54. package/es/components/RemoveModal/RemoveModal.js +8 -0
  55. package/es/components/UserAvatar/UserAvatar.d.ts +2 -3
  56. package/es/components/UserAvatar/UserAvatar.d.ts.map +1 -1
  57. package/es/components/UserAvatar/UserAvatar.js +13 -2
  58. package/es/components/index.d.ts +1 -1
  59. package/es/components/index.d.ts.map +1 -1
  60. package/lib/components/AddSelect/next/AddSelectBody.d.ts +3 -1
  61. package/lib/components/AddSelect/next/AddSelectBody.d.ts.map +1 -1
  62. package/lib/components/AddSelect/next/AddSelectBody.js +12 -8
  63. package/lib/components/AddSelect/next/AddSelectColumn.d.ts +3 -2
  64. package/lib/components/AddSelect/next/AddSelectColumn.d.ts.map +1 -1
  65. package/lib/components/AddSelect/next/AddSelectColumn.js +10 -5
  66. package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts +7 -0
  67. package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts.map +1 -1
  68. package/lib/components/AddSelect/next/AddSelectItemPanel.js +7 -7
  69. package/lib/components/AddSelect/next/AddSelectRow.d.ts +6 -0
  70. package/lib/components/AddSelect/next/AddSelectRow.d.ts.map +1 -1
  71. package/lib/components/AddSelect/next/AddSelectRow.js +6 -2
  72. package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts +34 -45
  73. package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts.map +1 -1
  74. package/lib/components/AddSelect/next/AddSelectSelectionSummary.js +33 -45
  75. package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map +1 -1
  76. package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.js +5 -7
  77. package/lib/components/AddSelect/next/context.d.ts +10 -2
  78. package/lib/components/AddSelect/next/context.d.ts.map +1 -1
  79. package/lib/components/AddSelect/next/context.js +1 -4
  80. package/lib/components/Card/next/Card.stories.internal.d.ts +114 -0
  81. package/lib/components/Card/next/Card.stories.internal.d.ts.map +1 -0
  82. package/lib/components/CreateModal/CreateModal.d.ts +3 -0
  83. package/lib/components/CreateModal/CreateModal.d.ts.map +1 -1
  84. package/lib/components/CreateModal/CreateModal.js +8 -0
  85. package/lib/components/CreateSidePanel/CreateSidePanel.d.ts +1 -0
  86. package/lib/components/CreateSidePanel/CreateSidePanel.d.ts.map +1 -1
  87. package/lib/components/CreateSidePanel/CreateSidePanel.js +6 -0
  88. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +1 -2
  89. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
  90. package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -2
  91. package/lib/components/PageHeader/next/PageHeaderContent.d.ts +4 -0
  92. package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
  93. package/lib/components/PageHeader/next/PageHeaderContent.js +17 -18
  94. package/lib/components/RemoveModal/RemoveModal.d.ts +3 -0
  95. package/lib/components/RemoveModal/RemoveModal.d.ts.map +1 -1
  96. package/lib/components/RemoveModal/RemoveModal.js +8 -0
  97. package/lib/components/UserAvatar/UserAvatar.d.ts +2 -3
  98. package/lib/components/UserAvatar/UserAvatar.d.ts.map +1 -1
  99. package/lib/components/UserAvatar/UserAvatar.js +13 -2
  100. package/lib/components/index.d.ts +1 -1
  101. package/lib/components/index.d.ts.map +1 -1
  102. package/package.json +6 -6
  103. package/scss/components/AddSelect/_add-select_next.scss +81 -18
  104. package/scss/components/PageHeader/_page-header.scss +2 -1
  105. package/scss/components/Tearsheet/_tearsheet.scss +3 -0
  106. package/telemetry.yml +16 -3
@@ -31,6 +31,9 @@ resource. It is triggered by a user’s action, appears on top of the main page
31
31
  content, and is persistent until dismissed. The purpose of this modal should be
32
32
  immediately apparent to the user, with a clear and obvious path to completion.
33
33
  */
34
+ /**
35
+ * @deprecated This component is deprecated.
36
+ */
34
37
  const CreateModal = react.default.forwardRef((props, ref) => {
35
38
  const { className, children, onRequestClose, onRequestSubmit, open, title, subtitle, description, secondaryButtonText, portalTarget: portalTargetIn, primaryButtonText, disableSubmit, selectorPrimaryFocus, ...rest } = props;
36
39
  return require_usePortalTarget.usePortalTarget(portalTargetIn)(/* @__PURE__ */ react.default.createElement(_carbon_react.ComposedModal, {
@@ -65,6 +68,11 @@ const CreateModal = react.default.forwardRef((props, ref) => {
65
68
  disabled: disableSubmit
66
69
  }, primaryButtonText))));
67
70
  });
71
+ /**@ts-ignore*/
72
+ CreateModal.deprecated = {
73
+ level: "warn",
74
+ details: `Please replace ${componentName} with Create Modal pattern`
75
+ };
68
76
  CreateModal.propTypes = {
69
77
  /**
70
78
  * Children refers to all form items within a form inside of the modal's body.
@@ -77,6 +77,7 @@ interface CreateSidePanelProps {
77
77
  }
78
78
  /**
79
79
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
80
+ * @deprecated This component is deprecated.
80
81
  */
81
82
  export declare const CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
82
83
  children?: ReactNode | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"CreateSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/CreateSidePanel/CreateSidePanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB5D,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;wCAyF3B,CAAC"}
1
+ {"version":3,"file":"CreateSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/CreateSidePanel/CreateSidePanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB5D,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe;;wCAyF3B,CAAC"}
@@ -28,6 +28,7 @@ const blockClass = `${require_settings.pkg.prefix}--create-side-panel`;
28
28
  const componentName = "CreateSidePanel";
29
29
  /**
30
30
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
31
+ * @deprecated This component is deprecated.
31
32
  */
32
33
  const CreateSidePanel = react.default.forwardRef(({ className, children, disableSubmit, formTitle, formDescription, id, onRequestClose, onRequestSubmit, open, primaryButtonText, secondaryButtonText, selectorPageContent, selectorPrimaryFocus, subtitle, title, ...rest }, ref) => {
33
34
  const actions = [{
@@ -71,6 +72,11 @@ const CreateSidePanel = react.default.forwardRef(({ className, children, disable
71
72
  onSubmit: (e) => e.preventDefault()
72
73
  }, children));
73
74
  });
75
+ /**@ts-ignore*/
76
+ CreateSidePanel.deprecated = {
77
+ level: "warn",
78
+ details: `Please replace ${componentName} with CreateSidePanel true pattern`
79
+ };
74
80
  CreateSidePanel.displayName = componentName;
75
81
  CreateSidePanel.propTypes = {
76
82
  /**
@@ -1,5 +1,4 @@
1
1
  import React, { PropsWithChildren, ReactNode } from 'react';
2
- import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
3
2
  import { ActionIcon } from '../Card/Card';
4
3
  export interface ExpressiveCardProps extends PropsWithChildren {
5
4
  /**
@@ -48,7 +47,7 @@ export interface ExpressiveCardProps extends PropsWithChildren {
48
47
  /**
49
48
  * Provides the icon that's displayed at the top of the card
50
49
  */
51
- pictogram?: CarbonIconType;
50
+ pictogram?: ReactNode;
52
51
  /**
53
52
  * Optionally specify an href for your Button to become an <a> element
54
53
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ExpressiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressiveCard/ExpressiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IAEH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAID,eAAO,MAAM,cAAc,4FAa1B,CAAC"}
1
+ {"version":3,"file":"ExpressiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ExpressiveCard/ExpressiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAOxE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IAEH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,mBAAmB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAID,eAAO,MAAM,cAAc,4FAa1B,CAAC"}
@@ -88,8 +88,7 @@ ExpressiveCard.propTypes = {
88
88
  /**
89
89
  * Provides the icon that's displayed at the top of the card
90
90
  */
91
- /**@ts-ignore */
92
- pictogram: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
91
+ pictogram: prop_types.default.node,
93
92
  /**
94
93
  * Optionally specify an href for your Button to become an <a> element
95
94
  */
@@ -33,6 +33,10 @@ export interface PageHeaderContentProps {
33
33
  * Specify the element or component used to render the title.
34
34
  */
35
35
  titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | typeof Heading;
36
+ /**
37
+ * Specify the maximum number of lines the title can span before truncating.
38
+ */
39
+ titleTruncate?: number;
36
40
  /**
37
41
  * The PageHeaderContent's contextual actions
38
42
  */
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAIf,OAAO,EAML,OAAO,EACR,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAExE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FA0G5B,CAAC"}
1
+ {"version":3,"file":"PageHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAyB,OAAO,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGxE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,iBAAiB,CAAC;IAC/C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,OAAO,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB,+FA2F5B,CAAC"}
@@ -7,8 +7,8 @@
7
7
 
8
8
  const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
9
9
  const require_index = require("../../../node_modules/classnames/index.js");
10
- const require_useIsomorphicEffect = require("../../../global/js/hooks/useIsomorphicEffect.js");
11
10
  const require_PageHeaderUtils = require("../PageHeaderUtils.js");
11
+ const require_TruncatedText = require("../../TruncatedText/TruncatedText.js");
12
12
  const require_context = require("./context.js");
13
13
  let react = require("react");
14
14
  react = require_runtime.__toESM(react);
@@ -23,12 +23,13 @@ let _carbon_react = require("@carbon/react");
23
23
  * LICENSE file in the root directory of this source tree.
24
24
  */
25
25
  var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
26
- const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({ className, children, title, titleAs = "h1", renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
26
+ const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({ className, children, title, titleAs: TitleTag = "h1", titleTruncate, renderIcon: IconElement, contextualActions, pageActions, ...other }, ref) {
27
27
  const contentRef = (0, react.useRef)(null);
28
28
  const componentRef = ref ?? contentRef;
29
29
  const { setRefs, setPageActionsInstance } = require_context.usePageHeader();
30
30
  const classNames = (0, import_classnames.default)({ [`${require_PageHeaderUtils.blockClass}__content`]: true }, className);
31
31
  const titleRef = (0, react.useRef)(null);
32
+ const titleLines = titleTruncate ?? (contextualActions ? 1 : 2);
32
33
  (0, react.useEffect)(() => {
33
34
  if (componentRef?.current) setRefs((prev) => ({
34
35
  ...prev,
@@ -40,14 +41,6 @@ const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({
40
41
  if (typeof pageActions === "function") setPageActionsInstance(() => pageActions);
41
42
  else setPageActionsInstance(pageActions ?? null);
42
43
  }, [pageActions]);
43
- const [isEllipsisApplied, setIsEllipsisApplied] = (0, react.useState)(false);
44
- const isEllipsisActive = (element) => {
45
- setIsEllipsisApplied(element.offsetHeight < element.scrollHeight);
46
- return element.offsetHeight < element.scrollHeight;
47
- };
48
- require_useIsomorphicEffect.useIsomorphicEffect(() => {
49
- titleRef.current && isEllipsisActive(titleRef.current);
50
- }, [title]);
51
44
  return /* @__PURE__ */ react.default.createElement(_carbon_react.Section, {
52
45
  as: "div",
53
46
  className: classNames,
@@ -57,15 +50,17 @@ const PageHeaderContent = react.default.forwardRef(function PageHeaderContent({
57
50
  lg: 16,
58
51
  md: 8,
59
52
  sm: 4
60
- }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__start` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__icon` }, /* @__PURE__ */ react.default.createElement(IconElement, null)), isEllipsisApplied ? /* @__PURE__ */ react.default.createElement(_carbon_react.DefinitionTooltip, { definition: title }, /* @__PURE__ */ react.default.createElement(_carbon_react.unstable_Text, {
53
+ }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-wrapper` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__start` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__title-container` }, IconElement && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__icon` }, /* @__PURE__ */ react.default.createElement(IconElement, null)), /* @__PURE__ */ react.default.createElement(TitleTag, {
61
54
  ref: titleRef,
62
- as: titleAs,
63
55
  className: `${require_PageHeaderUtils.blockClass}__content__title`
64
- }, title)) : /* @__PURE__ */ react.default.createElement(_carbon_react.unstable_Text, {
65
- ref: titleRef,
66
- as: titleAs,
67
- className: `${require_PageHeaderUtils.blockClass}__content__title`
68
- }, title)), contextualActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions({
56
+ }, /* @__PURE__ */ react.default.createElement(require_TruncatedText.TruncatedText, {
57
+ id: `${require_PageHeaderUtils.blockClass}__content__title__truncatedText`,
58
+ className: `${require_PageHeaderUtils.blockClass}__content__title-text`,
59
+ align: "bottom",
60
+ value: title,
61
+ lines: titleLines,
62
+ type: "tooltip"
63
+ }))), contextualActions && /* @__PURE__ */ react.default.createElement("div", { className: `${require_PageHeaderUtils.blockClass}__content__contextual-actions` }, contextualActions)), typeof pageActions === "function" ? pageActions({
69
64
  fullyCollapsed: false,
70
65
  titleClipped: false,
71
66
  contentActionsClipped: false
@@ -111,7 +106,11 @@ PageHeaderContent.propTypes = {
111
106
  "h4",
112
107
  "h5",
113
108
  "h6"
114
- ]), prop_types.default.elementType])
109
+ ]), prop_types.default.elementType]),
110
+ /**
111
+ * Specify the maximum number of lines the title can span before truncating.
112
+ */
113
+ titleTruncate: prop_types.default.number
115
114
  };
116
115
  //#endregion
117
116
  exports.PageHeaderContent = PageHeaderContent;
@@ -78,6 +78,9 @@ export interface RemoveModalProps extends React.ComponentProps<typeof ComposedMo
78
78
  */
79
79
  title: string;
80
80
  }
81
+ /**
82
+ * @deprecated This component is deprecated.
83
+ */
81
84
  export declare const RemoveModal: React.ForwardRefExoticComponent<RemoveModalProps & {
82
85
  children?: ReactNode | undefined;
83
86
  } & React.RefAttributes<unknown>>;
@@ -1 +1 @@
1
- {"version":3,"file":"RemoveModal.d.ts","sourceRoot":"","sources":["../../../src/components/RemoveModal/RemoveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAKd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,WAAW;;iCAkHvB,CAAC"}
1
+ {"version":3,"file":"RemoveModal.d.ts","sourceRoot":"","sources":["../../../src/components/RemoveModal/RemoveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,aAAa,EAKd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAWf,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;IAClD;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AASD;;GAEG;AACH,eAAO,MAAM,WAAW;;iCAkHvB,CAAC"}
@@ -20,6 +20,9 @@ let _carbon_react = require("@carbon/react");
20
20
  //#region src/components/RemoveModal/RemoveModal.tsx
21
21
  var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
22
22
  const componentName = "RemoveModal";
23
+ /**
24
+ * @deprecated This component is deprecated.
25
+ */
23
26
  const RemoveModal = (0, react.forwardRef)(({ body, className, iconDescription, inputInvalidText, inputLabelText, inputPlaceholderText, label, onClose, onRequestSubmit, open, portalTarget: portalTargetIn, preventCloseOnClickOutside, primaryButtonDisabled, primaryButtonText, primaryDangerDescription, resourceName, secondaryButtonText, textConfirmation, title, ...rest }, ref) => {
24
27
  const previousState = require_usePreviousValue.usePreviousValue({ open });
25
28
  const [userInput, setUserInput] = (0, react.useState)("");
@@ -74,6 +77,11 @@ const RemoveModal = (0, react.forwardRef)(({ body, className, iconDescription, i
74
77
  disabled: primaryButtonStatus
75
78
  }, primaryButtonText))));
76
79
  });
80
+ /**@ts-ignore*/
81
+ RemoveModal.deprecated = {
82
+ level: "warn",
83
+ details: `Please replace ${componentName} with Delete and remove pattern`
84
+ };
77
85
  RemoveModal.propTypes = {
78
86
  /**
79
87
  * The content to be displayed in the body of the modal
@@ -5,13 +5,12 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import React from 'react';
8
- import '../../global/js/utils/props-helper';
8
+ import { PopoverAlignment } from '@carbon/react';
9
9
  /**
10
10
  * TODO: A description of the component.
11
11
  */
12
12
  type BackgroundColor = 'order-1-cyan' | 'order-2-gray' | 'order-3-green' | 'order-4-magenta' | 'order-5-purple' | 'order-6-teal' | 'order-7-cyan' | 'order-8-gray' | 'order-9-green' | 'order-10-magenta' | 'order-11-purple' | 'order-12-teal';
13
13
  type Size = 'xl' | 'lg' | 'md' | 'sm';
14
- type TooltipAlignment = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
15
14
  type ImageProps = {
16
15
  /**
17
16
  * When passing the image prop, supply a full path to the image to be displayed.
@@ -49,7 +48,7 @@ type UserAvatarBaseProps = {
49
48
  /**
50
49
  * Specify how the trigger should align with the tooltip
51
50
  */
52
- tooltipAlignment?: TooltipAlignment;
51
+ tooltipAlignment?: PopoverAlignment;
53
52
  /**
54
53
  * Pass in the display name to have it shown on hover
55
54
  */
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,oCAAoC,CAAC;AAU5C;;GAEG;AACH,KAAK,eAAe,GAChB,cAAc,GACd,cAAc,GACd,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,gBAAgB,GACjB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,UAAU,GACX;IACE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEN,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC;AAExD,eAAO,MAAM,UAAU,wFAgGtB,CAAC"}
1
+ {"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,gBAAgB,EAAsB,MAAM,eAAe,CAAC;AAUrE;;GAEG;AACH,KAAK,eAAe,GAChB,cAAc,GACd,cAAc,GACd,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,kBAAkB,GAClB,iBAAiB,GACjB,eAAe,CAAC;AACpB,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,UAAU,GACX;IACE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC1B,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEN,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC;AAExD,eAAO,MAAM,UAAU,wFAgGtB,CAAC"}
@@ -9,7 +9,6 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_index = require("../../node_modules/classnames/index.js");
10
10
  const require_settings = require("../../settings.js");
11
11
  const require_devtools = require("../../global/js/utils/devtools.js");
12
- require("../../global/js/utils/props-helper.js");
13
12
  const require_TooltipTrigger = require("../TooltipTrigger/TooltipTrigger.js");
14
13
  let react = require("react");
15
14
  react = require_runtime.__toESM(react);
@@ -133,11 +132,23 @@ UserAvatar.propTypes = {
133
132
  "top",
134
133
  "top-left",
135
134
  "top-right",
135
+ "top-start",
136
+ "top-end",
136
137
  "bottom",
137
138
  "bottom-left",
138
139
  "bottom-right",
140
+ "bottom-start",
141
+ "bottom-end",
139
142
  "left",
140
- "right"
143
+ "left-bottom",
144
+ "left-top",
145
+ "left-start",
146
+ "left-end",
147
+ "right",
148
+ "right-bottom",
149
+ "right-top",
150
+ "right-start",
151
+ "right-end"
141
152
  ]),
142
153
  /**
143
154
  * Pass in the display name to have it shown on hover
@@ -37,7 +37,7 @@ export * from './Tearsheet';
37
37
  export * from './UserAvatar';
38
38
  export * from './WebTerminal';
39
39
  export { AddSelectData } from '@carbon/ibm-products-utilities';
40
- export type { AddSelectItem, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
40
+ export type { AddSelectItem, ItemDetailEntry, ItemDetails, ItemStatus, SearchOptions, } from '@carbon/ibm-products-utilities';
41
41
  /**
42
42
  * Non-stable components
43
43
  * draft | previewCandidate | preview
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.96.0",
4
+ "version": "2.97.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -67,7 +67,7 @@
67
67
  "@babel/preset-react": "^7.26.3",
68
68
  "@babel/preset-typescript": "^7.26.0",
69
69
  "@carbon/charts-react": "^1.27.16",
70
- "@carbon/ibm-products-utilities": "1.5.0",
70
+ "@carbon/ibm-products-utilities": "1.6.0",
71
71
  "@carbon/styles": "^1.110.1",
72
72
  "@figma/code-connect": "^1.4.0",
73
73
  "@ibm/telemetry-js-config-generator": "^2.0.1",
@@ -80,7 +80,7 @@
80
80
  "@types/react-table": "^7.7.20",
81
81
  "@vitejs/plugin-react": "^5.0.0",
82
82
  "babel-plugin-dev-expression": "^0.2.3",
83
- "babel-preset-ibm-cloud-cognitive": "^0.54.0",
83
+ "babel-preset-ibm-cloud-cognitive": "^0.55.0",
84
84
  "change-case": "5.4.4",
85
85
  "classnames": "^2.5.1",
86
86
  "copyfiles": "^2.4.1",
@@ -88,7 +88,7 @@
88
88
  "fs-extra": "^11.3.0",
89
89
  "glob": "^13.0.0",
90
90
  "jest": "^30.0.5",
91
- "jest-config-ibm-cloud-cognitive": "^1.55.0",
91
+ "jest-config-ibm-cloud-cognitive": "^1.56.0",
92
92
  "jest-environment-jsdom": "^30.0.5",
93
93
  "namor": "^1.1.2",
94
94
  "npm-run-all2": "^8.0.0",
@@ -108,7 +108,7 @@
108
108
  "@babel/runtime": "^7.26.10",
109
109
  "@carbon-labs/react-resizer": "^0.25.0",
110
110
  "@carbon/feature-flags": "^1.4.0",
111
- "@carbon/ibm-products-styles": "^2.92.0",
111
+ "@carbon/ibm-products-styles": "^2.93.0",
112
112
  "@carbon/telemetry": "^0.1.0",
113
113
  "@carbon/utilities": "^0.21.0",
114
114
  "@carbon/utilities-react": "0.24.0",
@@ -132,5 +132,5 @@
132
132
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
133
133
  "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
134
134
  },
135
- "gitHead": "452f9b6ddfcc5e76fc88cc005bfc5455944872cb"
135
+ "gitHead": "91d179a76c469fdcccc0c3a60900146b452e4055"
136
136
  }
@@ -575,24 +575,6 @@ $carbon-prefix: #{c4p-settings.$carbon-prefix};
575
575
  gap: $spacing-03;
576
576
  margin-inline-start: auto;
577
577
  }
578
-
579
- &-item-default {
580
- border-block-end: 1px solid $border-subtle-01;
581
- padding-block: $spacing-04;
582
- padding-inline: $spacing-05;
583
- }
584
-
585
- &-item-default-title {
586
- @include type-style('body-compact-01');
587
-
588
- color: $text-primary;
589
- }
590
-
591
- &-item-default-subtitle {
592
- @include type-style('body-01');
593
-
594
- color: $text-secondary;
595
- }
596
578
  }
597
579
 
598
580
  // ──────────────────────────────────────────────────────────────
@@ -787,7 +769,88 @@ $carbon-prefix: #{c4p-settings.$carbon-prefix};
787
769
  // ──────────────────────────────────────────────────────────────
788
770
  // AddSelectItemSummaryPanel - Item summary view
789
771
  // ──────────────────────────────────────────────────────────────
772
+
773
+ @keyframes add-select-item-panel-entrance {
774
+ 0% {
775
+ opacity: 0;
776
+ transform: translateX(100%);
777
+ }
778
+
779
+ 100% {
780
+ opacity: 1;
781
+ transform: translateX(0);
782
+ }
783
+ }
784
+
785
+ @keyframes add-select-item-panel-exit {
786
+ 0% {
787
+ opacity: 1;
788
+ transform: translateX(0);
789
+ }
790
+
791
+ 100% {
792
+ opacity: 0;
793
+ transform: translateX(100%);
794
+ }
795
+ }
796
+
797
+ @keyframes add-select-item-panel-entrance-reduced {
798
+ 0% {
799
+ opacity: 0;
800
+ }
801
+
802
+ 100% {
803
+ opacity: 1;
804
+ }
805
+ }
806
+
807
+ @keyframes add-select-item-panel-exit-reduced {
808
+ 0% {
809
+ opacity: 1;
810
+ }
811
+
812
+ 100% {
813
+ opacity: 0;
814
+ }
815
+ }
816
+
790
817
  .#{$block-class__next}__item-summary-panel {
818
+ // Hidden by default — the panel must be explicitly opened with `open={true}`.
819
+ // `display: none` is toggled via `transition-behavior: allow-discrete` in
820
+ // modern browsers; older browsers fall back to visibility + animation.
821
+ display: none;
822
+ block-size: 100%;
823
+ inline-size: 100%;
824
+ transform: translateX(0);
825
+ transition-behavior: allow-discrete;
826
+ transition-duration: $duration-moderate-01;
827
+ transition-property: display, opacity, transform;
828
+
829
+ // Open state — entrance animation (slides in from the right)
830
+ &--open {
831
+ display: flex;
832
+ flex-direction: column;
833
+ animation: add-select-item-panel-entrance $duration-moderate-01
834
+ motion(entrance, productive) forwards;
835
+
836
+ // Modern browsers: fade + slide from right on first paint
837
+ @starting-style {
838
+ opacity: 0;
839
+ transform: translateX(100%);
840
+ }
841
+
842
+ // Reduced motion: fade only
843
+ @media (prefers-reduced-motion) {
844
+ animation: add-select-item-panel-entrance-reduced $duration-moderate-01
845
+ motion(entrance, productive) forwards;
846
+
847
+ @starting-style {
848
+ opacity: 0;
849
+ transform: translateX(0);
850
+ }
851
+ }
852
+ }
853
+
791
854
  &-header {
792
855
  display: flex;
793
856
  align-items: center;
@@ -921,7 +921,6 @@ $duration: 1000ms;
921
921
  @include type.type-style('productive-heading-04');
922
922
 
923
923
  display: -webkit-box;
924
- overflow: hidden;
925
924
  -webkit-box-orient: vertical;
926
925
  -webkit-line-clamp: 2;
927
926
  max-inline-size: to-rem(640px);
@@ -1046,9 +1045,11 @@ $duration: 1000ms;
1046
1045
  .#{$block-class}__tab-bar {
1047
1046
  position: sticky;
1048
1047
  z-index: 1;
1048
+ align-content: center;
1049
1049
  background-color: $layer;
1050
1050
  /* stylelint-disable-next-line carbon/layout-use */
1051
1051
  inset-block-start: var(--#{$pkg-prefix}-page-header-breadcrumb-top);
1052
+ min-block-size: $spacing-08;
1052
1053
  }
1053
1054
 
1054
1055
  // Disable sticky positioning for tab bar when disableStickyTabBar prop is true
@@ -484,6 +484,7 @@ $motion-duration: $duration-moderate-02;
484
484
  flex-grow: 1;
485
485
  grid-template-columns: 100%;
486
486
  grid-template-rows: 1fr auto;
487
+ min-inline-size: 0;
487
488
  }
488
489
 
489
490
  .#{$block-class}__main {
@@ -492,6 +493,7 @@ $motion-duration: $duration-moderate-02;
492
493
  background-color: $background;
493
494
  grid-column: 1 / -1;
494
495
  grid-row: 1 / -1;
496
+ min-inline-size: 0;
495
497
  }
496
498
 
497
499
  &.#{$block-class}--narrow .#{$block-class}__main {
@@ -507,6 +509,7 @@ $motion-duration: $duration-moderate-02;
507
509
  .#{$block-class}__content {
508
510
  overflow: auto;
509
511
  flex-grow: 1;
512
+ min-inline-size: 0;
510
513
  }
511
514
 
512
515
  &.#{$block-class}--has-slug .#{$block-class}__content,
package/telemetry.yml CHANGED
@@ -343,7 +343,6 @@ collect:
343
343
  - selectAllToggle
344
344
  - selected
345
345
  - selectedHeaderReorderActive
346
- - selectedItems
347
346
  - selectedOption
348
347
  - selectionAreas
349
348
  - selectorPageContent
@@ -394,6 +393,7 @@ collect:
394
393
  - titleEnd
395
394
  - titleSize
396
395
  - titleStart
396
+ - titleTruncate
397
397
  - toolbarBatchActions
398
398
  - toolbarBatchActionsDisplayMin
399
399
  - tooltipAlign
@@ -444,6 +444,7 @@ collect:
444
444
  - disableStacking
445
445
  # AddSelect
446
446
  - onItemSelect
447
+ - selectedItems
447
448
  # AddSelectBody
448
449
  - breadcrumbItemProps
449
450
  - breadcrumbProps
@@ -496,6 +497,7 @@ collect:
496
497
  - itemPanelIconButtonProps
497
498
  - itemPanelIconDescription
498
499
  - itemPanelOpen
500
+ - navIndicatorLabel
499
501
  - onItemPanelClick
500
502
  - radioButtonProps
501
503
  - rowContent
@@ -505,7 +507,7 @@ collect:
505
507
  - editIconDescription
506
508
  - emptyState
507
509
  - onEdit
508
- - showCount
510
+ - selectedItemCount
509
511
  - showEditIcon
510
512
  # AddSelectSelectionSummaryItem
511
513
  - removeButtonLabel
@@ -595,7 +597,6 @@ collect:
595
597
  - descriptionTruncate
596
598
  - labelTruncate
597
599
  - maxWidth
598
- - titleTruncate
599
600
  # Carousel
600
601
  - disableArrowScroll
601
602
  - disableResetOnResize
@@ -1259,13 +1260,25 @@ collect:
1259
1260
  - top
1260
1261
  # General - tooltipAlignment
1261
1262
  - bottom
1263
+ - bottom-end
1262
1264
  - bottom-left
1263
1265
  - bottom-right
1266
+ - bottom-start
1264
1267
  - left
1268
+ - left-bottom
1269
+ - left-end
1270
+ - left-start
1271
+ - left-top
1265
1272
  - right
1273
+ - right-bottom
1274
+ - right-end
1275
+ - right-start
1276
+ - right-top
1266
1277
  - top
1278
+ - top-end
1267
1279
  - top-left
1268
1280
  - top-right
1281
+ - top-start
1269
1282
  # General - truncateValue
1270
1283
  - end
1271
1284
  - start