@cloudscape-design/components-themeable 3.0.1210 → 3.0.1212

package/lib/internal/template/prompt-input/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_root_55fkh_kc3uh_146:not(#\9) {
+.awsui_root_55fkh_5s8rl_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,93 +178,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
   cursor: text;
-  background-color: var(--awsui-prompt-input-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-4hh3rt);
-}
-.awsui_root_55fkh_kc3uh_146:not(#\9):hover {
-  background-color: var(--awsui-prompt-input-style-background-hover-4hh3rt, var(--awsui-prompt-input-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-color: var(--awsui-prompt-input-style-border-color-hover-4hh3rt, var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-border-input-default-txli8y, #687078)));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-4hh3rt, var(--awsui-prompt-input-style-box-shadow-default-4hh3rt));
-}
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-readonly_55fkh_kc3uh_191:not(#\9) {
-  background-color: var(--awsui-prompt-input-style-background-readonly-4hh3rt, var(--awsui-prompt-input-style-background-default-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-4hh3rt, var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-4hh3rt, var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-4hh3rt);
-}
-.awsui_root_55fkh_kc3uh_146.awsui_disabled_55fkh_kc3uh_197:not(#\9) {
-  background-color: var(--awsui-prompt-input-style-background-disabled-4hh3rt, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-4hh3rt, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-prompt-input-style-color-disabled-4hh3rt, var(--color-text-input-disabled-y5t5v9, #879596));
+  background-color: var(--awsui-prompt-input-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-c5ek4l);
+}
+.awsui_root_55fkh_5s8rl_146:not(#\9):hover {
+  background-color: var(--awsui-prompt-input-style-background-hover-c5ek4l, var(--awsui-prompt-input-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-color: var(--awsui-prompt-input-style-border-color-hover-c5ek4l, var(--awsui-prompt-input-style-border-color-default-c5ek4l, var(--color-border-input-default-txli8y, #687078)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-c5ek4l, var(--awsui-prompt-input-style-box-shadow-default-c5ek4l));
+}
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-readonly_55fkh_5s8rl_191:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-readonly-c5ek4l, var(--awsui-prompt-input-style-background-default-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-c5ek4l, var(--awsui-prompt-input-style-border-color-default-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-c5ek4l, var(--awsui-prompt-input-style-border-color-default-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-c5ek4l);
+}
+.awsui_root_55fkh_5s8rl_146.awsui_disabled_55fkh_5s8rl_197:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-disabled-c5ek4l, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-c5ek4l, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-prompt-input-style-color-disabled-c5ek4l, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-4hh3rt);
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-c5ek4l);
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-prompt-input-style-border-color-default-c5ek4l, 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_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205: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_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9) {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus-within, .awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus {
-  color: var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
-  border-color: var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus-within, .awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus {
+  color: var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-prompt-input-style-border-color-default-c5ek4l, 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_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus-within:focus, .awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus:focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus-within:focus, .awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus-within, .awsui_root_55fkh_kc3uh_146.awsui_textarea-invalid_55fkh_kc3uh_205:not(#\9):focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus-within, .awsui_root_55fkh_5s8rl_146.awsui_textarea-invalid_55fkh_5s8rl_205:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-prompt-input-style-border-color-default-c5ek4l, 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_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230: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_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9) {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus-within, .awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus {
-  color: var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
-  border-color: var(--awsui-prompt-input-style-border-color-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus-within, .awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus {
+  color: var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-prompt-input-style-border-color-default-c5ek4l, 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_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus-within:focus, .awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus:focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus-within:focus, .awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus-within, .awsui_root_55fkh_kc3uh_146.awsui_textarea-warning_55fkh_kc3uh_230:not(#\9):focus {
+.awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus-within, .awsui_root_55fkh_5s8rl_146.awsui_textarea-warning_55fkh_5s8rl_230:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_root_55fkh_kc3uh_146:not(#\9):focus-within, .awsui_root_55fkh_kc3uh_146:not(#\9):focus {
+.awsui_root_55fkh_5s8rl_146:not(#\9):focus-within, .awsui_root_55fkh_5s8rl_146:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-4hh3rt, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-c5ek4l, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-c5ek4l, 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-prompt-input-style-box-shadow-focus-4hh3rt, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
-  background-color: var(--awsui-prompt-input-style-background-focus-4hh3rt, var(--color-background-input-default-1z2buq, #ffffff));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-c5ek4l, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  background-color: var(--awsui-prompt-input-style-background-focus-c5ek4l, var(--color-background-input-default-1z2buq, #ffffff));
 }
 
-.awsui_textarea_55fkh_kc3uh_191:not(#\9) {
+.awsui_textarea_55fkh_5s8rl_191:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -306,62 +306,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: inherit;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9)::placeholder {
-  color: var(--awsui-prompt-input-style-placeholder-color-4hh3rt, var(--color-text-input-placeholder-hvcry0, #687078));
-  font-size: var(--awsui-prompt-input-style-placeholder-font-size-4hh3rt);
-  font-style: var(--awsui-prompt-input-style-placeholder-font-style-4hh3rt, italic);
-  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-4hh3rt);
+.awsui_textarea_55fkh_5s8rl_191:not(#\9)::placeholder {
+  color: var(--awsui-prompt-input-style-placeholder-color-c5ek4l, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-c5ek4l);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-c5ek4l, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-c5ek4l);
   opacity: 1;
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9):hover {
-  color: var(--awsui-prompt-input-style-color-hover-4hh3rt, var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+.awsui_textarea_55fkh_5s8rl_191:not(#\9):hover {
+  color: var(--awsui-prompt-input-style-color-hover-c5ek4l, var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f)));
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9):focus {
+.awsui_textarea_55fkh_5s8rl_191:not(#\9):focus {
   outline: none;
-  color: var(--awsui-prompt-input-style-color-focus-4hh3rt, var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+  color: var(--awsui-prompt-input-style-color-focus-c5ek4l, var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f)));
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9):invalid {
+.awsui_textarea_55fkh_5s8rl_191:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_kc3uh_191.awsui_invalid_55fkh_kc3uh_333:not(#\9), .awsui_textarea_55fkh_kc3uh_191.awsui_warning_55fkh_kc3uh_333:not(#\9) {
+.awsui_textarea_55fkh_5s8rl_191.awsui_invalid_55fkh_5s8rl_333:not(#\9), .awsui_textarea_55fkh_5s8rl_191.awsui_warning_55fkh_5s8rl_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9):disabled {
-  color: var(--awsui-prompt-input-style-color-disabled-4hh3rt, var(--color-text-input-disabled-y5t5v9, #879596));
+.awsui_textarea_55fkh_5s8rl_191:not(#\9):disabled {
+  color: var(--awsui-prompt-input-style-color-disabled-c5ek4l, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
 }
-.awsui_textarea_55fkh_kc3uh_191:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_5s8rl_191:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea-readonly_55fkh_kc3uh_191:not(#\9) {
-  color: var(--awsui-prompt-input-style-color-readonly-4hh3rt, var(--awsui-prompt-input-style-color-default-4hh3rt, var(--color-text-body-default-5qid0u, #16191f)));
+.awsui_textarea-readonly_55fkh_5s8rl_191:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-readonly-c5ek4l, var(--awsui-prompt-input-style-color-default-c5ek4l, var(--color-text-body-default-5qid0u, #16191f)));
 }
-.awsui_textarea-wrapper_55fkh_kc3uh_347:not(#\9) {
+.awsui_textarea-wrapper_55fkh_5s8rl_347:not(#\9) {
   display: flex;
 }
 
-.awsui_primary-action_55fkh_kc3uh_351:not(#\9) {
+.awsui_primary-action_55fkh_5s8rl_351:not(#\9) {
   align-self: flex-end;
   flex-shrink: 0;
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_kc3uh_347 > .awsui_primary-action_55fkh_kc3uh_351:not(#\9) {
+.awsui_textarea-wrapper_55fkh_5s8rl_347 > .awsui_primary-action_55fkh_5s8rl_351:not(#\9) {
   padding-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_kc3uh_347 > .awsui_primary-action_55fkh_kc3uh_351 > .awsui_action-button_55fkh_kc3uh_359:not(#\9) {
+.awsui_textarea-wrapper_55fkh_5s8rl_347 > .awsui_primary-action_55fkh_5s8rl_351 > .awsui_action-button_55fkh_5s8rl_359:not(#\9) {
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
   padding: 0;
 }
 
-.awsui_secondary-content_55fkh_kc3uh_364:not(#\9) {
+.awsui_secondary-content_55fkh_5s8rl_364:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -396,17 +396,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
 }
-.awsui_secondary-content_55fkh_kc3uh_364.awsui_with-paddings_55fkh_kc3uh_399:not(#\9) {
+.awsui_secondary-content_55fkh_5s8rl_364.awsui_with-paddings_55fkh_5s8rl_399:not(#\9) {
   padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
   padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
   padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
   padding-inline-end: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_secondary-content_55fkh_kc3uh_364.awsui_with-paddings_55fkh_kc3uh_399.awsui_invalid_55fkh_kc3uh_333:not(#\9), .awsui_secondary-content_55fkh_kc3uh_364.awsui_with-paddings_55fkh_kc3uh_399.awsui_warning_55fkh_kc3uh_333:not(#\9) {
+.awsui_secondary-content_55fkh_5s8rl_364.awsui_with-paddings_55fkh_5s8rl_399.awsui_invalid_55fkh_5s8rl_333:not(#\9), .awsui_secondary-content_55fkh_5s8rl_364.awsui_with-paddings_55fkh_5s8rl_399.awsui_warning_55fkh_5s8rl_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
 
-.awsui_action-stripe_55fkh_kc3uh_409:not(#\9) {
+.awsui_action-stripe_55fkh_5s8rl_409:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -445,7 +445,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-end;
 }
 
-.awsui_secondary-actions_55fkh_kc3uh_448:not(#\9) {
+.awsui_secondary-actions_55fkh_5s8rl_448:not(#\9) {
   flex-basis: max-content;
   flex-grow: 0;
   flex-shrink: 1;
@@ -454,19 +454,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: 100%;
   overflow: hidden;
 }
-.awsui_secondary-actions_55fkh_kc3uh_448.awsui_with-paddings_55fkh_kc3uh_399:not(#\9) {
+.awsui_secondary-actions_55fkh_5s8rl_448.awsui_with-paddings_55fkh_5s8rl_399:not(#\9) {
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_secondary-actions_55fkh_kc3uh_448.awsui_with-paddings_55fkh_kc3uh_399.awsui_invalid_55fkh_kc3uh_333:not(#\9), .awsui_secondary-actions_55fkh_kc3uh_448.awsui_with-paddings_55fkh_kc3uh_399.awsui_warning_55fkh_kc3uh_333:not(#\9) {
+.awsui_secondary-actions_55fkh_5s8rl_448.awsui_with-paddings_55fkh_5s8rl_399.awsui_invalid_55fkh_5s8rl_333:not(#\9), .awsui_secondary-actions_55fkh_5s8rl_448.awsui_with-paddings_55fkh_5s8rl_399.awsui_warning_55fkh_5s8rl_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
 }
-.awsui_secondary-actions_55fkh_kc3uh_448.awsui_with-paddings-and-actions_55fkh_kc3uh_465:not(#\9) {
+.awsui_secondary-actions_55fkh_5s8rl_448.awsui_with-paddings-and-actions_55fkh_5s8rl_465:not(#\9) {
   padding-inline-end: 0;
 }
 
-.awsui_buffer_55fkh_kc3uh_469:not(#\9) {
+.awsui_buffer_55fkh_5s8rl_469:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;

package/lib/internal/template/prompt-input/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_kc3uh_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_kc3uh_191",
-  "disabled": "awsui_disabled_55fkh_kc3uh_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_kc3uh_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_kc3uh_230",
-  "textarea": "awsui_textarea_55fkh_kc3uh_191",
-  "invalid": "awsui_invalid_55fkh_kc3uh_333",
-  "warning": "awsui_warning_55fkh_kc3uh_333",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_kc3uh_347",
-  "primary-action": "awsui_primary-action_55fkh_kc3uh_351",
-  "action-button": "awsui_action-button_55fkh_kc3uh_359",
-  "secondary-content": "awsui_secondary-content_55fkh_kc3uh_364",
-  "with-paddings": "awsui_with-paddings_55fkh_kc3uh_399",
-  "action-stripe": "awsui_action-stripe_55fkh_kc3uh_409",
-  "secondary-actions": "awsui_secondary-actions_55fkh_kc3uh_448",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_kc3uh_465",
-  "buffer": "awsui_buffer_55fkh_kc3uh_469"
+  "root": "awsui_root_55fkh_5s8rl_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_5s8rl_191",
+  "disabled": "awsui_disabled_55fkh_5s8rl_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_5s8rl_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_5s8rl_230",
+  "textarea": "awsui_textarea_55fkh_5s8rl_191",
+  "invalid": "awsui_invalid_55fkh_5s8rl_333",
+  "warning": "awsui_warning_55fkh_5s8rl_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_5s8rl_347",
+  "primary-action": "awsui_primary-action_55fkh_5s8rl_351",
+  "action-button": "awsui_action-button_55fkh_5s8rl_359",
+  "secondary-content": "awsui_secondary-content_55fkh_5s8rl_364",
+  "with-paddings": "awsui_with-paddings_55fkh_5s8rl_399",
+  "action-stripe": "awsui_action-stripe_55fkh_5s8rl_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_5s8rl_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_5s8rl_465",
+  "buffer": "awsui_buffer_55fkh_5s8rl_469"
 };
   

package/lib/internal/template/radio-group/interfaces.d.ts

@@ -52,6 +52,8 @@ export interface RadioGroupProps extends BaseComponentProps, FormFieldControlPro
      */
     readOnly?: boolean;
     /**
+     * An object containing CSS properties to customize the radio group's visual appearance.
+     * Refer to the [style](/components/radio-group/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: RadioGroupProps.Style;

package/lib/internal/template/radio-group/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,KAAY,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;CAC5C"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/radio-group/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,qBAAqB;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAE7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,KAAY,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;CAC5C"}

package/lib/internal/template/radio-group/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/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 { BaseComponentProps } from '../internal/base-component';\nimport { RadioButtonProps } from '../internal/components/radio-button/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Adds `aria-controls` attribute to the radio group.\n   * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.\n   */\n  ariaControls?: string;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n\n  /**\n   * Specifies if the whole group is read-only, which prevents the\n   * user from modifying the value, but does not prevent the value from\n   * being included in a form submission. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: RadioGroupProps.Style;\n\n  /**\n   * Defines the direction in which the radio buttons are laid out.\n   */\n  direction?: 'horizontal' | 'vertical';\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n\n  export type Style = RadioButtonProps.Style;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/radio-group/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 { BaseComponentProps } from '../internal/base-component';\nimport { RadioButtonProps } from '../internal/components/radio-button/interfaces';\nimport { FormFieldControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface RadioGroupProps extends BaseComponentProps, FormFieldControlProps {\n  /**\n   * Specify a custom name for the radio buttons. If not provided, the radio group generates a random name.\n   */\n  name?: string;\n\n  /**\n   * Sets the value of the selected radio button.\n   * If you want to clear the selection, use `null`.\n   */\n  value: string | null;\n\n  /**\n   * Specifies an array of radio buttons to display. Each of these objects have the following properties:\n   *\n   * - `value` (string) - Sets the value of the radio button. Assigned to the radio group when a user selects the radio button.\n   * - `label` (ReactNode) - Specifies a label for the radio button.\n   * - `description` (ReactNode) - (Optional) Specifies descriptive text that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the radio button is disabled, which prevents the user from selecting it.\n   * - `controlId` (string) - (Optional) Sets the ID of the internal input. You can use it to relate a label element's `for` attribute to this control.\n   *        In general it's not recommended to set this because the ID is automatically set by the radio group component.\n   */\n  items?: ReadonlyArray<RadioGroupProps.RadioButtonDefinition>;\n\n  /**\n   * Adds `aria-label` to the group. If you are using this form element within a form field,\n   * don't set this property because the form field component automatically sets the correct labels to make the component accessible.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds `aria-required` to the group.\n   */\n  ariaRequired?: boolean;\n\n  /**\n   * Adds `aria-controls` attribute to the radio group.\n   * If the radio group controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.\n   */\n  ariaControls?: string;\n\n  /**\n   * Called when the user selects a different radio button. The event `detail` contains the current `value`.\n   */\n  onChange?: NonCancelableEventHandler<RadioGroupProps.ChangeDetail>;\n\n  /**\n   * @deprecated Has no effect.\n   */\n  controlId?: string;\n\n  /**\n   * Specifies if the whole group is read-only, which prevents the\n   * user from modifying the value, but does not prevent the value from\n   * being included in a form submission. A read-only control is still focusable.\n   */\n  readOnly?: boolean;\n\n  /**\n   * An object containing CSS properties to customize the radio group's visual appearance.\n   * Refer to the [style](/components/radio-group/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: RadioGroupProps.Style;\n\n  /**\n   * Defines the direction in which the radio buttons are laid out.\n   */\n  direction?: 'horizontal' | 'vertical';\n}\n\nexport namespace RadioGroupProps {\n  export interface RadioButtonDefinition {\n    value: string;\n    label: React.ReactNode;\n    description?: React.ReactNode;\n    disabled?: boolean;\n    controlId?: string;\n  }\n\n  export interface ChangeDetail {\n    value: string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets input focus onto the UI control.\n     */\n    focus(): void;\n  }\n\n  export type Style = RadioButtonProps.Style;\n}\n"]}

package/lib/internal/template/segmented-control/interfaces.d.ts

@@ -37,6 +37,8 @@ export interface SegmentedControlProps extends BaseComponentProps {
      */
     onChange?: NonCancelableEventHandler<SegmentedControlProps.ChangeDetail>;
     /**
+     * An object containing CSS properties to customize the segmented control's visual appearance.
+     * Refer to the [style](/components/segmented-control/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: SegmentedControlProps.Style;

package/lib/internal/template/segmented-control/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEtD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAEzE;;OAEG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;CACrC;AAED,yBAAiB,qBAAqB,CAAC;IACrC,UAAiB,MAAM;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE;gBACX,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;KACH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEtD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAEzE;;;;OAIG;IACH,KAAK,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;CACrC;AAED,yBAAiB,qBAAqB,CAAC;IACrC,UAAiB,MAAM;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE;gBACX,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;KACH;CACF"}

package/lib/internal/template/segmented-control/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/segmented-control/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface SegmentedControlProps extends BaseComponentProps {\n  /**\n   * ID of the selected option. If you want to clear the selection, use `null`.\n   */\n  selectedId: string | null;\n\n  /**\n   * An array of objects representing options. Only up to 6 options are supported.\n   * Each segment has the following properties:\n   *\n   * - `id` (string) - The ID of the segment.\n   * - `disabled` [boolean] - (Optional) Determines whether the segment is disabled, which prevents the user from selecting it.\n   * - `disabledReason` (string) - (Optional) Displays tooltip near the segment when disabled. Use to provide additional context.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`, or `iconName` without `text`.\n   *            This is required when you use an icon without `text`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   * - `text` (string) - (Optional) Specifies the text of the segment.\n   */\n  options?: ReadonlyArray<SegmentedControlProps.Option>;\n\n  /**\n   * Defines the label of the entire segmented control. In the standard view (that is, all individual segments are visible),\n   * this label is used as `aria-label` on the group of segments. In a narrow container, where this component is displayed as a select component,\n   * the label is visible and attached to the select component, unless `ariaLabelledBy` is defined. Don't use `label` and `ariaLabelledBy` at the same time.\n   */\n  label?: string;\n\n  /**\n   * Adds aria-labelledby to the component. Create a visually hidden element with an ID and set this property to that ID. If you don't want the label to be visible in narrow containers, use this property instead of `label`.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Called when the user selects a different segment.\n   */\n  onChange?: NonCancelableEventHandler<SegmentedControlProps.ChangeDetail>;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: SegmentedControlProps.Style;\n}\n\nexport namespace SegmentedControlProps {\n  export interface Option {\n    id: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    iconName?: IconProps.Name;\n    iconAlt?: string;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n    text?: string;\n  }\n\n  export interface ChangeDetail {\n    selectedId: string;\n  }\n\n  export interface Style {\n    root?: {\n      borderRadius?: string;\n    };\n    segment?: {\n      background?: {\n        active?: string;\n        default?: string;\n        disabled?: string;\n        hover?: string;\n      };\n      color?: {\n        active?: string;\n        default?: string;\n        disabled?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n      borderRadius?: string;\n      fontSize?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/segmented-control/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface SegmentedControlProps extends BaseComponentProps {\n  /**\n   * ID of the selected option. If you want to clear the selection, use `null`.\n   */\n  selectedId: string | null;\n\n  /**\n   * An array of objects representing options. Only up to 6 options are supported.\n   * Each segment has the following properties:\n   *\n   * - `id` (string) - The ID of the segment.\n   * - `disabled` [boolean] - (Optional) Determines whether the segment is disabled, which prevents the user from selecting it.\n   * - `disabledReason` (string) - (Optional) Displays tooltip near the segment when disabled. Use to provide additional context.\n   * - `iconName` (string) - (Optional) Specifies the name of the icon, used with the [icon component](/components/icon/).\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for the icon when using `iconUrl`, or `iconName` without `text`.\n   *            This is required when you use an icon without `text`.\n   * - `iconUrl` (string) - (Optional) Specifies the URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   * - `text` (string) - (Optional) Specifies the text of the segment.\n   */\n  options?: ReadonlyArray<SegmentedControlProps.Option>;\n\n  /**\n   * Defines the label of the entire segmented control. In the standard view (that is, all individual segments are visible),\n   * this label is used as `aria-label` on the group of segments. In a narrow container, where this component is displayed as a select component,\n   * the label is visible and attached to the select component, unless `ariaLabelledBy` is defined. Don't use `label` and `ariaLabelledBy` at the same time.\n   */\n  label?: string;\n\n  /**\n   * Adds aria-labelledby to the component. Create a visually hidden element with an ID and set this property to that ID. If you don't want the label to be visible in narrow containers, use this property instead of `label`.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Called when the user selects a different segment.\n   */\n  onChange?: NonCancelableEventHandler<SegmentedControlProps.ChangeDetail>;\n\n  /**\n   * An object containing CSS properties to customize the segmented control's visual appearance.\n   * Refer to the [style](/components/segmented-control/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: SegmentedControlProps.Style;\n}\n\nexport namespace SegmentedControlProps {\n  export interface Option {\n    id: string;\n    disabled?: boolean;\n    disabledReason?: string;\n    iconName?: IconProps.Name;\n    iconAlt?: string;\n    iconUrl?: string;\n    iconSvg?: React.ReactNode;\n    text?: string;\n  }\n\n  export interface ChangeDetail {\n    selectedId: string;\n  }\n\n  export interface Style {\n    root?: {\n      borderRadius?: string;\n    };\n    segment?: {\n      background?: {\n        active?: string;\n        default?: string;\n        disabled?: string;\n        hover?: string;\n      };\n      color?: {\n        active?: string;\n        default?: string;\n        disabled?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n      borderRadius?: string;\n      fontSize?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n  }\n}\n"]}

package/lib/internal/template/segmented-control/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_1av64_161",
-  "refresh": "awsui_refresh_8cbea_1av64_188",
-  "disabled": "awsui_disabled_8cbea_1av64_194",
-  "selected": "awsui_selected_8cbea_1av64_251",
-  "icon": "awsui_icon_8cbea_1av64_261",
-  "with-text": "awsui_with-text_8cbea_1av64_265",
-  "with-no-text": "awsui_with-no-text_8cbea_1av64_271",
-  "root": "awsui_root_8cbea_1av64_276",
-  "segment-part": "awsui_segment-part_8cbea_1av64_308",
-  "select": "awsui_select_8cbea_1av64_251",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1av64_343",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1av64_347",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1av64_351",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1av64_355",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1av64_359",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1av64_363"
+  "segment": "awsui_segment_8cbea_bo5ti_161",
+  "refresh": "awsui_refresh_8cbea_bo5ti_188",
+  "disabled": "awsui_disabled_8cbea_bo5ti_194",
+  "selected": "awsui_selected_8cbea_bo5ti_251",
+  "icon": "awsui_icon_8cbea_bo5ti_261",
+  "with-text": "awsui_with-text_8cbea_bo5ti_265",
+  "with-no-text": "awsui_with-no-text_8cbea_bo5ti_271",
+  "root": "awsui_root_8cbea_bo5ti_276",
+  "segment-part": "awsui_segment-part_8cbea_bo5ti_308",
+  "select": "awsui_select_8cbea_bo5ti_251",
+  "segment-count-2": "awsui_segment-count-2_8cbea_bo5ti_343",
+  "segment-count-3": "awsui_segment-count-3_8cbea_bo5ti_347",
+  "segment-count-4": "awsui_segment-count-4_8cbea_bo5ti_351",
+  "segment-count-5": "awsui_segment-count-5_8cbea_bo5ti_355",
+  "segment-count-6": "awsui_segment-count-6_8cbea_bo5ti_359",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_bo5ti_363"
 };