@cloudscape-design/components 3.0.336 → 3.0.338

package/tiles/styles.scoped.css

@@ -90,7 +90,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
 */
-div.awsui_column-layout_vj6p7_18btr_93:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,135 +129,135 @@ div.awsui_column-layout_vj6p7_18btr_93:not(#\9) {
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-no-gutters_vj6p7_18btr_111:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-no-gutters_vj6p7_jjntq_111:not(#\9) {
   margin: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
   margin: calc(-1 * var(--space-grid-gutter-s46zha, 20px) / 2) calc(-1 * var(--space-grid-gutter-s46zha, 20px));
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114 > *:not(#\9) {
   border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-breakpoint-default_vj6p7_18btr_121 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-breakpoint-default_vj6p7_jjntq_121 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-1_vj6p7_18btr_124.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-1_vj6p7_jjntq_124.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-1_vj6p7_18btr_124.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(1n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-1_vj6p7_jjntq_124.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(1n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(3n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-variant-text-grid_vj6p7_18btr_114.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-variant-text-grid_vj6p7_jjntq_114.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(4n+1) {
   border-left-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_18btr_111) > * {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_jjntq_111) > * {
   padding: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_18btr_111).awsui_grid-variant-text-grid_vj6p7_18btr_114 > * {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_jjntq_111).awsui_grid-variant-text-grid_vj6p7_jjntq_114 > * {
   padding: 0 var(--space-grid-gutter-s46zha, 20px);
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2) 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155 > *:not(#\9) {
   border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-breakpoint-default_vj6p7_18btr_121 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-breakpoint-default_vj6p7_jjntq_121 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-1_vj6p7_18btr_124.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-1_vj6p7_jjntq_124.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-1_vj6p7_18btr_124.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(1n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-1_vj6p7_jjntq_124.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(1n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(3n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(3n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-child(2n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-child(2n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-vertical-borders_vj6p7_18btr_155.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-child(4n) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-vertical-borders_vj6p7_jjntq_155.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-child(4n) {
   border-right-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188:not(#\9) {
   /* stylelint-disable selector-max-universal */
   /* stylelint-enable selector-max-universal */
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188 > *:not(#\9) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188 > *:not(#\9) {
   border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188 > *:not(#\9):last-child {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188 > *:not(#\9):last-child {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-2_vj6p7_18btr_130.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-2_vj6p7_jjntq_130.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-3_vj6p7_18btr_136.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-3_vj6p7_jjntq_136.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xxs_vj6p7_18btr_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xxs_vj6p7_jjntq_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
   border-bottom-width: 0;
 }
-div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-horizontal-borders_vj6p7_18btr_188.awsui_grid-columns-4_vj6p7_18btr_142.awsui_grid-breakpoint-xs_vj6p7_18btr_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
+div.awsui_column-layout_vj6p7_jjntq_93 > .awsui_grid_vj6p7_jjntq_106.awsui_grid-horizontal-borders_vj6p7_jjntq_188.awsui_grid-columns-4_vj6p7_jjntq_142.awsui_grid-breakpoint-xs_vj6p7_jjntq_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
   border-bottom-width: 0;
 }
 
@@ -265,7 +265,7 @@ div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_vj6p7_18btr_242:not(#\9) {
+.awsui_root_vj6p7_jjntq_242:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -308,127 +308,133 @@ div.awsui_column-layout_vj6p7_18btr_93 > .awsui_grid_vj6p7_18btr_106.awsui_grid-
   display: block;
 }
 
-.awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
   border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-default-zb6g42, #7d8998);
   border-radius: var(--border-radius-tiles-2bi961, 8px);
   background: var(--color-background-input-default-y2omd4, #ffffff);
   padding: var(--space-xs-edba2s, 8px) var(--space-scaled-m-gxhdpl, 16px);
-  display: flex;
-  flex-direction: column;
   transition: border-color var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear), background-color var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
 }
-.awsui_tile-container_vj6p7_18btr_259.awsui_has-metadata_vj6p7_18btr_269:not(#\9) {
+.awsui_tile-container_vj6p7_jjntq_259.awsui_refresh_vj6p7_jjntq_269:not(#\9) {
+  padding: var(--space-xs-edba2s, 8px) var(--space-s-hdd878, 12px);
+}
+.awsui_tile-container_vj6p7_jjntq_259.awsui_has-metadata_vj6p7_jjntq_272:not(#\9) {
   padding-bottom: var(--space-s-hdd878, 12px);
 }
-.awsui_tile-container_vj6p7_18btr_259.awsui_selected_vj6p7_18btr_272:not(#\9) {
+.awsui_tile-container_vj6p7_jjntq_259.awsui_has-metadata_vj6p7_jjntq_272.awsui_refresh_vj6p7_jjntq_269:not(#\9) {
+  padding-bottom: var(--space-scaled-s-913kwi, 12px);
+}
+.awsui_tile-container_vj6p7_jjntq_259.awsui_selected_vj6p7_jjntq_278:not(#\9) {
   border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
   background: var(--color-background-item-selected-ndi5zy, #f2f8fd);
 }
-.awsui_tile-container_vj6p7_18btr_259.awsui_disabled_vj6p7_18btr_276:not(#\9) {
+.awsui_tile-container_vj6p7_jjntq_259.awsui_disabled_vj6p7_jjntq_282:not(#\9) {
   border: var(--border-field-width-riro62, 2px) solid var(--color-border-tiles-disabled-59t1pk, #e9ebed);
   background: var(--color-background-tiles-disabled-3v0cil, #e9ebed);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+  .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tile-container_vj6p7_18btr_259:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui-motion-disabled .awsui_tile-container_vj6p7_jjntq_259:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_columns_vj6p7_18btr_291:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / -2);
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-1_vj6p7_18btr_296 > .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-1_vj6p7_jjntq_302 > .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-1_vj6p7_18btr_296 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xs_vj6p7_18btr_303:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-1_vj6p7_jjntq_302 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xs_vj6p7_jjntq_309:not(#\9) {
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-1_vj6p7_18btr_296 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xxs_vj6p7_18btr_308:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-1_vj6p7_jjntq_302 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xxs_vj6p7_jjntq_314:not(#\9) {
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-2_vj6p7_18btr_313 > .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-2_vj6p7_jjntq_319 > .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-2_vj6p7_18btr_313 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xs_vj6p7_18btr_303:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-2_vj6p7_jjntq_319 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xs_vj6p7_jjntq_309:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(50% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-2_vj6p7_18btr_313 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xxs_vj6p7_18btr_308:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-2_vj6p7_jjntq_319 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xxs_vj6p7_jjntq_314:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(50% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-3_vj6p7_18btr_330 > .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-3_vj6p7_jjntq_336 > .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-3_vj6p7_18btr_330 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xs_vj6p7_18btr_303:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-3_vj6p7_jjntq_336 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xs_vj6p7_jjntq_309:not(#\9) {
   flex: 0 0;
   flex-basis: calc(33.3333333333% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(33.3333333333% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-3_vj6p7_18btr_330 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xxs_vj6p7_18btr_308:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-3_vj6p7_jjntq_336 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xxs_vj6p7_jjntq_314:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(50% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-4_vj6p7_18btr_347 > .awsui_tile-container_vj6p7_18btr_259:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-4_vj6p7_jjntq_353 > .awsui_tile-container_vj6p7_jjntq_259:not(#\9) {
   margin: calc(var(--space-grid-gutter-s46zha, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
   flex-basis: calc(100% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(100% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-4_vj6p7_18btr_347 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xs_vj6p7_18btr_303:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-4_vj6p7_jjntq_353 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xs_vj6p7_jjntq_309:not(#\9) {
   flex: 0 0;
   flex-basis: calc(25% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(25% - var(--space-grid-gutter-s46zha, 20px));
 }
-.awsui_columns_vj6p7_18btr_291.awsui_column-4_vj6p7_18btr_347 > .awsui_tile-container_vj6p7_18btr_259.awsui_breakpoint-xxs_vj6p7_18btr_308:not(#\9) {
+.awsui_columns_vj6p7_jjntq_297.awsui_column-4_vj6p7_jjntq_353 > .awsui_tile-container_vj6p7_jjntq_259.awsui_breakpoint-xxs_vj6p7_jjntq_314:not(#\9) {
   flex: 0 0;
   flex-basis: calc(50% - var(--space-grid-gutter-s46zha, 20px));
   max-width: calc(50% - var(--space-grid-gutter-s46zha, 20px));
 }
 
-.awsui_control_vj6p7_18btr_365:not(#\9) {
+.awsui_control_vj6p7_jjntq_371:not(#\9) {
   flex-grow: 1;
   margin-bottom: var(--space-s-hdd878, 12px);
 }
-.awsui_control_vj6p7_18btr_365.awsui_no-image_vj6p7_18btr_369:not(#\9) {
+.awsui_control_vj6p7_jjntq_371.awsui_no-image_vj6p7_jjntq_375:not(#\9) {
   margin-bottom: 0;
 }
 
-.awsui_image_vj6p7_18btr_373:not(#\9) {
+.awsui_image_vj6p7_jjntq_379:not(#\9) {
   text-align: center;
   flex: none;
 }
-.awsui_image_vj6p7_18btr_373 > img:not(#\9) {
+.awsui_image_vj6p7_jjntq_379 > img:not(#\9) {
   max-width: 100%;
 }
-.awsui_image_vj6p7_18btr_373.awsui_disabled_vj6p7_18btr_276 > img:not(#\9) {
+.awsui_image_vj6p7_jjntq_379.awsui_disabled_vj6p7_jjntq_282 > img:not(#\9) {
   opacity: 0.3;
 }

package/tiles/styles.selectors.js

@@ -2,33 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vj6p7_18btr_93",
-  "grid": "awsui_grid_vj6p7_18btr_106",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_18btr_111",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_18btr_114",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_18btr_121",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_18btr_124",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_18btr_124",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_18btr_127",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_18btr_130",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_18btr_136",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_18btr_142",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_18btr_155",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_18btr_188",
-  "root": "awsui_root_vj6p7_18btr_242",
-  "tile-container": "awsui_tile-container_vj6p7_18btr_259",
-  "has-metadata": "awsui_has-metadata_vj6p7_18btr_269",
-  "selected": "awsui_selected_vj6p7_18btr_272",
-  "disabled": "awsui_disabled_vj6p7_18btr_276",
-  "columns": "awsui_columns_vj6p7_18btr_291",
-  "column-1": "awsui_column-1_vj6p7_18btr_296",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_18btr_303",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_18btr_308",
-  "column-2": "awsui_column-2_vj6p7_18btr_313",
-  "column-3": "awsui_column-3_vj6p7_18btr_330",
-  "column-4": "awsui_column-4_vj6p7_18btr_347",
-  "control": "awsui_control_vj6p7_18btr_365",
-  "no-image": "awsui_no-image_vj6p7_18btr_369",
-  "image": "awsui_image_vj6p7_18btr_373"
+  "column-layout": "awsui_column-layout_vj6p7_jjntq_93",
+  "grid": "awsui_grid_vj6p7_jjntq_106",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_jjntq_111",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_jjntq_114",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_jjntq_121",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_jjntq_124",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_jjntq_124",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_jjntq_127",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_jjntq_130",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_jjntq_136",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_jjntq_142",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_jjntq_155",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_jjntq_188",
+  "root": "awsui_root_vj6p7_jjntq_242",
+  "tile-container": "awsui_tile-container_vj6p7_jjntq_259",
+  "refresh": "awsui_refresh_vj6p7_jjntq_269",
+  "has-metadata": "awsui_has-metadata_vj6p7_jjntq_272",
+  "selected": "awsui_selected_vj6p7_jjntq_278",
+  "disabled": "awsui_disabled_vj6p7_jjntq_282",
+  "columns": "awsui_columns_vj6p7_jjntq_297",
+  "column-1": "awsui_column-1_vj6p7_jjntq_302",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_jjntq_309",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_jjntq_314",
+  "column-2": "awsui_column-2_vj6p7_jjntq_319",
+  "column-3": "awsui_column-3_vj6p7_jjntq_336",
+  "column-4": "awsui_column-4_vj6p7_jjntq_353",
+  "control": "awsui_control_vj6p7_jjntq_371",
+  "no-image": "awsui_no-image_vj6p7_jjntq_375",
+  "image": "awsui_image_vj6p7_jjntq_379"
 };
   

package/tiles/tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tile.d.ts","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,UAAU,SAAS;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,oFA2ChB,CAAC"}
+{"version":3,"file":"tile.d.ts","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAK9E,UAAU,SAAS;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,oFA6ChB,CAAC"}

package/tiles/tile.js

@@ -6,11 +6,13 @@ import RadioButton from '../radio-group/radio-button';
 import styles from './styles.css.js';
 import { fireNonCancelableEvent } from '../internal/events';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 export const Tile = React.forwardRef(({ item, selected, name, breakpoint, onChange }, forwardedRef) => {
     const internalRef = useRef(null);
     const controlId = item.controlId || `${name}-value-${item.value}`;
+    const isVisualRefresh = useVisualRefresh();
     const mergedRef = useMergeRefs(internalRef, forwardedRef);
-    return (React.createElement("div", { className: clsx(styles['tile-container'], { [styles['has-metadata']]: item.description || item.image }, { [styles.selected]: selected }, { [styles.disabled]: !!item.disabled }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
+    return (React.createElement("div", { className: clsx(styles['tile-container'], { [styles['has-metadata']]: item.description || item.image }, { [styles.selected]: selected }, { [styles.disabled]: !!item.disabled }, { [styles.refresh]: isVisualRefresh }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
             var _a;
             if (item.disabled) {
                 return;

package/tiles/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUhE,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAa,EAAE,YAAyC,EAAE,EAAE;IACvG,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAE1D,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,EAC5D,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAC/B,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACtC,MAAM,CAAC,cAAc,UAAU,EAAE,CAAC,CACnC,gBACW,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,EAAE;gBACb,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aACzD;QACH,CAAC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACzE,oBAAC,WAAW,IACV,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,SAAS,GACpB,CACE;QACL,IAAI,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAG,IAAI,CAAC,KAAK,CAAO,CACzG,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\n\nimport { TilesProps } from './interfaces';\nimport RadioButton from '../radio-group/radio-button';\nimport styles from './styles.css.js';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\ninterface TileProps {\n  item: TilesProps.TilesDefinition;\n  selected: boolean;\n  name: string;\n  breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n  onChange: TilesProps['onChange'];\n}\n\nexport const Tile = React.forwardRef(\n  ({ item, selected, name, breakpoint, onChange }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {\n    const internalRef = useRef<HTMLInputElement>(null);\n    const controlId = item.controlId || `${name}-value-${item.value}`;\n\n    const mergedRef = useMergeRefs(internalRef, forwardedRef);\n\n    return (\n      <div\n        className={clsx(\n          styles['tile-container'],\n          { [styles['has-metadata']]: item.description || item.image },\n          { [styles.selected]: selected },\n          { [styles.disabled]: !!item.disabled },\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        data-value={item.value}\n        onClick={() => {\n          if (item.disabled) {\n            return;\n          }\n          internalRef.current?.focus();\n          if (!selected) {\n            fireNonCancelableEvent(onChange, { value: item.value });\n          }\n        }}\n      >\n        <div className={clsx(styles.control, { [styles['no-image']]: !item.image })}>\n          <RadioButton\n            checked={selected}\n            ref={mergedRef}\n            name={name}\n            value={item.value}\n            label={item.label}\n            description={item.description}\n            disabled={item.disabled}\n            controlId={controlId}\n          />\n        </div>\n        {item.image && <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled })}>{item.image}</div>}\n      </div>\n    );\n  }\n);\n"]}
+{"version":3,"file":"tile.js","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAUrE,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAa,EAAE,YAAyC,EAAE,EAAE;IACvG,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAClE,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAE1D,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,EAC5D,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAC/B,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACtC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,eAAe,EAAE,EACrC,MAAM,CAAC,cAAc,UAAU,EAAE,CAAC,CACnC,gBACW,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,EAAE;gBACb,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aACzD;QACH,CAAC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACzE,oBAAC,WAAW,IACV,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,SAAS,GACpB,CACE;QACL,IAAI,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAG,IAAI,CAAC,KAAK,CAAO,CACzG,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\n\nimport { TilesProps } from './interfaces';\nimport RadioButton from '../radio-group/radio-button';\nimport styles from './styles.css.js';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ninterface TileProps {\n  item: TilesProps.TilesDefinition;\n  selected: boolean;\n  name: string;\n  breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n  onChange: TilesProps['onChange'];\n}\n\nexport const Tile = React.forwardRef(\n  ({ item, selected, name, breakpoint, onChange }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {\n    const internalRef = useRef<HTMLInputElement>(null);\n    const controlId = item.controlId || `${name}-value-${item.value}`;\n    const isVisualRefresh = useVisualRefresh();\n\n    const mergedRef = useMergeRefs(internalRef, forwardedRef);\n\n    return (\n      <div\n        className={clsx(\n          styles['tile-container'],\n          { [styles['has-metadata']]: item.description || item.image },\n          { [styles.selected]: selected },\n          { [styles.disabled]: !!item.disabled },\n          { [styles.refresh]: isVisualRefresh },\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        data-value={item.value}\n        onClick={() => {\n          if (item.disabled) {\n            return;\n          }\n          internalRef.current?.focus();\n          if (!selected) {\n            fireNonCancelableEvent(onChange, { value: item.value });\n          }\n        }}\n      >\n        <div className={clsx(styles.control, { [styles['no-image']]: !item.image })}>\n          <RadioButton\n            checked={selected}\n            ref={mergedRef}\n            name={name}\n            value={item.value}\n            label={item.label}\n            description={item.description}\n            disabled={item.disabled}\n            controlId={controlId}\n          />\n        </div>\n        {item.image && <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled })}>{item.image}</div>}\n      </div>\n    );\n  }\n);\n"]}

package/top-navigation/1.0-beta/styles.css.js

@@ -1,30 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_1ca1i_kc62j_93",
-  "padding-box": "awsui_padding-box_1ca1i_kc62j_106",
-  "medium": "awsui_medium_1ca1i_kc62j_116",
-  "narrow": "awsui_narrow_1ca1i_kc62j_116",
-  "hidden": "awsui_hidden_1ca1i_kc62j_124",
-  "\t": "awsui_\t_1ca1i_kc62j_1",
-  "identity": "awsui_identity_1ca1i_kc62j_137",
-  "identity-link": "awsui_identity-link_1ca1i_kc62j_137",
-  "no-logo": "awsui_no-logo_1ca1i_kc62j_154",
-  "logo": "awsui_logo_1ca1i_kc62j_158",
-  "title": "awsui_title_1ca1i_kc62j_169",
-  "inputs": "awsui_inputs_1ca1i_kc62j_185",
-  "search": "awsui_search_1ca1i_kc62j_192",
-  "search-expanded": "awsui_search-expanded_1ca1i_kc62j_197",
-  "utilities": "awsui_utilities_1ca1i_kc62j_202",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_kc62j_214",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_kc62j_230",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_kc62j_230",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_kc62j_244",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_kc62j_259",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_kc62j_272",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_kc62j_276",
-  "trigger": "awsui_trigger_1ca1i_kc62j_280",
-  "rotate-up": "awsui_rotate-up_1ca1i_kc62j_284",
-  "rotate-down": "awsui_rotate-down_1ca1i_kc62j_299"
+  "top-navigation": "awsui_top-navigation_1ca1i_1asof_93",
+  "padding-box": "awsui_padding-box_1ca1i_1asof_106",
+  "medium": "awsui_medium_1ca1i_1asof_116",
+  "narrow": "awsui_narrow_1ca1i_1asof_116",
+  "hidden": "awsui_hidden_1ca1i_1asof_124",
+  "\t": "awsui_\t_1ca1i_1asof_1",
+  "identity": "awsui_identity_1ca1i_1asof_137",
+  "identity-link": "awsui_identity-link_1ca1i_1asof_137",
+  "no-logo": "awsui_no-logo_1ca1i_1asof_154",
+  "logo": "awsui_logo_1ca1i_1asof_158",
+  "title": "awsui_title_1ca1i_1asof_169",
+  "inputs": "awsui_inputs_1ca1i_1asof_185",
+  "search": "awsui_search_1ca1i_1asof_192",
+  "search-expanded": "awsui_search-expanded_1ca1i_1asof_197",
+  "utilities": "awsui_utilities_1ca1i_1asof_202",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_1asof_214",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1asof_230",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1asof_230",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1asof_244",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1asof_259",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_1asof_272",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1asof_276",
+  "trigger": "awsui_trigger_1ca1i_1asof_280",
+  "rotate-up": "awsui_rotate-up_1ca1i_1asof_284",
+  "rotate-down": "awsui_rotate-down_1ca1i_1asof_299"
 };