@cloudscape-design/components 3.0.1000 → 3.0.1002

package/alert/styles.scoped.css

@@ -224,8 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;
@@ -264,8 +263,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/anchor-navigation/styles.scoped.css

@@ -198,8 +198,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

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

@@ -291,8 +291,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

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

@@ -222,8 +222,7 @@ div.awsui_background_hyvsj_xt8mb_149 > .awsui_scrolling-background_hyvsj_xt8mb_1
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;
@@ -1102,8 +1101,7 @@ handleSplitPanelMaxWidth function in the context.
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

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

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_csme4_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_csme4_203",
-  "legacy": "awsui_legacy_12i0j_csme4_217",
-  "last-opened": "awsui_last-opened_12i0j_csme4_225",
-  "drawer-global": "awsui_drawer-global_12i0j_csme4_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_csme4_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_csme4_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_csme4_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_csme4_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_csme4_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_csme4_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_csme4_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_csme4_293",
-  "drawer-content": "awsui_drawer-content_12i0j_csme4_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_csme4_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_csme4_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_csme4_359"
+  "drawer": "awsui_drawer_12i0j_12u2z_189",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12u2z_203",
+  "legacy": "awsui_legacy_12i0j_12u2z_217",
+  "last-opened": "awsui_last-opened_12i0j_12u2z_225",
+  "drawer-global": "awsui_drawer-global_12i0j_12u2z_229",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_12u2z_238",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_12u2z_242",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_12u2z_252",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12u2z_252",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_12u2z_266",
+  "drawer-gap": "awsui_drawer-gap_12i0j_12u2z_269",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_12u2z_287",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12u2z_293",
+  "drawer-content": "awsui_drawer-content_12i0j_12u2z_266",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12u2z_305",
+  "drawer-slider": "awsui_drawer-slider_12i0j_12u2z_308",
+  "drawer-actions": "awsui_drawer-actions_12i0j_12u2z_358"
 };
   

package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css

@@ -186,7 +186,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_drawer_12i0j_csme4_189:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
@@ -200,56 +200,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
   word-wrap: break-word;
 }
-.awsui_drawer_12i0j_csme4_189.awsui_with-expanded-motion_12i0j_csme4_203:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
   transition: inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1)), min-inline-size var(--motion-duration-refresh-only-slow-ugjy90, 250ms) var(--motion-easing-refresh-only-a-ccyqaz, cubic-bezier(0, 0, 0, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_drawer_12i0j_csme4_189.awsui_with-expanded-motion_12i0j_csme4_203:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_drawer_12i0j_csme4_189.awsui_with-expanded-motion_12i0j_csme4_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_csme4_189.awsui_with-expanded-motion_12i0j_csme4_203:not(#\9) {
+.awsui-motion-disabled .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9), .awsui-mode-entering .awsui_drawer_12i0j_12u2z_189.awsui_with-expanded-motion_12i0j_12u2z_203:not(#\9) {
   animation: none;
   transition: none;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_csme4_189:not(#\9):not(.awsui_legacy_12i0j_csme4_217) {
+  .awsui_drawer_12i0j_12u2z_189:not(#\9):not(.awsui_legacy_12i0j_12u2z_217) {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_csme4_189:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_csme4_189.awsui_last-opened_12i0j_csme4_225:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_last-opened_12i0j_12u2z_225:not(#\9) {
     z-index: 1001;
   }
 }
-.awsui_drawer_12i0j_csme4_189.awsui_drawer-global_12i0j_csme4_229:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9) {
   display: block;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-global_12i0j_csme4_229:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9) {
     inline-size: var(--awsui-drawer-size-kcc2gu);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-global_12i0j_csme4_229:not(#\9):not(.awsui_last-opened_12i0j_csme4_225):not(.awsui_drawer-expanded_12i0j_csme4_238) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-global_12i0j_12u2z_229:not(#\9):not(.awsui_last-opened_12i0j_12u2z_225):not(.awsui_drawer-expanded_12i0j_12u2z_238) {
     display: none;
   }
 }
-.awsui_drawer_12i0j_csme4_189.awsui_drawer-hidden_12i0j_csme4_242:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189.awsui_drawer-hidden_12i0j_12u2z_242:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238:not(#\9) {
   inline-size: 100%;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238:not(#\9) {
     border-inline-start: none;
   }
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238.awsui_has-next-siblings_12i0j_csme4_252 > .awsui_global-drawer-wrapper_12i0j_csme4_252:not(#\9):after {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238.awsui_has-next-siblings_12i0j_12u2z_252 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9):after {
     content: "";
     position: absolute;
     block-size: 100%;
@@ -259,14 +259,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     box-sizing: border-box;
   }
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238 > .awsui_global-drawer-wrapper_12i0j_csme4_252:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
     inline-size: 100%;
     grid-template-columns: 8px 1fr;
   }
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
     grid-column: 2;
   }
-  .awsui_drawer_12i0j_csme4_189.awsui_drawer-expanded_12i0j_csme4_238 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-gap_12i0j_csme4_269:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189.awsui_drawer-expanded_12i0j_12u2z_238 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-gap_12i0j_12u2z_269:not(#\9) {
     grid-column: 1;
     grid-row: 1;
     block-size: 100%;
@@ -275,7 +275,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-content-container_12i0j_csme4_266:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
@@ -284,13 +284,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
   min-inline-size: var(--awsui-drawer-size-kcc2gu);
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-close-button_12i0j_csme4_287:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-close-button_12i0j_12u2z_287:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-expanded-mode-button_12i0j_csme4_293:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-expanded-mode-button_12i0j_12u2z_293:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -298,33 +298,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-content_12i0j_csme4_266:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-content_12i0j_csme4_266.awsui_drawer-content-hidden_12i0j_csme4_305:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266.awsui_drawer-content-hidden_12i0j_12u2z_305:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_drawer-slider_12i0j_csme4_308:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_drawer-slider_12i0j_12u2z_308:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
   display: grid;
   min-inline-size: var(--awsui-drawer-size-kcc2gu);
   grid-template-columns: 8px var(--space-m-dsumyt, 16px) 1fr;
   overflow: hidden;
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252:not(#\9) {
     grid-template-columns: 1fr;
-    grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-gap_12i0j_csme4_269:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-gap_12i0j_12u2z_269:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;
@@ -333,13 +332,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-slider_12i0j_csme4_308:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-slider_12i0j_12u2z_308:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   display: flex;
   align-items: center;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
@@ -347,16 +346,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
     grid-column: 2/span 2;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266:not(#\9) {
+  .awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266:not(#\9) {
     grid-column: 1/span 2;
   }
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-actions_12i0j_csme4_359:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-actions_12i0j_12u2z_358:not(#\9) {
   position: absolute;
   display: flex;
   inset-block-start: 0;
@@ -364,13 +363,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: var(--space-m-dsumyt, 16px);
   padding-block-start: 14px;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-close-button_12i0j_csme4_287:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-close-button_12i0j_12u2z_287:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
   align-self: start;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-expanded-mode-button_12i0j_csme4_293:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-expanded-mode-button_12i0j_12u2z_293:not(#\9) {
   grid-column: 2;
   grid-row: 2;
   z-index: 1;
@@ -378,10 +377,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: flex-end;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-content_12i0j_csme4_266:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_csme4_189 > .awsui_global-drawer-wrapper_12i0j_csme4_252 > .awsui_drawer-content-container_12i0j_csme4_266 > .awsui_drawer-content_12i0j_csme4_266.awsui_drawer-content-hidden_12i0j_csme4_305:not(#\9) {
+.awsui_drawer_12i0j_12u2z_189 > .awsui_global-drawer-wrapper_12i0j_12u2z_252 > .awsui_drawer-content-container_12i0j_12u2z_266 > .awsui_drawer-content_12i0j_12u2z_266.awsui_drawer-content-hidden_12i0j_12u2z_305:not(#\9) {
   display: none;
 }

package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_csme4_189",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_csme4_203",
-  "legacy": "awsui_legacy_12i0j_csme4_217",
-  "last-opened": "awsui_last-opened_12i0j_csme4_225",
-  "drawer-global": "awsui_drawer-global_12i0j_csme4_229",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_csme4_238",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_csme4_242",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_csme4_252",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_csme4_252",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_csme4_266",
-  "drawer-gap": "awsui_drawer-gap_12i0j_csme4_269",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_csme4_287",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_csme4_293",
-  "drawer-content": "awsui_drawer-content_12i0j_csme4_266",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_csme4_305",
-  "drawer-slider": "awsui_drawer-slider_12i0j_csme4_308",
-  "drawer-actions": "awsui_drawer-actions_12i0j_csme4_359"
+  "drawer": "awsui_drawer_12i0j_12u2z_189",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_12u2z_203",
+  "legacy": "awsui_legacy_12i0j_12u2z_217",
+  "last-opened": "awsui_last-opened_12i0j_12u2z_225",
+  "drawer-global": "awsui_drawer-global_12i0j_12u2z_229",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_12u2z_238",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_12u2z_242",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_12u2z_252",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_12u2z_252",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_12u2z_266",
+  "drawer-gap": "awsui_drawer-gap_12i0j_12u2z_269",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_12u2z_287",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_12u2z_293",
+  "drawer-content": "awsui_drawer-content_12i0j_12u2z_266",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_12u2z_305",
+  "drawer-slider": "awsui_drawer-slider_12i0j_12u2z_308",
+  "drawer-actions": "awsui_drawer-actions_12i0j_12u2z_358"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -162,8 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/app-layout/visual-refresh-toolbar/toolbar/index.js

@@ -76,7 +76,7 @@ toolbarProps = {}, }) {
         } },
         React.createElement("div", { className: styles['toolbar-container'] },
             hasNavigation && (React.createElement("nav", Object.assign({}, navLandmarkAttributes, { className: clsx(styles['universal-toolbar-nav']) }),
-                React.createElement(TriggerButton, { ariaLabel: (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationToggle) !== null && _a !== void 0 ? _a : undefined, ariaExpanded: false, iconName: "menu", className: testutilStyles['navigation-toggle'], onClick: () => {
+                React.createElement(TriggerButton, { ariaLabel: (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationToggle) !== null && _a !== void 0 ? _a : undefined, ariaExpanded: !drawerExpandedMode && navigationOpen, iconName: "menu", className: testutilStyles['navigation-toggle'], onClick: () => {
                         if (setExpandedDrawerId) {
                             setExpandedDrawerId(null);
                         }

package/app-layout/visual-refresh-toolbar/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { AppLayoutInternals } from '../interfaces';\nimport { BreadcrumbsSlot } from '../skeleton/breadcrumbs';\nimport { ToolbarSkeleton } from '../skeleton/slot-skeletons';\nimport { ToolbarSlot } from '../skeleton/slot-wrappers';\nimport { DrawerTriggers, SplitPanelToggleProps } from './drawer-triggers';\nimport TriggerButton from './trigger-button';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { SplitPanelToggleProps };\n\nexport interface ToolbarProps {\n  ariaLabels?: AppLayoutProps.Labels;\n  // navigation\n  hasNavigation?: boolean;\n  navigationOpen?: boolean;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef?: React.Ref<Focusable>;\n\n  // breadcrumbs\n  hasBreadcrumbsPortal?: boolean;\n\n  // split panel\n  hasSplitPanel?: boolean;\n  splitPanelToggleProps?: SplitPanelToggleProps;\n  splitPanelFocusRef?: React.Ref<Focusable>;\n  onSplitPanelToggle?: () => void;\n\n  // drawers\n  activeDrawerId?: string | null;\n  drawers?: ReadonlyArray<AppLayoutProps.Drawer>;\n  drawersFocusRef?: React.Ref<Focusable>;\n  globalDrawersFocusControl?: FocusControlMultipleStates;\n  onActiveDrawerChange?: (drawerId: string | null, params: OnChangeParams) => void;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string>;\n  onActiveGlobalDrawersChange?: ((drawerId: string, params: OnChangeParams) => void) | undefined;\n\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n}\n\nexport interface AppLayoutToolbarImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  toolbarProps: ToolbarProps;\n}\n\nexport function AppLayoutToolbarImplementation({\n  appLayoutInternals,\n  // the value could be undefined if this component is loaded as a widget by a different app layout version\n  // not testable in a single-version setup\n  toolbarProps = {},\n}: AppLayoutToolbarImplementationProps) {\n  const {\n    breadcrumbs,\n    discoveredBreadcrumbs,\n    verticalOffsets,\n    isMobile,\n    toolbarState,\n    setToolbarState,\n    setToolbarHeight,\n  } = appLayoutInternals;\n  const {\n    ariaLabels,\n    activeDrawerId,\n    drawers,\n    drawersFocusRef,\n    onActiveDrawerChange,\n    globalDrawersFocusControl,\n    globalDrawers,\n    activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange,\n    hasNavigation,\n    navigationOpen,\n    navigationFocusRef,\n    onNavigationToggle,\n    hasSplitPanel,\n    splitPanelFocusRef,\n    splitPanelToggleProps,\n    onSplitPanelToggle,\n    expandedDrawerId,\n    setExpandedDrawerId,\n  } = toolbarProps;\n  // TODO: expose configuration property\n  const pinnedToolbar = true;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const ref = useRef<HTMLElement>(null);\n  useResizeObserver(ref, entry => setToolbarHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setToolbarHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    let lastScrollY = window.scrollY;\n\n    /* istanbul ignore next not testable in JSDOM */\n    const updateScrollDirection = () => {\n      if (pinnedToolbar) {\n        setToolbarState('show');\n        return;\n      }\n      const scrollY = window.scrollY;\n      // 80 is an arbitrary number to have a pause before the toolbar scrolls out of view at the top of the page\n      const direction = scrollY > lastScrollY && scrollY > 80 ? 'hide' : 'show';\n      // 2 as a buffer to avoid mistaking minor accidental mouse moves as scroll\n      if (direction !== toolbarState && (scrollY - lastScrollY > 2 || scrollY - lastScrollY < -2)) {\n        setToolbarState(direction);\n      }\n      lastScrollY = scrollY > 0 ? scrollY : 0;\n    };\n\n    window.addEventListener('scroll', updateScrollDirection);\n    return () => {\n      window.removeEventListener('scroll', updateScrollDirection);\n    };\n  }, [pinnedToolbar, setToolbarState, toolbarState]);\n\n  const anyPanelOpenInMobile = !!isMobile && (!!activeDrawerId || (!!navigationOpen && !!hasNavigation));\n  useEffect(() => {\n    if (anyPanelOpenInMobile) {\n      document.body.classList.add(styles['block-body-scroll']);\n    } else {\n      document.body.classList.remove(styles['block-body-scroll']);\n    }\n    return () => {\n      document.body.classList.remove(styles['block-body-scroll']);\n    };\n  }, [anyPanelOpenInMobile]);\n\n  const toolbarHidden = toolbarState === 'hide' && !pinnedToolbar;\n  const navLandmarkAttributes = navigationOpen\n    ? { role: 'presentation' }\n    : { role: 'navigation', 'aria-label': ariaLabels?.navigation };\n\n  return (\n    <ToolbarSlot\n      ref={ref}\n      className={clsx(styles['universal-toolbar'], testutilStyles.toolbar, {\n        [testutilStyles['mobile-bar']]: isMobile,\n        [styles['toolbar-hidden']]: toolbarHidden,\n      })}\n      style={{\n        insetBlockStart: toolbarHidden ? '-60px' : verticalOffsets.toolbar,\n      }}\n    >\n      <div className={styles['toolbar-container']}>\n        {hasNavigation && (\n          <nav {...navLandmarkAttributes} className={clsx(styles['universal-toolbar-nav'])}>\n            <TriggerButton\n              ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n              ariaExpanded={false}\n              iconName=\"menu\"\n              className={testutilStyles['navigation-toggle']}\n              onClick={() => {\n                if (setExpandedDrawerId) {\n                  setExpandedDrawerId(null);\n                }\n                if (navigationOpen && expandedDrawerId) {\n                  return;\n                }\n                onNavigationToggle?.(!navigationOpen);\n              }}\n              ref={navigationFocusRef}\n              selected={!drawerExpandedMode && navigationOpen}\n              disabled={anyPanelOpenInMobile}\n            />\n          </nav>\n        )}\n        {(breadcrumbs || discoveredBreadcrumbs) && (\n          <div className={clsx(styles['universal-toolbar-breadcrumbs'], testutilStyles.breadcrumbs)}>\n            <BreadcrumbsSlot\n              ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n              discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n            />\n          </div>\n        )}\n        {(drawers?.length || globalDrawers?.length || (hasSplitPanel && splitPanelToggleProps?.displayed)) && (\n          <div className={clsx(styles['universal-toolbar-drawers'])}>\n            <DrawerTriggers\n              ariaLabels={ariaLabels}\n              activeDrawerId={activeDrawerId ?? null}\n              drawers={drawers?.filter(item => !!item.trigger) ?? []}\n              drawersFocusRef={drawersFocusRef}\n              onActiveDrawerChange={onActiveDrawerChange}\n              splitPanelToggleProps={splitPanelToggleProps?.displayed ? splitPanelToggleProps : undefined}\n              splitPanelFocusRef={splitPanelFocusRef}\n              onSplitPanelToggle={onSplitPanelToggle}\n              disabled={anyPanelOpenInMobile}\n              globalDrawersFocusControl={globalDrawersFocusControl}\n              globalDrawers={globalDrawers?.filter(item => !!item.trigger) ?? []}\n              activeGlobalDrawersIds={activeGlobalDrawersIds ?? []}\n              onActiveGlobalDrawersChange={onActiveGlobalDrawersChange}\n              expandedDrawerId={expandedDrawerId}\n              setExpandedDrawerId={setExpandedDrawerId!}\n            />\n          </div>\n        )}\n      </div>\n    </ToolbarSlot>\n  );\n}\n\nexport const createWidgetizedAppLayoutToolbar = createWidgetizedComponent(\n  AppLayoutToolbarImplementation,\n  ToolbarSkeleton\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/toolbar/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutProps } from '../../interfaces';\nimport { OnChangeParams } from '../../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../../utils/use-focus-control';\nimport { AppLayoutInternals } from '../interfaces';\nimport { BreadcrumbsSlot } from '../skeleton/breadcrumbs';\nimport { ToolbarSkeleton } from '../skeleton/slot-skeletons';\nimport { ToolbarSlot } from '../skeleton/slot-wrappers';\nimport { DrawerTriggers, SplitPanelToggleProps } from './drawer-triggers';\nimport TriggerButton from './trigger-button';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { SplitPanelToggleProps };\n\nexport interface ToolbarProps {\n  ariaLabels?: AppLayoutProps.Labels;\n  // navigation\n  hasNavigation?: boolean;\n  navigationOpen?: boolean;\n  onNavigationToggle?: (open: boolean) => void;\n  navigationFocusRef?: React.Ref<Focusable>;\n\n  // breadcrumbs\n  hasBreadcrumbsPortal?: boolean;\n\n  // split panel\n  hasSplitPanel?: boolean;\n  splitPanelToggleProps?: SplitPanelToggleProps;\n  splitPanelFocusRef?: React.Ref<Focusable>;\n  onSplitPanelToggle?: () => void;\n\n  // drawers\n  activeDrawerId?: string | null;\n  drawers?: ReadonlyArray<AppLayoutProps.Drawer>;\n  drawersFocusRef?: React.Ref<Focusable>;\n  globalDrawersFocusControl?: FocusControlMultipleStates;\n  onActiveDrawerChange?: (drawerId: string | null, params: OnChangeParams) => void;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: ReadonlyArray<string>;\n  onActiveGlobalDrawersChange?: ((drawerId: string, params: OnChangeParams) => void) | undefined;\n\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId?: (value: string | null) => void;\n}\n\nexport interface AppLayoutToolbarImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  toolbarProps: ToolbarProps;\n}\n\nexport function AppLayoutToolbarImplementation({\n  appLayoutInternals,\n  // the value could be undefined if this component is loaded as a widget by a different app layout version\n  // not testable in a single-version setup\n  toolbarProps = {},\n}: AppLayoutToolbarImplementationProps) {\n  const {\n    breadcrumbs,\n    discoveredBreadcrumbs,\n    verticalOffsets,\n    isMobile,\n    toolbarState,\n    setToolbarState,\n    setToolbarHeight,\n  } = appLayoutInternals;\n  const {\n    ariaLabels,\n    activeDrawerId,\n    drawers,\n    drawersFocusRef,\n    onActiveDrawerChange,\n    globalDrawersFocusControl,\n    globalDrawers,\n    activeGlobalDrawersIds,\n    onActiveGlobalDrawersChange,\n    hasNavigation,\n    navigationOpen,\n    navigationFocusRef,\n    onNavigationToggle,\n    hasSplitPanel,\n    splitPanelFocusRef,\n    splitPanelToggleProps,\n    onSplitPanelToggle,\n    expandedDrawerId,\n    setExpandedDrawerId,\n  } = toolbarProps;\n  // TODO: expose configuration property\n  const pinnedToolbar = true;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const ref = useRef<HTMLElement>(null);\n  useResizeObserver(ref, entry => setToolbarHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setToolbarHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    let lastScrollY = window.scrollY;\n\n    /* istanbul ignore next not testable in JSDOM */\n    const updateScrollDirection = () => {\n      if (pinnedToolbar) {\n        setToolbarState('show');\n        return;\n      }\n      const scrollY = window.scrollY;\n      // 80 is an arbitrary number to have a pause before the toolbar scrolls out of view at the top of the page\n      const direction = scrollY > lastScrollY && scrollY > 80 ? 'hide' : 'show';\n      // 2 as a buffer to avoid mistaking minor accidental mouse moves as scroll\n      if (direction !== toolbarState && (scrollY - lastScrollY > 2 || scrollY - lastScrollY < -2)) {\n        setToolbarState(direction);\n      }\n      lastScrollY = scrollY > 0 ? scrollY : 0;\n    };\n\n    window.addEventListener('scroll', updateScrollDirection);\n    return () => {\n      window.removeEventListener('scroll', updateScrollDirection);\n    };\n  }, [pinnedToolbar, setToolbarState, toolbarState]);\n\n  const anyPanelOpenInMobile = !!isMobile && (!!activeDrawerId || (!!navigationOpen && !!hasNavigation));\n  useEffect(() => {\n    if (anyPanelOpenInMobile) {\n      document.body.classList.add(styles['block-body-scroll']);\n    } else {\n      document.body.classList.remove(styles['block-body-scroll']);\n    }\n    return () => {\n      document.body.classList.remove(styles['block-body-scroll']);\n    };\n  }, [anyPanelOpenInMobile]);\n\n  const toolbarHidden = toolbarState === 'hide' && !pinnedToolbar;\n  const navLandmarkAttributes = navigationOpen\n    ? { role: 'presentation' }\n    : { role: 'navigation', 'aria-label': ariaLabels?.navigation };\n\n  return (\n    <ToolbarSlot\n      ref={ref}\n      className={clsx(styles['universal-toolbar'], testutilStyles.toolbar, {\n        [testutilStyles['mobile-bar']]: isMobile,\n        [styles['toolbar-hidden']]: toolbarHidden,\n      })}\n      style={{\n        insetBlockStart: toolbarHidden ? '-60px' : verticalOffsets.toolbar,\n      }}\n    >\n      <div className={styles['toolbar-container']}>\n        {hasNavigation && (\n          <nav {...navLandmarkAttributes} className={clsx(styles['universal-toolbar-nav'])}>\n            <TriggerButton\n              ariaLabel={ariaLabels?.navigationToggle ?? undefined}\n              ariaExpanded={!drawerExpandedMode && navigationOpen}\n              iconName=\"menu\"\n              className={testutilStyles['navigation-toggle']}\n              onClick={() => {\n                if (setExpandedDrawerId) {\n                  setExpandedDrawerId(null);\n                }\n                if (navigationOpen && expandedDrawerId) {\n                  return;\n                }\n                onNavigationToggle?.(!navigationOpen);\n              }}\n              ref={navigationFocusRef}\n              selected={!drawerExpandedMode && navigationOpen}\n              disabled={anyPanelOpenInMobile}\n            />\n          </nav>\n        )}\n        {(breadcrumbs || discoveredBreadcrumbs) && (\n          <div className={clsx(styles['universal-toolbar-breadcrumbs'], testutilStyles.breadcrumbs)}>\n            <BreadcrumbsSlot\n              ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n              discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n            />\n          </div>\n        )}\n        {(drawers?.length || globalDrawers?.length || (hasSplitPanel && splitPanelToggleProps?.displayed)) && (\n          <div className={clsx(styles['universal-toolbar-drawers'])}>\n            <DrawerTriggers\n              ariaLabels={ariaLabels}\n              activeDrawerId={activeDrawerId ?? null}\n              drawers={drawers?.filter(item => !!item.trigger) ?? []}\n              drawersFocusRef={drawersFocusRef}\n              onActiveDrawerChange={onActiveDrawerChange}\n              splitPanelToggleProps={splitPanelToggleProps?.displayed ? splitPanelToggleProps : undefined}\n              splitPanelFocusRef={splitPanelFocusRef}\n              onSplitPanelToggle={onSplitPanelToggle}\n              disabled={anyPanelOpenInMobile}\n              globalDrawersFocusControl={globalDrawersFocusControl}\n              globalDrawers={globalDrawers?.filter(item => !!item.trigger) ?? []}\n              activeGlobalDrawersIds={activeGlobalDrawersIds ?? []}\n              onActiveGlobalDrawersChange={onActiveGlobalDrawersChange}\n              expandedDrawerId={expandedDrawerId}\n              setExpandedDrawerId={setExpandedDrawerId!}\n            />\n          </div>\n        )}\n      </div>\n    </ToolbarSlot>\n  );\n}\n\nexport const createWidgetizedAppLayoutToolbar = createWidgetizedComponent(\n  AppLayoutToolbarImplementation,\n  ToolbarSkeleton\n);\n"]}

package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css

@@ -216,8 +216,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/attribute-editor/styles.scoped.css

@@ -184,8 +184,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/badge/styles.scoped.css

@@ -154,8 +154,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/breadcrumb-group/styles.scoped.css

@@ -154,8 +154,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;
@@ -239,8 +238,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/button/styles.scoped.css

@@ -166,8 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/button-dropdown/mobile-expandable-group/styles.scoped.css

@@ -154,8 +154,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/button-group/styles.scoped.css

@@ -190,8 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/calendar/styles.scoped.css

@@ -193,8 +193,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/cards/styles.scoped.css

@@ -202,8 +202,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/checkbox/styles.scoped.css

@@ -154,8 +154,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/code-editor/styles.scoped.css

@@ -584,8 +584,7 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_wxtw7_158 .ace_edit
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/collection-preferences/content-display/styles.scoped.css

@@ -302,8 +302,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/collection-preferences/styles.scoped.css

@@ -633,8 +633,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;

package/column-layout/styles.scoped.css

@@ -190,8 +190,7 @@ div.awsui_column-layout_vvxn7_u5w81_181:not(#\9) {
   font-style: normal;
   font-variant: normal;
   font-stretch: normal;
-  -webkit-hyphens: none;
-          hyphens: none;
+  hyphens: none;
   letter-spacing: normal;
   list-style: disc outside none;
   tab-size: 8;