@cloudscape-design/components-themeable 3.0.853 → 3.0.855

package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css

@@ -138,12 +138,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -182,26 +186,26 @@ 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_series_1yz9c_pn1cq_185:not(#\9),
-.awsui_series--bar_1yz9c_pn1cq_186 > .awsui_series__rect_1yz9c_pn1cq_186:not(#\9) {
+.awsui_series_1yz9c_x21hp_189:not(#\9),
+.awsui_series--bar_1yz9c_x21hp_190 > .awsui_series__rect_1yz9c_x21hp_190:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-1ym1ir, 90ms) var(--motion-easing-transition-quick-c2tqbv, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_pn1cq_185:not(#\9),
-  .awsui_series--bar_1yz9c_pn1cq_186 > .awsui_series__rect_1yz9c_pn1cq_186:not(#\9) {
+  .awsui_series_1yz9c_x21hp_189:not(#\9),
+  .awsui_series--bar_1yz9c_x21hp_190 > .awsui_series__rect_1yz9c_x21hp_190:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_pn1cq_185:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_pn1cq_185:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_pn1cq_186 > .awsui_series__rect_1yz9c_pn1cq_186:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_pn1cq_186 > .awsui_series__rect_1yz9c_pn1cq_186:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_x21hp_189:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_x21hp_189:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_x21hp_190 > .awsui_series__rect_1yz9c_x21hp_190:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_x21hp_190 > .awsui_series__rect_1yz9c_x21hp_190:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_pn1cq_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_pn1cq_1 var(--motion-duration-refresh-only-fast-ww2eh4, 0ms) var(--motion-easing-refresh-only-b-60wmf7, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_x21hp_207:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_x21hp_1 var(--motion-duration-refresh-only-fast-ww2eh4, 0ms) var(--motion-easing-refresh-only-b-60wmf7, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_pn1cq_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_x21hp_1 {
   from {
     opacity: 1;
   }
@@ -210,21 +214,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_exiting_1yz9c_pn1cq_203:not(#\9) {
+  .awsui_exiting_1yz9c_x21hp_207:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_pn1cq_203:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_pn1cq_203:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_x21hp_207:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_x21hp_207:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1yz9c_pn1cq_225:not(#\9) {
+.awsui_root_1yz9c_x21hp_229:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_1yz9c_pn1cq_185:not(#\9) {
+.awsui_series_1yz9c_x21hp_189:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-fcce6g, 2px);
   fill: none;
@@ -233,20 +237,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_pn1cq_238:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_pn1cq_239:not(#\9) {
+.awsui_series--highlighted_1yz9c_x21hp_242:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_x21hp_243:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_pn1cq_243:not(#\9) {
+.awsui_series--dimmed_1yz9c_x21hp_247:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_1yz9c_pn1cq_247:not(#\9) {
+.awsui_series--threshold_1yz9c_x21hp_251:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-gkb7y8, 3 5);
   stroke-width: var(--border-line-chart-width-fcce6g, 2px);
 }
 
-.awsui_bar-group_1yz9c_pn1cq_252:not(#\9) {
+.awsui_bar-group_1yz9c_x21hp_256:not(#\9) {
   pointer-events: none;
 }

package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js

@@ -2,16 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_1yz9c_pn1cq_185",
-  "series--bar": "awsui_series--bar_1yz9c_pn1cq_186",
-  "series__rect": "awsui_series__rect_1yz9c_pn1cq_186",
-  "exiting": "awsui_exiting_1yz9c_pn1cq_203",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_pn1cq_1",
-  "root": "awsui_root_1yz9c_pn1cq_225",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_pn1cq_238",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_pn1cq_239",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_pn1cq_243",
-  "series--threshold": "awsui_series--threshold_1yz9c_pn1cq_247",
-  "bar-group": "awsui_bar-group_1yz9c_pn1cq_252"
+  "series": "awsui_series_1yz9c_x21hp_189",
+  "series--bar": "awsui_series--bar_1yz9c_x21hp_190",
+  "series__rect": "awsui_series__rect_1yz9c_x21hp_190",
+  "exiting": "awsui_exiting_1yz9c_x21hp_207",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_x21hp_1",
+  "root": "awsui_root_1yz9c_x21hp_229",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_x21hp_242",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_x21hp_243",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_x21hp_247",
+  "series--threshold": "awsui_series--threshold_1yz9c_x21hp_251",
+  "bar-group": "awsui_bar-group_1yz9c_x21hp_256"
 };
   

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

@@ -17,7 +17,7 @@ function ModalWithAnalyticsFunnel(_a) {
     const dataAttributes = {
         [DATA_ATTR_MODAL_ID]: modalId,
     };
-    return (React.createElement(AnalyticsFunnel, { mounted: props.visible, funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "modal", optionalStepNumbers: [], totalFunnelSteps: 1, funnelNameSelectors: [`[${DATA_ATTR_MODAL_ID}="${CSS.escape(modalId)}"] .${styles['header--text']}`] },
+    return (React.createElement(AnalyticsFunnel, { mounted: props.visible, funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "modal", optionalStepNumbers: [], totalFunnelSteps: 1, funnelNameSelectors: [`[${DATA_ATTR_MODAL_ID}="${CSS === null || CSS === void 0 ? void 0 : CSS.escape(modalId)}"] .${styles['header--text']}`] },
         React.createElement(AnalyticsFunnelStep, { mounted: props.visible, stepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, stepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, stepNumber: 1 },
             React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
                 React.createElement(InternalModalAsFunnel, Object.assign({ size: size }, props, baseComponentProps, dataAttributes, { __injectAnalyticsComponentMetadata: true }))))));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modal/index.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 from 'react';\n\nimport {\n  AnalyticsFunnel,\n  AnalyticsFunnelStep,\n  AnalyticsFunnelSubStep,\n} from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_MODAL_ID } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ModalProps } from './interfaces';\nimport InternalModal, { InternalModalAsFunnel } from './internal';\n\nimport styles from './styles.css.js';\n\nexport { ModalProps };\n\nfunction ModalWithAnalyticsFunnel({\n  analyticsMetadata,\n  baseComponentProps,\n  size = 'medium',\n  ...props\n}: ModalProps & { analyticsMetadata: any; baseComponentProps: ReturnType<typeof useBaseComponent> }) {\n  const modalId = useUniqueId();\n  const dataAttributes = {\n    [DATA_ATTR_MODAL_ID]: modalId,\n  };\n\n  return (\n    <AnalyticsFunnel\n      mounted={props.visible}\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"modal\"\n      optionalStepNumbers={[]}\n      totalFunnelSteps={1}\n      funnelNameSelectors={[`[${DATA_ATTR_MODAL_ID}=\"${CSS.escape(modalId)}\"] .${styles['header--text']}`]}\n    >\n      <AnalyticsFunnelStep\n        mounted={props.visible}\n        stepIdentifier={analyticsMetadata?.instanceIdentifier}\n        stepErrorContext={analyticsMetadata?.errorContext}\n        stepNumber={1}\n      >\n        <AnalyticsFunnelSubStep\n          subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n          subStepErrorContext={analyticsMetadata?.errorContext}\n        >\n          <InternalModalAsFunnel\n            size={size}\n            {...props}\n            {...baseComponentProps}\n            {...dataAttributes}\n            __injectAnalyticsComponentMetadata={true}\n          />\n        </AnalyticsFunnelSubStep>\n      </AnalyticsFunnelStep>\n    </AnalyticsFunnel>\n  );\n}\n\nexport default function Modal({ size = 'medium', ...props }: ModalProps) {\n  const { isInFunnel } = useFunnel();\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Modal',\n    {\n      props: { size, disableContentPaddings: props.disableContentPaddings },\n      metadata: {\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n      },\n    },\n    analyticsMetadata\n  );\n\n  if (!isInFunnel) {\n    return (\n      <ModalWithAnalyticsFunnel\n        analyticsMetadata={analyticsMetadata}\n        baseComponentProps={baseComponentProps}\n        size={size}\n        {...props}\n      />\n    );\n  }\n\n  return <InternalModal size={size} {...props} {...baseComponentProps} __injectAnalyticsComponentMetadata={true} />;\n}\n\napplyDisplayName(Modal, 'Modal');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,EAAE,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,SAAS,wBAAwB,CAAC,EAKiE;QALjE,EAChC,iBAAiB,EACjB,kBAAkB,EAClB,IAAI,GAAG,QAAQ,OAEkF,EAD9F,KAAK,cAJwB,mDAKjC,CADS;IAER,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,cAAc,GAAG;QACrB,CAAC,kBAAkB,CAAC,EAAE,OAAO;KAC9B,CAAC;IAEF,OAAO,CACL,oBAAC,eAAe,IACd,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACvD,cAAc,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAC3C,kBAAkB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACnD,kBAAkB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACnD,UAAU,EAAC,OAAO,EAClB,mBAAmB,EAAE,EAAE,EACvB,gBAAgB,EAAE,CAAC,EACnB,mBAAmB,EAAE,CAAC,IAAI,kBAAkB,KAAK,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAC,OAAO,CAAC,OAAO,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC;QAErG,oBAAC,mBAAmB,IAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,cAAc,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACrD,gBAAgB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,EACjD,UAAU,EAAE,CAAC;YAEb,oBAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACxD,mBAAmB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY;gBAEpD,oBAAC,qBAAqB,kBACpB,IAAI,EAAE,IAAI,IACN,KAAK,EACL,kBAAkB,EAClB,cAAc,IAClB,kCAAkC,EAAE,IAAI,IACxC,CACqB,CACL,CACN,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAyC;QAAzC,EAAE,IAAI,GAAG,QAAQ,OAAwB,EAAnB,KAAK,cAA3B,QAA6B,CAAF;IACvD,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,KAAuC,CAAC,CAAC;IAC7F,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,EACP;QACE,KAAK,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EAAE;QACrE,QAAQ,EAAE;YACR,eAAe,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,CAAC;YACzD,qBAAqB,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,CAAC;SACtE;KACF,EACD,iBAAiB,CAClB,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,CACL,oBAAC,wBAAwB,kBACvB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,IACN,KAAK,EACT,CACH,CAAC;KACH;IAED,OAAO,oBAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK,EAAM,kBAAkB,IAAE,kCAAkC,EAAE,IAAI,IAAI,CAAC;AACpH,CAAC;AAED,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n  AnalyticsFunnel,\n  AnalyticsFunnelStep,\n  AnalyticsFunnelSubStep,\n} from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_MODAL_ID } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ModalProps } from './interfaces';\nimport InternalModal, { InternalModalAsFunnel } from './internal';\n\nimport styles from './styles.css.js';\n\nexport { ModalProps };\n\nfunction ModalWithAnalyticsFunnel({\n  analyticsMetadata,\n  baseComponentProps,\n  size = 'medium',\n  ...props\n}: ModalProps & { analyticsMetadata: any; baseComponentProps: ReturnType<typeof useBaseComponent> }) {\n  const modalId = useUniqueId();\n  const dataAttributes = {\n    [DATA_ATTR_MODAL_ID]: modalId,\n  };\n\n  return (\n    <AnalyticsFunnel\n      mounted={props.visible}\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"modal\"\n      optionalStepNumbers={[]}\n      totalFunnelSteps={1}\n      funnelNameSelectors={[`[${DATA_ATTR_MODAL_ID}=\"${CSS?.escape(modalId)}\"] .${styles['header--text']}`]}\n    >\n      <AnalyticsFunnelStep\n        mounted={props.visible}\n        stepIdentifier={analyticsMetadata?.instanceIdentifier}\n        stepErrorContext={analyticsMetadata?.errorContext}\n        stepNumber={1}\n      >\n        <AnalyticsFunnelSubStep\n          subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n          subStepErrorContext={analyticsMetadata?.errorContext}\n        >\n          <InternalModalAsFunnel\n            size={size}\n            {...props}\n            {...baseComponentProps}\n            {...dataAttributes}\n            __injectAnalyticsComponentMetadata={true}\n          />\n        </AnalyticsFunnelSubStep>\n      </AnalyticsFunnelStep>\n    </AnalyticsFunnel>\n  );\n}\n\nexport default function Modal({ size = 'medium', ...props }: ModalProps) {\n  const { isInFunnel } = useFunnel();\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Modal',\n    {\n      props: { size, disableContentPaddings: props.disableContentPaddings },\n      metadata: {\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n      },\n    },\n    analyticsMetadata\n  );\n\n  if (!isInFunnel) {\n    return (\n      <ModalWithAnalyticsFunnel\n        analyticsMetadata={analyticsMetadata}\n        baseComponentProps={baseComponentProps}\n        size={size}\n        {...props}\n      />\n    );\n  }\n\n  return <InternalModal size={size} {...props} {...baseComponentProps} __injectAnalyticsComponentMetadata={true} />;\n}\n\napplyDisplayName(Modal, 'Modal');\n"]}

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

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_qf7os_165",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_qf7os_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1",
-  "refresh": "awsui_refresh_1d2i7_qf7os_188",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_qf7os_1",
-  "root": "awsui_root_1d2i7_qf7os_221",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_qf7os_1",
-  "hidden": "awsui_hidden_1d2i7_qf7os_298",
-  "focus-lock": "awsui_focus-lock_1d2i7_qf7os_302",
-  "small": "awsui_small_1d2i7_qf7os_322",
-  "medium": "awsui_medium_1d2i7_qf7os_325",
-  "large": "awsui_large_1d2i7_qf7os_328",
-  "max": "awsui_max_1d2i7_qf7os_331",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_qf7os_331",
-  "container": "awsui_container_1d2i7_qf7os_337",
-  "content": "awsui_content_1d2i7_qf7os_378",
-  "no-paddings": "awsui_no-paddings_1d2i7_qf7os_383",
-  "header": "awsui_header_1d2i7_qf7os_388",
-  "header--text": "awsui_header--text_1d2i7_qf7os_400",
-  "footer": "awsui_footer_1d2i7_qf7os_404",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_qf7os_413",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_qf7os_425",
-  "modal-open": "awsui_modal-open_1d2i7_qf7os_429"
+  "dialog": "awsui_dialog_1d2i7_uu72k_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_uu72k_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1",
+  "refresh": "awsui_refresh_1d2i7_uu72k_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_uu72k_1",
+  "root": "awsui_root_1d2i7_uu72k_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_uu72k_1",
+  "hidden": "awsui_hidden_1d2i7_uu72k_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_uu72k_306",
+  "small": "awsui_small_1d2i7_uu72k_326",
+  "medium": "awsui_medium_1d2i7_uu72k_329",
+  "large": "awsui_large_1d2i7_uu72k_332",
+  "max": "awsui_max_1d2i7_uu72k_335",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_uu72k_335",
+  "container": "awsui_container_1d2i7_uu72k_341",
+  "content": "awsui_content_1d2i7_uu72k_382",
+  "no-paddings": "awsui_no-paddings_1d2i7_uu72k_387",
+  "header": "awsui_header_1d2i7_uu72k_392",
+  "header--text": "awsui_header--text_1d2i7_uu72k_404",
+  "footer": "awsui_footer_1d2i7_uu72k_408",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_uu72k_417",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_uu72k_429",
+  "modal-open": "awsui_modal-open_1d2i7_uu72k_433"
 };
   

package/lib/internal/template/modal/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -154,7 +158,7 @@ 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
 */
-@keyframes awsui_modal-slide-up_1d2i7_qf7os_1 {
+@keyframes awsui_modal-slide-up_1d2i7_uu72k_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -162,12 +166,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_qf7os_165:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_qf7os_1 var(--motion-duration-slow-smdet5, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 var(--motion-duration-slow-smdet5, 180ms) ease-out;
+.awsui_dialog_1d2i7_uu72k_169:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_uu72k_1 var(--motion-duration-slow-smdet5, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1 var(--motion-duration-slow-smdet5, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-ayppw9, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1 {
   from {
     opacity: 0;
   }
@@ -176,22 +180,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_qf7os_165:not(#\9) {
+  .awsui_dialog_1d2i7_uu72k_169:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_qf7os_165:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_qf7os_165:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_uu72k_169:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_uu72k_169:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_qf7os_1, awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1;
+.awsui_dialog_1d2i7_uu72k_169.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_uu72k_1, awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1;
   animation-duration: var(--motion-duration-refresh-only-fast-ww2eh4, 0ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1 {
   from {
     opacity: 0;
   }
@@ -199,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_qf7os_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_uu72k_1 {
   0% {
     transform: scale(0.95);
   }
@@ -208,21 +212,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+  .awsui_dialog_1d2i7_uu72k_169.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_uu72k_169.awsui_refresh_1d2i7_uu72k_192:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_uu72k_169.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_qf7os_221:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_qf7os_1 var(--motion-duration-extra-slow-f38nn3, 270ms) ease-out;
+.awsui_root_1d2i7_uu72k_225:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_uu72k_1 var(--motion-duration-extra-slow-f38nn3, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_qf7os_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_uu72k_1 {
   from {
     opacity: 0.2;
   }
@@ -231,30 +235,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_qf7os_221:not(#\9) {
+  .awsui_root_1d2i7_uu72k_225:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_qf7os_221:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_qf7os_221:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_uu72k_225:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_uu72k_225:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+.awsui_root_1d2i7_uu72k_225.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-ww2eh4, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+  .awsui_root_1d2i7_uu72k_225.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_uu72k_225.awsui_refresh_1d2i7_uu72k_192:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_uu72k_225.awsui_refresh_1d2i7_uu72k_192:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_qf7os_221:not(#\9) {
+.awsui_root_1d2i7_uu72k_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -296,11 +300,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_qf7os_221.awsui_hidden_1d2i7_qf7os_298:not(#\9) {
+.awsui_root_1d2i7_uu72k_225.awsui_hidden_1d2i7_uu72k_302:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_qf7os_302:not(#\9) {
+.awsui_focus-lock_1d2i7_uu72k_306:not(#\9) {
   align-self: flex-start;
   margin-block: auto;
   margin-inline: auto;
@@ -310,7 +314,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_qf7os_165:not(#\9) {
+.awsui_dialog_1d2i7_uu72k_169:not(#\9) {
   position: static;
   inset-block-start: 0;
   transform: translate(0, 0);
@@ -320,22 +324,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_qf7os_165.awsui_small_1d2i7_qf7os_322:not(#\9) {
+.awsui_dialog_1d2i7_uu72k_169.awsui_small_1d2i7_uu72k_326:not(#\9) {
   max-inline-size: 320px;
 }
-.awsui_dialog_1d2i7_qf7os_165.awsui_medium_1d2i7_qf7os_325:not(#\9) {
+.awsui_dialog_1d2i7_uu72k_169.awsui_medium_1d2i7_uu72k_329:not(#\9) {
   max-inline-size: 600px;
 }
-.awsui_dialog_1d2i7_qf7os_165.awsui_large_1d2i7_qf7os_328:not(#\9) {
+.awsui_dialog_1d2i7_uu72k_169.awsui_large_1d2i7_uu72k_332:not(#\9) {
   max-inline-size: 820px;
 }
-.awsui_dialog_1d2i7_qf7os_165.awsui_max_1d2i7_qf7os_331.awsui_breakpoint-xs_1d2i7_qf7os_331:not(#\9) {
+.awsui_dialog_1d2i7_uu72k_169.awsui_max_1d2i7_uu72k_335.awsui_breakpoint-xs_1d2i7_uu72k_335:not(#\9) {
   max-inline-size: calc(100vw - (8 * 10px + var(--space-xxxl-vkrt7p, 40px)));
   margin-block: auto;
   margin-inline: auto;
 }
 
-.awsui_container_1d2i7_qf7os_337:not(#\9) {
+.awsui_container_1d2i7_uu72k_341:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -377,17 +381,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--shadow-modal-1ww2oa, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_content_1d2i7_qf7os_378:not(#\9) {
+.awsui_content_1d2i7_uu72k_382:not(#\9) {
   padding-block-start: var(--space-container-content-top-pvv221, 16px);
   padding-block-end: var(--space-modal-content-bottom-xtwyl8, 20px);
   padding-inline: var(--space-modal-horizontal-34nui2, 20px);
 }
-.awsui_content_1d2i7_qf7os_378.awsui_no-paddings_1d2i7_qf7os_383:not(#\9) {
+.awsui_content_1d2i7_uu72k_382.awsui_no-paddings_1d2i7_uu72k_387:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_header_1d2i7_qf7os_388:not(#\9) {
+.awsui_header_1d2i7_uu72k_392:not(#\9) {
   padding-block-start: var(--space-container-header-top-2yfg3x, 12px);
   padding-block-end: var(--space-container-header-bottom-p6av5y, 12px);
   padding-inline: var(--space-modal-horizontal-34nui2, 20px);
@@ -399,11 +403,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 0;
 }
 
-.awsui_header--text_1d2i7_qf7os_400:not(#\9) {
+.awsui_header--text_1d2i7_uu72k_404:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_qf7os_404:not(#\9) {
+.awsui_footer_1d2i7_uu72k_408:not(#\9) {
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
   padding-block: var(--space-scaled-s-8j7izy, 12px);
   padding-inline: var(--space-container-horizontal-v3575u, 20px);
@@ -412,23 +416,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   z-index: 800;
 }
-.awsui_footer--stuck_1d2i7_qf7os_413:not(#\9) {
+.awsui_footer--stuck_1d2i7_uu72k_417:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
   border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
 }
-.awsui_footer_1d2i7_qf7os_404:not(#\9):after {
+.awsui_footer_1d2i7_uu72k_408:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_qf7os_425:not(#\9) {
+.awsui_dismiss-control_1d2i7_uu72k_429:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_qf7os_429:not(#\9) {
+.awsui_modal-open_1d2i7_uu72k_433:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

package/lib/internal/template/modal/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_qf7os_165",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_qf7os_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1",
-  "refresh": "awsui_refresh_1d2i7_qf7os_188",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_qf7os_1",
-  "root": "awsui_root_1d2i7_qf7os_221",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_qf7os_1",
-  "hidden": "awsui_hidden_1d2i7_qf7os_298",
-  "focus-lock": "awsui_focus-lock_1d2i7_qf7os_302",
-  "small": "awsui_small_1d2i7_qf7os_322",
-  "medium": "awsui_medium_1d2i7_qf7os_325",
-  "large": "awsui_large_1d2i7_qf7os_328",
-  "max": "awsui_max_1d2i7_qf7os_331",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_qf7os_331",
-  "container": "awsui_container_1d2i7_qf7os_337",
-  "content": "awsui_content_1d2i7_qf7os_378",
-  "no-paddings": "awsui_no-paddings_1d2i7_qf7os_383",
-  "header": "awsui_header_1d2i7_qf7os_388",
-  "header--text": "awsui_header--text_1d2i7_qf7os_400",
-  "footer": "awsui_footer_1d2i7_qf7os_404",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_qf7os_413",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_qf7os_425",
-  "modal-open": "awsui_modal-open_1d2i7_qf7os_429"
+  "dialog": "awsui_dialog_1d2i7_uu72k_169",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_uu72k_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_uu72k_1",
+  "refresh": "awsui_refresh_1d2i7_uu72k_192",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_uu72k_1",
+  "root": "awsui_root_1d2i7_uu72k_225",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_uu72k_1",
+  "hidden": "awsui_hidden_1d2i7_uu72k_302",
+  "focus-lock": "awsui_focus-lock_1d2i7_uu72k_306",
+  "small": "awsui_small_1d2i7_uu72k_326",
+  "medium": "awsui_medium_1d2i7_uu72k_329",
+  "large": "awsui_large_1d2i7_uu72k_332",
+  "max": "awsui_max_1d2i7_uu72k_335",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_uu72k_335",
+  "container": "awsui_container_1d2i7_uu72k_341",
+  "content": "awsui_content_1d2i7_uu72k_382",
+  "no-paddings": "awsui_no-paddings_1d2i7_uu72k_387",
+  "header": "awsui_header_1d2i7_uu72k_392",
+  "header--text": "awsui_header--text_1d2i7_uu72k_404",
+  "footer": "awsui_footer_1d2i7_uu72k_408",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_uu72k_417",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_uu72k_429",
+  "modal-open": "awsui_modal-open_1d2i7_uu72k_433"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_f8g6q_vs8su_141",
-  "embedded": "awsui_embedded_f8g6q_vs8su_173",
-  "tokens": "awsui_tokens_f8g6q_vs8su_206"
+  "root": "awsui_root_f8g6q_j2lvj_145",
+  "embedded": "awsui_embedded_f8g6q_j2lvj_177",
+  "tokens": "awsui_tokens_f8g6q_j2lvj_210"
 };
   

package/lib/internal/template/multiselect/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_f8g6q_vs8su_141:not(#\9) {
+.awsui_root_f8g6q_j2lvj_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -171,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_embedded_f8g6q_vs8su_173:not(#\9) {
+.awsui_embedded_f8g6q_j2lvj_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -205,6 +209,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: contents;
 }
 
-.awsui_tokens_f8g6q_vs8su_206:not(#\9) {
+.awsui_tokens_f8g6q_j2lvj_210:not(#\9) {
   margin-block-start: var(--space-scaled-xs-t3am3w, 8px);
 }

package/lib/internal/template/multiselect/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_f8g6q_vs8su_141",
-  "embedded": "awsui_embedded_f8g6q_vs8su_173",
-  "tokens": "awsui_tokens_f8g6q_vs8su_206"
+  "root": "awsui_root_f8g6q_j2lvj_145",
+  "embedded": "awsui_embedded_f8g6q_j2lvj_177",
+  "tokens": "awsui_tokens_f8g6q_j2lvj_210"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_fvjdu_166bu_141",
-  "button": "awsui_button_fvjdu_166bu_181",
-  "dots": "awsui_dots_fvjdu_166bu_182",
-  "button-disabled": "awsui_button-disabled_fvjdu_166bu_210",
-  "arrow": "awsui_arrow_fvjdu_166bu_215",
-  "page-number": "awsui_page-number_fvjdu_166bu_225",
-  "button-current": "awsui_button-current_fvjdu_166bu_231",
-  "page-item": "awsui_page-item_fvjdu_166bu_248",
-  "root-disabled": "awsui_root-disabled_fvjdu_166bu_266"
+  "root": "awsui_root_fvjdu_842em_145",
+  "button": "awsui_button_fvjdu_842em_185",
+  "dots": "awsui_dots_fvjdu_842em_186",
+  "button-disabled": "awsui_button-disabled_fvjdu_842em_214",
+  "arrow": "awsui_arrow_fvjdu_842em_219",
+  "page-number": "awsui_page-number_fvjdu_842em_229",
+  "button-current": "awsui_button-current_fvjdu_842em_235",
+  "page-item": "awsui_page-item_fvjdu_842em_252",
+  "root-disabled": "awsui_root-disabled_fvjdu_842em_270"
 };