@cloudscape-design/components-themeable 3.0.699 → 3.0.701

package/lib/internal/template/content-layout/styles.scoped.css

@@ -94,72 +94,72 @@ 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_layout_5gtk3_5g7ct_97:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-9rhwr5: var(--space-layout-content-horizontal-sin989, 40px);
-  --awsui-content-layout-max-content-width-9rhwr5: 0px;
-  --awsui-content-layout-main-gap-9rhwr5: 0px;
+.awsui_layout_5gtk3_1rt3s_97:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-g964ok: var(--space-layout-content-horizontal-sin989, 40px);
+  --awsui-content-layout-max-content-width-g964ok: 0px;
+  --awsui-content-layout-main-gap-g964ok: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-9rhwr5)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-9rhwr5) min-content min-content auto var(--space-dark-header-overlap-distance-f6oo6u, 0px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-g964ok)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content auto var(--space-dark-header-overlap-distance-f6oo6u, 0px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_5g7ct_97:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-9rhwr5: var(--space-l-xu1x80, 20px);
+  .awsui_layout_5gtk3_1rt3s_97:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-g964ok: var(--space-l-xu1x80, 20px);
   }
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_background_5gtk3_5g7ct_111:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_background_5gtk3_1rt3s_111:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_background_5gtk3_5g7ct_111.awsui_is-overlap-disabled_5gtk3_5g7ct_116:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_background_5gtk3_1rt3s_111.awsui_is-overlap-disabled_5gtk3_1rt3s_116:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_background_5gtk3_5g7ct_111 > .awsui_header-background_5gtk3_5g7ct_119:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_background_5gtk3_1rt3s_111 > .awsui_header-background_5gtk3_1rt3s_119:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_notifications_5gtk3_5g7ct_123:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_notifications_5gtk3_1rt3s_123:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_breadcrumbs_5gtk3_5g7ct_128:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_breadcrumbs_5gtk3_1rt3s_128:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_layout_5gtk3_5g7ct_97.awsui_default-padding_5gtk3_5g7ct_133:not(#\9) {
-  --awsui-content-layout-main-gap-9rhwr5: var(--space-scaled-m-er48cl, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-9rhwr5, 0) var(--awsui-content-layout-default-horizontal-padding-9rhwr5, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-9rhwr5)) 1fr var(--awsui-content-layout-default-horizontal-padding-9rhwr5, 0) var(--awsui-toggles-right-width-9rhwr5, 0);
+.awsui_layout_5gtk3_1rt3s_97.awsui_default-padding_5gtk3_1rt3s_133:not(#\9) {
+  --awsui-content-layout-main-gap-g964ok: var(--space-scaled-m-er48cl, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-g964ok, 0) var(--awsui-content-layout-default-horizontal-padding-g964ok, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-g964ok)) 1fr var(--awsui-content-layout-default-horizontal-padding-g964ok, 0) var(--awsui-toggles-right-width-g964ok, 0);
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_header-wrapper_5gtk3_5g7ct_137:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_header-wrapper_5gtk3_1rt3s_137:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_header-wrapper_5gtk3_5g7ct_137.awsui_with-divider_5gtk3_5g7ct_142:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_header-wrapper_5gtk3_1rt3s_137.awsui_with-divider_5gtk3_1rt3s_142:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_layout_5gtk3_5g7ct_97 > .awsui_content_5gtk3_5g7ct_145:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97 > .awsui_content_5gtk3_1rt3s_145:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_5g7ct_97:not(#\9):not(.awsui_has-header_5gtk3_5g7ct_149) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-9rhwr5) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-f6oo6u, 0px)) 1fr;
+.awsui_layout_5gtk3_1rt3s_97:not(#\9):not(.awsui_has-header_5gtk3_1rt3s_149) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-f6oo6u, 0px)) 1fr;
 }
-.awsui_layout_5gtk3_5g7ct_97.awsui_is-overlap-disabled_5gtk3_5g7ct_116:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-9rhwr5) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_1rt3s_97.awsui_is-overlap-disabled_5gtk3_1rt3s_116:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_5g7ct_97.awsui_is-visual-refresh_5gtk3_5g7ct_156 > .awsui_background_5gtk3_5g7ct_111.awsui_has-default-background_5gtk3_5g7ct_156:not(#\9) {
+.awsui_layout_5gtk3_1rt3s_97.awsui_is-visual-refresh_5gtk3_1rt3s_156 > .awsui_background_5gtk3_1rt3s_111.awsui_has-default-background_5gtk3_1rt3s_156:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
 }
 
-.awsui_layout_5gtk3_5g7ct_97:not(#\9):not(.awsui_is-visual-refresh_5gtk3_5g7ct_156).awsui_has-notifications_5gtk3_5g7ct_160 {
-  --awsui-content-layout-main-gap-9rhwr5: 0px;
+.awsui_layout_5gtk3_1rt3s_97:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1rt3s_156).awsui_has-notifications_5gtk3_1rt3s_160 {
+  --awsui-content-layout-main-gap-g964ok: 0px;
 }
-.awsui_layout_5gtk3_5g7ct_97:not(#\9):not(.awsui_is-visual-refresh_5gtk3_5g7ct_156) > .awsui_notifications_5gtk3_5g7ct_123 {
+.awsui_layout_5gtk3_1rt3s_97:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1rt3s_156) > .awsui_notifications_5gtk3_1rt3s_123 {
   grid-column: 1/8;
 }

package/lib/internal/template/content-layout/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_5g7ct_97",
-  "background": "awsui_background_5gtk3_5g7ct_111",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_5g7ct_116",
-  "header-background": "awsui_header-background_5gtk3_5g7ct_119",
-  "notifications": "awsui_notifications_5gtk3_5g7ct_123",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_5g7ct_128",
-  "default-padding": "awsui_default-padding_5gtk3_5g7ct_133",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_5g7ct_137",
-  "with-divider": "awsui_with-divider_5gtk3_5g7ct_142",
-  "content": "awsui_content_5gtk3_5g7ct_145",
-  "has-header": "awsui_has-header_5gtk3_5g7ct_149",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_5g7ct_156",
-  "has-default-background": "awsui_has-default-background_5gtk3_5g7ct_156",
-  "has-notifications": "awsui_has-notifications_5gtk3_5g7ct_160"
+  "layout": "awsui_layout_5gtk3_1rt3s_97",
+  "background": "awsui_background_5gtk3_1rt3s_111",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1rt3s_116",
+  "header-background": "awsui_header-background_5gtk3_1rt3s_119",
+  "notifications": "awsui_notifications_5gtk3_1rt3s_123",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1rt3s_128",
+  "default-padding": "awsui_default-padding_5gtk3_1rt3s_133",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_1rt3s_137",
+  "with-divider": "awsui_with-divider_5gtk3_1rt3s_142",
+  "content": "awsui_content_5gtk3_1rt3s_145",
+  "has-header": "awsui_has-header_5gtk3_1rt3s_149",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1rt3s_156",
+  "has-default-background": "awsui_has-default-background_5gtk3_1rt3s_156",
+  "has-notifications": "awsui_has-notifications_5gtk3_1rt3s_160"
 };
   

package/lib/internal/template/copy-to-clipboard/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CopyToClipboardProps } from './interfaces';
 export { CopyToClipboardProps };
-export default function CopyToClipboard({ variant, ...restProps }: CopyToClipboardProps): JSX.Element;
+export default function CopyToClipboard({ variant, popoverRenderWithPortal, ...restProps }: CopyToClipboardProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/copy-to-clipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,OAAkB,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,eAOjG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAkB,EAClB,uBAA+B,EAC/B,GAAG,SAAS,EACb,EAAE,oBAAoB,eActB"}

package/lib/internal/template/copy-to-clipboard/index.js

@@ -7,12 +7,12 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import InternalCopyToClipboard from './internal';
 import { getExternalProps } from '../internal/utils/external-props';
 export default function CopyToClipboard(_a) {
-    var { variant = 'button' } = _a, restProps = __rest(_a, ["variant"]);
+    var { variant = 'button', popoverRenderWithPortal = false } = _a, restProps = __rest(_a, ["variant", "popoverRenderWithPortal"]);
     const baseProps = useBaseComponent('CopyToClipboard', {
         props: { variant },
     });
     const filteredProps = getExternalProps(restProps);
-    return React.createElement(InternalCopyToClipboard, Object.assign({ variant: variant }, baseProps, filteredProps));
+    return (React.createElement(InternalCopyToClipboard, Object.assign({ variant: variant, popoverRenderWithPortal: popoverRenderWithPortal }, baseProps, filteredProps)));
 }
 applyDisplayName(CopyToClipboard, 'CopyToClipboard');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/copy-to-clipboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,uBAAuB,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAA0D;QAA1D,EAAE,OAAO,GAAG,QAAQ,OAAsC,EAAjC,SAAS,cAAlC,WAAoC,CAAF;IACxE,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,EAAE;QACpD,KAAK,EAAE,EAAE,OAAO,EAAE;KACnB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAElD,OAAO,oBAAC,uBAAuB,kBAAC,OAAO,EAAE,OAAO,IAAM,SAAS,EAAM,aAAa,EAAI,CAAC;AACzF,CAAC;AAED,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,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 { CopyToClipboardProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport InternalCopyToClipboard from './internal';\nimport { getExternalProps } from '../internal/utils/external-props';\n\nexport { CopyToClipboardProps };\n\nexport default function CopyToClipboard({ variant = 'button', ...restProps }: CopyToClipboardProps) {\n  const baseProps = useBaseComponent('CopyToClipboard', {\n    props: { variant },\n  });\n  const filteredProps = getExternalProps(restProps);\n\n  return <InternalCopyToClipboard variant={variant} {...baseProps} {...filteredProps} />;\n}\n\napplyDisplayName(CopyToClipboard, 'CopyToClipboard');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,uBAAuB,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAIjB;QAJiB,EACtC,OAAO,GAAG,QAAQ,EAClB,uBAAuB,GAAG,KAAK,OAEV,EADlB,SAAS,cAH0B,sCAIvC,CADa;IAEZ,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,EAAE;QACpD,KAAK,EAAE,EAAE,OAAO,EAAE;KACnB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAElD,OAAO,CACL,oBAAC,uBAAuB,kBACtB,OAAO,EAAE,OAAO,EAChB,uBAAuB,EAAE,uBAAuB,IAC5C,SAAS,EACT,aAAa,EACjB,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,eAAe,EAAE,iBAAiB,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 { CopyToClipboardProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport InternalCopyToClipboard from './internal';\nimport { getExternalProps } from '../internal/utils/external-props';\n\nexport { CopyToClipboardProps };\n\nexport default function CopyToClipboard({\n  variant = 'button',\n  popoverRenderWithPortal = false,\n  ...restProps\n}: CopyToClipboardProps) {\n  const baseProps = useBaseComponent('CopyToClipboard', {\n    props: { variant },\n  });\n  const filteredProps = getExternalProps(restProps);\n\n  return (\n    <InternalCopyToClipboard\n      variant={variant}\n      popoverRenderWithPortal={popoverRenderWithPortal}\n      {...baseProps}\n      {...filteredProps}\n    />\n  );\n}\n\napplyDisplayName(CopyToClipboard, 'CopyToClipboard');\n"]}

package/lib/internal/template/copy-to-clipboard/interfaces.d.ts

@@ -30,6 +30,14 @@ export interface CopyToClipboardProps extends BaseComponentProps {
      * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
      */
     copyErrorText: string;
+    /**
+     * By default, the popover is constrained to fit inside its parent
+     * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
+     * Enabling this property will allow the popover to be rendered in the root stack context using
+     * [React Portals](https://reactjs.org/docs/portals.html).
+     * Enable this setting if you need the popover to ignore its parent stacking context.
+     */
+    popoverRenderWithPortal?: boolean;
 }
 export declare namespace CopyToClipboardProps {
     type Variant = 'button' | 'icon' | 'inline';

package/lib/internal/template/copy-to-clipboard/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;CACpD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;CACpD"}

package/lib/internal/template/copy-to-clipboard/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n  /** Determines the general styling of the copy button as follows:\n   *\n   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n   * * `icon` to display a standalone icon-only (no text) button.\n   * * `inline` to display an icon-only (no text) button within a text context.\n   *\n   * Defaults to `button`.\n   */\n  variant?: CopyToClipboardProps.Variant;\n\n  /**\n   * The text of the copy button (for variant=\"button\").\n   */\n  copyButtonText?: string;\n\n  /**\n   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n   */\n  copyButtonAriaLabel?: string;\n\n  /**\n   * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"`, and is not shown otherwise.\n   */\n  textToCopy: string;\n\n  /**\n   * The message shown when the text is copied successfully.\n   */\n  copySuccessText: string;\n\n  /**\n   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).\n   */\n  copyErrorText: string;\n}\n\nexport namespace CopyToClipboardProps {\n  export type Variant = 'button' | 'icon' | 'inline';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n  /** Determines the general styling of the copy button as follows:\n   *\n   * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n   * * `icon` to display a standalone icon-only (no text) button.\n   * * `inline` to display an icon-only (no text) button within a text context.\n   *\n   * Defaults to `button`.\n   */\n  variant?: CopyToClipboardProps.Variant;\n\n  /**\n   * The text of the copy button (for variant=\"button\").\n   */\n  copyButtonText?: string;\n\n  /**\n   * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n   * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n   */\n  copyButtonAriaLabel?: string;\n\n  /**\n   * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"`, and is not shown otherwise.\n   */\n  textToCopy: string;\n\n  /**\n   * The message shown when the text is copied successfully.\n   */\n  copySuccessText: string;\n\n  /**\n   * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).\n   */\n  copyErrorText: string;\n\n  /**\n   * By default, the popover is constrained to fit inside its parent\n   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n   * Enabling this property will allow the popover to be rendered in the root stack context using\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * Enable this setting if you need the popover to ignore its parent stacking context.\n   */\n  popoverRenderWithPortal?: boolean;\n}\n\nexport namespace CopyToClipboardProps {\n  export type Variant = 'button' | 'icon' | 'inline';\n}\n"]}

package/lib/internal/template/copy-to-clipboard/internal.d.ts

@@ -3,5 +3,5 @@ import { CopyToClipboardProps } from './interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 export interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {
 }
-export default function InternalCopyToClipboard({ variant, copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, __internalRootRef, ...restProps }: InternalCopyToClipboardProps): JSX.Element;
+export default function InternalCopyToClipboard({ variant, copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, popoverRenderWithPortal, __internalRootRef, ...restProps }: InternalCopyToClipboardProps): JSX.Element;
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/copy-to-clipboard/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AASpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAEzG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,iBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAqE9B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AASpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB,EAAE,0BAA0B;CAAG;AAEzG,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,OAAkB,EAClB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,uBAAuB,EACvB,iBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,4BAA4B,eAqE9B"}

package/lib/internal/template/copy-to-clipboard/internal.js

@@ -10,7 +10,7 @@ import testStyles from './test-classes/styles.css.js';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
 export default function InternalCopyToClipboard(_a) {
-    var { variant = 'button', copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, __internalRootRef = null } = _a, restProps = __rest(_a, ["variant", "copyButtonAriaLabel", "copyButtonText", "copySuccessText", "copyErrorText", "textToCopy", "__internalRootRef"]);
+    var { variant = 'button', copyButtonAriaLabel, copyButtonText, copySuccessText, copyErrorText, textToCopy, popoverRenderWithPortal, __internalRootRef = null } = _a, restProps = __rest(_a, ["variant", "copyButtonAriaLabel", "copyButtonText", "copySuccessText", "copyErrorText", "textToCopy", "popoverRenderWithPortal", "__internalRootRef"]);
     const [status, setStatus] = useState('pending');
     const [statusText, setStatusText] = useState('');
     const baseProps = getBaseProps(restProps);
@@ -39,7 +39,7 @@ export default function InternalCopyToClipboard(_a) {
         icon: 'icon',
         inline: 'inline-icon',
     }[variant];
-    const trigger = (React.createElement(InternalPopover, { size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: true, content: React.createElement(InternalStatusIndicator, { type: status }, statusText) },
+    const trigger = (React.createElement(InternalPopover, { size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status }, statusText) },
         React.createElement(InternalButton, { ariaLabel: copyButtonAriaLabel !== null && copyButtonAriaLabel !== void 0 ? copyButtonAriaLabel : copyButtonText, iconName: "copy", onClick: onClick, variant: triggerVariant, wrapText: false, formAction: "none" }, copyButtonText)));
     return (React.createElement("span", Object.assign({}, baseProps, { ref: __internalRootRef, className: clsx(baseProps.className, styles.root, testStyles.root) }), variant === 'inline' ? (React.createElement("span", { className: styles['inline-container'] },
         React.createElement("span", { className: styles['inline-container-trigger'] }, trigger),

package/lib/internal/template/copy-to-clipboard/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\nimport { CopyToClipboardProps } from './interfaces';\nimport InternalButton from '../button/internal';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n  variant = 'button',\n  copyButtonAriaLabel,\n  copyButtonText,\n  copySuccessText,\n  copyErrorText,\n  textToCopy,\n  __internalRootRef = null,\n  ...restProps\n}: InternalCopyToClipboardProps) {\n  const [status, setStatus] = useState<'pending' | 'success' | 'error'>('pending');\n  const [statusText, setStatusText] = useState('');\n\n  const baseProps = getBaseProps(restProps);\n  const onClick = () => {\n    if (!navigator.clipboard) {\n      // The clipboard API is not available in insecure contexts.\n      setStatus('error');\n      setStatusText(copyErrorText);\n      return;\n    }\n\n    setStatus('pending');\n    setStatusText('');\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        setStatus('success');\n        setStatusText(copySuccessText);\n      })\n      .catch(() => {\n        setStatus('error');\n        setStatusText(copyErrorText);\n      });\n  };\n\n  const triggerVariant = (\n    {\n      button: 'normal',\n      icon: 'icon',\n      inline: 'inline-icon',\n    } as const\n  )[variant];\n\n  const trigger = (\n    <InternalPopover\n      size=\"medium\"\n      position=\"top\"\n      triggerType=\"custom\"\n      dismissButton={false}\n      renderWithPortal={true}\n      content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n    >\n      <InternalButton\n        ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n        iconName=\"copy\"\n        onClick={onClick}\n        variant={triggerVariant}\n        wrapText={false}\n        formAction=\"none\"\n      >\n        {copyButtonText}\n      </InternalButton>\n    </InternalPopover>\n  );\n\n  return (\n    <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n      {variant === 'inline' ? (\n        <span className={styles['inline-container']}>\n          <span className={styles['inline-container-trigger']}>{trigger}</span>\n          <span className={testStyles['text-to-copy']}>{textToCopy}</span>\n        </span>\n      ) : (\n        trigger\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\nimport { CopyToClipboardProps } from './interfaces';\nimport InternalButton from '../button/internal';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nexport interface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n  variant = 'button',\n  copyButtonAriaLabel,\n  copyButtonText,\n  copySuccessText,\n  copyErrorText,\n  textToCopy,\n  popoverRenderWithPortal,\n  __internalRootRef = null,\n  ...restProps\n}: InternalCopyToClipboardProps) {\n  const [status, setStatus] = useState<'pending' | 'success' | 'error'>('pending');\n  const [statusText, setStatusText] = useState('');\n\n  const baseProps = getBaseProps(restProps);\n  const onClick = () => {\n    if (!navigator.clipboard) {\n      // The clipboard API is not available in insecure contexts.\n      setStatus('error');\n      setStatusText(copyErrorText);\n      return;\n    }\n\n    setStatus('pending');\n    setStatusText('');\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        setStatus('success');\n        setStatusText(copySuccessText);\n      })\n      .catch(() => {\n        setStatus('error');\n        setStatusText(copyErrorText);\n      });\n  };\n\n  const triggerVariant = (\n    {\n      button: 'normal',\n      icon: 'icon',\n      inline: 'inline-icon',\n    } as const\n  )[variant];\n\n  const trigger = (\n    <InternalPopover\n      size=\"medium\"\n      position=\"top\"\n      triggerType=\"custom\"\n      dismissButton={false}\n      renderWithPortal={popoverRenderWithPortal}\n      content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n    >\n      <InternalButton\n        ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n        iconName=\"copy\"\n        onClick={onClick}\n        variant={triggerVariant}\n        wrapText={false}\n        formAction=\"none\"\n      >\n        {copyButtonText}\n      </InternalButton>\n    </InternalPopover>\n  );\n\n  return (\n    <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n      {variant === 'inline' ? (\n        <span className={styles['inline-container']}>\n          <span className={styles['inline-container-trigger']}>{trigger}</span>\n          <span className={testStyles['text-to-copy']}>{textToCopy}</span>\n        </span>\n      ) : (\n        trigger\n      )}\n    </span>\n  );\n}\n"]}

package/lib/internal/template/flashbar/styles.css.js

@@ -1,52 +1,52 @@
 
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_10jig_97",
-  "enter": "awsui_enter_1q84n_10jig_97",
-  "flash-body": "awsui_flash-body_1q84n_10jig_111",
-  "flash-message": "awsui_flash-message_1q84n_10jig_111",
-  "flash-header": "awsui_flash-header_1q84n_10jig_111",
-  "flash-content": "awsui_flash-content_1q84n_10jig_112",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_10jig_113",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_10jig_114",
-  "flash-icon": "awsui_flash-icon_1q84n_10jig_137",
-  "entering": "awsui_entering_1q84n_10jig_150",
-  "entered": "awsui_entered_1q84n_10jig_171",
-  "exiting": "awsui_exiting_1q84n_10jig_276",
-  "stack": "awsui_stack_1q84n_10jig_298",
-  "animation-running": "awsui_animation-running_1q84n_10jig_298",
-  "item": "awsui_item_1q84n_10jig_298",
-  "flash-list-item": "awsui_flash-list-item_1q84n_10jig_299",
-  "notification-bar": "awsui_notification-bar_1q84n_10jig_300",
-  "collapsed": "awsui_collapsed_1q84n_10jig_320",
-  "animation-ready": "awsui_animation-ready_1q84n_10jig_320",
-  "expanded-only": "awsui_expanded-only_1q84n_10jig_320",
-  "expanded": "awsui_expanded_1q84n_10jig_320",
-  "flash": "awsui_flash_1q84n_10jig_97",
-  "collapsible": "awsui_collapsible_1q84n_10jig_384",
-  "short-list": "awsui_short-list_1q84n_10jig_390",
-  "visual-refresh": "awsui_visual-refresh_1q84n_10jig_390",
-  "status": "awsui_status_1q84n_10jig_597",
-  "header": "awsui_header_1q84n_10jig_597",
-  "item-count": "awsui_item-count_1q84n_10jig_598",
-  "button": "awsui_button_1q84n_10jig_599",
-  "type-count": "awsui_type-count_1q84n_10jig_632",
-  "count-number": "awsui_count-number_1q84n_10jig_632",
-  "icon": "awsui_icon_1q84n_10jig_666",
-  "floating": "awsui_floating_1q84n_10jig_707",
-  "flashbar": "awsui_flashbar_1q84n_10jig_715",
-  "flash-refresh": "awsui_flash-refresh_1q84n_10jig_790",
-  "flash-list": "awsui_flash-list_1q84n_10jig_299",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_10jig_811",
-  "flash-text": "awsui_flash-text_1q84n_10jig_841",
-  "dismiss-button": "awsui_dismiss-button_1q84n_10jig_114",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_10jig_883",
-  "action-button": "awsui_action-button_1q84n_10jig_113",
-  "action-slot": "awsui_action-slot_1q84n_10jig_893",
-  "flash-type-success": "awsui_flash-type-success_1q84n_10jig_897",
-  "flash-type-error": "awsui_flash-type-error_1q84n_10jig_901",
-  "flash-type-info": "awsui_flash-type-info_1q84n_10jig_905",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_10jig_906",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_10jig_910"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_zv14w_97",
+  "enter": "awsui_enter_1q84n_zv14w_97",
+  "flash-body": "awsui_flash-body_1q84n_zv14w_111",
+  "flash-message": "awsui_flash-message_1q84n_zv14w_111",
+  "flash-header": "awsui_flash-header_1q84n_zv14w_111",
+  "flash-content": "awsui_flash-content_1q84n_zv14w_112",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_zv14w_113",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_zv14w_114",
+  "flash-icon": "awsui_flash-icon_1q84n_zv14w_137",
+  "entering": "awsui_entering_1q84n_zv14w_150",
+  "entered": "awsui_entered_1q84n_zv14w_171",
+  "exiting": "awsui_exiting_1q84n_zv14w_276",
+  "stack": "awsui_stack_1q84n_zv14w_298",
+  "animation-running": "awsui_animation-running_1q84n_zv14w_298",
+  "item": "awsui_item_1q84n_zv14w_298",
+  "flash-list-item": "awsui_flash-list-item_1q84n_zv14w_299",
+  "notification-bar": "awsui_notification-bar_1q84n_zv14w_300",
+  "collapsed": "awsui_collapsed_1q84n_zv14w_320",
+  "animation-ready": "awsui_animation-ready_1q84n_zv14w_320",
+  "expanded-only": "awsui_expanded-only_1q84n_zv14w_320",
+  "expanded": "awsui_expanded_1q84n_zv14w_320",
+  "flash": "awsui_flash_1q84n_zv14w_97",
+  "collapsible": "awsui_collapsible_1q84n_zv14w_384",
+  "short-list": "awsui_short-list_1q84n_zv14w_390",
+  "visual-refresh": "awsui_visual-refresh_1q84n_zv14w_390",
+  "status": "awsui_status_1q84n_zv14w_597",
+  "header": "awsui_header_1q84n_zv14w_597",
+  "item-count": "awsui_item-count_1q84n_zv14w_598",
+  "button": "awsui_button_1q84n_zv14w_599",
+  "type-count": "awsui_type-count_1q84n_zv14w_632",
+  "count-number": "awsui_count-number_1q84n_zv14w_632",
+  "icon": "awsui_icon_1q84n_zv14w_666",
+  "floating": "awsui_floating_1q84n_zv14w_707",
+  "flashbar": "awsui_flashbar_1q84n_zv14w_715",
+  "flash-refresh": "awsui_flash-refresh_1q84n_zv14w_790",
+  "flash-list": "awsui_flash-list_1q84n_zv14w_299",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_zv14w_811",
+  "flash-text": "awsui_flash-text_1q84n_zv14w_841",
+  "dismiss-button": "awsui_dismiss-button_1q84n_zv14w_114",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_zv14w_883",
+  "action-button": "awsui_action-button_1q84n_zv14w_113",
+  "action-slot": "awsui_action-slot_1q84n_zv14w_893",
+  "flash-type-success": "awsui_flash-type-success_1q84n_zv14w_897",
+  "flash-type-error": "awsui_flash-type-error_1q84n_zv14w_901",
+  "flash-type-info": "awsui_flash-type-info_1q84n_zv14w_905",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_zv14w_906",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_zv14w_910"
 };