@cloudscape-design/components-themeable 3.0.645 → 3.0.647

package/lib/internal/template/drawer/implementation.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import InternalStatusIndicator from '../status-indicator/internal';
+import styles from './styles.css.js';
+import LiveRegion from '../internal/components/live-region';
+import { useInternalI18n } from '../i18n/context';
+import { createWidgetizedComponent } from '../internal/widgets';
+export function DrawerImplementation(_a) {
+    var { header, children, loading, i18nStrings, __internalRootRef } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings", "__internalRootRef"]);
+    const baseProps = getBaseProps(restProps);
+    const i18n = useInternalI18n('drawer');
+    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles.drawer) });
+    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        React.createElement(InternalStatusIndicator, { type: "loading" },
+            React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        header && React.createElement("div", { className: clsx(styles.header) }, header),
+        React.createElement("div", { className: clsx(styles['test-utils-drawer-content']) }, children)));
+}
+export const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);
+//# sourceMappingURL=implementation.js.map

package/lib/internal/template/drawer/implementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIhE,MAAM,UAAU,oBAAoB,CAAC,EAOf;QAPe,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEG,EADjB,SAAS,cANuB,qEAOpC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,GACpD,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CAAc,CAC3E,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { DrawerProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\n\nexport type DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  children,\n  loading,\n  i18nStrings,\n  __internalRootRef,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles.drawer),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <div className={clsx(styles['test-utils-drawer-content'])}>{children}</div>\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}

package/lib/internal/template/drawer/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DrawerProps } from './interfaces';
 export { DrawerProps };
-export default function Drawer({ header, children, loading, i18nStrings, ...restProps }: DrawerProps): JSX.Element;
+export default function Drawer(props: DrawerProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drawer/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,EAAE,WAAW,eAoBnG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drawer/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,eAGhD"}

package/lib/internal/template/drawer/index.js

@@ -1,26 +1,12 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import InternalStatusIndicator from '../status-indicator/internal';
-import styles from './styles.css.js';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
-import LiveRegion from '../internal/components/live-region';
-import { useInternalI18n } from '../i18n/context';
-export default function Drawer(_a) {
-    var { header, children, loading, i18nStrings } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings"]);
-    const { __internalRootRef } = useBaseComponent('Drawer');
-    const baseProps = getBaseProps(restProps);
-    const i18n = useInternalI18n('drawer');
-    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles.drawer) });
-    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        React.createElement(InternalStatusIndicator, { type: "loading" },
-            React.createElement(LiveRegion, { visible: true }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        header && React.createElement("div", { className: clsx(styles.header) }, header),
-        React.createElement("div", { className: clsx(styles['test-utils-drawer-content']) }, children)));
+import { InternalDrawer } from './internal';
+export default function Drawer(props) {
+    const internalProps = useBaseComponent('Drawer');
+    return React.createElement(InternalDrawer, Object.assign({}, internalProps, props));
 }
 applyDisplayName(Drawer, 'Drawer');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAqE;QAArE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAA6B,EAAxB,SAAS,cAAtD,gDAAwD,CAAF;IACnF,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,GACpD,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CAAc,CAC3E,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { DrawerProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\n\nexport { DrawerProps };\n\nexport default function Drawer({ header, children, loading, i18nStrings, ...restProps }: DrawerProps) {\n  const { __internalRootRef } = useBaseComponent('Drawer');\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles.drawer),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <div className={clsx(styles['test-utils-drawer-content'])}>{children}</div>\n    </div>\n  );\n}\n\napplyDisplayName(Drawer, 'Drawer');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACjD,OAAO,oBAAC,cAAc,oBAAK,aAAa,EAAM,KAAK,EAAI,CAAC;AAC1D,CAAC;AAED,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { DrawerProps } from './interfaces';\nimport { InternalDrawer } from './internal';\n\nexport { DrawerProps };\n\nexport default function Drawer(props: DrawerProps) {\n  const internalProps = useBaseComponent('Drawer');\n  return <InternalDrawer {...internalProps} {...props} />;\n}\n\napplyDisplayName(Drawer, 'Drawer');\n"]}

package/lib/internal/template/drawer/internal.d.ts

@@ -0,0 +1,2 @@
+export declare const InternalDrawer: typeof import("./implementation").DrawerImplementation;
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/drawer/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/drawer/internal.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,wDAA2B,CAAC"}

package/lib/internal/template/drawer/internal.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { createWidgetizedDrawer } from './implementation';
+export const InternalDrawer = createWidgetizedDrawer();
+//# sourceMappingURL=internal.js.map

package/lib/internal/template/drawer/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/drawer/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createWidgetizedDrawer } from './implementation';\n\nexport const InternalDrawer = createWidgetizedDrawer();\n"]}

package/lib/internal/template/form-field/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_3pp2p_103",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_3pp2p_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_3pp2p_134",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_3pp2p_1",
-  "warning": "awsui_warning_14mhv_3pp2p_104",
-  "error": "awsui_error_14mhv_3pp2p_103",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_3pp2p_1",
-  "root": "awsui_root_14mhv_3pp2p_186",
-  "label": "awsui_label_14mhv_3pp2p_222",
-  "info": "awsui_info_14mhv_3pp2p_236",
-  "description": "awsui_description_14mhv_3pp2p_241",
-  "constraint": "awsui_constraint_14mhv_3pp2p_242",
-  "hints": "awsui_hints_14mhv_3pp2p_249",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_3pp2p_250",
-  "secondary-control": "awsui_secondary-control_14mhv_3pp2p_254",
-  "controls": "awsui_controls_14mhv_3pp2p_258",
-  "label-hidden": "awsui_label-hidden_14mhv_3pp2p_258",
-  "control": "awsui_control_14mhv_3pp2p_258",
-  "error__message": "awsui_error__message_14mhv_3pp2p_285",
-  "warning__message": "awsui_warning__message_14mhv_3pp2p_286",
-  "visually-hidden": "awsui_visually-hidden_14mhv_3pp2p_290"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1xddp_103",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_1xddp_104",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1xddp_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1xddp_134",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_1xddp_135",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1xddp_1",
+  "warning": "awsui_warning_14mhv_1xddp_104",
+  "error": "awsui_error_14mhv_1xddp_103",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1xddp_1",
+  "root": "awsui_root_14mhv_1xddp_186",
+  "label": "awsui_label_14mhv_1xddp_222",
+  "info": "awsui_info_14mhv_1xddp_236",
+  "description": "awsui_description_14mhv_1xddp_242",
+  "constraint": "awsui_constraint_14mhv_1xddp_243",
+  "hints": "awsui_hints_14mhv_1xddp_250",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_1xddp_251",
+  "secondary-control": "awsui_secondary-control_14mhv_1xddp_255",
+  "controls": "awsui_controls_14mhv_1xddp_259",
+  "label-hidden": "awsui_label-hidden_14mhv_1xddp_259",
+  "control": "awsui_control_14mhv_1xddp_259",
+  "error__message": "awsui_error__message_14mhv_1xddp_286",
+  "warning__message": "awsui_warning__message_14mhv_1xddp_287",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1xddp_291"
 };
   

package/lib/internal/template/form-field/styles.scoped.css

@@ -100,11 +100,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_error-icon-shake-wrapper_14mhv_3pp2p_103:not(#\9),
-.awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_3pp2p_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
+.awsui_error-icon-shake-wrapper_14mhv_1xddp_103:not(#\9),
+.awsui_warning-icon-shake-wrapper_14mhv_1xddp_104:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_1xddp_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_3pp2p_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_1xddp_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -118,22 +118,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_3pp2p_103:not(#\9),
-  .awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_1xddp_103:not(#\9),
+  .awsui_warning-icon-shake-wrapper_14mhv_1xddp_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_3pp2p_103:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_3pp2p_103:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_1xddp_103:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_1xddp_103:not(#\9), .awsui-motion-disabled .awsui_warning-icon-shake-wrapper_14mhv_1xddp_104:not(#\9), .awsui-mode-entering .awsui_warning-icon-shake-wrapper_14mhv_1xddp_104:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error-icon-scale-wrapper_14mhv_3pp2p_134:not(#\9),
-.awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_3pp2p_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_1xddp_134:not(#\9),
+.awsui_warning-icon-scale-wrapper_14mhv_1xddp_135:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_1xddp_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_3pp2p_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_1xddp_1 {
   0% {
     transform: scale(0.95);
   }
@@ -142,22 +142,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-scale-wrapper_14mhv_3pp2p_134:not(#\9),
-  .awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_1xddp_134:not(#\9),
+  .awsui_warning-icon-scale-wrapper_14mhv_1xddp_135:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_3pp2p_134:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_3pp2p_134:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_1xddp_134:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_1xddp_134:not(#\9), .awsui-motion-disabled .awsui_warning-icon-scale-wrapper_14mhv_1xddp_135:not(#\9), .awsui-mode-entering .awsui_warning-icon-scale-wrapper_14mhv_1xddp_135:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_warning_14mhv_3pp2p_104:not(#\9),
-.awsui_error_14mhv_3pp2p_103:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_3pp2p_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
+.awsui_warning_14mhv_1xddp_104:not(#\9),
+.awsui_error_14mhv_1xddp_103:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_1xddp_1 var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_3pp2p_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_1xddp_1 {
   from {
     opacity: 0;
   }
@@ -166,18 +166,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_warning_14mhv_3pp2p_104:not(#\9),
-  .awsui_error_14mhv_3pp2p_103:not(#\9) {
+  .awsui_warning_14mhv_1xddp_104:not(#\9),
+  .awsui_error_14mhv_1xddp_103:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_warning_14mhv_3pp2p_104:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_3pp2p_104:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_3pp2p_103:not(#\9), .awsui-mode-entering .awsui_error_14mhv_3pp2p_103:not(#\9) {
+.awsui-motion-disabled .awsui_warning_14mhv_1xddp_104:not(#\9), .awsui-mode-entering .awsui_warning_14mhv_1xddp_104:not(#\9), .awsui-motion-disabled .awsui_error_14mhv_1xddp_103:not(#\9), .awsui-mode-entering .awsui_error_14mhv_1xddp_103:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_3pp2p_186:not(#\9) {
+.awsui_root_14mhv_1xddp_186:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,7 +214,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_label_14mhv_3pp2p_222:not(#\9) {
+.awsui_label_14mhv_1xddp_222:not(#\9) {
   box-sizing: border-box;
   color: var(--color-text-form-label-3ubxwt, #16191f);
   display: inline;
@@ -223,43 +223,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-display-label-weight-2njs7q, 400);
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_label_14mhv_3pp2p_222:not(#\9):only-child {
+.awsui_label_14mhv_1xddp_222:not(#\9):only-child {
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_info_14mhv_3pp2p_236:not(#\9) {
+.awsui_info_14mhv_1xddp_236:not(#\9) {
+  display: inline-flex;
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
   border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_description_14mhv_3pp2p_241:not(#\9),
-.awsui_constraint_14mhv_3pp2p_242:not(#\9) {
+.awsui_description_14mhv_1xddp_242:not(#\9),
+.awsui_constraint_14mhv_1xddp_243:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
 
-.awsui_hints_14mhv_3pp2p_249:not(#\9),
-.awsui_constraint-has-validation-text_14mhv_3pp2p_250:not(#\9) {
+.awsui_hints_14mhv_1xddp_250:not(#\9),
+.awsui_constraint-has-validation-text_14mhv_1xddp_251:not(#\9) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_secondary-control_14mhv_3pp2p_254:not(#\9) {
+.awsui_secondary-control_14mhv_1xddp_255:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_3pp2p_258:not(#\9):not(.awsui_label-hidden_14mhv_3pp2p_258) {
+.awsui_controls_14mhv_1xddp_259:not(#\9):not(.awsui_label-hidden_14mhv_1xddp_259) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_control_14mhv_3pp2p_258:not(#\9) {
+.awsui_control_14mhv_1xddp_259:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_3pp2p_103:not(#\9) {
+.awsui_error_14mhv_1xddp_103:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -268,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_warning_14mhv_3pp2p_104:not(#\9) {
+.awsui_warning_14mhv_1xddp_104:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -277,12 +278,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_error__message_14mhv_3pp2p_285:not(#\9),
-.awsui_warning__message_14mhv_3pp2p_286:not(#\9) {
+.awsui_error__message_14mhv_1xddp_286:not(#\9),
+.awsui_warning__message_14mhv_1xddp_287:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_visually-hidden_14mhv_3pp2p_290:not(#\9) {
+.awsui_visually-hidden_14mhv_1xddp_291:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/lib/internal/template/form-field/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_3pp2p_103",
-  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_3pp2p_104",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_3pp2p_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_3pp2p_134",
-  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_3pp2p_135",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_3pp2p_1",
-  "warning": "awsui_warning_14mhv_3pp2p_104",
-  "error": "awsui_error_14mhv_3pp2p_103",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_3pp2p_1",
-  "root": "awsui_root_14mhv_3pp2p_186",
-  "label": "awsui_label_14mhv_3pp2p_222",
-  "info": "awsui_info_14mhv_3pp2p_236",
-  "description": "awsui_description_14mhv_3pp2p_241",
-  "constraint": "awsui_constraint_14mhv_3pp2p_242",
-  "hints": "awsui_hints_14mhv_3pp2p_249",
-  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_3pp2p_250",
-  "secondary-control": "awsui_secondary-control_14mhv_3pp2p_254",
-  "controls": "awsui_controls_14mhv_3pp2p_258",
-  "label-hidden": "awsui_label-hidden_14mhv_3pp2p_258",
-  "control": "awsui_control_14mhv_3pp2p_258",
-  "error__message": "awsui_error__message_14mhv_3pp2p_285",
-  "warning__message": "awsui_warning__message_14mhv_3pp2p_286",
-  "visually-hidden": "awsui_visually-hidden_14mhv_3pp2p_290"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1xddp_103",
+  "warning-icon-shake-wrapper": "awsui_warning-icon-shake-wrapper_14mhv_1xddp_104",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1xddp_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1xddp_134",
+  "warning-icon-scale-wrapper": "awsui_warning-icon-scale-wrapper_14mhv_1xddp_135",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1xddp_1",
+  "warning": "awsui_warning_14mhv_1xddp_104",
+  "error": "awsui_error_14mhv_1xddp_103",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1xddp_1",
+  "root": "awsui_root_14mhv_1xddp_186",
+  "label": "awsui_label_14mhv_1xddp_222",
+  "info": "awsui_info_14mhv_1xddp_236",
+  "description": "awsui_description_14mhv_1xddp_242",
+  "constraint": "awsui_constraint_14mhv_1xddp_243",
+  "hints": "awsui_hints_14mhv_1xddp_250",
+  "constraint-has-validation-text": "awsui_constraint-has-validation-text_14mhv_1xddp_251",
+  "secondary-control": "awsui_secondary-control_14mhv_1xddp_255",
+  "controls": "awsui_controls_14mhv_1xddp_259",
+  "label-hidden": "awsui_label-hidden_14mhv_1xddp_259",
+  "control": "awsui_control_14mhv_1xddp_259",
+  "error__message": "awsui_error__message_14mhv_1xddp_286",
+  "warning__message": "awsui_warning__message_14mhv_1xddp_287",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1xddp_291"
 };
   

package/lib/internal/template/help-panel/implementation.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { HelpPanelProps } from './interfaces';
+export type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;
+export declare function HelpPanelImplementation({ header, footer, children, loading, loadingText, __internalRootRef, ...restProps }: HelpPanelInternalProps): JSX.Element;
+export declare const createWidgetizedHelpPanel: (Loader?: typeof HelpPanelImplementation | undefined) => typeof HelpPanelImplementation;
+//# sourceMappingURL=implementation.d.ts.map

package/lib/internal/template/help-panel/implementation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAsBxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}

package/lib/internal/template/help-panel/implementation.js

@@ -0,0 +1,27 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import { getBaseProps } from '../internal/base-component';
+import InternalStatusIndicator from '../status-indicator/internal';
+import styles from './styles.css.js';
+import LiveRegion from '../internal/components/live-region';
+import { useInternalI18n } from '../i18n/context';
+import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
+import { createWidgetizedComponent } from '../internal/widgets';
+export function HelpPanelImplementation(_a) {
+    var { header, footer, children, loading, loadingText, __internalRootRef } = _a, restProps = __rest(_a, ["header", "footer", "children", "loading", "loadingText", "__internalRootRef"]);
+    const baseProps = getBaseProps(restProps);
+    const i18n = useInternalI18n('help-panel');
+    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel']) });
+    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        React.createElement(InternalStatusIndicator, { type: "loading" },
+            React.createElement(LiveRegion, { visible: true }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
+        header && React.createElement("div", { className: clsx(styles.header) }, header),
+        React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
+            React.createElement("div", { className: clsx(styles.content) }, children)),
+        footer && React.createElement("div", { className: styles.footer }, footer)));
+}
+export const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);
+//# sourceMappingURL=implementation.js.map

package/lib/internal/template/help-panel/implementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAIhE,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,GAC3D,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACnB;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { createWidgetizedComponent } from '../internal/widgets';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={clsx(styles.content)}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}

package/lib/internal/template/help-panel/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { HelpPanelProps } from './interfaces';
 export { HelpPanelProps };
-export default function HelpPanel({ header, footer, children, loading, loadingText, ...restProps }: HelpPanelProps): JSX.Element;
+export default function HelpPanel(props: HelpPanelProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/help-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,eAuBjH"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,eAGtD"}

package/lib/internal/template/help-panel/index.js

@@ -1,29 +1,12 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import clsx from 'clsx';
 import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import InternalStatusIndicator from '../status-indicator/internal';
-import styles from './styles.css.js';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
-import LiveRegion from '../internal/components/live-region';
-import { useInternalI18n } from '../i18n/context';
-import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
-export default function HelpPanel(_a) {
-    var { header, footer, children, loading, loadingText } = _a, restProps = __rest(_a, ["header", "footer", "children", "loading", "loadingText"]);
-    const { __internalRootRef } = useBaseComponent('HelpPanel');
-    const baseProps = getBaseProps(restProps);
-    const i18n = useInternalI18n('help-panel');
-    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel']) });
-    return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        React.createElement(InternalStatusIndicator, { type: "loading" },
-            React.createElement(LiveRegion, { visible: true }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
-        header && React.createElement("div", { className: clsx(styles.header) }, header),
-        React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
-            React.createElement("div", { className: clsx(styles.content) }, children)),
-        footer && React.createElement("div", { className: styles.footer }, footer)));
+import { InternalHelpPanel } from './internal';
+export default function HelpPanel(props) {
+    const internalProps = useBaseComponent('HelpPanel');
+    return React.createElement(InternalHelpPanel, Object.assign({}, props, internalProps));
 }
 applyDisplayName(HelpPanel, 'HelpPanel');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/help-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAI7F,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAgF;QAAhF,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,OAAgC,EAA3B,SAAS,cAA9D,0DAAgE,CAAF;IAC9F,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,GAC3D,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAc,CAClD,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACnB;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport LiveRegion from '../internal/components/live-region';\nimport { useInternalI18n } from '../i18n/context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\nexport { HelpPanelProps };\n\nexport default function HelpPanel({ header, footer, children, loading, loadingText, ...restProps }: HelpPanelProps) {\n  const { __internalRootRef } = useBaseComponent('HelpPanel');\n  const baseProps = getBaseProps(restProps);\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <LiveRegion visible={true}>{i18n('loadingText', loadingText)}</LiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={clsx(styles.content)}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\napplyDisplayName(HelpPanel, 'HelpPanel');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-panel/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAqB;IACrD,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACpD,OAAO,oBAAC,iBAAiB,oBAAK,KAAK,EAAM,aAAa,EAAI,CAAC;AAC7D,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { HelpPanelProps } from './interfaces';\nimport { InternalHelpPanel } from './internal';\n\nexport { HelpPanelProps };\n\nexport default function HelpPanel(props: HelpPanelProps) {\n  const internalProps = useBaseComponent('HelpPanel');\n  return <InternalHelpPanel {...props} {...internalProps} />;\n}\n\napplyDisplayName(HelpPanel, 'HelpPanel');\n"]}

package/lib/internal/template/help-panel/internal.d.ts

@@ -0,0 +1,2 @@
+export declare const InternalHelpPanel: typeof import("./implementation").HelpPanelImplementation;
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/help-panel/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/help-panel/internal.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,2DAA8B,CAAC"}

package/lib/internal/template/help-panel/internal.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { createWidgetizedHelpPanel } from './implementation';
+export const InternalHelpPanel = createWidgetizedHelpPanel();
+//# sourceMappingURL=internal.js.map

package/lib/internal/template/help-panel/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/help-panel/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,EAAE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { createWidgetizedHelpPanel } from './implementation';\n\nexport const InternalHelpPanel = createWidgetizedHelpPanel();\n"]}