@cloudscape-design/components-themeable 3.0.665 → 3.0.667

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

@@ -94,10 +94,10 @@ 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_alert_mx3cw_1pqlj_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1pqlj_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_alert_mx3cw_t3zgh_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_t3zgh_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1pqlj_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_t3zgh_1 {
   from {
     opacity: 0.2;
   }
@@ -106,12 +106,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1pqlj_97:not(#\9) {
+  .awsui_alert_mx3cw_t3zgh_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1pqlj_97:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1pqlj_97:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_t3zgh_97:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_t3zgh_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -120,7 +120,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
 */
-.awsui_root_mx3cw_1pqlj_123:not(#\9) {
+.awsui_root_mx3cw_t3zgh_123:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -159,11 +159,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1pqlj_123.awsui_hidden_mx3cw_1pqlj_161:not(#\9) {
+.awsui_root_mx3cw_t3zgh_123.awsui_hidden_mx3cw_t3zgh_161:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1pqlj_97:not(#\9) {
+.awsui_alert_mx3cw_t3zgh_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -210,55 +210,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-alert-horizontal-bwh51v, 20px);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_alert_mx3cw_1pqlj_97.awsui_with-dismiss_mx3cw_1pqlj_211:not(#\9), .awsui_alert_mx3cw_1pqlj_97.awsui_with-action_mx3cw_1pqlj_211:not(#\9) {
+.awsui_alert_mx3cw_t3zgh_97.awsui_with-dismiss_mx3cw_t3zgh_211:not(#\9), .awsui_alert_mx3cw_t3zgh_97.awsui_with-action_mx3cw_t3zgh_211:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1pqlj_97.awsui_with-action_mx3cw_1pqlj_211.awsui_with-dismiss_mx3cw_1pqlj_211:not(#\9) {
+.awsui_alert_mx3cw_t3zgh_97.awsui_with-action_mx3cw_t3zgh_211.awsui_with-dismiss_mx3cw_t3zgh_211:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_1pqlj_97.awsui_breakpoint-default_mx3cw_1pqlj_217.awsui_with-action_mx3cw_1pqlj_211:not(#\9) {
+.awsui_alert_mx3cw_t3zgh_97.awsui_breakpoint-default_mx3cw_t3zgh_217.awsui_with-action_mx3cw_t3zgh_211:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_1pqlj_97.awsui_breakpoint-default_mx3cw_1pqlj_217:not(#\9):not(.awsui_with-dismiss_mx3cw_1pqlj_211) {
+.awsui_alert_mx3cw_t3zgh_97.awsui_breakpoint-default_mx3cw_t3zgh_217:not(#\9):not(.awsui_with-dismiss_mx3cw_t3zgh_211) {
   grid-template-columns: 1fr;
 }
 
-.awsui_header_mx3cw_1pqlj_224:not(#\9) {
+.awsui_header_mx3cw_t3zgh_224:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_action_mx3cw_1pqlj_228:not(#\9) {
+.awsui_action_mx3cw_t3zgh_228:not(#\9) {
   white-space: nowrap;
   margin-inline-start: var(--space-alert-action-left-5t7fct, 20px);
 }
 
-.awsui_action-slot_mx3cw_1pqlj_233:not(#\9),
-.awsui_action-button_mx3cw_1pqlj_234:not(#\9) {
+.awsui_action-slot_mx3cw_t3zgh_233:not(#\9),
+.awsui_action-button_mx3cw_t3zgh_234:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_1pqlj_238:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_t3zgh_238:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1pqlj_238:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_t3zgh_238:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pqlj_238:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_t3zgh_238:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pqlj_238:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_t3zgh_238:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-s68ny8, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pqlj_238:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_t3zgh_238:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
   inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
   inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  inline-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
-  block-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  inline-size: calc(100% + var(--space-button-focus-outline-gutter-s68ny8, 3px) + var(--space-button-focus-outline-gutter-s68ny8, 3px));
+  block-size: calc(100% + var(--space-button-focus-outline-gutter-s68ny8, 3px) + var(--space-button-focus-outline-gutter-s68ny8, 3px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
@@ -266,75 +266,75 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pqlj_238:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_text_mx3cw_1pqlj_267:not(#\9) {
+.awsui_text_mx3cw_t3zgh_267:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-field-width-yoy972, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-t7ij38, 4px);
   margin-inline: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_text_mx3cw_1pqlj_267.awsui_icon_mx3cw_1pqlj_274:not(#\9) {
+.awsui_text_mx3cw_t3zgh_267.awsui_icon_mx3cw_t3zgh_274:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1pqlj_267.awsui_message_mx3cw_1pqlj_277:not(#\9) {
+.awsui_text_mx3cw_t3zgh_267.awsui_message_mx3cw_t3zgh_277:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-px48tx, 0px);
 }
 
-.awsui_breakpoint-default_mx3cw_1pqlj_217 > .awsui_action_mx3cw_1pqlj_228:not(#\9) {
+.awsui_breakpoint-default_mx3cw_t3zgh_217 > .awsui_action_mx3cw_t3zgh_228:not(#\9) {
   grid-row: 2;
   margin-block-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_breakpoint-default_mx3cw_1pqlj_217.awsui_icon-size-medium_mx3cw_1pqlj_285 > .awsui_action_mx3cw_1pqlj_228:not(#\9) {
+.awsui_breakpoint-default_mx3cw_t3zgh_217.awsui_icon-size-medium_mx3cw_t3zgh_285 > .awsui_action_mx3cw_t3zgh_228:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1pqlj_217.awsui_icon-size-big_mx3cw_1pqlj_288 > .awsui_action_mx3cw_1pqlj_228:not(#\9) {
+.awsui_breakpoint-default_mx3cw_t3zgh_217.awsui_icon-size-big_mx3cw_t3zgh_288 > .awsui_action_mx3cw_t3zgh_228:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_1pqlj_217.awsui_icon-size-normal_mx3cw_1pqlj_291 > .awsui_action_mx3cw_1pqlj_228:not(#\9) {
+.awsui_breakpoint-default_mx3cw_t3zgh_217.awsui_icon-size-normal_mx3cw_t3zgh_291 > .awsui_action_mx3cw_t3zgh_228:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
 }
 
-.awsui_content_mx3cw_1pqlj_295:not(#\9) {
+.awsui_content_mx3cw_t3zgh_295:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1pqlj_299:not(#\9) {
+.awsui_dismiss_mx3cw_t3zgh_299:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-9rrxti, 4px));
   margin-inline-start: var(--space-s-2025hl, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1pqlj_304:not(#\9) {
+.awsui_dismiss-button_mx3cw_t3zgh_304:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_1pqlj_308:not(#\9) {
+.awsui_type-error_mx3cw_t3zgh_308:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
   background-color: var(--color-background-status-error-oemu7d, #fdf3f1);
 }
-.awsui_type-error_mx3cw_1pqlj_308 > .awsui_alert-focus-wrapper_mx3cw_1pqlj_238 > .awsui_icon_mx3cw_1pqlj_274:not(#\9) {
+.awsui_type-error_mx3cw_t3zgh_308 > .awsui_alert-focus-wrapper_mx3cw_t3zgh_238 > .awsui_icon_mx3cw_t3zgh_274:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
 
-.awsui_type-warning_mx3cw_1pqlj_316:not(#\9) {
+.awsui_type-warning_mx3cw_t3zgh_316:not(#\9) {
   border-color: var(--color-border-status-warning-gda7pe, #906806);
   background-color: var(--color-background-status-warning-c7n5t6, #fffce9);
 }
-.awsui_type-warning_mx3cw_1pqlj_316 > .awsui_alert-focus-wrapper_mx3cw_1pqlj_238 > .awsui_icon_mx3cw_1pqlj_274:not(#\9) {
+.awsui_type-warning_mx3cw_t3zgh_316 > .awsui_alert-focus-wrapper_mx3cw_t3zgh_238 > .awsui_icon_mx3cw_t3zgh_274:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
 
-.awsui_type-success_mx3cw_1pqlj_324:not(#\9) {
+.awsui_type-success_mx3cw_t3zgh_324:not(#\9) {
   border-color: var(--color-border-status-success-ce6e1e, #1d8102);
   background-color: var(--color-background-status-success-6fu96x, #f2f8f0);
 }
-.awsui_type-success_mx3cw_1pqlj_324 > .awsui_alert-focus-wrapper_mx3cw_1pqlj_238 > .awsui_icon_mx3cw_1pqlj_274:not(#\9) {
+.awsui_type-success_mx3cw_t3zgh_324 > .awsui_alert-focus-wrapper_mx3cw_t3zgh_238 > .awsui_icon_mx3cw_t3zgh_274:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
 
-.awsui_type-info_mx3cw_1pqlj_332:not(#\9) {
+.awsui_type-info_mx3cw_t3zgh_332:not(#\9) {
   border-color: var(--color-border-status-info-q9np44, #0073bb);
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_type-info_mx3cw_1pqlj_332 > .awsui_alert-focus-wrapper_mx3cw_1pqlj_238 > .awsui_icon_mx3cw_1pqlj_274:not(#\9) {
+.awsui_type-info_mx3cw_t3zgh_332 > .awsui_alert-focus-wrapper_mx3cw_t3zgh_238 > .awsui_icon_mx3cw_t3zgh_274:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }

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

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1pqlj_97",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1pqlj_1",
-  "root": "awsui_root_mx3cw_1pqlj_123",
-  "hidden": "awsui_hidden_mx3cw_1pqlj_161",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_1pqlj_211",
-  "with-action": "awsui_with-action_mx3cw_1pqlj_211",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1pqlj_217",
-  "header": "awsui_header_mx3cw_1pqlj_224",
-  "action": "awsui_action_mx3cw_1pqlj_228",
-  "action-slot": "awsui_action-slot_mx3cw_1pqlj_233",
-  "action-button": "awsui_action-button_mx3cw_1pqlj_234",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1pqlj_238",
-  "text": "awsui_text_mx3cw_1pqlj_267",
-  "icon": "awsui_icon_mx3cw_1pqlj_274",
-  "message": "awsui_message_mx3cw_1pqlj_277",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1pqlj_285",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1pqlj_288",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1pqlj_291",
-  "content": "awsui_content_mx3cw_1pqlj_295",
-  "dismiss": "awsui_dismiss_mx3cw_1pqlj_299",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1pqlj_304",
-  "type-error": "awsui_type-error_mx3cw_1pqlj_308",
-  "type-warning": "awsui_type-warning_mx3cw_1pqlj_316",
-  "type-success": "awsui_type-success_mx3cw_1pqlj_324",
-  "type-info": "awsui_type-info_mx3cw_1pqlj_332"
+  "alert": "awsui_alert_mx3cw_t3zgh_97",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_t3zgh_1",
+  "root": "awsui_root_mx3cw_t3zgh_123",
+  "hidden": "awsui_hidden_mx3cw_t3zgh_161",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_t3zgh_211",
+  "with-action": "awsui_with-action_mx3cw_t3zgh_211",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_t3zgh_217",
+  "header": "awsui_header_mx3cw_t3zgh_224",
+  "action": "awsui_action_mx3cw_t3zgh_228",
+  "action-slot": "awsui_action-slot_mx3cw_t3zgh_233",
+  "action-button": "awsui_action-button_mx3cw_t3zgh_234",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_t3zgh_238",
+  "text": "awsui_text_mx3cw_t3zgh_267",
+  "icon": "awsui_icon_mx3cw_t3zgh_274",
+  "message": "awsui_message_mx3cw_t3zgh_277",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_t3zgh_285",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_t3zgh_288",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_t3zgh_291",
+  "content": "awsui_content_mx3cw_t3zgh_295",
+  "dismiss": "awsui_dismiss_mx3cw_t3zgh_299",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_t3zgh_304",
+  "type-error": "awsui_type-error_mx3cw_t3zgh_308",
+  "type-warning": "awsui_type-warning_mx3cw_t3zgh_316",
+  "type-success": "awsui_type-success_mx3cw_t3zgh_324",
+  "type-info": "awsui_type-info_mx3cw_t3zgh_332"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_gyvc6_97",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_gyvc6_101",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_gyvc6_101",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_gyvc6_143",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_gyvc6_143",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_gyvc6_146",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_gyvc6_146",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_gyvc6_149",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_gyvc6_149",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_gyvc6_152",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_gyvc6_152",
-  "annotation": "awsui_annotation_1hpp3_gyvc6_160",
-  "next-button": "awsui_next-button_1hpp3_gyvc6_161",
-  "previous-button": "awsui_previous-button_1hpp3_gyvc6_162",
-  "finish-button": "awsui_finish-button_1hpp3_gyvc6_163",
-  "header": "awsui_header_1hpp3_gyvc6_164",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_gyvc6_165",
-  "content": "awsui_content_1hpp3_gyvc6_166",
-  "description": "awsui_description_1hpp3_gyvc6_170",
-  "actionBar": "awsui_actionBar_1hpp3_gyvc6_175",
-  "stepCounter": "awsui_stepCounter_1hpp3_gyvc6_182",
-  "divider": "awsui_divider_1hpp3_gyvc6_186",
-  "hotspot": "awsui_hotspot_1hpp3_gyvc6_190",
-  "icon": "awsui_icon_1hpp3_gyvc6_257"
+  "arrow": "awsui_arrow_1hpp3_3xsu9_97",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_3xsu9_101",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_3xsu9_101",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3xsu9_143",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3xsu9_143",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3xsu9_146",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3xsu9_146",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3xsu9_149",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3xsu9_149",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3xsu9_152",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152",
+  "annotation": "awsui_annotation_1hpp3_3xsu9_160",
+  "next-button": "awsui_next-button_1hpp3_3xsu9_161",
+  "previous-button": "awsui_previous-button_1hpp3_3xsu9_162",
+  "finish-button": "awsui_finish-button_1hpp3_3xsu9_163",
+  "header": "awsui_header_1hpp3_3xsu9_164",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_3xsu9_165",
+  "content": "awsui_content_1hpp3_3xsu9_166",
+  "description": "awsui_description_1hpp3_3xsu9_170",
+  "actionBar": "awsui_actionBar_1hpp3_3xsu9_175",
+  "stepCounter": "awsui_stepCounter_1hpp3_3xsu9_182",
+  "divider": "awsui_divider_1hpp3_3xsu9_186",
+  "hotspot": "awsui_hotspot_1hpp3_3xsu9_190",
+  "icon": "awsui_icon_1hpp3_3xsu9_257"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.scoped.css

@@ -94,11 +94,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_gyvc6_97:not(#\9) {
+.awsui_arrow_1hpp3_3xsu9_97:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9), .awsui_arrow-inner_1hpp3_gyvc6_101:not(#\9) {
+.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9), .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -107,7 +107,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after, .awsui_arrow-inner_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -123,33 +123,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_gyvc6_101:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
   background-color: var(--color-border-status-info-q9np44, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_gyvc6_101:not(#\9) {
+.awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_gyvc6_143 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_gyvc6_143 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_3xsu9_143 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_3xsu9_143 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_gyvc6_146 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_gyvc6_146 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_3xsu9_146 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_3xsu9_146 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_gyvc6_149 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_gyvc6_149 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_3xsu9_149 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_3xsu9_149 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_gyvc6_152 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_gyvc6_152 > .awsui_arrow-outer_1hpp3_gyvc6_101:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_3xsu9_152 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
 
@@ -157,37 +157,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_gyvc6_160:not(#\9),
-.awsui_next-button_1hpp3_gyvc6_161:not(#\9),
-.awsui_previous-button_1hpp3_gyvc6_162:not(#\9),
-.awsui_finish-button_1hpp3_gyvc6_163:not(#\9),
-.awsui_header_1hpp3_gyvc6_164:not(#\9),
-.awsui_step-counter-content_1hpp3_gyvc6_165:not(#\9),
-.awsui_content_1hpp3_gyvc6_166:not(#\9) {
+.awsui_annotation_1hpp3_3xsu9_160:not(#\9),
+.awsui_next-button_1hpp3_3xsu9_161:not(#\9),
+.awsui_previous-button_1hpp3_3xsu9_162:not(#\9),
+.awsui_finish-button_1hpp3_3xsu9_163:not(#\9),
+.awsui_header_1hpp3_3xsu9_164:not(#\9),
+.awsui_step-counter-content_1hpp3_3xsu9_165:not(#\9),
+.awsui_content_1hpp3_3xsu9_166:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_gyvc6_170:not(#\9) {
+.awsui_description_1hpp3_3xsu9_170:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_actionBar_1hpp3_gyvc6_175:not(#\9) {
+.awsui_actionBar_1hpp3_3xsu9_175:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_gyvc6_182:not(#\9) {
+.awsui_stepCounter_1hpp3_3xsu9_182:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_gyvc6_186:not(#\9) {
+.awsui_divider_1hpp3_3xsu9_186:not(#\9) {
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_gyvc6_190:not(#\9) {
+.awsui_hotspot_1hpp3_3xsu9_190:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -227,41 +227,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-7t5ed6, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-9rhwr5, 40px 0 0 0);
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_gyvc6_190:not(#\9):focus {
+.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_gyvc6_190:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_gyvc6_190:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_gyvc6_190:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
   inset-inline-start: calc(-1 * 2px);
   inset-block-start: calc(-1 * 2px);
-  inline-size: calc(100% + 2 * 2px);
-  block-size: calc(100% + 2 * 2px);
+  inline-size: calc(100% + 2px + 2px);
+  block-size: calc(100% + 2px + 2px);
   border-start-start-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
   border-start-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
   border-end-start-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_hotspot_1hpp3_gyvc6_190 > .awsui_icon_1hpp3_gyvc6_257:not(#\9) {
+.awsui_hotspot_1hpp3_3xsu9_190 > .awsui_icon_1hpp3_3xsu9_257:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-hop3gv, #0073bb);
 }
-.awsui_hotspot_1hpp3_gyvc6_190:not(#\9):hover > .awsui_icon_1hpp3_gyvc6_257 {
+.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):hover > .awsui_icon_1hpp3_3xsu9_257 {
   stroke: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_hotspot_1hpp3_gyvc6_190:not(#\9):active > .awsui_icon_1hpp3_gyvc6_257 {
+.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):active > .awsui_icon_1hpp3_3xsu9_257 {
   stroke: var(--color-text-link-default-hop3gv, #0073bb);
 }

package/lib/internal/template/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_gyvc6_97",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_gyvc6_101",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_gyvc6_101",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_gyvc6_143",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_gyvc6_143",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_gyvc6_146",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_gyvc6_146",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_gyvc6_149",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_gyvc6_149",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_gyvc6_152",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_gyvc6_152",
-  "annotation": "awsui_annotation_1hpp3_gyvc6_160",
-  "next-button": "awsui_next-button_1hpp3_gyvc6_161",
-  "previous-button": "awsui_previous-button_1hpp3_gyvc6_162",
-  "finish-button": "awsui_finish-button_1hpp3_gyvc6_163",
-  "header": "awsui_header_1hpp3_gyvc6_164",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_gyvc6_165",
-  "content": "awsui_content_1hpp3_gyvc6_166",
-  "description": "awsui_description_1hpp3_gyvc6_170",
-  "actionBar": "awsui_actionBar_1hpp3_gyvc6_175",
-  "stepCounter": "awsui_stepCounter_1hpp3_gyvc6_182",
-  "divider": "awsui_divider_1hpp3_gyvc6_186",
-  "hotspot": "awsui_hotspot_1hpp3_gyvc6_190",
-  "icon": "awsui_icon_1hpp3_gyvc6_257"
+  "arrow": "awsui_arrow_1hpp3_3xsu9_97",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_3xsu9_101",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_3xsu9_101",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3xsu9_143",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3xsu9_143",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3xsu9_146",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3xsu9_146",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3xsu9_149",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3xsu9_149",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3xsu9_152",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152",
+  "annotation": "awsui_annotation_1hpp3_3xsu9_160",
+  "next-button": "awsui_next-button_1hpp3_3xsu9_161",
+  "previous-button": "awsui_previous-button_1hpp3_3xsu9_162",
+  "finish-button": "awsui_finish-button_1hpp3_3xsu9_163",
+  "header": "awsui_header_1hpp3_3xsu9_164",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_3xsu9_165",
+  "content": "awsui_content_1hpp3_3xsu9_166",
+  "description": "awsui_description_1hpp3_3xsu9_170",
+  "actionBar": "awsui_actionBar_1hpp3_3xsu9_175",
+  "stepCounter": "awsui_stepCounter_1hpp3_3xsu9_182",
+  "divider": "awsui_divider_1hpp3_3xsu9_186",
+  "hotspot": "awsui_hotspot_1hpp3_3xsu9_190",
+  "icon": "awsui_icon_1hpp3_3xsu9_257"
 };
   

package/lib/internal/template/app-layout/notifications/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1odhz_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1odhz_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1odhz_25"
+  "notifications": "awsui_notifications_1hmm4_1hl6h_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1hl6h_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1hl6h_25"
 };
   

package/lib/internal/template/app-layout/notifications/styles.scoped.css

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1odhz_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1odhz_10:not(#\9) {
+.awsui_notifications_1hmm4_1hl6h_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1hl6h_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_1odhz_9:not(#\9) {
+.awsui_notifications_1hmm4_1hl6h_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_1odhz_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1hl6h_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-pd3205, 32px);
+  --awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-pd3205, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_1odhz_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1hl6h_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-7t5ed6: var(--space-scaled-l-08jb88, 20px);
+  --awsui-stacked-notifications-bottom-margin-9rhwr5: var(--space-scaled-l-08jb88, 20px);
 }

package/lib/internal/template/app-layout/notifications/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1odhz_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1odhz_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1odhz_25"
+  "notifications": "awsui_notifications_1hmm4_1hl6h_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1hl6h_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1hl6h_25"
 };