@cloudscape-design/components-themeable 3.0.1181 → 3.0.1183

package/lib/internal/template/text-content/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_text-content_6absk_1by1u_146:not(#\9) {
+.awsui_text-content_6absk_10sn0_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -176,12 +176,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
 }
-.awsui_text-content_6absk_1by1u_146 h1:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9),
-.awsui_text-content_6absk_1by1u_146 p:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9),
+.awsui_text-content_6absk_10sn0_146 p:not(#\9) {
   font-family: inherit;
   font-weight: normal;
   text-decoration: none;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: 0;
 }
-.awsui_text-content_6absk_1by1u_146 h1:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9),
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9),
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9) {
   color: var(--color-text-heading-default-wlau07, #16191f);
 }
-.awsui_text-content_6absk_1by1u_146 h1:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h2:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h2:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h3:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h3:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -221,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h4:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 h5:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_text-content_6absk_1by1u_146 b:not(#\9),
-.awsui_text-content_6absk_1by1u_146 strong:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 b:not(#\9),
+.awsui_text-content_6absk_10sn0_146 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_text-content_6absk_1by1u_146 p:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 p:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: inherit;
 }
-.awsui_text-content_6absk_1by1u_146 small:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 small:not(#\9) {
   display: inline-block;
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-small-m20sr1, #687078);
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
   font-size: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -267,44 +267,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+  .awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1by1u_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1by1u_146 small a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_10sn0_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10sn0_146 small a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 small a:not(#\9):active, .awsui_text-content_6absk_1by1u_146 small a:not(#\9):focus, .awsui_text-content_6absk_1by1u_146 small a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 small a:not(#\9):active, .awsui_text-content_6absk_10sn0_146 small a:not(#\9):focus, .awsui_text-content_6absk_10sn0_146 small a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1by1u_146 code:not(#\9),
-.awsui_text-content_6absk_1by1u_146 pre:not(#\9),
-.awsui_text-content_6absk_1by1u_146 samp:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 code:not(#\9),
+.awsui_text-content_6absk_10sn0_146 pre:not(#\9),
+.awsui_text-content_6absk_10sn0_146 samp:not(#\9) {
   font-family: var(--font-family-monospace-fub2rr, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
-.awsui_text-content_6absk_1by1u_146 code:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 code:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -315,30 +315,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+  .awsui_text-content_6absk_10sn0_146 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_text-content_6absk_1by1u_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1by1u_146 a:not(#\9) {
+.awsui-motion-disabled .awsui_text-content_6absk_10sn0_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_10sn0_146 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):focus {
   outline: none;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):active {
-  color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):active {
+  color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):active, .awsui_text-content_6absk_1by1u_146 a:not(#\9):focus, .awsui_text-content_6absk_1by1u_146 a:not(#\9):hover {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):active, .awsui_text-content_6absk_10sn0_146 a:not(#\9):focus, .awsui_text-content_6absk_10sn0_146 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_text-content_6absk_1by1u_146 a:not(#\9):focus {
+.awsui_text-content_6absk_10sn0_146 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -349,33 +349,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_text-content_6absk_1by1u_146 ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol:not(#\9) {
   padding-inline-start: var(--space-l-3cws6j, 20px);
   margin-block: var(--space-scaled-xs-sppte9, 8px);
   margin-inline: 0;
   list-style-position: outside;
 }
-.awsui_text-content_6absk_1by1u_146 ul + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + li:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + li:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li + ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + li:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + li:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li + ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ol:not(#\9) {
   padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_text-content_6absk_1by1u_146 ul > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ul > li > ol:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ul:not(#\9),
-.awsui_text-content_6absk_1by1u_146 ol > li > ol:not(#\9) {
+.awsui_text-content_6absk_10sn0_146 ul > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ul > li > ol:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ul:not(#\9),
+.awsui_text-content_6absk_10sn0_146 ol > li > ol:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
 }

package/lib/internal/template/text-content/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "text-content": "awsui_text-content_6absk_1by1u_146"
+  "text-content": "awsui_text-content_6absk_10sn0_146"
 };
   

package/lib/internal/template/textarea/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1ta6s_145",
-  "textarea": "awsui_textarea_qk1j1_1ta6s_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ta6s_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ta6s_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ta6s_256"
+  "root": "awsui_root_qk1j1_11wac_145",
+  "textarea": "awsui_textarea_qk1j1_11wac_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_11wac_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_11wac_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_11wac_256"
 };
   

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

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_qk1j1_1ta6s_145:not(#\9) {
+.awsui_root_qk1j1_11wac_145:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9) {
+.awsui_textarea_qk1j1_11wac_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,84 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff));
+  background-color: var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-rhu47t);
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-4hh3rt);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-default-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-rhu47t, --awsui-style-box-shadow-default-rhu47t);
+.awsui_textarea_qk1j1_11wac_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-4hh3rt, --awsui-style-box-shadow-default-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-readonly_qk1j1_1ta6s_206:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-rhu47t, var(--awsui-style-background-default-rhu47t, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-rhu47t, var(--awsui-style-border-color-default-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-rhu47t, var(--awsui-style-color-default-rhu47t, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-rhu47t);
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-readonly_qk1j1_11wac_206:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-4hh3rt, var(--awsui-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-4hh3rt, var(--awsui-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-4hh3rt, var(--awsui-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9)::placeholder {
-  color: var(--awsui-style-placeholder-color-rhu47t, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-style-placeholder-font-size-rhu47t);
-  font-style: var(--awsui-style-placeholder-font-style-rhu47t, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-rhu47t);
+.awsui_textarea_qk1j1_11wac_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-4hh3rt);
+  font-style: var(--awsui-style-placeholder-font-style-4hh3rt, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-4hh3rt);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-rhu47t, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  box-shadow: var(--awsui-style-box-shadow-focus-rhu47t, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
-  color: var(--awsui-style-color-focus-rhu47t, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-rhu47t, var(--color-background-input-default-1z2buq, #ffffff));
+  box-shadow: var(--awsui-style-box-shadow-focus-4hh3rt, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-rhu47t, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-rhu47t, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-rhu47t, var(--color-text-input-disabled-y5t5v9, #879596));
+.awsui_textarea_qk1j1_11wac_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-4hh3rt, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-4hh3rt, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-rhu47t);
+  box-shadow: var(--awsui-style-box-shadow-disabled-4hh3rt);
 }
-.awsui_textarea_qk1j1_1ta6s_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_11wac_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-invalid_qk1j1_1ta6s_247:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-invalid_qk1j1_11wac_247:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-invalid_qk1j1_1ta6s_247:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-invalid_qk1j1_11wac_247:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-warning_qk1j1_1ta6s_256:not(#\9) {
-  color: var(--awsui-style-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-style-border-color-default-rhu47t, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-warning_qk1j1_11wac_256:not(#\9) {
+  color: var(--awsui-style-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-style-border-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ta6s_149.awsui_textarea-warning_qk1j1_1ta6s_256:not(#\9):focus {
+.awsui_textarea_qk1j1_11wac_149.awsui_textarea-warning_qk1j1_11wac_256:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1ta6s_145",
-  "textarea": "awsui_textarea_qk1j1_1ta6s_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ta6s_206",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ta6s_247",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ta6s_256"
+  "root": "awsui_root_qk1j1_11wac_145",
+  "textarea": "awsui_textarea_qk1j1_11wac_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_11wac_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_11wac_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_11wac_256"
 };
   

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

@@ -12,6 +12,7 @@ export interface GeneratedAnalyticsMetadataTilesComponent {
     label: string | LabelIdentifier;
     properties: {
         value: string;
+        valueLabel: string;
     };
 }
 //# sourceMappingURL=interfaces.d.ts.map

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

@@ -1 +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;IAChC,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH"}
+{"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;IAChC,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}

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

@@ -1 +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  properties: {\n    value: string;\n  };\n}\n"]}
+{"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  properties: {\n    value: string;\n    valueLabel: string;\n  };\n}\n"]}

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

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

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

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

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

@@ -2,6 +2,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"
+  "radio-button": "awsui_radio-button_feeqa_117rp_5",
+  "selected": "awsui_selected_feeqa_117rp_9"
 };
   

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":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAqBT,CAAC;AAGH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,mFAsBT,CAAC;AAGH,eAAe,KAAK,CAAC"}

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

@@ -6,6 +6,7 @@ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-tool
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalTiles from './internal';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 const Tiles = React.forwardRef((props, ref) => {
     const baseComponentProps = useBaseComponent('Tiles', {
         props: { columns: props.columns, readOnly: props.readOnly },
@@ -15,6 +16,7 @@ const Tiles = React.forwardRef((props, ref) => {
         label: { root: 'self' },
         properties: {
             value: `${props.value}`,
+            valueLabel: `.${analyticsSelectors.selected}`,
         },
     };
     return (React.createElement(InternalTiles, { ref: ref, ...props, ...baseComponentProps, ...getAnalyticsMetadataAttribute({

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,YAAY,CAAC;AACb,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,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;KAC5D,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE;YACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;SACxB;KACF,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE,0BAA0B;SACtC,CAAC,GACF,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\n'use client';\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, readOnly: props.readOnly },\n  });\n  const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n    name: 'awsui.Tiles',\n    label: { root: 'self' },\n    properties: {\n      value: `${props.value}`,\n    },\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tiles/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,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;AAEvC,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,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,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;KAC5D,CAAC,CAAC;IACH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE;YACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;YACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;SAC9C;KACF,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE,0BAA0B;SACtC,CAAC,GACF,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\n'use client';\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\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\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, readOnly: props.readOnly },\n  });\n  const componentAnalyticsMetadata: GeneratedAnalyticsMetadataTilesComponent = {\n    name: 'awsui.Tiles',\n    label: { root: 'self' },\n    properties: {\n      value: `${props.value}`,\n      valueLabel: `.${analyticsSelectors.selected}`,\n    },\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/tile.js

@@ -24,7 +24,7 @@ export const Tile = React.forwardRef(({ item, selected, name, breakpoint, onChan
             }
         }, ...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, description: item.description, disabled: item.disabled, controlId: item.controlId, readOnly: readOnly, className: analyticsSelectors['radio-button'] }, item.label)),
+            React.createElement(RadioButton, { checked: selected, ref: mergedRef, name: name, value: item.value, description: item.description, disabled: item.disabled, controlId: item.controlId, readOnly: readOnly, className: clsx(analyticsSelectors['radio-button'], selected && analyticsSelectors.selected) }, item.label)),
         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":"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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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport RadioButton from '../internal/components/radio-button';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\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            description={item.description}\n            disabled={item.disabled}\n            controlId={item.controlId}\n            readOnly={readOnly}\n            className={analyticsSelectors['radio-button']}\n          >\n            {item.label}\n          </RadioButton>\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 { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport RadioButton from '../internal/components/radio-button';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\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            description={item.description}\n            disabled={item.disabled}\n            controlId={item.controlId}\n            readOnly={readOnly}\n            className={clsx(analyticsSelectors['radio-button'], selected && analyticsSelectors.selected)}\n          >\n            {item.label}\n          </RadioButton>\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/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_1dnpk_145",
-  "outline": "awsui_outline_4yi2u_1dnpk_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_1dnpk_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1dnpk_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1dnpk_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_1dnpk_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1dnpk_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1dnpk_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1dnpk_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_1dnpk_263"
+  "root": "awsui_root_4yi2u_ybsct_145",
+  "outline": "awsui_outline_4yi2u_ybsct_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_ybsct_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ybsct_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ybsct_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_ybsct_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_ybsct_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ybsct_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ybsct_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_ybsct_263"
 };