npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1261 → 3.0.1263 - Mend

@cloudscape-design/components-themeable 3.0.1261 → 3.0.1263

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 (183) hide show

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_1a14x_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1a14x_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1a14x_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_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_1a14x_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1a14x_153.awsui_refresh_9duf6_1a14x_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_1a14x_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_2xik3_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_1a14x_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_2xik3_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_1a14x_153.awsui_refresh_9duf6_1a14x_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1a14x_153.awsui_refresh_9duf6_1a14x_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1a14x_153.awsui_refresh_9duf6_1a14x_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_refresh_9duf6_2xik3_174:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_9duf6_1a14x_199:not(#\9) {
+.awsui_root_9duf6_2xik3_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_1a14x_199.awsui_interior_9duf6_1a14x_232:not(#\9) {
+.awsui_root_9duf6_2xik3_199.awsui_interior_9duf6_2xik3_232:not(#\9) {
   position: static;
 }
-.awsui_dropdown_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_use-portal_9duf6_1a14x_242:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_use-portal_9duf6_2xik3_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_1a14x_153:not(#\9):not(.awsui_interior_9duf6_1a14x_232) {
+.awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_1a14x_153:not(#\9):not(.awsui_interior_9duf6_1a14x_232) {
+  .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_1a14x_153:not(#\9):not(.awsui_interior_9duf6_1a14x_232), .awsui-mode-entering .awsui_dropdown_9duf6_1a14x_153:not(#\9):not(.awsui_interior_9duf6_1a14x_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232), .awsui-mode-entering .awsui_dropdown_9duf6_2xik3_153:not(#\9):not(.awsui_interior_9duf6_2xik3_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_2xik3_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-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-end-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
   border-block: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_2xik3_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-u09ddc, var(--border-width-popover-dgqo1x, 1px)) solid var(--awsui-dropdown-content-border-color-u09ddc, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-inline: var(--awsui-dropdown-content-border-width-u09ddc, var(--border-width-popover-dgqo1x, 1px)) solid var(--awsui-dropdown-content-border-color-u09ddc, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-start-start-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-u09ddc, var(--border-radius-dropdown-oaxffg, 0px));
+  border-block: var(--awsui-dropdown-content-border-width-6b9ypa, var(--border-width-popover-dgqo1x, 1px)) solid var(--awsui-dropdown-content-border-color-6b9ypa, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-inline: var(--awsui-dropdown-content-border-width-6b9ypa, var(--border-width-popover-dgqo1x, 1px)) solid var(--awsui-dropdown-content-border-color-6b9ypa, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
+  border-end-end-radius: var(--awsui-dropdown-content-border-radius-6b9ypa, var(--border-radius-dropdown-oaxffg, 0px));
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1a14x_153.awsui_is-empty_9duf6_1a14x_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_2xik3_153.awsui_is-empty_9duf6_2xik3_318:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_1a14x_153 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_dropdown-drop-up_9duf6_1a14x_325 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_2xik3_325 > .awsui_dropdown-content-wrapper_9duf6_2xik3_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_1a14x_325.awsui_with-limited-width_9duf6_1a14x_329 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_2xik3_325.awsui_with-limited-width_9duf6_2xik3_329 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_1a14x_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_2xik3_332:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_1a14x_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_2xik3_335:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_occupy-entire-width_9duf6_1a14x_338:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_occupy-entire-width_9duf6_2xik3_338:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_use-flexible-width_9duf6_1a14x_341:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_use-flexible-width_9duf6_2xik3_341:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-u09ddc, none);
-  min-inline-size: var(--awsui-dropdown-default-min-width-u09ddc, auto);
+  max-inline-size: var(--awsui-dropdown-default-max-width-6b9ypa, none);
+  min-inline-size: var(--awsui-dropdown-default-min-width-6b9ypa, auto);
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_interior_9duf6_1a14x_232 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_interior_9duf6_2xik3_232 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_hide-block-border_9duf6_1a14x_349 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_hide-block-border_9duf6_1a14x_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1a14x_325) > .awsui_dropdown-content-wrapper_9duf6_1a14x_153 {
+.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_2xik3_325) > .awsui_dropdown-content-wrapper_9duf6_2xik3_153 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_hide-block-border_9duf6_1a14x_349.awsui_refresh_9duf6_1a14x_174 > .awsui_dropdown-content-wrapper_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_hide-block-border_9duf6_2xik3_349.awsui_refresh_9duf6_2xik3_174 > .awsui_dropdown-content-wrapper_9duf6_2xik3_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_open_9duf6_1a14x_358:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_open_9duf6_1a14x_358:not(#\9):not(.awsui_interior_9duf6_1a14x_232).awsui_refresh_9duf6_1a14x_174[data-animating=true] {
+.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9):not(.awsui_interior_9duf6_2xik3_232).awsui_refresh_9duf6_2xik3_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_open_9duf6_1a14x_358:not(#\9):not(.awsui_interior_9duf6_1a14x_232).awsui_refresh_9duf6_1a14x_174[data-animating=true].awsui_dropdown-drop-up_9duf6_1a14x_325 {
+.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358:not(#\9):not(.awsui_interior_9duf6_2xik3_232).awsui_refresh_9duf6_2xik3_174[data-animating=true].awsui_dropdown-drop-up_9duf6_2xik3_325 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_1a14x_153.awsui_open_9duf6_1a14x_358.awsui_nowrap_9duf6_1a14x_367:not(#\9) {
+.awsui_dropdown_9duf6_2xik3_153.awsui_open_9duf6_2xik3_358.awsui_nowrap_9duf6_2xik3_367:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
-.awsui_dropdown-content_9duf6_1a14x_153:not(#\9) {
+.awsui_dropdown-content_9duf6_2xik3_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_stretch-trigger-height_9duf6_1a14x_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_2xik3_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_1a14x_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1a14x_1",
-  "refresh": "awsui_refresh_9duf6_1a14x_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1a14x_1",
-  "root": "awsui_root_9duf6_1a14x_199",
-  "interior": "awsui_interior_9duf6_1a14x_232",
-  "dropdown": "awsui_dropdown_9duf6_1a14x_153",
-  "use-portal": "awsui_use-portal_9duf6_1a14x_242",
-  "is-empty": "awsui_is-empty_9duf6_1a14x_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1a14x_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_1a14x_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1a14x_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1a14x_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1a14x_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_1a14x_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_1a14x_349",
-  "open": "awsui_open_9duf6_1a14x_358",
-  "nowrap": "awsui_nowrap_9duf6_1a14x_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_1a14x_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1a14x_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_2xik3_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_2xik3_1",
+  "refresh": "awsui_refresh_9duf6_2xik3_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_2xik3_1",
+  "root": "awsui_root_9duf6_2xik3_199",
+  "interior": "awsui_interior_9duf6_2xik3_232",
+  "dropdown": "awsui_dropdown_9duf6_2xik3_153",
+  "use-portal": "awsui_use-portal_9duf6_2xik3_242",
+  "is-empty": "awsui_is-empty_9duf6_2xik3_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_2xik3_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_2xik3_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_2xik3_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_2xik3_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_2xik3_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_2xik3_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_2xik3_349",
+  "open": "awsui_open_9duf6_2xik3_358",
+  "nowrap": "awsui_nowrap_9duf6_2xik3_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_2xik3_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_2xik3_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_7pyq2_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7pyq2_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7pyq2_246",
-  "file-name-container": "awsui_file-name-container_39ths_7pyq2_250",
-  "file-option-name": "awsui_file-option-name_39ths_7pyq2_280",
-  "file-option-size": "awsui_file-option-size_39ths_7pyq2_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7pyq2_282",
-  "file-option": "awsui_file-option_39ths_7pyq2_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7pyq2_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7pyq2_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7pyq2_312",
-  "with-image": "awsui_with-image_39ths_7pyq2_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_7pyq2_318",
-  "token": "awsui_token_39ths_7pyq2_322",
-  "token-grid": "awsui_token-grid_39ths_7pyq2_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_7pyq2_338",
-  "token-box": "awsui_token-box_39ths_7pyq2_342",
-  "horizontal": "awsui_horizontal_39ths_7pyq2_361",
-  "error": "awsui_error_39ths_7pyq2_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_7pyq2_373",
-  "warning": "awsui_warning_39ths_7pyq2_379",
-  "read-only": "awsui_read-only_39ths_7pyq2_389",
-  "loading": "awsui_loading_39ths_7pyq2_402"
+  "root": "awsui_root_39ths_dhl4w_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_dhl4w_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_dhl4w_246",
+  "file-name-container": "awsui_file-name-container_39ths_dhl4w_250",
+  "file-option-name": "awsui_file-option-name_39ths_dhl4w_280",
+  "file-option-size": "awsui_file-option-size_39ths_dhl4w_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_dhl4w_282",
+  "file-option": "awsui_file-option_39ths_dhl4w_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_dhl4w_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_dhl4w_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_dhl4w_312",
+  "with-image": "awsui_with-image_39ths_dhl4w_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_dhl4w_318",
+  "token": "awsui_token_39ths_dhl4w_322",
+  "token-grid": "awsui_token-grid_39ths_dhl4w_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_dhl4w_338",
+  "token-box": "awsui_token-box_39ths_dhl4w_342",
+  "horizontal": "awsui_horizontal_39ths_dhl4w_361",
+  "error": "awsui_error_39ths_dhl4w_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_dhl4w_373",
+  "warning": "awsui_warning_39ths_dhl4w_379",
+  "read-only": "awsui_read-only_39ths_dhl4w_389",
+  "loading": "awsui_loading_39ths_dhl4w_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_7pyq2_209:not(#\9) {
+.awsui_root_39ths_dhl4w_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_7pyq2_241:not(#\9) {
+.awsui_file-loading-overlay_39ths_dhl4w_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_7pyq2_246:not(#\9) {
+.awsui_file-loading-overlay-single-row_39ths_dhl4w_246:not(#\9) {
   inset-inline-end: var(--space-static-xxl-lfov4w, 32px);
 }
-.awsui_file-name-container_39ths_7pyq2_250:not(#\9) {
+.awsui_file-name-container_39ths_dhl4w_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_7pyq2_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_dhl4w_250:not(#\9):focus-visible:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7pyq2_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_dhl4w_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_7pyq2_250:not(#\9):focus-visible:focus::before {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_dhl4w_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_7pyq2_250:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_file-option-name_39ths_7pyq2_280:not(#\9),
-.awsui_file-option-size_39ths_7pyq2_281:not(#\9),
-.awsui_file-option-last-modified_39ths_7pyq2_282:not(#\9) {
+.awsui_file-option-name_39ths_dhl4w_280:not(#\9),
+.awsui_file-option-size_39ths_dhl4w_281:not(#\9),
+.awsui_file-option-last-modified_39ths_dhl4w_282:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.awsui_file-option_39ths_7pyq2_280:not(#\9) {
+.awsui_file-option_39ths_dhl4w_280:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
   gap: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_file-option-thumbnail_39ths_7pyq2_295:not(#\9) {
+.awsui_file-option-thumbnail_39ths_dhl4w_295:not(#\9) {
   margin-block-start: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_file-option-thumbnail-image_39ths_7pyq2_299:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_dhl4w_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_7pyq2_250:n
   overflow: hidden;
 }
-.awsui_file-option-metadata_39ths_7pyq2_312:not(#\9) {
+.awsui_file-option-metadata_39ths_dhl4w_312:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_7pyq2_312.awsui_with-image_39ths_7pyq2_315:not(#\9) {
+.awsui_file-option-metadata_39ths_dhl4w_312.awsui_with-image_39ths_dhl4w_315:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_7pyq2_312.awsui_single-row-loading_39ths_7pyq2_318:not(#\9) {
+.awsui_file-option-metadata_39ths_dhl4w_312.awsui_single-row-loading_39ths_dhl4w_318:not(#\9) {
   inline-size: calc(100% - var(--size-icon-normal-2f5zkr, 16px));
 }
-.awsui_token_39ths_7pyq2_322:not(#\9) {
+.awsui_token_39ths_dhl4w_322:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-jnczic, 4px);
 }
-.awsui_token-grid_39ths_7pyq2_329:not(#\9) {
+.awsui_token-grid_39ths_dhl4w_329:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_7pyq2_329:not(#\9) {
+  .awsui_token-grid_39ths_dhl4w_329:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_7pyq2_338:not(#\9) {
+.awsui_token-contains-image_39ths_dhl4w_338:not(#\9) {
   grid-template-rows: 68px auto;
 }
-.awsui_token-box_39ths_7pyq2_342:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342:not(#\9) {
   position: relative;
   block-size: 100%;
-  border-block: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-u09ddc, var(--color-border-item-selected-vq6ddf, #0073bb));
-  border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-u09ddc, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-block: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
   padding-block-end: var(--space-scaled-xxs-jatbiv, 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-u09ddc, var(--color-background-item-selected-v20q4r, #f1faff));
+  background: var(--awsui-token-style-background-default-6b9ypa, var(--color-background-item-selected-v20q4r, #f1faff));
   border-start-start-radius: var(--border-radius-token-8arsz0, 2px);
   border-start-end-radius: var(--border-radius-token-8arsz0, 2px);
   border-end-start-radius: var(--border-radius-token-8arsz0, 2px);
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7pyq2_250:n
   color: var(--color-text-body-default-5qid0u, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_horizontal_39ths_7pyq2_361:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_horizontal_39ths_dhl4w_361:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_7pyq2_342.awsui_horizontal_39ths_7pyq2_361:not(#\9) {
+  .awsui_token-box_39ths_dhl4w_342.awsui_horizontal_39ths_dhl4w_361:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_error_39ths_7pyq2_369:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_error_39ths_dhl4w_369:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_error_39ths_7pyq2_369 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_error_39ths_dhl4w_369 > .awsui_dismiss-button_39ths_dhl4w_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_error_39ths_7pyq2_369 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9):hover {
+.awsui_token-box_39ths_dhl4w_342.awsui_error_39ths_dhl4w_369 > .awsui_dismiss-button_39ths_dhl4w_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_warning_39ths_7pyq2_379:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_warning_39ths_dhl4w_379:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_warning_39ths_7pyq2_379 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_warning_39ths_dhl4w_379 > .awsui_dismiss-button_39ths_dhl4w_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_warning_39ths_7pyq2_379 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9):hover {
+.awsui_token-box_39ths_dhl4w_342.awsui_warning_39ths_dhl4w_379 > .awsui_dismiss-button_39ths_dhl4w_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_read-only_39ths_7pyq2_389:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_read-only_39ths_dhl4w_389:not(#\9) {
   border-color: var(--color-border-input-disabled-tz38ro, #eaeded);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_read-only_39ths_7pyq2_389 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_read-only_39ths_dhl4w_389 > .awsui_dismiss-button_39ths_dhl4w_373:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_token-box_39ths_7pyq2_342.awsui_read-only_39ths_7pyq2_389 > .awsui_dismiss-button_39ths_7pyq2_373:not(#\9):hover {
+.awsui_token-box_39ths_dhl4w_342.awsui_read-only_39ths_dhl4w_389 > .awsui_dismiss-button_39ths_dhl4w_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_7pyq2_342.awsui_loading_39ths_7pyq2_402:not(#\9) {
+.awsui_token-box_39ths_dhl4w_342.awsui_loading_39ths_dhl4w_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_7pyq2_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7pyq2_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7pyq2_246",
-  "file-name-container": "awsui_file-name-container_39ths_7pyq2_250",
-  "file-option-name": "awsui_file-option-name_39ths_7pyq2_280",
-  "file-option-size": "awsui_file-option-size_39ths_7pyq2_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7pyq2_282",
-  "file-option": "awsui_file-option_39ths_7pyq2_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7pyq2_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7pyq2_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7pyq2_312",
-  "with-image": "awsui_with-image_39ths_7pyq2_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_7pyq2_318",
-  "token": "awsui_token_39ths_7pyq2_322",
-  "token-grid": "awsui_token-grid_39ths_7pyq2_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_7pyq2_338",
-  "token-box": "awsui_token-box_39ths_7pyq2_342",
-  "horizontal": "awsui_horizontal_39ths_7pyq2_361",
-  "error": "awsui_error_39ths_7pyq2_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_7pyq2_373",
-  "warning": "awsui_warning_39ths_7pyq2_379",
-  "read-only": "awsui_read-only_39ths_7pyq2_389",
-  "loading": "awsui_loading_39ths_7pyq2_402"
+  "root": "awsui_root_39ths_dhl4w_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_dhl4w_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_dhl4w_246",
+  "file-name-container": "awsui_file-name-container_39ths_dhl4w_250",
+  "file-option-name": "awsui_file-option-name_39ths_dhl4w_280",
+  "file-option-size": "awsui_file-option-size_39ths_dhl4w_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_dhl4w_282",
+  "file-option": "awsui_file-option_39ths_dhl4w_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_dhl4w_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_dhl4w_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_dhl4w_312",
+  "with-image": "awsui_with-image_39ths_dhl4w_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_dhl4w_318",
+  "token": "awsui_token_39ths_dhl4w_322",
+  "token-grid": "awsui_token-grid_39ths_dhl4w_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_dhl4w_338",
+  "token-box": "awsui_token-box_39ths_dhl4w_342",
+  "horizontal": "awsui_horizontal_39ths_dhl4w_361",
+  "error": "awsui_error_39ths_dhl4w_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_dhl4w_373",
+  "warning": "awsui_warning_39ths_dhl4w_379",
+  "read-only": "awsui_read-only_39ths_dhl4w_389",
+  "loading": "awsui_loading_39ths_dhl4w_402"
 };