@cloudscape-design/components 3.0.361 → 3.0.363

package/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFA2CV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAgDV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/alert/index.js

@@ -15,26 +15,31 @@ const Alert = React.forwardRef((_a, ref) => {
     const { stepNumber, stepNameSelector } = useFunnelStep();
     const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
     useEffect(() => {
+        var _a, _b, _c;
         if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {
             const stepName = getNameFromSelector(stepNameSelector);
             const subStepName = getNameFromSelector(subStepNameSelector);
             errorCount.current++;
-            if (subStepSelector) {
-                FunnelMetrics.funnelSubStepError({
-                    funnelInteractionId,
-                    subStepSelector,
-                    subStepName,
-                    subStepNameSelector,
-                    stepNumber,
-                    stepName,
-                    stepNameSelector,
-                    subStepAllSelector: getSubStepAllSelector(),
-                });
-            }
-            else {
-                FunnelMetrics.funnelError({
-                    funnelInteractionId,
-                });
+            // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.
+            const errorIsVisible = ((_c = (_b = (_a = baseComponentProps.__internalRootRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) !== null && _c !== void 0 ? _c : 0) > 0;
+            if (errorIsVisible) {
+                if (subStepSelector) {
+                    FunnelMetrics.funnelSubStepError({
+                        funnelInteractionId,
+                        subStepSelector,
+                        subStepName,
+                        subStepNameSelector,
+                        stepNumber,
+                        stepName,
+                        stepNameSelector,
+                        subStepAllSelector: getSubStepAllSelector(),
+                    });
+                }
+                else {
+                    FunnelMetrics.funnelError({
+                        funnelInteractionId,
+                    });
+                }
             }
             return () => {
                 // eslint-disable-next-line react-hooks/exhaustive-deps

package/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI7F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAuD,EAAE,GAA8B,EAAE,EAAE;QAA3F,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,GAAG,IAAI,OAAwB,EAAnB,KAAK,cAAzC,mBAA2C,CAAF;IACxC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACxF,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,IAAI,OAAO,IAAI,IAAI,KAAK,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,UAAU,EAAE;YAC5F,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,UAAU,CAAC,OAAO,EAAE,CAAC;YAErB,IAAI,eAAe,EAAE;gBACnB,aAAa,CAAC,kBAAkB,CAAC;oBAC/B,mBAAmB;oBACnB,eAAe;oBACf,WAAW;oBACX,mBAAmB;oBACnB,UAAU;oBACV,QAAQ;oBACR,gBAAgB;oBAChB,kBAAkB,EAAE,qBAAqB,EAAE;iBAC5C,CAAC,CAAC;aACJ;iBAAM;gBACL,aAAa,CAAC,WAAW,CAAC;oBACxB,mBAAmB;iBACpB,CAAC,CAAC;aACJ;YAED,OAAO,GAAG,EAAE;gBACV,uDAAuD;gBACvD,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC,CAAC;SACH;QAED,uDAAuD;IACzD,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAElE,OAAO,oBAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACtG,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nexport { AlertProps };\n\nconst Alert = React.forwardRef(\n  ({ type = 'info', visible = true, ...props }: AlertProps, ref: React.Ref<AlertProps.Ref>) => {\n    const baseComponentProps = useBaseComponent('Alert');\n\n    const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n    const { stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    useEffect(() => {\n      if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        errorCount.current++;\n\n        if (subStepSelector) {\n          FunnelMetrics.funnelSubStepError({\n            funnelInteractionId,\n            subStepSelector,\n            subStepName,\n            subStepNameSelector,\n            stepNumber,\n            stepName,\n            stepNameSelector,\n            subStepAllSelector: getSubStepAllSelector(),\n          });\n        } else {\n          FunnelMetrics.funnelError({\n            funnelInteractionId,\n          });\n        }\n\n        return () => {\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          errorCount.current--;\n        };\n      }\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [funnelInteractionId, visible, submissionAttempt, errorCount]);\n\n    return <InternalAlert type={type} visible={visible} {...props} {...baseComponentProps} ref={ref} />;\n  }\n);\n\napplyDisplayName(Alert, 'Alert');\nexport default Alert;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI7F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAuD,EAAE,GAA8B,EAAE,EAAE;QAA3F,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,GAAG,IAAI,OAAwB,EAAnB,KAAK,cAAzC,mBAA2C,CAAF;IACxC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACxF,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,mBAAmB,IAAI,OAAO,IAAI,IAAI,KAAK,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,UAAU,EAAE;YAC5F,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,UAAU,CAAC,OAAO,EAAE,CAAC;YAErB,uFAAuF;YACvF,MAAM,cAAc,GAAG,CAAC,MAAA,MAAA,MAAA,kBAAkB,CAAC,iBAAiB,CAAC,OAAO,0CAAE,qBAAqB,EAAE,0CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;YAE/G,IAAI,cAAc,EAAE;gBAClB,IAAI,eAAe,EAAE;oBACnB,aAAa,CAAC,kBAAkB,CAAC;wBAC/B,mBAAmB;wBACnB,eAAe;wBACf,WAAW;wBACX,mBAAmB;wBACnB,UAAU;wBACV,QAAQ;wBACR,gBAAgB;wBAChB,kBAAkB,EAAE,qBAAqB,EAAE;qBAC5C,CAAC,CAAC;iBACJ;qBAAM;oBACL,aAAa,CAAC,WAAW,CAAC;wBACxB,mBAAmB;qBACpB,CAAC,CAAC;iBACJ;aACF;YAED,OAAO,GAAG,EAAE;gBACV,uDAAuD;gBACvD,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC,CAAC;SACH;QAED,uDAAuD;IACzD,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAElE,OAAO,oBAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACtG,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nexport { AlertProps };\n\nconst Alert = React.forwardRef(\n  ({ type = 'info', visible = true, ...props }: AlertProps, ref: React.Ref<AlertProps.Ref>) => {\n    const baseComponentProps = useBaseComponent('Alert');\n\n    const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n    const { stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    useEffect(() => {\n      if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        errorCount.current++;\n\n        // We don't want to report an error if it is hidden, e.g. inside an Expandable Section.\n        const errorIsVisible = (baseComponentProps.__internalRootRef.current?.getBoundingClientRect()?.width ?? 0) > 0;\n\n        if (errorIsVisible) {\n          if (subStepSelector) {\n            FunnelMetrics.funnelSubStepError({\n              funnelInteractionId,\n              subStepSelector,\n              subStepName,\n              subStepNameSelector,\n              stepNumber,\n              stepName,\n              stepNameSelector,\n              subStepAllSelector: getSubStepAllSelector(),\n            });\n          } else {\n            FunnelMetrics.funnelError({\n              funnelInteractionId,\n            });\n          }\n        }\n\n        return () => {\n          // eslint-disable-next-line react-hooks/exhaustive-deps\n          errorCount.current--;\n        };\n      }\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [funnelInteractionId, visible, submissionAttempt, errorCount]);\n\n    return <InternalAlert type={type} visible={visible} {...props} {...baseComponentProps} ref={ref} />;\n  }\n);\n\napplyDisplayName(Alert, 'Alert');\nexport default Alert;\n"]}

package/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_lcjop_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_lcjop_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_lcjop_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_lcjop_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_lcjop_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_lcjop_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_lcjop_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_lcjop_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_lcjop_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_lcjop_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_lcjop_137",
-  "annotation": "awsui_annotation_1hpp3_lcjop_145",
-  "next-button": "awsui_next-button_1hpp3_lcjop_146",
-  "previous-button": "awsui_previous-button_1hpp3_lcjop_147",
-  "finish-button": "awsui_finish-button_1hpp3_lcjop_148",
-  "header": "awsui_header_1hpp3_lcjop_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_lcjop_150",
-  "content": "awsui_content_1hpp3_lcjop_151",
-  "description": "awsui_description_1hpp3_lcjop_155",
-  "actionBar": "awsui_actionBar_1hpp3_lcjop_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_lcjop_167",
-  "divider": "awsui_divider_1hpp3_lcjop_171",
-  "hotspot": "awsui_hotspot_1hpp3_lcjop_175",
-  "icon": "awsui_icon_1hpp3_lcjop_215"
+  "arrow": "awsui_arrow_1hpp3_1bkb5_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1bkb5_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1bkb5_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1bkb5_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1bkb5_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1bkb5_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1bkb5_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1bkb5_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1bkb5_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1bkb5_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1bkb5_137",
+  "annotation": "awsui_annotation_1hpp3_1bkb5_145",
+  "next-button": "awsui_next-button_1hpp3_1bkb5_146",
+  "previous-button": "awsui_previous-button_1hpp3_1bkb5_147",
+  "finish-button": "awsui_finish-button_1hpp3_1bkb5_148",
+  "header": "awsui_header_1hpp3_1bkb5_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1bkb5_150",
+  "content": "awsui_content_1hpp3_1bkb5_151",
+  "description": "awsui_description_1hpp3_1bkb5_155",
+  "actionBar": "awsui_actionBar_1hpp3_1bkb5_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1bkb5_167",
+  "divider": "awsui_divider_1hpp3_1bkb5_171",
+  "hotspot": "awsui_hotspot_1hpp3_1bkb5_175",
+  "icon": "awsui_icon_1hpp3_1bkb5_215"
 };
   

package/annotation-context/annotation/styles.scoped.css

@@ -90,11 +90,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_arrow_1hpp3_lcjop_93:not(#\9) {
+.awsui_arrow_1hpp3_1bkb5_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_lcjop_97:not(#\9), .awsui_arrow-inner_1hpp3_lcjop_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9), .awsui_arrow-inner_1hpp3_1bkb5_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1bkb5_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after {
   background-color: var(--color-border-status-info-8upc6f, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_lcjop_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_1bkb5_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1bkb5_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_lcjop_128 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_lcjop_128 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1bkb5_128 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1bkb5_128 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_lcjop_131 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_lcjop_131 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1bkb5_131 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1bkb5_131 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_lcjop_134 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_lcjop_134 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1bkb5_134 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1bkb5_134 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_lcjop_137 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_lcjop_137 > .awsui_arrow-outer_1hpp3_lcjop_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1bkb5_137 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1bkb5_137 > .awsui_arrow-outer_1hpp3_1bkb5_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
 }
 
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_lcjop_145:not(#\9),
-.awsui_next-button_1hpp3_lcjop_146:not(#\9),
-.awsui_previous-button_1hpp3_lcjop_147:not(#\9),
-.awsui_finish-button_1hpp3_lcjop_148:not(#\9),
-.awsui_header_1hpp3_lcjop_149:not(#\9),
-.awsui_step-counter-content_1hpp3_lcjop_150:not(#\9),
-.awsui_content_1hpp3_lcjop_151:not(#\9) {
+.awsui_annotation_1hpp3_1bkb5_145:not(#\9),
+.awsui_next-button_1hpp3_1bkb5_146:not(#\9),
+.awsui_previous-button_1hpp3_1bkb5_147:not(#\9),
+.awsui_finish-button_1hpp3_1bkb5_148:not(#\9),
+.awsui_header_1hpp3_1bkb5_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1bkb5_150:not(#\9),
+.awsui_content_1hpp3_1bkb5_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_lcjop_155:not(#\9) {
+.awsui_description_1hpp3_1bkb5_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_actionBar_1hpp3_lcjop_160:not(#\9) {
+.awsui_actionBar_1hpp3_1bkb5_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_lcjop_167:not(#\9) {
+.awsui_stepCounter_1hpp3_1bkb5_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_lcjop_171:not(#\9) {
-  border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
+.awsui_divider_1hpp3_1bkb5_171:not(#\9) {
+  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
 }
 
-.awsui_hotspot_1hpp3_lcjop_175:not(#\9) {
+.awsui_hotspot_1hpp3_1bkb5_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_lcjop_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_1bkb5_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_lcjop_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bkb5_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_lcjop_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bkb5_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_lcjop_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bkb5_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_lcjop_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-w07mub, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_hotspot_1hpp3_lcjop_175 > .awsui_icon_1hpp3_lcjop_215:not(#\9) {
+.awsui_hotspot_1hpp3_1bkb5_175 > .awsui_icon_1hpp3_1bkb5_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }
-.awsui_hotspot_1hpp3_lcjop_175:not(#\9):hover > .awsui_icon_1hpp3_lcjop_215 {
+.awsui_hotspot_1hpp3_1bkb5_175:not(#\9):hover > .awsui_icon_1hpp3_1bkb5_215 {
   stroke: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_hotspot_1hpp3_lcjop_175:not(#\9):active > .awsui_icon_1hpp3_lcjop_215 {
+.awsui_hotspot_1hpp3_1bkb5_175:not(#\9):active > .awsui_icon_1hpp3_1bkb5_215 {
   stroke: var(--color-text-link-default-latg1a, #0972d3);
 }

package/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_lcjop_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_lcjop_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_lcjop_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_lcjop_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_lcjop_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_lcjop_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_lcjop_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_lcjop_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_lcjop_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_lcjop_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_lcjop_137",
-  "annotation": "awsui_annotation_1hpp3_lcjop_145",
-  "next-button": "awsui_next-button_1hpp3_lcjop_146",
-  "previous-button": "awsui_previous-button_1hpp3_lcjop_147",
-  "finish-button": "awsui_finish-button_1hpp3_lcjop_148",
-  "header": "awsui_header_1hpp3_lcjop_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_lcjop_150",
-  "content": "awsui_content_1hpp3_lcjop_151",
-  "description": "awsui_description_1hpp3_lcjop_155",
-  "actionBar": "awsui_actionBar_1hpp3_lcjop_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_lcjop_167",
-  "divider": "awsui_divider_1hpp3_lcjop_171",
-  "hotspot": "awsui_hotspot_1hpp3_lcjop_175",
-  "icon": "awsui_icon_1hpp3_lcjop_215"
+  "arrow": "awsui_arrow_1hpp3_1bkb5_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1bkb5_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1bkb5_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1bkb5_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1bkb5_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1bkb5_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1bkb5_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1bkb5_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1bkb5_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1bkb5_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1bkb5_137",
+  "annotation": "awsui_annotation_1hpp3_1bkb5_145",
+  "next-button": "awsui_next-button_1hpp3_1bkb5_146",
+  "previous-button": "awsui_previous-button_1hpp3_1bkb5_147",
+  "finish-button": "awsui_finish-button_1hpp3_1bkb5_148",
+  "header": "awsui_header_1hpp3_1bkb5_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1bkb5_150",
+  "content": "awsui_content_1hpp3_1bkb5_151",
+  "description": "awsui_description_1hpp3_1bkb5_155",
+  "actionBar": "awsui_actionBar_1hpp3_1bkb5_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1bkb5_167",
+  "divider": "awsui_divider_1hpp3_1bkb5_171",
+  "hotspot": "awsui_hotspot_1hpp3_1bkb5_175",
+  "icon": "awsui_icon_1hpp3_1bkb5_215"
 };
   

package/app-layout/visual-refresh/styles.css.js

@@ -1,74 +1,74 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_11pcv_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_11pcv_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_11pcv_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_11pcv_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_11pcv_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_11pcv_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_11pcv_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_11pcv_157",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_11pcv_191",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_11pcv_196",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_11pcv_215",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_11pcv_247",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_11pcv_247",
-  "drawer": "awsui_drawer_hyvsj_11pcv_145",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_11pcv_297",
-  "drawer-content": "awsui_drawer-content_hyvsj_11pcv_302",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_11pcv_307",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_11pcv_314",
-  "content": "awsui_content_hyvsj_11pcv_339",
-  "layout": "awsui_layout_hyvsj_11pcv_360",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_11pcv_443",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_11pcv_458",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_11pcv_475",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_11pcv_507",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_11pcv_510",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_11pcv_520",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_11pcv_523",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_11pcv_526",
-  "has-header": "awsui_has-header_hyvsj_11pcv_526",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_11pcv_547",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_11pcv_547",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_11pcv_590",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_11pcv_590",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_11pcv_606",
-  "unfocusable": "awsui_unfocusable_hyvsj_11pcv_611",
-  "container": "awsui_container_hyvsj_11pcv_621",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_11pcv_646",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_11pcv_649",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_11pcv_649",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_11pcv_649",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_11pcv_658",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_11pcv_674",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_11pcv_678",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_11pcv_682",
-  "navigation-container": "awsui_navigation-container_hyvsj_11pcv_691",
-  "show-navigation": "awsui_show-navigation_hyvsj_11pcv_735",
-  "animating": "awsui_animating_hyvsj_11pcv_757",
-  "showButtons": "awsui_showButtons_hyvsj_11pcv_1",
-  "navigation": "awsui_navigation_hyvsj_11pcv_691",
-  "openNavigation": "awsui_openNavigation_hyvsj_11pcv_1",
-  "animated-content": "awsui_animated-content_hyvsj_11pcv_819",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_11pcv_828",
-  "notifications": "awsui_notifications_hyvsj_11pcv_838",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_11pcv_844",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_11pcv_861",
-  "position-bottom": "awsui_position-bottom_hyvsj_11pcv_907",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_11pcv_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_11pcv_936",
-  "position-side": "awsui_position-side_hyvsj_11pcv_964",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_11pcv_1",
-  "tools-container": "awsui_tools-container_hyvsj_11pcv_1001",
-  "tools": "awsui_tools_hyvsj_11pcv_1001",
-  "openTools": "awsui_openTools_hyvsj_11pcv_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_11pcv_1096",
-  "hide-tools": "awsui_hide-tools_hyvsj_11pcv_1106",
-  "show-tools": "awsui_show-tools_hyvsj_11pcv_1118",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_11pcv_1096",
-  "trigger": "awsui_trigger_hyvsj_11pcv_1183",
-  "selected": "awsui_selected_hyvsj_11pcv_1222"
+  "background": "awsui_background_hyvsj_li5wi_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_li5wi_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_li5wi_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_li5wi_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_li5wi_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_li5wi_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_li5wi_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_li5wi_157",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_li5wi_191",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_li5wi_196",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_li5wi_215",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_li5wi_247",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_li5wi_247",
+  "drawer": "awsui_drawer_hyvsj_li5wi_145",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_li5wi_297",
+  "drawer-content": "awsui_drawer-content_hyvsj_li5wi_302",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_li5wi_307",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_li5wi_314",
+  "content": "awsui_content_hyvsj_li5wi_339",
+  "layout": "awsui_layout_hyvsj_li5wi_360",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_li5wi_443",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_li5wi_458",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_li5wi_475",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_li5wi_507",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_li5wi_510",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_li5wi_520",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_li5wi_523",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_li5wi_526",
+  "has-header": "awsui_has-header_hyvsj_li5wi_526",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_li5wi_547",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_li5wi_547",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_li5wi_590",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_li5wi_590",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_li5wi_606",
+  "unfocusable": "awsui_unfocusable_hyvsj_li5wi_611",
+  "container": "awsui_container_hyvsj_li5wi_621",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_li5wi_646",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_li5wi_649",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_li5wi_649",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_li5wi_649",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_li5wi_658",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_li5wi_674",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_li5wi_678",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_li5wi_682",
+  "navigation-container": "awsui_navigation-container_hyvsj_li5wi_691",
+  "show-navigation": "awsui_show-navigation_hyvsj_li5wi_735",
+  "animating": "awsui_animating_hyvsj_li5wi_757",
+  "showButtons": "awsui_showButtons_hyvsj_li5wi_1",
+  "navigation": "awsui_navigation_hyvsj_li5wi_691",
+  "openNavigation": "awsui_openNavigation_hyvsj_li5wi_1",
+  "animated-content": "awsui_animated-content_hyvsj_li5wi_819",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_li5wi_828",
+  "notifications": "awsui_notifications_hyvsj_li5wi_838",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_li5wi_844",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_li5wi_861",
+  "position-bottom": "awsui_position-bottom_hyvsj_li5wi_907",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_li5wi_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_li5wi_936",
+  "position-side": "awsui_position-side_hyvsj_li5wi_964",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_li5wi_1",
+  "tools-container": "awsui_tools-container_hyvsj_li5wi_1001",
+  "tools": "awsui_tools_hyvsj_li5wi_1001",
+  "openTools": "awsui_openTools_hyvsj_li5wi_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_li5wi_1096",
+  "hide-tools": "awsui_hide-tools_hyvsj_li5wi_1106",
+  "show-tools": "awsui_show-tools_hyvsj_li5wi_1118",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_li5wi_1096",
+  "trigger": "awsui_trigger_hyvsj_li5wi_1183",
+  "selected": "awsui_selected_hyvsj_li5wi_1222"
 };