npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1331 → 3.0.1333 - Mend

@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/lib/internal/template/dropdown/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_7dtyu_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1",
-  "refresh": "awsui_refresh_9duf6_7dtyu_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1",
-  "root": "awsui_root_9duf6_7dtyu_199",
-  "interior": "awsui_interior_9duf6_7dtyu_232",
-  "dropdown": "awsui_dropdown_9duf6_7dtyu_153",
-  "use-portal": "awsui_use-portal_9duf6_7dtyu_242",
-  "is-empty": "awsui_is-empty_9duf6_7dtyu_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_7dtyu_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_7dtyu_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_7dtyu_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_7dtyu_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_7dtyu_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_7dtyu_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_7dtyu_349",
-  "open": "awsui_open_9duf6_7dtyu_358",
-  "nowrap": "awsui_nowrap_9duf6_7dtyu_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_7dtyu_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_7dtyu_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_qn852_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1",
+  "refresh": "awsui_refresh_9duf6_qn852_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_qn852_1",
+  "root": "awsui_root_9duf6_qn852_199",
+  "interior": "awsui_interior_9duf6_qn852_232",
+  "dropdown": "awsui_dropdown_9duf6_qn852_153",
+  "use-portal": "awsui_use-portal_9duf6_qn852_242",
+  "is-empty": "awsui_is-empty_9duf6_qn852_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_qn852_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_qn852_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_qn852_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_qn852_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_qn852_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_qn852_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_qn852_349",
+  "open": "awsui_open_9duf6_qn852_358",
+  "nowrap": "awsui_nowrap_9duf6_qn852_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_qn852_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_qn852_378"
 };

package/lib/internal/template/dropdown/styles.scoped.css CHANGED Viewed

@@ -150,10 +150,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_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1 {
   from {
     opacity: 0.4;
   }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_qn852_1;
   animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_qn852_1 {
   from {
     opacity: 0;
   }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_9duf6_7dtyu_199:not(#\9) {
+.awsui_root_9duf6_qn852_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_9duf6_7dtyu_199.awsui_interior_9duf6_7dtyu_232:not(#\9) {
+.awsui_root_9duf6_qn852_199.awsui_interior_9duf6_qn852_232:not(#\9) {
   position: static;
 }
-.awsui_dropdown_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_use-portal_9duf6_7dtyu_242:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_use-portal_9duf6_qn852_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+.awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+  .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232), .awsui-mode-entering .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232), .awsui-mode-entering .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -291,14 +291,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
   outline: none;
   box-shadow: var(--shadow-dropdown-skxpuu, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-start-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
   border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -307,74 +307,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0px;
   inset-inline-end: 0px;
   background-color: transparent;
-  border-block: var(--awsui-dropdown-content-border-width-z17rmd, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-z17rmd, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-inline: var(--awsui-dropdown-content-border-width-z17rmd, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-z17rmd, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-start-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
+  border-block: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-inline: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_is-empty_9duf6_7dtyu_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_is-empty_9duf6_qn852_318:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_dropdown-drop-up_9duf6_7dtyu_325 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_qn852_325 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_dropdown-drop-up_9duf6_7dtyu_325.awsui_with-limited-width_9duf6_7dtyu_329 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_qn852_325.awsui_with-limited-width_9duf6_qn852_329 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_7dtyu_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_qn852_332:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_7dtyu_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_qn852_335:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_occupy-entire-width_9duf6_7dtyu_338:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_occupy-entire-width_9duf6_qn852_338:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_use-flexible-width_9duf6_7dtyu_341:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_use-flexible-width_9duf6_qn852_341:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-z17rmd, none);
-  min-inline-size: var(--awsui-dropdown-default-min-width-z17rmd, auto);
+  max-inline-size: var(--awsui-dropdown-default-max-width-esndbs, none);
+  min-inline-size: var(--awsui-dropdown-default-min-width-esndbs, auto);
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_interior_9duf6_7dtyu_232 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_interior_9duf6_qn852_232 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_7dtyu_325) > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153 {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_qn852_325) > .awsui_dropdown-content-wrapper_9duf6_qn852_153 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349.awsui_refresh_9duf6_7dtyu_174 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349.awsui_refresh_9duf6_qn852_174 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9):not(.awsui_interior_9duf6_7dtyu_232).awsui_refresh_9duf6_7dtyu_174[data-animating=true] {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9):not(.awsui_interior_9duf6_qn852_232).awsui_refresh_9duf6_qn852_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9):not(.awsui_interior_9duf6_7dtyu_232).awsui_refresh_9duf6_7dtyu_174[data-animating=true].awsui_dropdown-drop-up_9duf6_7dtyu_325 {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9):not(.awsui_interior_9duf6_qn852_232).awsui_refresh_9duf6_qn852_174[data-animating=true].awsui_dropdown-drop-up_9duf6_qn852_325 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358.awsui_nowrap_9duf6_7dtyu_367:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358.awsui_nowrap_9duf6_qn852_367:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
-.awsui_dropdown-content_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-content_9duf6_qn852_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_stretch-trigger-height_9duf6_7dtyu_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_qn852_378:not(#\9) {
   block-size: 100%;
 }

package/lib/internal/template/dropdown/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_7dtyu_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1",
-  "refresh": "awsui_refresh_9duf6_7dtyu_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1",
-  "root": "awsui_root_9duf6_7dtyu_199",
-  "interior": "awsui_interior_9duf6_7dtyu_232",
-  "dropdown": "awsui_dropdown_9duf6_7dtyu_153",
-  "use-portal": "awsui_use-portal_9duf6_7dtyu_242",
-  "is-empty": "awsui_is-empty_9duf6_7dtyu_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_7dtyu_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_7dtyu_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_7dtyu_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_7dtyu_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_7dtyu_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_7dtyu_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_7dtyu_349",
-  "open": "awsui_open_9duf6_7dtyu_358",
-  "nowrap": "awsui_nowrap_9duf6_7dtyu_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_7dtyu_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_7dtyu_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_qn852_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1",
+  "refresh": "awsui_refresh_9duf6_qn852_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_qn852_1",
+  "root": "awsui_root_9duf6_qn852_199",
+  "interior": "awsui_interior_9duf6_qn852_232",
+  "dropdown": "awsui_dropdown_9duf6_qn852_153",
+  "use-portal": "awsui_use-portal_9duf6_qn852_242",
+  "is-empty": "awsui_is-empty_9duf6_qn852_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_qn852_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_qn852_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_qn852_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_qn852_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_qn852_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_qn852_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_qn852_349",
+  "open": "awsui_open_9duf6_qn852_358",
+  "nowrap": "awsui_nowrap_9duf6_qn852_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_qn852_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_qn852_378"
 };

package/lib/internal/template/file-token-group/styles.css.js CHANGED Viewed

@@ -1,28 +1,28 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_39ths_11a25_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_11a25_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_11a25_246",
-  "file-name-container": "awsui_file-name-container_39ths_11a25_250",
-  "file-option-name": "awsui_file-option-name_39ths_11a25_280",
-  "file-option-size": "awsui_file-option-size_39ths_11a25_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_11a25_282",
-  "file-option": "awsui_file-option_39ths_11a25_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_11a25_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_11a25_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_11a25_312",
-  "with-image": "awsui_with-image_39ths_11a25_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_11a25_318",
-  "token": "awsui_token_39ths_11a25_322",
-  "token-grid": "awsui_token-grid_39ths_11a25_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_11a25_338",
-  "token-box": "awsui_token-box_39ths_11a25_342",
-  "horizontal": "awsui_horizontal_39ths_11a25_361",
-  "error": "awsui_error_39ths_11a25_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_11a25_373",
-  "warning": "awsui_warning_39ths_11a25_379",
-  "read-only": "awsui_read-only_39ths_11a25_389",
-  "loading": "awsui_loading_39ths_11a25_402"
+  "root": "awsui_root_39ths_859f3_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_859f3_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_859f3_246",
+  "file-name-container": "awsui_file-name-container_39ths_859f3_250",
+  "file-option-name": "awsui_file-option-name_39ths_859f3_280",
+  "file-option-size": "awsui_file-option-size_39ths_859f3_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_859f3_282",
+  "file-option": "awsui_file-option_39ths_859f3_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_859f3_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_859f3_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_859f3_312",
+  "with-image": "awsui_with-image_39ths_859f3_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_859f3_318",
+  "token": "awsui_token_39ths_859f3_322",
+  "token-grid": "awsui_token-grid_39ths_859f3_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_859f3_338",
+  "token-box": "awsui_token-box_39ths_859f3_342",
+  "horizontal": "awsui_horizontal_39ths_859f3_361",
+  "error": "awsui_error_39ths_859f3_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_859f3_373",
+  "warning": "awsui_warning_39ths_859f3_379",
+  "read-only": "awsui_read-only_39ths_859f3_389",
+  "loading": "awsui_loading_39ths_859f3_402"
 };

package/lib/internal/template/file-token-group/styles.scoped.css CHANGED Viewed

@@ -206,7 +206,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_39ths_11a25_209:not(#\9) {
+.awsui_root_39ths_859f3_209:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -238,16 +238,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_file-loading-overlay_39ths_11a25_241:not(#\9) {
+.awsui_file-loading-overlay_39ths_859f3_241:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-static-xs-4gq40t, 8px);
   inset-block-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_file-loading-overlay-single-row_39ths_11a25_246:not(#\9) {
+.awsui_file-loading-overlay-single-row_39ths_859f3_246:not(#\9) {
   inset-inline-end: var(--space-static-xxl-lfov4w, 32px);
 }
-.awsui_file-name-container_39ths_11a25_250:not(#\9) {
+.awsui_file-name-container_39ths_859f3_250:not(#\9) {
   all: unset;
   display: block;
   inline-size: 100%;
@@ -255,14 +255,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   text-align: start;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_859f3_250:not(#\9):focus-visible:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_859f3_250:not(#\9):focus-visible:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:not(#\9):focus-visible:focus::before {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_859f3_250:not(#\9):focus-visible:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -277,26 +277,26 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_file-option-name_39ths_11a25_280:not(#\9),
-.awsui_file-option-size_39ths_11a25_281:not(#\9),
-.awsui_file-option-last-modified_39ths_11a25_282:not(#\9) {
+.awsui_file-option-name_39ths_859f3_280:not(#\9),
+.awsui_file-option-size_39ths_859f3_281:not(#\9),
+.awsui_file-option-last-modified_39ths_859f3_282:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.awsui_file-option_39ths_11a25_280:not(#\9) {
+.awsui_file-option_39ths_859f3_280:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
   gap: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_file-option-thumbnail_39ths_11a25_295:not(#\9) {
+.awsui_file-option-thumbnail_39ths_859f3_295:not(#\9) {
   margin-block-start: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_file-option-thumbnail-image_39ths_11a25_299:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_859f3_299:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -309,48 +309,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:n
   overflow: hidden;
 }
-.awsui_file-option-metadata_39ths_11a25_312:not(#\9) {
+.awsui_file-option-metadata_39ths_859f3_312:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_11a25_312.awsui_with-image_39ths_11a25_315:not(#\9) {
+.awsui_file-option-metadata_39ths_859f3_312.awsui_with-image_39ths_859f3_315:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_11a25_312.awsui_single-row-loading_39ths_11a25_318:not(#\9) {
+.awsui_file-option-metadata_39ths_859f3_312.awsui_single-row-loading_39ths_859f3_318:not(#\9) {
   inline-size: calc(100% - var(--size-icon-normal-2f5zkr, 16px));
 }
-.awsui_token_39ths_11a25_322:not(#\9) {
+.awsui_token_39ths_859f3_322:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-jnczic, 4px);
 }
-.awsui_token-grid_39ths_11a25_329:not(#\9) {
+.awsui_token-grid_39ths_859f3_329:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_11a25_329:not(#\9) {
+  .awsui_token-grid_39ths_859f3_329:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_11a25_338:not(#\9) {
+.awsui_token-contains-image_39ths_859f3_338:not(#\9) {
   grid-template-rows: 68px auto;
 }
-.awsui_token-box_39ths_11a25_342:not(#\9) {
+.awsui_token-box_39ths_859f3_342:not(#\9) {
   position: relative;
   block-size: 100%;
-  border-block: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
-  border-inline: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-block: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-esndbs, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-inline: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-esndbs, var(--color-border-item-selected-vq6ddf, #0073bb));
   padding-block-start: var(--space-token-vertical-00mcu9, 4px);
   padding-block-end: var(--space-token-vertical-00mcu9, 4px);
   padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   display: flex;
   align-items: flex-start;
-  background: var(--awsui-token-style-background-default-z17rmd, var(--color-background-item-selected-v20q4r, #f1faff));
+  background: var(--awsui-token-style-background-default-esndbs, var(--color-background-item-selected-v20q4r, #f1faff));
   border-start-start-radius: var(--border-radius-token-dnq13z, 2px);
   border-start-end-radius: var(--border-radius-token-dnq13z, 2px);
   border-end-start-radius: var(--border-radius-token-dnq13z, 2px);
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_11a25_250:n
   color: var(--color-text-body-default-5qid0u, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_11a25_342.awsui_horizontal_39ths_11a25_361:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_horizontal_39ths_859f3_361:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_11a25_342.awsui_horizontal_39ths_11a25_361:not(#\9) {
+  .awsui_token-box_39ths_859f3_342.awsui_horizontal_39ths_859f3_361:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_11a25_342.awsui_error_39ths_11a25_369:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_error_39ths_859f3_369:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_token-box_39ths_11a25_342.awsui_error_39ths_11a25_369 > .awsui_dismiss-button_39ths_11a25_373:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_error_39ths_859f3_369 > .awsui_dismiss-button_39ths_859f3_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_11a25_342.awsui_error_39ths_11a25_369 > .awsui_dismiss-button_39ths_11a25_373:not(#\9):hover {
+.awsui_token-box_39ths_859f3_342.awsui_error_39ths_859f3_369 > .awsui_dismiss-button_39ths_859f3_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_11a25_342.awsui_warning_39ths_11a25_379:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_warning_39ths_859f3_379:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_token-box_39ths_11a25_342.awsui_warning_39ths_11a25_379 > .awsui_dismiss-button_39ths_11a25_373:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_warning_39ths_859f3_379 > .awsui_dismiss-button_39ths_859f3_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_11a25_342.awsui_warning_39ths_11a25_379 > .awsui_dismiss-button_39ths_11a25_373:not(#\9):hover {
+.awsui_token-box_39ths_859f3_342.awsui_warning_39ths_859f3_379 > .awsui_dismiss-button_39ths_859f3_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_11a25_342.awsui_read-only_39ths_11a25_389:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_read-only_39ths_859f3_389:not(#\9) {
   border-color: var(--color-border-input-disabled-tz38ro, #eaeded);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
 }
-.awsui_token-box_39ths_11a25_342.awsui_read-only_39ths_11a25_389 > .awsui_dismiss-button_39ths_11a25_373:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_read-only_39ths_859f3_389 > .awsui_dismiss-button_39ths_859f3_373:not(#\9) {
   pointer-events: none;
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_token-box_39ths_11a25_342.awsui_read-only_39ths_11a25_389 > .awsui_dismiss-button_39ths_11a25_373:not(#\9):hover {
+.awsui_token-box_39ths_859f3_342.awsui_read-only_39ths_859f3_389 > .awsui_dismiss-button_39ths_859f3_373:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_token-box_39ths_11a25_342.awsui_loading_39ths_11a25_402:not(#\9) {
+.awsui_token-box_39ths_859f3_342.awsui_loading_39ths_859f3_402:not(#\9) {
   border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
 }

package/lib/internal/template/file-token-group/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_39ths_11a25_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_11a25_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_11a25_246",
-  "file-name-container": "awsui_file-name-container_39ths_11a25_250",
-  "file-option-name": "awsui_file-option-name_39ths_11a25_280",
-  "file-option-size": "awsui_file-option-size_39ths_11a25_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_11a25_282",
-  "file-option": "awsui_file-option_39ths_11a25_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_11a25_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_11a25_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_11a25_312",
-  "with-image": "awsui_with-image_39ths_11a25_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_11a25_318",
-  "token": "awsui_token_39ths_11a25_322",
-  "token-grid": "awsui_token-grid_39ths_11a25_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_11a25_338",
-  "token-box": "awsui_token-box_39ths_11a25_342",
-  "horizontal": "awsui_horizontal_39ths_11a25_361",
-  "error": "awsui_error_39ths_11a25_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_11a25_373",
-  "warning": "awsui_warning_39ths_11a25_379",
-  "read-only": "awsui_read-only_39ths_11a25_389",
-  "loading": "awsui_loading_39ths_11a25_402"
+  "root": "awsui_root_39ths_859f3_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_859f3_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_859f3_246",
+  "file-name-container": "awsui_file-name-container_39ths_859f3_250",
+  "file-option-name": "awsui_file-option-name_39ths_859f3_280",
+  "file-option-size": "awsui_file-option-size_39ths_859f3_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_859f3_282",
+  "file-option": "awsui_file-option_39ths_859f3_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_859f3_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_859f3_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_859f3_312",
+  "with-image": "awsui_with-image_39ths_859f3_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_859f3_318",
+  "token": "awsui_token_39ths_859f3_322",
+  "token-grid": "awsui_token-grid_39ths_859f3_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_859f3_338",
+  "token-box": "awsui_token-box_39ths_859f3_342",
+  "horizontal": "awsui_horizontal_39ths_859f3_361",
+  "error": "awsui_error_39ths_859f3_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_859f3_373",
+  "warning": "awsui_warning_39ths_859f3_379",
+  "read-only": "awsui_read-only_39ths_859f3_389",
+  "loading": "awsui_loading_39ths_859f3_402"
 };