@cloudscape-design/components-themeable 3.0.730 → 3.0.732

package/lib/internal/template/table/styles.scoped.css

@@ -98,7 +98,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_wih1l_vdk8a_101:not(#\9) {
+.awsui_root_wih1l_i286t_101:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -109,7 +109,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_vdk8a_112:not(#\9) {
+.awsui_tools_wih1l_i286t_112:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -117,67 +117,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-8i4ihz, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_vdk8a_120:not(#\9) {
+.awsui_tools-filtering_wih1l_i286t_120:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: var(--space-l-xu1x80, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_vdk8a_120:not(#\9) {
+  .awsui_tools-filtering_wih1l_i286t_120:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_vdk8a_120:not(#\9) {
+  .awsui_tools-filtering_wih1l_i286t_120:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_vdk8a_134:not(#\9) {
+.awsui_tools-align-right_wih1l_i286t_134:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_vdk8a_138 + .awsui_tools-preferences_wih1l_vdk8a_138:not(#\9) {
+.awsui_tools-pagination_wih1l_i286t_138 + .awsui_tools-preferences_wih1l_i286t_138:not(#\9) {
   border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-xf5ch3, 8px);
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_tools-small_wih1l_vdk8a_144 > .awsui_tools-filtering_wih1l_vdk8a_120:not(#\9) {
+.awsui_tools-small_wih1l_i286t_144 > .awsui_tools-filtering_wih1l_i286t_120:not(#\9) {
   margin-inline-end: 0;
   margin-block-end: var(--space-scaled-xs-x91h81, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_vdk8a_150:not(#\9) {
+.awsui_table_wih1l_i286t_150:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_vdk8a_156:not(#\9) {
+.awsui_table-layout-fixed_wih1l_i286t_156:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_vdk8a_160:not(#\9) {
+.awsui_wrapper_wih1l_i286t_160:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_vdk8a_160.awsui_variant-stacked_wih1l_vdk8a_167 > .awsui_table_wih1l_vdk8a_150:not(#\9), .awsui_wrapper_wih1l_vdk8a_160.awsui_variant-stacked_wih1l_vdk8a_167 > .awsui_wrapper-content-measure_wih1l_vdk8a_167:not(#\9), .awsui_wrapper_wih1l_vdk8a_160.awsui_variant-container_wih1l_vdk8a_167 > .awsui_table_wih1l_vdk8a_150:not(#\9), .awsui_wrapper_wih1l_vdk8a_160.awsui_variant-container_wih1l_vdk8a_167 > .awsui_wrapper-content-measure_wih1l_vdk8a_167:not(#\9) {
+.awsui_wrapper_wih1l_i286t_160.awsui_variant-stacked_wih1l_i286t_167 > .awsui_table_wih1l_i286t_150:not(#\9), .awsui_wrapper_wih1l_i286t_160.awsui_variant-stacked_wih1l_i286t_167 > .awsui_wrapper-content-measure_wih1l_i286t_167:not(#\9), .awsui_wrapper_wih1l_i286t_160.awsui_variant-container_wih1l_i286t_167 > .awsui_table_wih1l_i286t_150:not(#\9), .awsui_wrapper_wih1l_i286t_160.awsui_variant-container_wih1l_i286t_167 > .awsui_wrapper-content-measure_wih1l_i286t_167:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_wrapper_wih1l_vdk8a_160.awsui_variant-container_wih1l_vdk8a_167:not(#\9):not(.awsui_has-footer_wih1l_vdk8a_170) {
+.awsui_wrapper_wih1l_i286t_160.awsui_variant-container_wih1l_i286t_167:not(#\9):not(.awsui_has-footer_wih1l_i286t_170) {
   padding-block-end: var(--space-table-content-bottom-r9l1c2, 0px);
 }
-.awsui_wrapper_wih1l_vdk8a_160:not(#\9):not(.awsui_has-header_wih1l_vdk8a_173) {
+.awsui_wrapper_wih1l_i286t_160:not(#\9):not(.awsui_has-header_wih1l_i286t_173) {
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_wrapper_wih1l_vdk8a_160:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_i286t_160:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_vdk8a_160:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_i286t_160:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
@@ -187,19 +187,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_vdk8a_160:not(#\9):focu
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_cell-merged_wih1l_vdk8a_190:not(#\9) {
+.awsui_cell-merged_wih1l_i286t_190:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_vdk8a_190.awsui_has-footer_wih1l_vdk8a_170:not(#\9) {
+.awsui_cell-merged_wih1l_i286t_190.awsui_has-footer_wih1l_i286t_170:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the 
   table and the footer
   */
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_vdk8a_202:not(#\9) {
+.awsui_cell-merged-content_wih1l_i286t_202:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-er48cl, 16px);
@@ -207,7 +207,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_vdk8a_160:not(#\9):focu
   padding-inline: var(--space-l-xu1x80, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_vdk8a_202:not(#\9) {
+  .awsui_cell-merged-content_wih1l_i286t_202:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -215,11 +215,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_vdk8a_160:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_vdk8a_218:not(#\9) {
+.awsui_empty_wih1l_i286t_218:not(#\9) {
   color: var(--color-text-empty-jskpnv, #687078);
 }
 
-.awsui_loading_wih1l_vdk8a_222:not(#\9) {
+.awsui_loading_wih1l_i286t_222:not(#\9) {
   /* used in test-utils */
 }
 
@@ -228,20 +228,20 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_vdk8a_231:not(#\9) {
+.awsui_selection-control_wih1l_i286t_231:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   min-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
 }
-.awsui_selection-control_wih1l_vdk8a_231.awsui_selection-control-header_wih1l_vdk8a_238:not(#\9) {
+.awsui_selection-control_wih1l_i286t_231.awsui_selection-control-header_wih1l_i286t_238:not(#\9) {
   padding-block: var(--space-scaled-xs-x91h81, 8px);
   padding-inline: var(--space-scaled-l-08jb88, 20px);
   border-inline-start: var(--border-item-width-0zxiwv, 1px) solid transparent;
 }
 
-.awsui_header-secondary_wih1l_vdk8a_244:not(#\9) {
+.awsui_header-secondary_wih1l_i286t_244:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -253,42 +253,46 @@ filter search icon.
   border-end-end-radius: 0;
   background: var(--color-background-table-header-ly5ewp, #fafafa);
 }
-.awsui_header-secondary_wih1l_vdk8a_244.awsui_variant-full-page_wih1l_vdk8a_256:not(#\9) {
+.awsui_header-secondary_wih1l_i286t_244.awsui_variant-full-page_wih1l_i286t_256:not(#\9) {
   background: var(--color-background-layout-main-td853a, #f2f3f3);
 }
-.awsui_header-secondary_wih1l_vdk8a_244.awsui_variant-stacked_wih1l_vdk8a_167 > .awsui_table_wih1l_vdk8a_150:not(#\9), .awsui_header-secondary_wih1l_vdk8a_244.awsui_variant-container_wih1l_vdk8a_167 > .awsui_table_wih1l_vdk8a_150:not(#\9) {
+.awsui_header-secondary_wih1l_i286t_244.awsui_variant-stacked_wih1l_i286t_167 > .awsui_table_wih1l_i286t_150:not(#\9), .awsui_header-secondary_wih1l_i286t_244.awsui_variant-container_wih1l_i286t_167 > .awsui_table_wih1l_i286t_150:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-secondary_wih1l_vdk8a_244:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_i286t_244.awsui_variant-stacked_wih1l_i286t_167:not(#\9):not(.awsui_table-has-header_wih1l_i286t_262), .awsui_header-secondary_wih1l_i286t_244.awsui_variant-container_wih1l_i286t_167:not(#\9):not(.awsui_table-has-header_wih1l_i286t_262) {
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+}
+.awsui_header-secondary_wih1l_i286t_244:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_vdk8a_244.awsui_table-has-header_wih1l_vdk8a_265:not(#\9) {
+.awsui_header-secondary_wih1l_i286t_244.awsui_table-has-header_wih1l_i286t_262:not(#\9) {
   border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
 
-.awsui_header-controls_wih1l_vdk8a_269:not(#\9) {
+.awsui_header-controls_wih1l_i286t_273:not(#\9) {
   padding-block: var(--space-container-header-top-bomjbu, 12px) var(--space-container-header-bottom-qqnwwz, 12px);
 }
-.awsui_header-controls_wih1l_vdk8a_269.awsui_variant-full-page_wih1l_vdk8a_256:not(#\9) {
+.awsui_header-controls_wih1l_i286t_273.awsui_variant-full-page_wih1l_i286t_256:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-qqnwwz, 12px) + var(--space-table-header-tools-full-page-bottom-dmyrgq, 4px));
 }
-.awsui_header-controls_wih1l_vdk8a_269.awsui_variant-stacked_wih1l_vdk8a_167:not(#\9), .awsui_header-controls_wih1l_vdk8a_269.awsui_variant-container_wih1l_vdk8a_167:not(#\9) {
+.awsui_header-controls_wih1l_i286t_273.awsui_variant-stacked_wih1l_i286t_167:not(#\9), .awsui_header-controls_wih1l_i286t_273.awsui_variant-container_wih1l_i286t_167:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-ciak0s, 0px) + var(--space-table-header-horizontal-vhrx2d, 20px));
 }
-.awsui_header-controls_wih1l_vdk8a_269.awsui_variant-embedded_wih1l_vdk8a_278:not(#\9), .awsui_header-controls_wih1l_vdk8a_269.awsui_variant-borderless_wih1l_vdk8a_278:not(#\9) {
+.awsui_header-controls_wih1l_i286t_273.awsui_variant-embedded_wih1l_i286t_282:not(#\9), .awsui_header-controls_wih1l_i286t_273.awsui_variant-borderless_wih1l_i286t_282:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-vhrx2d, 20px);
   padding-block-start: var(--space-table-embedded-header-top-u7x1ax, 12px);
 }
 
-.awsui_footer-wrapper_wih1l_vdk8a_283.awsui_variant-stacked_wih1l_vdk8a_167:not(#\9), .awsui_footer-wrapper_wih1l_vdk8a_283.awsui_variant-container_wih1l_vdk8a_167:not(#\9) {
+.awsui_footer-wrapper_wih1l_i286t_287.awsui_variant-stacked_wih1l_i286t_167:not(#\9), .awsui_footer-wrapper_wih1l_i286t_287.awsui_variant-container_wih1l_i286t_167:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
 
-.awsui_footer_wih1l_vdk8a_283:not(#\9) {
+.awsui_footer_wih1l_i286t_287:not(#\9) {
   padding-block: var(--space-scaled-s-9q8n2q, 12px);
   padding-inline: var(--space-table-footer-horizontal-t5rbr4, 20px);
 }
-.awsui_footer-with-pagination_wih1l_vdk8a_291:not(#\9) {
+.awsui_footer-with-pagination_wih1l_i286t_295:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -296,12 +300,12 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-9q8n2q, 12px);
 }
-.awsui_footer-pagination_wih1l_vdk8a_299:not(#\9) {
+.awsui_footer-pagination_wih1l_i286t_303:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_vdk8a_303:not(#\9),
-.awsui_row_wih1l_vdk8a_304:not(#\9),
-.awsui_row-selected_wih1l_vdk8a_305:not(#\9) {
+.awsui_thead-active_wih1l_i286t_307:not(#\9),
+.awsui_row_wih1l_i286t_308:not(#\9),
+.awsui_row-selected_wih1l_i286t_309:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/table/styles.selectors.js

@@ -2,39 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_vdk8a_101",
-  "tools": "awsui_tools_wih1l_vdk8a_112",
-  "tools-filtering": "awsui_tools-filtering_wih1l_vdk8a_120",
-  "tools-align-right": "awsui_tools-align-right_wih1l_vdk8a_134",
-  "tools-pagination": "awsui_tools-pagination_wih1l_vdk8a_138",
-  "tools-preferences": "awsui_tools-preferences_wih1l_vdk8a_138",
-  "tools-small": "awsui_tools-small_wih1l_vdk8a_144",
-  "table": "awsui_table_wih1l_vdk8a_150",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_vdk8a_156",
-  "wrapper": "awsui_wrapper_wih1l_vdk8a_160",
-  "variant-stacked": "awsui_variant-stacked_wih1l_vdk8a_167",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_vdk8a_167",
-  "variant-container": "awsui_variant-container_wih1l_vdk8a_167",
-  "has-footer": "awsui_has-footer_wih1l_vdk8a_170",
-  "has-header": "awsui_has-header_wih1l_vdk8a_173",
-  "cell-merged": "awsui_cell-merged_wih1l_vdk8a_190",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_vdk8a_202",
-  "empty": "awsui_empty_wih1l_vdk8a_218",
-  "loading": "awsui_loading_wih1l_vdk8a_222",
-  "selection-control": "awsui_selection-control_wih1l_vdk8a_231",
-  "selection-control-header": "awsui_selection-control-header_wih1l_vdk8a_238",
-  "header-secondary": "awsui_header-secondary_wih1l_vdk8a_244",
-  "variant-full-page": "awsui_variant-full-page_wih1l_vdk8a_256",
-  "table-has-header": "awsui_table-has-header_wih1l_vdk8a_265",
-  "header-controls": "awsui_header-controls_wih1l_vdk8a_269",
-  "variant-embedded": "awsui_variant-embedded_wih1l_vdk8a_278",
-  "variant-borderless": "awsui_variant-borderless_wih1l_vdk8a_278",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_vdk8a_283",
-  "footer": "awsui_footer_wih1l_vdk8a_283",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_vdk8a_291",
-  "footer-pagination": "awsui_footer-pagination_wih1l_vdk8a_299",
-  "thead-active": "awsui_thead-active_wih1l_vdk8a_303",
-  "row": "awsui_row_wih1l_vdk8a_304",
-  "row-selected": "awsui_row-selected_wih1l_vdk8a_305"
+  "root": "awsui_root_wih1l_i286t_101",
+  "tools": "awsui_tools_wih1l_i286t_112",
+  "tools-filtering": "awsui_tools-filtering_wih1l_i286t_120",
+  "tools-align-right": "awsui_tools-align-right_wih1l_i286t_134",
+  "tools-pagination": "awsui_tools-pagination_wih1l_i286t_138",
+  "tools-preferences": "awsui_tools-preferences_wih1l_i286t_138",
+  "tools-small": "awsui_tools-small_wih1l_i286t_144",
+  "table": "awsui_table_wih1l_i286t_150",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_i286t_156",
+  "wrapper": "awsui_wrapper_wih1l_i286t_160",
+  "variant-stacked": "awsui_variant-stacked_wih1l_i286t_167",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_i286t_167",
+  "variant-container": "awsui_variant-container_wih1l_i286t_167",
+  "has-footer": "awsui_has-footer_wih1l_i286t_170",
+  "has-header": "awsui_has-header_wih1l_i286t_173",
+  "cell-merged": "awsui_cell-merged_wih1l_i286t_190",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_i286t_202",
+  "empty": "awsui_empty_wih1l_i286t_218",
+  "loading": "awsui_loading_wih1l_i286t_222",
+  "selection-control": "awsui_selection-control_wih1l_i286t_231",
+  "selection-control-header": "awsui_selection-control-header_wih1l_i286t_238",
+  "header-secondary": "awsui_header-secondary_wih1l_i286t_244",
+  "variant-full-page": "awsui_variant-full-page_wih1l_i286t_256",
+  "table-has-header": "awsui_table-has-header_wih1l_i286t_262",
+  "header-controls": "awsui_header-controls_wih1l_i286t_273",
+  "variant-embedded": "awsui_variant-embedded_wih1l_i286t_282",
+  "variant-borderless": "awsui_variant-borderless_wih1l_i286t_282",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_i286t_287",
+  "footer": "awsui_footer_wih1l_i286t_287",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_i286t_295",
+  "footer-pagination": "awsui_footer-pagination_wih1l_i286t_303",
+  "thead-active": "awsui_thead-active_wih1l_i286t_307",
+  "row": "awsui_row_wih1l_i286t_308",
+  "row-selected": "awsui_row-selected_wih1l_i286t_309"
 };
   

package/lib/internal/template/tiles/analytics-metadata/interfaces.d.ts

@@ -0,0 +1,14 @@
+import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+export interface GeneratedAnalyticsMetadataTilesSelect {
+    action: 'click';
+    detail: {
+        label: string;
+        position: string;
+        value: string;
+    };
+}
+export interface GeneratedAnalyticsMetadataTilesComponent {
+    name: 'awsui.Tiles';
+    label: string | LabelIdentifier;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/tiles/analytics-metadata/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/tiles/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,wCAAwC;IACvD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;CACjC"}

package/lib/internal/template/tiles/analytics-metadata/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/tiles/analytics-metadata/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/tiles/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTilesSelect {\n  action: 'click';\n  detail: {\n    label: string;\n    position: string;\n    value: string;\n  };\n}\n\nexport interface GeneratedAnalyticsMetadataTilesComponent {\n  name: 'awsui.Tiles';\n  label: string | LabelIdentifier;\n}\n"]}

package/lib/internal/template/tiles/analytics-metadata/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "radio-button": "awsui_radio-button_feeqa_1rmzd_5"
+};
+  

package/lib/internal/template/tiles/analytics-metadata/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_radio-button_feeqa_1rmzd_5:not(#\9) {
+  /* used in analytics metadata */
+}

package/lib/internal/template/tiles/analytics-metadata/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "radio-button": "awsui_radio-button_feeqa_1rmzd_5"
+};
+  

package/lib/internal/template/tiles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAKT,CAAC;AAGH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAkBT,CAAC;AAGH,eAAe,KAAK,CAAC"}

package/lib/internal/template/tiles/index.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
+import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalTiles from './internal';
@@ -8,7 +9,13 @@ const Tiles = React.forwardRef((props, ref) => {
     const baseComponentProps = useBaseComponent('Tiles', {
         props: { columns: props.columns },
     });
-    return React.createElement(InternalTiles, Object.assign({ ref: ref }, props, baseComponentProps));
+    const componentAnalyticsMetadata = {
+        name: 'awsui.Tiles',
+        label: { root: 'self' },
+    };
+    return (React.createElement(InternalTiles, Object.assign({ ref: ref }, props, baseComponentProps, getAnalyticsMetadataAttribute({
+        component: componentAnalyticsMetadata,
+    }))));
 });
 applyDisplayName(Tiles, 'Tiles');
 export default Tiles;

package/lib/internal/template/tiles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,OAAO,oBAAC,aAAa,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AACxE,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { TilesProps } from './interfaces';\nimport InternalTiles from './internal';\n\nexport { TilesProps };\n\nconst Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('Tiles', {\n    props: { columns: props.columns },\n  });\n  return <InternalTiles ref={ref} {...props} {...baseComponentProps} />;\n});\n\napplyDisplayName(Tiles, 'Tiles');\nexport default Tiles;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,aAAa,MAAM,YAAY,CAAC;AAIvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAA8B,EAAE,EAAE;IACnF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;KAClC,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACxB,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,kBACZ,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE,0BAA0B;KACtC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTilesComponent } from './analytics-metadata/interfaces';\nimport { TilesProps } from './interfaces';\nimport InternalTiles from './internal';\n\nexport { TilesProps };\n\nconst Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {\n  const baseComponentProps = useBaseComponent('Tiles', {\n    props: { columns: props.columns },\n  });\n  const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n    name: 'awsui.Tiles',\n    label: { root: 'self' },\n  };\n  return (\n    <InternalTiles\n      ref={ref}\n      {...props}\n      {...baseComponentProps}\n      {...getAnalyticsMetadataAttribute({\n        component: componentAnalyticsMetadata,\n      })}\n    />\n  );\n});\n\napplyDisplayName(Tiles, 'Tiles');\nexport default Tiles;\n"]}

package/lib/internal/template/tiles/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,QAAA,MAAM,aAAa,qHA0DlB,CAAC;AAqBF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,QAAA,MAAM,aAAa,qHAoElB,CAAC;AAqBF,eAAe,aAAa,CAAC"}

package/lib/internal/template/tiles/internal.js

@@ -3,6 +3,7 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import { getBaseProps } from '../internal/base-component';
 import { useFormFieldContext } from '../internal/context/form-field-context';
 import { useContainerBreakpoints } from '../internal/hooks/container-queries';
@@ -10,6 +11,7 @@ import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-gro
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { Tile } from './tile';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
 const COLUMN_TRIGGERS = ['default', 'xxs', 'xs'];
 const InternalTiles = React.forwardRef((_a, ref) => {
@@ -23,7 +25,16 @@ const InternalTiles = React.forwardRef((_a, ref) => {
     const columnCount = getColumnCount(items, columns);
     return (React.createElement("div", Object.assign({ role: "radiogroup", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined }, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
         React.createElement("div", { className: clsx(styles.columns, styles[`column-${columnCount}`]) }, items &&
-            items.map((item, index) => (React.createElement(Tile, { ref: index === tileRefIndex ? tileRef : undefined, key: item.value, item: item, selected: item.value === value, name: name || generatedName, breakpoint: breakpoint, onChange: onChange, readOnly: readOnly }))))));
+            items.map((item, index) => (React.createElement(Tile, Object.assign({ ref: index === tileRefIndex ? tileRef : undefined, key: item.value, item: item, selected: item.value === value, name: name || generatedName, breakpoint: breakpoint, onChange: onChange, readOnly: readOnly }, (!item.disabled && !readOnly
+                ? getAnalyticsMetadataAttribute({
+                    action: 'select',
+                    detail: {
+                        position: `${index + 1}`,
+                        value: item.value,
+                        label: `.${analyticsSelectors['radio-button']}`,
+                    },
+                })
+                : {}))))))));
 });
 function getColumnCount(items, columns) {
     if (columns) {

package/lib/internal/template/tiles/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { TilesProps } from './interfaces';\nimport { Tile } from './tile';\n\nimport styles from './styles.css.js';\n\nconst COLUMN_TRIGGERS: TilesProps.Breakpoint[] = ['default', 'xxs', 'xs'];\n\ntype InternalTilesProps = TilesProps & InternalBaseComponentProps;\n\nconst InternalTiles = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      columns,\n      onChange,\n      readOnly,\n      __internalRootRef = null,\n      ...rest\n    }: InternalTilesProps,\n    ref: React.Ref<TilesProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const generatedName = useUniqueId('awsui-tiles-');\n\n    const [tileRef, tileRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(COLUMN_TRIGGERS);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const columnCount = getColumnCount(items, columns);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={mergedRef}\n      >\n        <div className={clsx(styles.columns, styles[`column-${columnCount}`])}>\n          {items &&\n            items.map((item, index) => (\n              <Tile\n                ref={index === tileRefIndex ? tileRef : undefined}\n                key={item.value}\n                item={item}\n                selected={item.value === value}\n                name={name || generatedName}\n                breakpoint={breakpoint}\n                onChange={onChange}\n                readOnly={readOnly}\n              />\n            ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction getColumnCount(\n  items: ReadonlyArray<TilesProps.TilesDefinition> | undefined,\n  columns: number | undefined\n): number {\n  if (columns) {\n    return columns;\n  }\n\n  const nItems = items ? items.length : 0;\n  const columnsLookup: Record<number, number> = {\n    0: 1,\n    1: 1,\n    2: 2,\n    4: 2,\n    8: 2,\n  };\n  return columnsLookup[nItems] || 3;\n}\n\nexport default InternalTiles;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/tiles/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { GeneratedAnalyticsMetadataTilesSelect } from './analytics-metadata/interfaces';\nimport { TilesProps } from './interfaces';\nimport { Tile } from './tile';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst COLUMN_TRIGGERS: TilesProps.Breakpoint[] = ['default', 'xxs', 'xs'];\n\ntype InternalTilesProps = TilesProps & InternalBaseComponentProps;\n\nconst InternalTiles = React.forwardRef(\n  (\n    {\n      name,\n      value,\n      items,\n      ariaLabel,\n      ariaRequired,\n      ariaControls,\n      columns,\n      onChange,\n      readOnly,\n      __internalRootRef = null,\n      ...rest\n    }: InternalTilesProps,\n    ref: React.Ref<TilesProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(rest);\n    const generatedName = useUniqueId('awsui-tiles-');\n\n    const [tileRef, tileRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(COLUMN_TRIGGERS);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const columnCount = getColumnCount(items, columns);\n\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        aria-required={ariaRequired}\n        aria-controls={ariaControls}\n        aria-readonly={readOnly ? 'true' : undefined}\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={mergedRef}\n      >\n        <div className={clsx(styles.columns, styles[`column-${columnCount}`])}>\n          {items &&\n            items.map((item, index) => (\n              <Tile\n                ref={index === tileRefIndex ? tileRef : undefined}\n                key={item.value}\n                item={item}\n                selected={item.value === value}\n                name={name || generatedName}\n                breakpoint={breakpoint}\n                onChange={onChange}\n                readOnly={readOnly}\n                {...(!item.disabled && !readOnly\n                  ? getAnalyticsMetadataAttribute({\n                      action: 'select',\n                      detail: {\n                        position: `${index + 1}`,\n                        value: item.value,\n                        label: `.${analyticsSelectors['radio-button']}`,\n                      } as Partial<GeneratedAnalyticsMetadataTilesSelect['detail']>,\n                    })\n                  : {})}\n              />\n            ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction getColumnCount(\n  items: ReadonlyArray<TilesProps.TilesDefinition> | undefined,\n  columns: number | undefined\n): number {\n  if (columns) {\n    return columns;\n  }\n\n  const nItems = items ? items.length : 0;\n  const columnsLookup: Record<number, number> = {\n    0: 1,\n    1: 1,\n    2: 2,\n    4: 2,\n    8: 2,\n  };\n  return columnsLookup[nItems] || 3;\n}\n\nexport default InternalTiles;\n"]}

package/lib/internal/template/tiles/tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../../src/tiles/tile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,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;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,oFA8ChB,CAAC"}
+{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../../src/tiles/tile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,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;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,oFAmDhB,CAAC"}

package/lib/internal/template/tiles/tile.js

@@ -1,17 +1,21 @@
+import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useRef } from 'react';
 import clsx from 'clsx';
+import { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import { fireNonCancelableEvent } from '../internal/events';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import RadioButton from '../radio-group/radio-button';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 import styles from './styles.css.js';
-export const Tile = React.forwardRef(({ item, selected, name, breakpoint, onChange, readOnly }, forwardedRef) => {
+export const Tile = React.forwardRef((_a, forwardedRef) => {
+    var { item, selected, name, breakpoint, onChange, readOnly } = _a, rest = __rest(_a, ["item", "selected", "name", "breakpoint", "onChange", "readOnly"]);
     const internalRef = useRef(null);
     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.readonly]: readOnly }, { [styles.refresh]: isVisualRefresh }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
+    return (React.createElement("div", Object.assign({ className: clsx(styles['tile-container'], { [styles['has-metadata']]: item.description || item.image }, { [styles.selected]: selected }, { [styles.disabled]: !!item.disabled }, { [styles.readonly]: readOnly }, { [styles.refresh]: isVisualRefresh }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
             var _a;
             if (item.disabled || readOnly) {
                 return;
@@ -20,9 +24,9 @@ export const Tile = React.forwardRef(({ item, selected, name, breakpoint, onChan
             if (!selected) {
                 fireNonCancelableEvent(onChange, { value: item.value });
             }
-        } },
+        } }, copyAnalyticsMetadataAttribute(rest)),
         React.createElement("div", { className: clsx(styles.control, { [styles['no-image']]: !item.image }) },
-            React.createElement(RadioButton, { checked: selected, ref: mergedRef, name: name, value: item.value, label: item.label, description: item.description, disabled: item.disabled, controlId: item.controlId, readOnly: readOnly })),
+            React.createElement(RadioButton, { checked: selected, ref: mergedRef, name: name, value: item.value, label: item.label, description: item.description, disabled: item.disabled, controlId: item.controlId, readOnly: readOnly, className: analyticsSelectors['radio-button'] })),
         item.image && React.createElement("div", { className: clsx(styles.image, { [styles.disabled]: !!item.disabled }) }, item.image)));
 });
 //# sourceMappingURL=tile.js.map

package/lib/internal/template/tiles/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../src/tiles/tile.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,WAAW,MAAM,6BAA6B,CAAC;AAGtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAa,EAAE,YAAyC,EAAE,EAAE;IACjH,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,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,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAC/B,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,IAAI,QAAQ,EAAE;gBAC7B,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,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,QAAQ,GAClB,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 React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport RadioButton from '../radio-group/radio-button';\nimport { TilesProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface TileProps {\n  item: TilesProps.TilesDefinition;\n  selected: boolean;\n  name: string;\n  breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n  onChange: TilesProps['onChange'];\n  readOnly?: boolean;\n}\n\nexport const Tile = React.forwardRef(\n  ({ item, selected, name, breakpoint, onChange, readOnly }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {\n    const internalRef = useRef<HTMLInputElement>(null);\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.readonly]: readOnly },\n          { [styles.refresh]: isVisualRefresh },\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        data-value={item.value}\n        onClick={() => {\n          if (item.disabled || readOnly) {\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={item.controlId}\n            readOnly={readOnly}\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":"","sources":["../../../src/tiles/tile.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport RadioButton from '../radio-group/radio-button';\nimport { TilesProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface TileProps {\n  item: TilesProps.TilesDefinition;\n  selected: boolean;\n  name: string;\n  breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n  onChange: TilesProps['onChange'];\n  readOnly?: boolean;\n}\n\nexport const Tile = React.forwardRef(\n  (\n    { item, selected, name, breakpoint, onChange, readOnly, ...rest }: TileProps,\n    forwardedRef: React.Ref<HTMLInputElement>\n  ) => {\n    const internalRef = useRef<HTMLInputElement>(null);\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.readonly]: readOnly },\n          { [styles.refresh]: isVisualRefresh },\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        data-value={item.value}\n        onClick={() => {\n          if (item.disabled || readOnly) {\n            return;\n          }\n          internalRef.current?.focus();\n          if (!selected) {\n            fireNonCancelableEvent(onChange, { value: item.value });\n          }\n        }}\n        {...copyAnalyticsMetadataAttribute(rest)}\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={item.controlId}\n            readOnly={readOnly}\n            className={analyticsSelectors['radio-button']}\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/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
+export interface GeneratedAnalyticsMetadataToggleSelect {
+    action: 'select';
+    detail: {
+        label: string;
+        selected: string;
+    };
+}
+export interface GeneratedAnalyticsMetadataToggleComponent {
+    name: 'awsui.Toggle';
+    label: string | LabelIdentifier;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/toggle/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,sCAAsC;IACrD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,yCAAyC;IACxD,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;CACjC"}

package/lib/internal/template/toggle/analytics-metadata/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/toggle/analytics-metadata/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/toggle/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataToggleSelect {\n  action: 'select';\n  detail: {\n    label: string;\n    selected: string;\n  };\n}\n\nexport interface GeneratedAnalyticsMetadataToggleComponent {\n  name: 'awsui.Toggle';\n  label: string | LabelIdentifier;\n}\n"]}

package/lib/internal/template/toggle/index.js

@@ -6,7 +6,7 @@ import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalToggle from './internal';
 const Toggle = React.forwardRef((props, ref) => {
     const baseComponentProps = useBaseComponent('Toggle');
-    return React.createElement(InternalToggle, Object.assign({}, props, baseComponentProps, { ref: ref }));
+    return React.createElement(InternalToggle, Object.assign({}, props, baseComponentProps, { ref: ref, __injectAnalyticsComponentMetadata: true }));
 });
 applyDisplayName(Toggle, 'Toggle');
 export default Toggle;

package/lib/internal/template/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,cAAc,MAAM,YAAY,CAAC;AAIxC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACtD,OAAO,oBAAC,cAAc,oBAAK,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACzE,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ToggleProps } from './interfaces';\nimport InternalToggle from './internal';\n\nexport { ToggleProps };\n\nconst Toggle = React.forwardRef<ToggleProps.Ref, ToggleProps>((props, ref) => {\n  const baseComponentProps = useBaseComponent('Toggle');\n  return <InternalToggle {...props} {...baseComponentProps} ref={ref} />;\n});\n\napplyDisplayName(Toggle, 'Toggle');\nexport default Toggle;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,cAAc,MAAM,YAAY,CAAC;AAIxC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACtD,OAAO,oBAAC,cAAc,oBAAK,KAAK,EAAM,kBAAkB,IAAE,GAAG,EAAE,GAAG,EAAE,kCAAkC,EAAE,IAAI,IAAI,CAAC;AACnH,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ToggleProps } from './interfaces';\nimport InternalToggle from './internal';\n\nexport { ToggleProps };\n\nconst Toggle = React.forwardRef<ToggleProps.Ref, ToggleProps>((props, ref) => {\n  const baseComponentProps = useBaseComponent('Toggle');\n  return <InternalToggle {...props} {...baseComponentProps} ref={ref} __injectAnalyticsComponentMetadata={true} />;\n});\n\napplyDisplayName(Toggle, 'Toggle');\nexport default Toggle;\n"]}