@cloudscape-design/components 3.0.1365 → 3.0.1367

package/file-dropzone/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_ptw8i_x54ak_9",
-  "hovered": "awsui_hovered_ptw8i_x54ak_22",
-  "content": "awsui_content_ptw8i_x54ak_29"
+  "root": "awsui_root_ptw8i_34mda_9",
+  "hovered": "awsui_hovered_ptw8i_34mda_22",
+  "content": "awsui_content_ptw8i_34mda_29"
 };
   

package/file-dropzone/styles.scoped.css

@@ -6,9 +6,9 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_ptw8i_x54ak_9:not(#\9) {
-  padding-block: var(--space-static-l-n53k41, 20px);
-  padding-inline: var(--space-static-l-n53k41, 20px);
+.awsui_root_ptw8i_34mda_9:not(#\9) {
+  padding-block: var(--space-static-l-mj9pf2, 20px);
+  padding-inline: var(--space-static-l-mj9pf2, 20px);
   border-start-start-radius: var(--border-radius-dropzone-1g7e01, 12px);
   border-start-end-radius: var(--border-radius-dropzone-1g7e01, 12px);
   border-end-start-radius: var(--border-radius-dropzone-1g7e01, 12px);
@@ -19,17 +19,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: 1px dashed var(--color-dropzone-border-default-lohkzd, #8c8c94);
   border-inline: 1px dashed var(--color-dropzone-border-default-lohkzd, #8c8c94);
 }
-.awsui_root_ptw8i_x54ak_9.awsui_hovered_ptw8i_x54ak_22:not(#\9) {
+.awsui_root_ptw8i_34mda_9.awsui_hovered_ptw8i_34mda_22:not(#\9) {
   color: var(--color-dropzone-text-hover-yjnvhw, #424650);
   background-color: var(--color-dropzone-background-hover-j9ea7e, #f0fbff);
   border-block: 1px dashed var(--color-dropzone-border-hover-ejc85p, #002b66);
   border-inline: 1px dashed var(--color-dropzone-border-hover-ejc85p, #002b66);
 }
 
-.awsui_content_ptw8i_x54ak_29:not(#\9) {
+.awsui_content_ptw8i_34mda_29:not(#\9) {
   display: flex;
   flex-direction: column;
-  gap: var(--space-static-xxs-ns94dp, 4px);
+  gap: var(--space-static-xxs-vzto3j, 4px);
   align-items: center;
   justify-content: center;
 }

package/file-dropzone/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_ptw8i_x54ak_9",
-  "hovered": "awsui_hovered_ptw8i_x54ak_22",
-  "content": "awsui_content_ptw8i_x54ak_29"
+  "root": "awsui_root_ptw8i_34mda_9",
+  "hovered": "awsui_hovered_ptw8i_34mda_22",
+  "content": "awsui_content_ptw8i_34mda_29"
 };
   

package/file-input/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wp4s_1bqra_9",
-  "file-input": "awsui_file-input_1wp4s_1bqra_13",
-  "file-input-button": "awsui_file-input-button_1wp4s_1bqra_28",
-  "force-focus-outline-icon": "awsui_force-focus-outline-icon_1wp4s_1bqra_28",
-  "force-focus-outline-button": "awsui_force-focus-outline-button_1wp4s_1bqra_49"
+  "root": "awsui_root_1wp4s_57xv4_9",
+  "file-input": "awsui_file-input_1wp4s_57xv4_13",
+  "file-input-button": "awsui_file-input-button_1wp4s_57xv4_28",
+  "force-focus-outline-icon": "awsui_force-focus-outline-icon_1wp4s_57xv4_28",
+  "force-focus-outline-button": "awsui_force-focus-outline-button_1wp4s_57xv4_49"
 };
   

package/file-input/styles.scoped.css

@@ -6,11 +6,11 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1wp4s_1bqra_9:not(#\9) {
+.awsui_root_1wp4s_57xv4_9:not(#\9) {
   position: relative;
 }
 
-.awsui_file-input_1wp4s_1bqra_13:not(#\9) {
+.awsui_file-input_1wp4s_57xv4_13:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -25,42 +25,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
 }
 
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-icon_1wp4s_1bqra_28:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-icon_1wp4s_57xv4_28:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-icon_1wp4s_1bqra_28:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-icon_1wp4s_57xv4_28:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
+  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-icon_1wp4s_1bqra_28:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-icon_1wp4s_57xv4_28:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inset-block-start: calc(-1 * var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px));
-  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
-  block-size: calc(100% + var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px) + var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px));
+  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inset-block-start: calc(-1 * var(--space-button-icon-focus-outline-gutter-vertical-euaiep, 0px));
+  inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  block-size: calc(100% + var(--space-button-icon-focus-outline-gutter-vertical-euaiep, 0px) + var(--space-button-icon-focus-outline-gutter-vertical-euaiep, 0px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-button_1wp4s_1bqra_49:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-button_1wp4s_57xv4_49:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-button_1wp4s_1bqra_49:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-button_1wp4s_57xv4_49:not(#\9) {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
+  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_1bqra_28.awsui_force-focus-outline-button_1wp4s_1bqra_49:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_file-input-button_1wp4s_57xv4_28.awsui_force-focus-outline-button_1wp4s_57xv4_49:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
-  block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
+  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  block-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);

package/file-input/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wp4s_1bqra_9",
-  "file-input": "awsui_file-input_1wp4s_1bqra_13",
-  "file-input-button": "awsui_file-input-button_1wp4s_1bqra_28",
-  "force-focus-outline-icon": "awsui_force-focus-outline-icon_1wp4s_1bqra_28",
-  "force-focus-outline-button": "awsui_force-focus-outline-button_1wp4s_1bqra_49"
+  "root": "awsui_root_1wp4s_57xv4_9",
+  "file-input": "awsui_file-input_1wp4s_57xv4_13",
+  "file-input-button": "awsui_file-input-button_1wp4s_57xv4_28",
+  "force-focus-outline-icon": "awsui_force-focus-outline-icon_1wp4s_57xv4_28",
+  "force-focus-outline-button": "awsui_force-focus-outline-button_1wp4s_57xv4_49"
 };
   

package/file-token-group/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_39ths_7osv9_17",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7osv9_49",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7osv9_54",
-  "file-name-container": "awsui_file-name-container_39ths_7osv9_58",
-  "file-option-name": "awsui_file-option-name_39ths_7osv9_88",
-  "file-option-size": "awsui_file-option-size_39ths_7osv9_89",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7osv9_90",
-  "file-option": "awsui_file-option_39ths_7osv9_88",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7osv9_103",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7osv9_107",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7osv9_120",
-  "with-image": "awsui_with-image_39ths_7osv9_123",
-  "single-row-loading": "awsui_single-row-loading_39ths_7osv9_126",
-  "token": "awsui_token_39ths_7osv9_130",
-  "token-grid": "awsui_token-grid_39ths_7osv9_137",
-  "token-contains-image": "awsui_token-contains-image_39ths_7osv9_146",
-  "token-box": "awsui_token-box_39ths_7osv9_150",
-  "horizontal": "awsui_horizontal_39ths_7osv9_169",
-  "error": "awsui_error_39ths_7osv9_177",
-  "dismiss-button": "awsui_dismiss-button_39ths_7osv9_181",
-  "warning": "awsui_warning_39ths_7osv9_187",
-  "read-only": "awsui_read-only_39ths_7osv9_197",
-  "loading": "awsui_loading_39ths_7osv9_210"
+  "root": "awsui_root_39ths_65tlb_17",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_65tlb_49",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_65tlb_54",
+  "file-name-container": "awsui_file-name-container_39ths_65tlb_58",
+  "file-option-name": "awsui_file-option-name_39ths_65tlb_88",
+  "file-option-size": "awsui_file-option-size_39ths_65tlb_89",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_65tlb_90",
+  "file-option": "awsui_file-option_39ths_65tlb_88",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_65tlb_103",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_65tlb_107",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_65tlb_120",
+  "with-image": "awsui_with-image_39ths_65tlb_123",
+  "single-row-loading": "awsui_single-row-loading_39ths_65tlb_126",
+  "token": "awsui_token_39ths_65tlb_130",
+  "token-grid": "awsui_token-grid_39ths_65tlb_137",
+  "token-contains-image": "awsui_token-contains-image_39ths_65tlb_146",
+  "token-box": "awsui_token-box_39ths_65tlb_150",
+  "horizontal": "awsui_horizontal_39ths_65tlb_169",
+  "error": "awsui_error_39ths_65tlb_177",
+  "dismiss-button": "awsui_dismiss-button_39ths_65tlb_181",
+  "warning": "awsui_warning_39ths_65tlb_187",
+  "read-only": "awsui_read-only_39ths_65tlb_197",
+  "loading": "awsui_loading_39ths_65tlb_210"
 };
   

package/file-token-group/styles.scoped.css

@@ -14,7 +14,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_7osv9_17:not(#\9) {
+.awsui_root_39ths_65tlb_17:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -46,16 +46,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_file-loading-overlay_39ths_7osv9_49:not(#\9) {
+.awsui_file-loading-overlay_39ths_65tlb_49:not(#\9) {
   position: absolute;
-  inset-inline-end: var(--space-static-xs-gnm0mz, 8px);
-  inset-block-end: var(--space-static-xxs-ns94dp, 4px);
+  inset-inline-end: var(--space-static-xs-789l1l, 8px);
+  inset-block-end: var(--space-static-xxs-vzto3j, 4px);
 }
-.awsui_file-loading-overlay-single-row_39ths_7osv9_54:not(#\9) {
-  inset-inline-end: var(--space-static-xxl-ifa9j8, 32px);
+.awsui_file-loading-overlay-single-row_39ths_65tlb_54:not(#\9) {
+  inset-inline-end: var(--space-static-xxl-qzfy7v, 32px);
 }
 
-.awsui_file-name-container_39ths_7osv9_58:not(#\9) {
+.awsui_file-name-container_39ths_65tlb_58:not(#\9) {
   all: unset;
   display: block;
   inline-size: 100%;
@@ -63,21 +63,21 @@ 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_7osv9_58:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_65tlb_58:not(#\9):focus-visible:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7osv9_58:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_65tlb_58:not(#\9):focus-visible:focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
+  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7osv9_58:not(#\9):focus-visible:focus::before {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_65tlb_58:not(#\9):focus-visible:focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
-  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
-  block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
+  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
+  block-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 4px) + var(--space-button-focus-outline-gutter-dzjnny, 4px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
@@ -85,26 +85,26 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7osv9_58:no
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_file-option-name_39ths_7osv9_88:not(#\9),
-.awsui_file-option-size_39ths_7osv9_89:not(#\9),
-.awsui_file-option-last-modified_39ths_7osv9_90:not(#\9) {
+.awsui_file-option-name_39ths_65tlb_88:not(#\9),
+.awsui_file-option-size_39ths_65tlb_89:not(#\9),
+.awsui_file-option-last-modified_39ths_65tlb_90:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.awsui_file-option_39ths_7osv9_88:not(#\9) {
+.awsui_file-option_39ths_65tlb_88:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
-  gap: var(--space-scaled-xs-xwoogq, 8px);
+  gap: var(--space-scaled-xs-pajbd1, 8px);
 }
 
-.awsui_file-option-thumbnail_39ths_7osv9_103:not(#\9) {
-  margin-block-start: var(--space-static-xxs-ns94dp, 4px);
+.awsui_file-option-thumbnail_39ths_65tlb_103:not(#\9) {
+  margin-block-start: var(--space-static-xxs-vzto3j, 4px);
 }
 
-.awsui_file-option-thumbnail-image_39ths_7osv9_107:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_65tlb_107:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, 0.005em);
@@ -117,48 +117,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7osv9_58:no
   overflow: hidden;
 }
 
-.awsui_file-option-metadata_39ths_7osv9_120:not(#\9) {
+.awsui_file-option-metadata_39ths_65tlb_120:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_7osv9_120.awsui_with-image_39ths_7osv9_123:not(#\9) {
+.awsui_file-option-metadata_39ths_65tlb_120.awsui_with-image_39ths_65tlb_123:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_7osv9_120.awsui_single-row-loading_39ths_7osv9_126:not(#\9) {
-  inline-size: calc(100% - var(--size-icon-normal-levt08, 16px));
+.awsui_file-option-metadata_39ths_65tlb_120.awsui_single-row-loading_39ths_65tlb_126:not(#\9) {
+  inline-size: calc(100% - var(--size-icon-normal-311gry, 16px));
 }
 
-.awsui_token_39ths_7osv9_130:not(#\9) {
+.awsui_token_39ths_65tlb_130:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
-  gap: var(--space-xxs-hwfkai, 4px);
+  gap: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_token-grid_39ths_7osv9_137:not(#\9) {
+.awsui_token-grid_39ths_65tlb_137:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_7osv9_137:not(#\9) {
+  .awsui_token-grid_39ths_65tlb_137:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_7osv9_146:not(#\9) {
+.awsui_token-contains-image_39ths_65tlb_146:not(#\9) {
   grid-template-rows: 68px auto;
 }
 
-.awsui_token-box_39ths_7osv9_150:not(#\9) {
+.awsui_token-box_39ths_65tlb_150:not(#\9) {
   position: relative;
   block-size: 100%;
-  border-block: var(--border-width-token-p4a0gu, 2px) solid var(--awsui-token-style-border-color-default-esndbs, var(--color-border-item-selected-63a3p8, #006ce0));
-  border-inline: var(--border-width-token-p4a0gu, 2px) solid var(--awsui-token-style-border-color-default-esndbs, var(--color-border-item-selected-63a3p8, #006ce0));
-  padding-block-start: var(--space-token-vertical-m3oh2a, 4px);
-  padding-block-end: var(--space-token-vertical-m3oh2a, 4px);
-  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
-  padding-inline-end: var(--space-xxs-hwfkai, 4px);
+  border-block: var(--border-width-token-p4a0gu, 2px) solid var(--awsui-token-style-border-color-default-66120l, var(--color-border-item-selected-63a3p8, #006ce0));
+  border-inline: var(--border-width-token-p4a0gu, 2px) solid var(--awsui-token-style-border-color-default-66120l, var(--color-border-item-selected-63a3p8, #006ce0));
+  padding-block-start: var(--space-token-vertical-zoq8xd, 4px);
+  padding-block-end: var(--space-token-vertical-zoq8xd, 4px);
+  padding-inline-start: var(--space-field-horizontal-anki5k, 12px);
+  padding-inline-end: var(--space-xxs-3o1yoq, 4px);
   display: flex;
   align-items: flex-start;
-  background: var(--awsui-token-style-background-default-esndbs, var(--color-background-item-selected-pyr5cw, #f0fbff));
+  background: var(--awsui-token-style-background-default-66120l, var(--color-background-item-selected-pyr5cw, #f0fbff));
   border-start-start-radius: var(--border-radius-token-dnq13z, 8px);
   border-start-end-radius: var(--border-radius-token-dnq13z, 8px);
   border-end-start-radius: var(--border-radius-token-dnq13z, 8px);
@@ -166,48 +166,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_7osv9_58:no
   color: var(--color-text-body-default-gtm97i, #0f141a);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_7osv9_150.awsui_horizontal_39ths_7osv9_169:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_horizontal_39ths_65tlb_169:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_7osv9_150.awsui_horizontal_39ths_7osv9_169:not(#\9) {
+  .awsui_token-box_39ths_65tlb_150.awsui_horizontal_39ths_65tlb_169:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_7osv9_150.awsui_error_39ths_7osv9_177:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_error_39ths_65tlb_177:not(#\9) {
   border-color: var(--color-border-status-error-vxvfad, #db0000);
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_error_39ths_7osv9_177 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_error_39ths_65tlb_177 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9) {
   color: var(--color-text-interactive-default-1o1pl2, #424650);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_error_39ths_7osv9_177 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9):hover {
+.awsui_token-box_39ths_65tlb_150.awsui_error_39ths_65tlb_177 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9):hover {
   color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_warning_39ths_7osv9_187:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_warning_39ths_65tlb_187:not(#\9) {
   border-color: var(--color-border-status-warning-s79l22, #855900);
   border-inline-start-width: var(--border-invalid-width-b183os, 8px);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_warning_39ths_7osv9_187 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_warning_39ths_65tlb_187 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9) {
   color: var(--color-text-interactive-default-1o1pl2, #424650);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_warning_39ths_7osv9_187 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9):hover {
+.awsui_token-box_39ths_65tlb_150.awsui_warning_39ths_65tlb_187 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9):hover {
   color: var(--color-text-interactive-hover-j5y3wx, #0f141a);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_read-only_39ths_7osv9_197:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_read-only_39ths_65tlb_197:not(#\9) {
   border-color: var(--color-border-input-disabled-k518xl, #ebebf0);
   background-color: var(--color-background-container-content-78ljyf, #ffffff);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_read-only_39ths_7osv9_197 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_read-only_39ths_65tlb_197 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9) {
   pointer-events: none;
   color: var(--color-text-button-inline-icon-disabled-bnn5b7, #b4b4bb);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_read-only_39ths_7osv9_197 > .awsui_dismiss-button_39ths_7osv9_181:not(#\9):hover {
+.awsui_token-box_39ths_65tlb_150.awsui_read-only_39ths_65tlb_197 > .awsui_dismiss-button_39ths_65tlb_181:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-bnn5b7, #b4b4bb);
 }
-.awsui_token-box_39ths_7osv9_150.awsui_loading_39ths_7osv9_210:not(#\9) {
+.awsui_token-box_39ths_65tlb_150.awsui_loading_39ths_65tlb_210:not(#\9) {
   border-color: var(--color-border-control-disabled-dqtwtk, #dedee3);
   background-color: var(--color-background-container-content-78ljyf, #ffffff);
 }

package/file-token-group/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_39ths_7osv9_17",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_7osv9_49",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_7osv9_54",
-  "file-name-container": "awsui_file-name-container_39ths_7osv9_58",
-  "file-option-name": "awsui_file-option-name_39ths_7osv9_88",
-  "file-option-size": "awsui_file-option-size_39ths_7osv9_89",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_7osv9_90",
-  "file-option": "awsui_file-option_39ths_7osv9_88",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_7osv9_103",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_7osv9_107",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_7osv9_120",
-  "with-image": "awsui_with-image_39ths_7osv9_123",
-  "single-row-loading": "awsui_single-row-loading_39ths_7osv9_126",
-  "token": "awsui_token_39ths_7osv9_130",
-  "token-grid": "awsui_token-grid_39ths_7osv9_137",
-  "token-contains-image": "awsui_token-contains-image_39ths_7osv9_146",
-  "token-box": "awsui_token-box_39ths_7osv9_150",
-  "horizontal": "awsui_horizontal_39ths_7osv9_169",
-  "error": "awsui_error_39ths_7osv9_177",
-  "dismiss-button": "awsui_dismiss-button_39ths_7osv9_181",
-  "warning": "awsui_warning_39ths_7osv9_187",
-  "read-only": "awsui_read-only_39ths_7osv9_197",
-  "loading": "awsui_loading_39ths_7osv9_210"
+  "root": "awsui_root_39ths_65tlb_17",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_65tlb_49",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_65tlb_54",
+  "file-name-container": "awsui_file-name-container_39ths_65tlb_58",
+  "file-option-name": "awsui_file-option-name_39ths_65tlb_88",
+  "file-option-size": "awsui_file-option-size_39ths_65tlb_89",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_65tlb_90",
+  "file-option": "awsui_file-option_39ths_65tlb_88",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_65tlb_103",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_65tlb_107",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_65tlb_120",
+  "with-image": "awsui_with-image_39ths_65tlb_123",
+  "single-row-loading": "awsui_single-row-loading_39ths_65tlb_126",
+  "token": "awsui_token_39ths_65tlb_130",
+  "token-grid": "awsui_token-grid_39ths_65tlb_137",
+  "token-contains-image": "awsui_token-contains-image_39ths_65tlb_146",
+  "token-box": "awsui_token-box_39ths_65tlb_150",
+  "horizontal": "awsui_horizontal_39ths_65tlb_169",
+  "error": "awsui_error_39ths_65tlb_177",
+  "dismiss-button": "awsui_dismiss-button_39ths_65tlb_181",
+  "warning": "awsui_warning_39ths_65tlb_187",
+  "read-only": "awsui_read-only_39ths_65tlb_197",
+  "loading": "awsui_loading_39ths_65tlb_210"
 };
   

package/file-upload/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ubbm_1l13q_5",
-  "hints": "awsui_hints_1ubbm_1l13q_6"
+  "root": "awsui_root_1ubbm_1dtxc_5",
+  "hints": "awsui_hints_1ubbm_1dtxc_6"
 };
   

package/file-upload/styles.scoped.css

@@ -2,11 +2,11 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1ubbm_1l13q_5:not(#\9),
-.awsui_hints_1ubbm_1l13q_6:not(#\9) {
+.awsui_root_1ubbm_1dtxc_5:not(#\9),
+.awsui_hints_1ubbm_1dtxc_6:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_hints_1ubbm_1l13q_6:not(#\9) {
-  margin-block-start: var(--space-static-xxs-ns94dp, 4px);
+.awsui_hints_1ubbm_1dtxc_6:not(#\9) {
+  margin-block-start: var(--space-static-xxs-vzto3j, 4px);
 }

package/file-upload/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1ubbm_1l13q_5",
-  "hints": "awsui_hints_1ubbm_1l13q_6"
+  "root": "awsui_root_1ubbm_1dtxc_5",
+  "hints": "awsui_hints_1ubbm_1dtxc_6"
 };
   

package/flashbar/collapsible-flashbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAqB9D,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,qBAAqB,eA2VhG"}
+{"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAqB9D,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,qBAAqB,eAkWhG"}

package/flashbar/collapsible-flashbar.js

@@ -214,7 +214,7 @@ export default function CollapsibleFlashbar({ items, style, ...restProps }) {
     return (React.createElement("div", { ...baseProps, className: clsx(baseProps.className, styles.flashbar, styles.stack, isCollapsible && styles.collapsible, visibleItems.length === 2 && styles['short-list'], isFlashbarStackExpanded && styles.expanded, isVisualRefresh && styles['visual-refresh']), ref: mergedRef, ...getAnalyticsMetadataAttribute(getComponentsAnalyticsMetadata(visibleItems.length, true, isFlashbarStackExpanded)) },
         isFlashbarStackExpanded && renderList(),
         isCollapsible && (React.createElement("div", { className: clsx(styles['notification-bar'], isVisualRefresh && styles['visual-refresh'], isFlashbarStackExpanded ? styles.expanded : styles.collapsed, transitioning && styles['animation-running'], visibleItems.length === 2 && styles['short-list'], getVisualContextClassname('flashbar') // Visual context is needed for focus ring to be white
-            ), onClick: toggleCollapseExpand, ref: notificationBarRef, style: getNotificationBarStyles(style), ...getAnalyticsMetadataAttribute({
+            ), onClick: toggleCollapseExpand, ref: notificationBarRef, style: getNotificationBarStyles(style), "data-awsui-motion-trigger": "hover", ...getAnalyticsMetadataAttribute({
                 action: !isFlashbarStackExpanded ? 'expand' : 'collapse',
                 detail: {
                     label: 'h2',
@@ -227,8 +227,8 @@ export default function CollapsibleFlashbar({ items, style, ...restProps }) {
                     notificationBarText,
                     ...counterTypes.flatMap(({ type, labelName }) => [iconAriaLabels[labelName], `${countByType[type]}`]),
                 ] }),
-            React.createElement("button", { "aria-controls": flashbarElementId, "aria-describedby": itemCountElementId, "aria-expanded": isFlashbarStackExpanded, "aria-label": notificationBarAriaLabel, className: clsx(styles.button, isFlashbarStackExpanded && styles.expanded) },
-                React.createElement(InternalIcon, { className: styles.icon, size: "normal", name: "angle-down" })))),
+            React.createElement("button", { "aria-controls": flashbarElementId, "aria-describedby": itemCountElementId, "aria-expanded": isFlashbarStackExpanded, "aria-label": notificationBarAriaLabel, className: clsx(styles.button, isFlashbarStackExpanded && styles.expanded), "data-awsui-motion-trigger": "focus" },
+                React.createElement(InternalIcon, { className: styles.icon, size: "normal", name: "angle-down", nativeAttributes: { 'data-awsui-motion-target': '' } })))),
         !isFlashbarStackExpanded && renderList()));
 }
 const NotificationTypeCount = ({ iconName, label, count, }) => {