@carbon/ibm-products 2.92.1 → 2.93.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 (152) hide show
  1. package/css/index-full-carbon.css +99 -20
  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 +70 -20
  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 +99 -20
  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 +70 -20
  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/Coachmark/next/Coachmark/Coachmark.d.ts +9 -12
  18. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  19. package/es/components/Coachmark/next/Coachmark/Coachmark.js +16 -27
  20. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -1
  21. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts.map +1 -1
  22. package/es/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +3 -4
  23. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +8 -4
  24. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
  25. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +19 -5
  26. package/es/components/Coachmark/next/Coachmark/{ContentBody.d.ts → CoachmarkContentBody.d.ts} +5 -5
  27. package/es/components/Coachmark/next/Coachmark/CoachmarkContentBody.d.ts.map +1 -0
  28. package/es/components/Coachmark/next/Coachmark/{ContentBody.js → CoachmarkContentBody.js} +10 -6
  29. package/{lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts → es/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts} +7 -3
  30. package/es/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts.map +1 -0
  31. package/es/components/Coachmark/next/Coachmark/{ContentHeader.js → CoachmarkContentHeader.js} +55 -12
  32. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts.map +1 -1
  33. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +2 -2
  34. package/es/components/Coachmark/next/Coachmark/index.d.ts +5 -4
  35. package/es/components/Coachmark/next/Coachmark/index.d.ts.map +1 -1
  36. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +3 -3
  37. package/es/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
  38. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -15
  39. package/es/components/InterstitialScreen/InterstitialScreenBody.js +1 -1
  40. package/es/components/PageHeader/next/PageHeader.d.ts.map +1 -1
  41. package/es/components/PageHeader/next/PageHeader.js +6 -2
  42. package/es/components/PageHeader/next/PageHeaderTabBar.d.ts +4 -0
  43. package/es/components/PageHeader/next/PageHeaderTabBar.d.ts.map +1 -1
  44. package/es/components/PageHeader/next/PageHeaderTabBar.js +7 -2
  45. package/es/components/PageHeader/next/context.d.ts +2 -0
  46. package/es/components/PageHeader/next/context.d.ts.map +1 -1
  47. package/es/components/PageHeader/next/context.js +3 -1
  48. package/es/components/ProductiveCard/ProductiveCard.d.ts +3 -3
  49. package/es/components/ProductiveCard/ProductiveCard.d.ts.map +1 -1
  50. package/es/components/ProductiveCard/ProductiveCard.js +3 -15
  51. package/es/components/Tearsheet/TearsheetShell.d.ts.map +1 -1
  52. package/es/components/Tearsheet/TearsheetShell.js +17 -8
  53. package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
  54. package/es/components/Tearsheet/next/Tearsheet.js +21 -2
  55. package/es/components/Tearsheet/next/TearsheetBody.d.ts +16 -0
  56. package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
  57. package/es/components/Tearsheet/next/TearsheetBody.js +22 -4
  58. package/es/components/Tearsheet/next/TearsheetFooter.js +1 -1
  59. package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
  60. package/es/components/Tearsheet/next/TearsheetHeader.js +3 -1
  61. package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts +1 -1
  62. package/es/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
  63. package/es/components/Tearsheet/next/TearsheetHeaderActions.js +6 -3
  64. package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
  65. package/es/components/Tearsheet/next/TearsheetHeaderContent.js +9 -3
  66. package/es/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
  67. package/es/components/Tearsheet/next/context.d.ts +1 -0
  68. package/es/components/Tearsheet/next/context.d.ts.map +1 -1
  69. package/es/components/Tearsheet/usePresence.d.ts.map +1 -1
  70. package/es/components/Tearsheet/usePresence.js +3 -2
  71. package/es/global/js/package-settings.d.ts +1 -0
  72. package/es/global/js/package-settings.d.ts.map +1 -1
  73. package/es/global/js/package-settings.js +1 -0
  74. package/es/global/js/utils/makeDraggable/makeDraggable.d.ts +8 -2
  75. package/es/global/js/utils/makeDraggable/makeDraggable.d.ts.map +1 -1
  76. package/es/global/js/utils/makeDraggable/makeDraggable.js +87 -17
  77. package/es/settings.d.ts +1 -0
  78. package/es/settings.d.ts.map +1 -1
  79. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +9 -12
  80. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  81. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +16 -27
  82. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts +1 -1
  83. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.d.ts.map +1 -1
  84. package/lib/components/Coachmark/next/Coachmark/CoachmarkBeacon/CoachmarkBeacon.js +3 -4
  85. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +8 -4
  86. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
  87. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +19 -5
  88. package/lib/components/Coachmark/next/Coachmark/{ContentBody.d.ts → CoachmarkContentBody.d.ts} +5 -5
  89. package/lib/components/Coachmark/next/Coachmark/CoachmarkContentBody.d.ts.map +1 -0
  90. package/lib/components/Coachmark/next/Coachmark/{ContentBody.js → CoachmarkContentBody.js} +10 -6
  91. package/{es/components/Coachmark/next/Coachmark/ContentHeader.d.ts → lib/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts} +7 -3
  92. package/lib/components/Coachmark/next/Coachmark/CoachmarkContentHeader.d.ts.map +1 -0
  93. package/lib/components/Coachmark/next/Coachmark/{ContentHeader.js → CoachmarkContentHeader.js} +54 -11
  94. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.d.ts.map +1 -1
  95. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +2 -2
  96. package/lib/components/Coachmark/next/Coachmark/index.d.ts +5 -4
  97. package/lib/components/Coachmark/next/Coachmark/index.d.ts.map +1 -1
  98. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +3 -3
  99. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts.map +1 -1
  100. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -15
  101. package/lib/components/InterstitialScreen/InterstitialScreenBody.js +1 -1
  102. package/lib/components/PageHeader/next/PageHeader.d.ts.map +1 -1
  103. package/lib/components/PageHeader/next/PageHeader.js +6 -2
  104. package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts +4 -0
  105. package/lib/components/PageHeader/next/PageHeaderTabBar.d.ts.map +1 -1
  106. package/lib/components/PageHeader/next/PageHeaderTabBar.js +6 -1
  107. package/lib/components/PageHeader/next/context.d.ts +2 -0
  108. package/lib/components/PageHeader/next/context.d.ts.map +1 -1
  109. package/lib/components/PageHeader/next/context.js +3 -1
  110. package/lib/components/ProductiveCard/ProductiveCard.d.ts +3 -3
  111. package/lib/components/ProductiveCard/ProductiveCard.d.ts.map +1 -1
  112. package/lib/components/ProductiveCard/ProductiveCard.js +3 -15
  113. package/lib/components/Tearsheet/TearsheetShell.d.ts.map +1 -1
  114. package/lib/components/Tearsheet/TearsheetShell.js +15 -6
  115. package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
  116. package/lib/components/Tearsheet/next/Tearsheet.js +21 -2
  117. package/lib/components/Tearsheet/next/TearsheetBody.d.ts +16 -0
  118. package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
  119. package/lib/components/Tearsheet/next/TearsheetBody.js +22 -4
  120. package/lib/components/Tearsheet/next/TearsheetFooter.js +1 -1
  121. package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
  122. package/lib/components/Tearsheet/next/TearsheetHeader.js +3 -1
  123. package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts +1 -1
  124. package/lib/components/Tearsheet/next/TearsheetHeaderActions.d.ts.map +1 -1
  125. package/lib/components/Tearsheet/next/TearsheetHeaderActions.js +5 -2
  126. package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
  127. package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +9 -3
  128. package/lib/components/Tearsheet/next/_story-assets/StepTearsheet.d.ts.map +1 -1
  129. package/lib/components/Tearsheet/next/context.d.ts +1 -0
  130. package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
  131. package/lib/components/Tearsheet/usePresence.d.ts.map +1 -1
  132. package/lib/components/Tearsheet/usePresence.js +2 -1
  133. package/lib/global/js/package-settings.d.ts +1 -0
  134. package/lib/global/js/package-settings.d.ts.map +1 -1
  135. package/lib/global/js/package-settings.js +1 -0
  136. package/lib/global/js/utils/makeDraggable/makeDraggable.d.ts +8 -2
  137. package/lib/global/js/utils/makeDraggable/makeDraggable.d.ts.map +1 -1
  138. package/lib/global/js/utils/makeDraggable/makeDraggable.js +87 -17
  139. package/lib/settings.d.ts +1 -0
  140. package/lib/settings.d.ts.map +1 -1
  141. package/package.json +7 -7
  142. package/scss/components/Coachmark/_carbon-imports.scss +2 -1
  143. package/scss/components/Coachmark/_coachmark_next.scss +53 -0
  144. package/scss/components/Coachmark/_index.scss +4 -1
  145. package/scss/components/PageHeader/_page-header.scss +44 -8
  146. package/scss/components/Tearsheet/_tearsheet.scss +26 -2
  147. package/scss/components/Tearsheet/_tearsheet_next.scss +5 -0
  148. package/telemetry.yml +11 -3
  149. package/es/components/Coachmark/next/Coachmark/ContentBody.d.ts.map +0 -1
  150. package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +0 -1
  151. package/lib/components/Coachmark/next/Coachmark/ContentBody.d.ts.map +0 -1
  152. package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +0 -1
@@ -57,19 +57,11 @@ ExpressiveCard.propTypes = {
57
57
  /**
58
58
  * Optional header description
59
59
  */
60
- description: PropTypes.oneOfType([
61
- PropTypes.string,
62
- PropTypes.object,
63
- PropTypes.node
64
- ]),
60
+ description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
65
61
  /**
66
62
  * Optional label for the top of the card
67
63
  */
68
- label: PropTypes.oneOfType([
69
- PropTypes.string,
70
- PropTypes.object,
71
- PropTypes.node
72
- ]),
64
+ label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
73
65
  /**
74
66
  * Optional media content like an image to be placed in the card
75
67
  */
@@ -138,11 +130,7 @@ ExpressiveCard.propTypes = {
138
130
  /**
139
131
  * Title that's displayed at the top of the card
140
132
  */
141
- title: PropTypes.oneOfType([
142
- PropTypes.string,
143
- PropTypes.object,
144
- PropTypes.node
145
- ])
133
+ title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
146
134
  };
147
135
  ExpressiveCard.displayName = componentName;
148
136
  //#endregion
@@ -58,7 +58,7 @@ const InterstitialScreenBody = React.forwardRef((props, ref) => {
58
58
  carouselInitRef.current?.destroyEvents?.();
59
59
  carouselInitRef.current = null;
60
60
  };
61
- }, [stepType, bodyChildrenData]);
61
+ }, [stepType]);
62
62
  useEffect(() => {
63
63
  if (stepType === "multi" && typeof progStep === "number") {
64
64
  const activeIndex = (carouselInitRef.current?.getActiveItem?.())?.index ?? -1;
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeader.tsx"],"names":[],"mappings":"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"}
@@ -35,11 +35,13 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
35
35
  const PageHeader = React.forwardRef(function PageHeader({ className, children, onContentFullyCollapsed, onTitleClipped, onContentActionsClipped, ...other }, ref) {
36
36
  const [refs, setRefs] = useState({});
37
37
  const [pageActionsInstance, setPageActionsInstance] = useState(null);
38
+ const [disableStickyTabBar, setDisableStickyTabBar] = useState(false);
38
39
  const tempRef = useRef(null);
39
40
  const componentRef = ref ?? tempRef;
40
41
  const classNames = (0, import_classnames.default)({
41
42
  [`${blockClass}`]: true,
42
- [`${blockClass}__next`]: true
43
+ [`${blockClass}__next`]: true,
44
+ [`${blockClass}--disable-sticky-tab-bar`]: disableStickyTabBar
43
45
  }, className);
44
46
  useResizeObserver(componentRef, () => {
45
47
  if (componentRef?.current) {
@@ -126,7 +128,9 @@ const PageHeader = React.forwardRef(function PageHeader({ className, children, o
126
128
  setRefs,
127
129
  pageActionsInstance,
128
130
  setPageActionsInstance,
129
- observerState
131
+ observerState,
132
+ disableStickyTabBar,
133
+ setDisableStickyTabBar
130
134
  } }, /* @__PURE__ */ React.createElement("div", {
131
135
  className: classNames,
132
136
  ref: componentRef,
@@ -13,6 +13,10 @@ import React from 'react';
13
13
  export interface PageHeaderTabBarProps {
14
14
  children?: React.ReactNode;
15
15
  className?: string;
16
+ /**
17
+ * Disable sticky positioning for the tab bar. When true, the tab bar will scroll with the page content.
18
+ */
19
+ disableStickyTabBar?: boolean;
16
20
  tags?: React.ReactNode;
17
21
  scroller?: React.ReactNode;
18
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeaderTabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,8FAqD3B,CAAC"}
1
+ {"version":3,"file":"PageHeaderTabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/PageHeaderTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,8FAkE3B,CAAC"}
@@ -9,7 +9,8 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
9
9
  import { require_classnames } from "../../../node_modules/classnames/index.js";
10
10
  import { pkg } from "../../../settings.js";
11
11
  import { blockClass } from "../PageHeaderUtils.js";
12
- import React from "react";
12
+ import { usePageHeader } from "./context.js";
13
+ import React, { useEffect } from "react";
13
14
  import { Column, Grid } from "@carbon/react";
14
15
  //#region src/components/PageHeader/next/PageHeaderTabBar.tsx
15
16
  /**
@@ -19,7 +20,11 @@ import { Column, Grid } from "@carbon/react";
19
20
  * LICENSE file in the root directory of this source tree.
20
21
  */
21
22
  var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
22
- const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, ...other }, ref) {
23
+ const PageHeaderTabBar = React.forwardRef(function PageHeaderTabBar({ className, children, tags, scroller, disableStickyTabBar = false, ...other }, ref) {
24
+ const { setDisableStickyTabBar } = usePageHeader();
25
+ useEffect(() => {
26
+ setDisableStickyTabBar?.(disableStickyTabBar);
27
+ }, [disableStickyTabBar, setDisableStickyTabBar]);
23
28
  const classNames = (0, import_classnames.default)({ [`${blockClass}__tab-bar`]: true }, className);
24
29
  const renderScroller = () => scroller && /* @__PURE__ */ React.createElement("div", { className: `${pkg.prefix}--page-header--scroller-button-container` }, scroller);
25
30
  if (!tags) return /* @__PURE__ */ React.createElement("div", {
@@ -29,6 +29,8 @@ type PageHeaderContextType = {
29
29
  observerState: PageHeaderObserverState;
30
30
  isContentActionsInBreadcrumbBar?: boolean;
31
31
  isFunctionalContentActions?: boolean;
32
+ disableStickyTabBar?: boolean;
33
+ setDisableStickyTabBar?: React.Dispatch<React.SetStateAction<boolean>>;
32
34
  };
33
35
  export declare const PageHeaderContext: import("react").Context<PageHeaderContextType | undefined>;
34
36
  export declare function usePageHeader(): PageHeaderContextType;
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,4DAY5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAChB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1D,sBAAsB,EAAE,KAAK,CAAC,QAAQ,CACpC,KAAK,CAAC,cAAc,CAClB,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CACxE,CACF,CAAC;IACF,aAAa,EAAE,uBAAuB,CAAC;IACvC,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,4DAc5B,CAAC;AAEH,wBAAgB,aAAa,0BAQ5B"}
@@ -22,7 +22,9 @@ const PageHeaderContext = createContext({
22
22
  fullyCollapsed: false,
23
23
  titleClipped: false,
24
24
  contentActionsClipped: false
25
- }
25
+ },
26
+ disableStickyTabBar: false,
27
+ setDisableStickyTabBar: () => {}
26
28
  });
27
29
  function usePageHeader() {
28
30
  const context = useContext(PageHeaderContext);
@@ -33,11 +33,11 @@ export interface ProductiveCardProps extends PropsWithChildren {
33
33
  /**
34
34
  * Optional header description
35
35
  */
36
- description?: string | object | ReactNode;
36
+ description?: ReactNode;
37
37
  /**
38
38
  * Optional label for the top of the card
39
39
  */
40
- label?: string | object | ReactNode;
40
+ label?: ReactNode;
41
41
  /**
42
42
  * Provides the callback for a clickable card
43
43
  */
@@ -108,7 +108,7 @@ export interface ProductiveCardProps extends PropsWithChildren {
108
108
  /**
109
109
  * Title that's displayed at the top of the card
110
110
  */
111
- title?: string | object | ReactNode;
111
+ title?: ReactNode;
112
112
  /**
113
113
  * Determines title size
114
114
  */
@@ -1 +1 @@
1
- {"version":3,"file":"ProductiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductiveCard/ProductiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC;IACzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,4FA2B1B,CAAC"}
1
+ {"version":3,"file":"ProductiveCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProductiveCard/ProductiveCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;OAEG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC;;OAEG;IACH,sBAAsB,CAAC,EAAE,aAAa,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC;;OAEG;IACH,wBAAwB,CAAC,EAAE,aAAa,CAAC;IACzC;;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;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAEhC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,4FA2B1B,CAAC"}
@@ -73,11 +73,7 @@ ProductiveCard.propTypes = {
73
73
  /**
74
74
  * Optional header description
75
75
  */
76
- description: PropTypes.oneOfType([
77
- PropTypes.string,
78
- PropTypes.object,
79
- PropTypes.node
80
- ]),
76
+ description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
81
77
  /**
82
78
  * Sets the text for the OverflowMenu trigger button tooltip and OverflowMenu aria label,
83
79
  * gets overridden by the `overflowAriaLabel` prop.
@@ -88,11 +84,7 @@ ProductiveCard.propTypes = {
88
84
  /**
89
85
  * Optional label for the top of the card
90
86
  */
91
- label: PropTypes.oneOfType([
92
- PropTypes.string,
93
- PropTypes.object,
94
- PropTypes.node
95
- ]),
87
+ label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
96
88
  /**
97
89
  * Provides the callback for a clickable card
98
90
  */
@@ -168,11 +160,7 @@ ProductiveCard.propTypes = {
168
160
  /**
169
161
  * Title that's displayed at the top of the card
170
162
  */
171
- title: PropTypes.oneOfType([
172
- PropTypes.string,
173
- PropTypes.object,
174
- PropTypes.node
175
- ]),
163
+ title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
176
164
  /**
177
165
  * Determines title size
178
166
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/Tearsheet/TearsheetShell.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EACjB,SAAS,EAET,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAc9C,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0BD,eAAO,MAAM,uBAAuB,UAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,YAAO,YAAiC,CAAC;AAC5E,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,iBAAY,QACd,CAAC;AAe9C;;;;;;KAMK;AACL,eAAO,MAAM,cAAc,4FA6B1B,CAAC;AAwXF,eAAO,MAAM,UAAU,+BAIY,CAAC;AAEpC,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAGH;;;;;;;;OAQG;;CAEJ,CAAC"}
1
+ {"version":3,"file":"TearsheetShell.d.ts","sourceRoot":"","sources":["../../../src/components/Tearsheet/TearsheetShell.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EACjB,SAAS,EAET,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,SAAS,MAAM,YAAY,CAAC;AA4BnC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAc9C,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEtC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0BD,eAAO,MAAM,uBAAuB,UAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,YAAO,YAAiC,CAAC;AAC5E,eAAO,MAAM,qBAAqB,GAAI,YAAO,EAAE,iBAAY,QACd,CAAC;AAe9C;;;;;;KAMK;AACL,eAAO,MAAM,cAAc,4FA6B1B,CAAC;AAiZF,eAAO,MAAM,UAAU,+BAIY,CAAC;AAEpC,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAGH;;;;;;;;OAQG;;CAEJ,CAAC"}
@@ -21,9 +21,10 @@ import { Wrap } from "../../global/js/utils/Wrap.js";
21
21
  import { useMergedRefs } from "../../global/js/hooks/useMergedRefs.js";
22
22
  import { useId } from "../../global/js/utils/useId.js";
23
23
  import { TearsheetPresence, TearsheetPresenceContext, useExclusiveTearsheetPresenceContext } from "./TearsheetPresence.js";
24
- import React, { useContext, useEffect, useRef, useState } from "react";
24
+ import React, { cloneElement, isValidElement, useContext, useEffect, useRef, useState } from "react";
25
25
  import PropTypes from "prop-types";
26
- import { Button, ComposedModal, Layer, ModalHeader, Section, unstable_FeatureFlags, useFeatureFlag, usePrefix } from "@carbon/react";
26
+ import { AILabel, Button, ComposedModal, IconButton, Layer, ModalHeader, Section, unstable_FeatureFlags, useFeatureFlag, usePrefix } from "@carbon/react";
27
+ import { Close } from "@carbon/react/icons";
27
28
  //#region src/components/Tearsheet/TearsheetShell.tsx
28
29
  /**
29
30
  * Copyright IBM Corp. 2020, 2024
@@ -203,6 +204,7 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
203
204
  const includeHeader = label || title || description || headerActions || navigation || effectiveHasCloseIcon;
204
205
  const includeActions = actions && actions?.length > 0;
205
206
  const areAllSameSizeVariant = () => new Set(stack.sizes).size === 1;
207
+ const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: "sm" }) : decorator;
206
208
  return renderPortalUse(/* @__PURE__ */ React.createElement(unstable_FeatureFlags, { enableExperimentalFocusWrapWithoutSentinels: true }, /* @__PURE__ */ React.createElement(ComposedModal, {
207
209
  ...rest,
208
210
  "aria-label": ariaLabel || getNodeTextContent(title),
@@ -217,7 +219,6 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
217
219
  ["is-visible"]: enablePresence,
218
220
  [`${bc}--tearsheet-enable-presence`]: presenceContext?.autoEnablePresence
219
221
  }),
220
- decorator: decorator || deprecated_slug,
221
222
  containerClassName: (0, import_classnames.default)(`${bc}__container`, {
222
223
  [`${bc}__container--lower`]: verticalPosition === "lower",
223
224
  [`${bc}__container--mixed-size-stacking`]: !areAllSameSizeVariant()
@@ -243,16 +244,24 @@ const TearsheetShellDialog = React.forwardRef(({ actions, decorator, ariaLabel,
243
244
  [`${bc}__header--with-close-icon`]: effectiveHasCloseIcon,
244
245
  [`${bc}__header--with-nav`]: navigation
245
246
  }),
246
- closeClassName: (0, import_classnames.default)({ [`${bc}__header--no-close-icon`]: !effectiveHasCloseIcon }),
247
- closeModal: onClose,
248
- iconDescription: effectiveHasCloseIcon ? closeIconDescription : void 0
249
- }, /* @__PURE__ */ React.createElement(Wrap, {
247
+ closeClassName: (0, import_classnames.default)(`${bc}__header--no-close-icon`)
248
+ }, headerActions && /* @__PURE__ */ React.createElement("div", { className: `${bc}__header-actions` }, headerActions), (decorator || deprecated_slug) && /* @__PURE__ */ React.createElement("div", { className: `${bc}__decorator` }, normalizedDecorator || deprecated_slug), effectiveHasCloseIcon && /* @__PURE__ */ React.createElement("div", { className: `${bc}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ React.createElement(IconButton, {
249
+ className: `${carbonPrefix}--modal-close`,
250
+ label: closeIconDescription,
251
+ onClick: onClose,
252
+ align: "left"
253
+ }, /* @__PURE__ */ React.createElement(Close, {
254
+ size: 20,
255
+ "aria-hidden": "true",
256
+ tabIndex: "-1",
257
+ className: `${carbonPrefix}--modal-close__icon`
258
+ }))), /* @__PURE__ */ React.createElement(Wrap, {
250
259
  className: `${bc}__header-content`,
251
260
  element: wide ? Layer : void 0
252
261
  }, /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-fields` }, /* @__PURE__ */ React.createElement(Wrap, { className: `${bcModalHeader}__label` }, label), /* @__PURE__ */ React.createElement(Wrap, {
253
262
  element: "h3",
254
263
  className: (0, import_classnames.default)(`${bcModalHeader}__heading`, `${bc}__heading`)
255
- }, title), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-description` }, description)), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-actions` }, headerActions)), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-navigation` }, navigation)), /* @__PURE__ */ React.createElement(Wrap, {
264
+ }, title), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-description` }, description))), /* @__PURE__ */ React.createElement(Wrap, { className: `${bc}__header-navigation` }, navigation)), /* @__PURE__ */ React.createElement(Wrap, {
256
265
  ref: modalBodyRef,
257
266
  className: `${carbonPrefix}--modal-content ${bc}__body`
258
267
  }, /* @__PURE__ */ React.createElement(Wrap, {
@@ -1 +1 @@
1
- {"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAwNF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
1
+ {"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAqQF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
@@ -36,7 +36,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
36
36
  * Internal component that handles the actual tearsheet rendering.
37
37
  * This component is always "present" when mounted - the wrapper handles presence logic.
38
38
  */
39
- const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, ...rest }, ref) => {
39
+ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, launcherButtonRef, ...rest }, ref) => {
40
40
  const carbonPrefix = usePrefix();
41
41
  const localRef = useRef(null);
42
42
  const bodyRef = useRef(null);
@@ -55,6 +55,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
55
55
  const body = arr.find((child) => child.type === TearsheetBody);
56
56
  const footer = arr.find((child) => child.type === TearsheetFooter);
57
57
  const uniqueId = useRef(useId());
58
+ const titleId = useRef(`${blockClass}__title-${uniqueId.current}`);
58
59
  const { notifyStack, stack, getDepth, getScaleFactor, getBlockSizeChange } = useStackContext();
59
60
  const [depth, setDepth] = useState(0);
60
61
  const [mountNode, setMountNode] = useState(null);
@@ -90,6 +91,22 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
90
91
  localRef.current.style.setProperty("--scale-factor", scaleFactor + "");
91
92
  }
92
93
  }, [stack]);
94
+ useEffect(() => {
95
+ if (!open && launcherButtonRef?.current) {
96
+ const timeoutId = setTimeout(() => {
97
+ const refCurrent = launcherButtonRef.current;
98
+ if (refCurrent instanceof HTMLElement) {
99
+ const headerActionItem = refCurrent.closest(`.${blockClass}__header-action-item`);
100
+ if (headerActionItem) {
101
+ const menuButton = headerActionItem.closest(`.${blockClass}__content__header-actions`)?.querySelector(`.${blockClass}__header-actions-menuButton:not(.${blockClass}__header-actions-menuButton--hidden) button`);
102
+ if (menuButton instanceof HTMLElement) menuButton.focus();
103
+ else refCurrent.focus();
104
+ } else refCurrent.focus();
105
+ }
106
+ }, 100);
107
+ return () => clearTimeout(timeoutId);
108
+ }
109
+ }, [open, launcherButtonRef]);
93
110
  const content = /* @__PURE__ */ React.createElement(TearsheetContext.Provider, { value: {
94
111
  fullyCollapsed,
95
112
  setFullyCollapsed,
@@ -98,13 +115,15 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
98
115
  setDisableHeaderCollapse,
99
116
  variant,
100
117
  isSm,
101
- decorator
118
+ decorator,
119
+ titleId: titleId.current
102
120
  } }, /* @__PURE__ */ React.createElement(unstable_FeatureFlags, { flags: {
103
121
  ...parentFlagsObject,
104
122
  "enable-experimental-focus-wrap-without-sentinels": true
105
123
  } }, /* @__PURE__ */ React.createElement(ComposedModal, {
106
124
  ...rest,
107
125
  "aria-label": ariaLabel,
126
+ "aria-labelledby": !ariaLabel ? titleId.current : void 0,
108
127
  className: (0, import_classnames.default)(blockClass, className, {
109
128
  [`${blockClass}--wide`]: variant === "wide",
110
129
  [`${blockClass}--narrow`]: variant === "narrow",
@@ -52,6 +52,14 @@ export interface SummaryContentProps {
52
52
  onSummaryPanelClose?(): void;
53
53
  /** this can be set take full width without any padding */
54
54
  isFlush?: boolean;
55
+ /**
56
+ * Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
57
+ */
58
+ summaryPanelTriggerRef?: React.RefObject<HTMLElement>;
59
+ /**
60
+ * Optional aria-label for the summary panel. Defaults to "Summary panel".
61
+ */
62
+ summaryPanelAriaLabel?: string;
55
63
  }
56
64
  export declare const SummaryContent: React.ForwardRefExoticComponent<SummaryContentProps & React.RefAttributes<HTMLDivElement>>;
57
65
  export interface InfluencerProps {
@@ -68,6 +76,14 @@ export interface InfluencerProps {
68
76
  onInfluencerPanelClose?(): void;
69
77
  /** this can be set take full width without any padding */
70
78
  isFlush?: boolean;
79
+ /**
80
+ * Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
81
+ */
82
+ influencerPanelTriggerRef?: React.RefObject<HTMLElement>;
83
+ /**
84
+ * Optional aria-label for the influencer panel. Defaults to "Influencer panel".
85
+ */
86
+ influencerPanelAriaLabel?: string;
71
87
  }
72
88
  export declare const Influencer: React.ForwardRefExoticComponent<InfluencerProps & React.RefAttributes<HTMLDivElement>>;
73
89
  export default TearsheetBody;
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,cAAc,4FAiC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,UAAU,wFAkCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtD;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AACD,eAAO,MAAM,cAAc,4FAoD1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzD;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AACD,eAAO,MAAM,UAAU,wFAqDtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -58,8 +58,15 @@ const MainContent = forwardRef(({ children, className, isFlush, ...rest }, ref)
58
58
  ...rest
59
59
  }, children);
60
60
  });
61
- const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush }, ref) => {
61
+ const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = false, onSummaryPanelClose, isFlush, summaryPanelTriggerRef, summaryPanelAriaLabel = "Summary panel" }, ref) => {
62
62
  const { isSm } = useContext(TearsheetContext);
63
+ const prevOpenRef = useRef(summaryPanelOpen);
64
+ useEffect(() => {
65
+ if (prevOpenRef.current && !summaryPanelOpen && summaryPanelTriggerRef?.current) setTimeout(() => {
66
+ summaryPanelTriggerRef.current?.focus();
67
+ }, 100);
68
+ prevOpenRef.current = summaryPanelOpen;
69
+ }, [summaryPanelOpen, summaryPanelTriggerRef]);
63
70
  return !isSm ? /* @__PURE__ */ React.createElement("div", {
64
71
  className: (0, import_classnames.default)(`${blockClass}__summary-content`, className, { [`${blockClass}__flush`]: isFlush }),
65
72
  ref
@@ -67,11 +74,20 @@ const SummaryContent = forwardRef(({ children, className, summaryPanelOpen = fal
67
74
  size: "sm",
68
75
  open: summaryPanelOpen,
69
76
  onRequestClose: onSummaryPanelClose,
70
- className: (0, import_classnames.default)(`${blockClass}__side-panel`, className)
77
+ className: (0, import_classnames.default)(`${blockClass}__side-panel`, className),
78
+ "aria-label": summaryPanelAriaLabel,
79
+ "aria-modal": "true"
71
80
  }, children);
72
81
  });
73
- const Influencer = forwardRef(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush }, ref) => {
82
+ const Influencer = forwardRef(({ children, className, influencerPanelOpen = false, onInfluencerPanelClose, isFlush, influencerPanelTriggerRef, influencerPanelAriaLabel = "Influencer panel" }, ref) => {
74
83
  const { isSm } = useContext(TearsheetContext);
84
+ const prevOpenRef = useRef(influencerPanelOpen);
85
+ useEffect(() => {
86
+ if (prevOpenRef.current && !influencerPanelOpen && influencerPanelTriggerRef?.current) setTimeout(() => {
87
+ influencerPanelTriggerRef.current?.focus();
88
+ }, 100);
89
+ prevOpenRef.current = influencerPanelOpen;
90
+ }, [influencerPanelOpen, influencerPanelTriggerRef]);
75
91
  return !isSm ? /* @__PURE__ */ React.createElement("aside", {
76
92
  className: (0, import_classnames.default)(`${blockClass}__influencer`, className, { [`${blockClass}__flush`]: isFlush }),
77
93
  ref
@@ -80,7 +96,9 @@ const Influencer = forwardRef(({ children, className, influencerPanelOpen = fals
80
96
  open: influencerPanelOpen,
81
97
  onRequestClose: onInfluencerPanelClose,
82
98
  placement: "left",
83
- className: (0, import_classnames.default)(`${blockClass}__side-panel`, className)
99
+ className: (0, import_classnames.default)(`${blockClass}__side-panel`, className),
100
+ "aria-label": influencerPanelAriaLabel,
101
+ "aria-modal": "true"
84
102
  }, children);
85
103
  });
86
104
  //#endregion
@@ -21,7 +21,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
21
21
  const TearsheetFooter = forwardRef(({ children, className, actions, buttonSize }, ref) => {
22
22
  const { variant } = useContext(TearsheetContext);
23
23
  const actionCount = actions?.length || 0;
24
- return /* @__PURE__ */ React.createElement("footer", {
24
+ return /* @__PURE__ */ React.createElement("div", {
25
25
  className: (0, import_classnames.default)(`${blockClass}__footer`, className, {
26
26
  [`${blockClass}__footer--three-actions`]: actionCount == 3,
27
27
  [`${blockClass}__footer--many-actions`]: actionCount > 3
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGA6ChC,CAAC"}
1
+ {"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGAiDhC,CAAC"}
@@ -67,7 +67,9 @@ const TearsheetScrollButton = React.forwardRef(function PageHeaderExpander({ cla
67
67
  onClick?.(event);
68
68
  handleScroller(!!fullyCollapsed);
69
69
  },
70
- className: (0, import_classnames.default)(className, `${blockClass}__scroller-button`)
70
+ className: (0, import_classnames.default)(className, `${blockClass}__scroller-button`),
71
+ "aria-label": fullyCollapsed ? `${expandText} header` : `${collapseText} header`,
72
+ "aria-expanded": !fullyCollapsed
71
73
  }, /* @__PURE__ */ React.createElement(ChevronUp, { className: (0, import_classnames.default)(`${blockClass}__scroller-button-icon`, { [`${blockClass}__scroller-button-icon-collapsed`]: fullyCollapsed }) })));
72
74
  });
73
75
  //#endregion
@@ -29,7 +29,7 @@ export interface TearsheetHeaderActionsProps {
29
29
  */
30
30
  menuButtonProps?: MenuButtonProps;
31
31
  }
32
- export declare const TearsheetHeaderActions: ({ className, children, menuButtonProps, }: TearsheetHeaderActionsProps) => React.JSX.Element;
32
+ export declare const TearsheetHeaderActions: React.ForwardRefExoticComponent<TearsheetHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
33
33
  /**
34
34
  * ----------------
35
35
  * TearsheetHeaderActionsItem
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAoB,MAAM,OAAO,CAAC;AAKzE;;;;GAIG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC/E,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD,eAAO,MAAM,sBAAsB,GAAI,2CAIpC,2BAA2B,sBA+F7B,CAAC;AAEF;;;;GAIG;AAEH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,eAAO,MAAM,yBAAyB,GAAI,0BAGvC,8BAA8B,sBAMhC,CAAC"}
1
+ {"version":3,"file":"TearsheetHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf;;;;GAIG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC/E,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD,eAAO,MAAM,sBAAsB,oGAuGjC,CAAC;AAIH;;;;GAIG;AAEH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AACD,eAAO,MAAM,yBAAyB,GAAI,0BAGvC,8BAA8B,sBAMhC,CAAC"}
@@ -9,7 +9,7 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
9
9
  import { require_classnames } from "../../../node_modules/classnames/index.js";
10
10
  import { useIsomorphicEffect } from "../../../global/js/hooks/useIsomorphicEffect.js";
11
11
  import { blockClass } from "./context.js";
12
- import React, { useRef, useState } from "react";
12
+ import React, { forwardRef, useRef, useState } from "react";
13
13
  import { MenuButton, MenuItem } from "@carbon/react";
14
14
  import { createOverflowHandler } from "@carbon/utilities";
15
15
  //#region src/components/Tearsheet/next/TearsheetHeaderActions.tsx
@@ -20,9 +20,10 @@ import { createOverflowHandler } from "@carbon/utilities";
20
20
  * LICENSE file in the root directory of this source tree.
21
21
  */
22
22
  var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
23
- const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
23
+ const TearsheetHeaderActions = forwardRef(({ className, children, menuButtonProps }, ref) => {
24
24
  const containerRef = useRef(null);
25
25
  const offsetRef = useRef(null);
26
+ const menuButtonContainerRef = useRef(null);
26
27
  const [menuButtonVisibility, setMenuButtonVisibility] = useState(false);
27
28
  const [hiddenItems, setHiddenItems] = useState([]);
28
29
  const hasOtherChildType = useRef(false);
@@ -55,6 +56,7 @@ const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
55
56
  ref: offsetRef,
56
57
  className: (0, import_classnames.default)(`${blockClass}__header-actions-menuButton`, { [`${blockClass}__header-actions-menuButton--hidden`]: hiddenItems.length === 0 })
57
58
  }, /* @__PURE__ */ React.createElement(MenuButton, {
59
+ ref: menuButtonContainerRef,
58
60
  size: "sm",
59
61
  ...menuButtonProps
60
62
  }, hiddenItems.map((item) => {
@@ -67,7 +69,8 @@ const TearsheetHeaderActions = ({ className, children, menuButtonProps }) => {
67
69
  label: childProps.overflowItemLabel
68
70
  });
69
71
  }))));
70
- };
72
+ });
73
+ TearsheetHeaderActions.displayName = "TearsheetHeaderActions";
71
74
  const TearsheetHeaderActionItem = ({ children, className }) => {
72
75
  return /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-action-item ${className}` }, children);
73
76
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGA4G1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGA+G1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
@@ -23,9 +23,12 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
23
23
  const TearsheetHeaderContent = React.forwardRef((props, ref) => {
24
24
  const { children, label, title, description, headerActions, titleStart, titleEnd, ...rest } = props;
25
25
  const carbonPrefix = usePrefix();
26
- const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false } = useContext(TearsheetContext);
26
+ const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false, titleId } = useContext(TearsheetContext);
27
27
  const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: "sm" }) : decorator;
28
- const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", { className: (0, import_classnames.default)(`${blockClass}__header-title`) }, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
28
+ const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", {
29
+ className: (0, import_classnames.default)(`${blockClass}__header-title`),
30
+ id: titleId
31
+ }, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
29
32
  id: `${blockClass}__header-title__truncatedText`,
30
33
  className: `${blockClass}__content__title`,
31
34
  align: "bottom",
@@ -33,7 +36,10 @@ const TearsheetHeaderContent = React.forwardRef((props, ref) => {
33
36
  value: title
34
37
  }), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description), children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children));
35
38
  const headerActionsElement = headerActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-actions` }, headerActions);
36
- const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__decorator` }, normalizedDecorator);
39
+ const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", {
40
+ className: `${blockClass}__decorator`,
41
+ role: "complementary"
42
+ }, normalizedDecorator);
37
43
  const closeButtonElement = !hideCloseButton && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ React.createElement(IconButton, {
38
44
  className: `${carbonPrefix}--modal-close`,
39
45
  label: closeIconDescription || "Close",
@@ -1 +1 @@
1
- {"version":3,"file":"StepTearsheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/next/_story-assets/StepTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEL,eAAe,EAEhB,MAAM,yBAAyB,CAAC;AAcjC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC9C,iBAAiB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,kBAAkB,GAAI,kKAahC,KAAK,sBAuIP,CAAC"}
1
+ {"version":3,"file":"StepTearsheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tearsheet/next/_story-assets/StepTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AACzE,OAAO,EAEL,eAAe,EAEhB,MAAM,yBAAyB,CAAC;AAcjC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAC9C,iBAAiB,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,kBAAkB,GAAI,kKAahC,KAAK,sBAsLP,CAAC"}
@@ -22,6 +22,7 @@ interface TearsheetContextType {
22
22
  decorator?: ReactNode;
23
23
  closeIconDescription?: string;
24
24
  hideCloseButton?: boolean;
25
+ titleId?: string;
25
26
  }
26
27
  export declare const TearsheetContext: import("react").Context<TearsheetContextType>;
27
28
  export declare const blockClass: string;
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}