@cloudscape-design/components-themeable 3.0.1285 → 3.0.1287

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css

@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_wavwd_161 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_wavwd_161 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+  .awsui_button-trigger_18eso_hm8n6_161 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_wavwd_161 > .awsui_arrow_18eso_wavwd_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_wavwd_161 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_hm8n6_161 > .awsui_arrow_18eso_hm8n6_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_hm8n6_161 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_wavwd_161:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -207,7 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
   justify-content: space-between;
   align-items: center;
-  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
+  padding-block: var(--space-field-vertical-dgs6s0, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-root_18eso_wavwd_221:not(#\9), .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-nested_18eso_wavwd_221:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-root_18eso_hm8n6_221:not(#\9), .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-nested_18eso_hm8n6_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   border-block-width: var(--border-width-token-cwl2sl, 1px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-root_18eso_wavwd_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-nested_18eso_wavwd_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-root_18eso_hm8n6_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-nested_18eso_hm8n6_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-root_18eso_wavwd_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-nested_18eso_wavwd_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-root_18eso_hm8n6_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-nested_18eso_hm8n6_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jo15dc, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-root_18eso_wavwd_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-nested_18eso_wavwd_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-root_18eso_hm8n6_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-nested_18eso_hm8n6_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,40 +250,40 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token-nested_18eso_wavwd_221:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token-nested_18eso_hm8n6_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_has-caret_18eso_wavwd_257:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_has-caret_18eso_hm8n6_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_button-trigger_18eso_wavwd_161 > .awsui_placeholder_18eso_wavwd_260:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161 > .awsui_placeholder_18eso_hm8n6_260:not(#\9) {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_wavwd_161 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-n5peob, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-4lrtb0, #545b64);
 }
-.awsui_button-trigger_18eso_wavwd_161:not(#\9):hover > .awsui_arrow_18eso_wavwd_161 {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):hover > .awsui_arrow_18eso_hm8n6_161 {
   color: var(--color-text-button-inline-icon-hover-8fgg9l, #16191f);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_pressed_18eso_wavwd_273 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_pressed_18eso_hm8n6_273 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_disabled_18eso_wavwd_276:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_disabled_18eso_hm8n6_276:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   color: var(--color-text-input-disabled-y5t5v9, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_disabled_18eso_wavwd_276 > .awsui_arrow_18eso_wavwd_161:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_disabled_18eso_hm8n6_276 > .awsui_arrow_18eso_hm8n6_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_disabled_18eso_wavwd_276.awsui_in-filtering-token_18eso_wavwd_221:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_disabled_18eso_hm8n6_276.awsui_in-filtering-token_18eso_hm8n6_221:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -291,19 +291,19 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_disabled_18eso_wavwd_276 > .awsui_placeholder_18eso_wavwd_260:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_disabled_18eso_hm8n6_276 > .awsui_placeholder_18eso_hm8n6_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_readonly_18eso_wavwd_297:not(#\9):not(.awsui_button-trigger_18eso_wavwd_161.awsui_disabled_18eso_wavwd_276):not(.awsui_button-trigger_18eso_wavwd_161.awsui_in-filtering-token_18eso_wavwd_221) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_readonly_18eso_hm8n6_297:not(#\9):not(.awsui_button-trigger_18eso_hm8n6_161.awsui_disabled_18eso_hm8n6_276):not(.awsui_button-trigger_18eso_hm8n6_161.awsui_in-filtering-token_18eso_hm8n6_221) {
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
 }
-.awsui_button-trigger_18eso_wavwd_161:not(#\9):focus {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -313,32 +313,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_wavwd_161:not(#\
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221):invalid {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_invalid_18eso_wavwd_319, .awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_invalid_18eso_wavwd_319:focus {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_invalid_18eso_hm8n6_319, .awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_invalid_18eso_hm8n6_319:focus {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: 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_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_invalid_18eso_wavwd_319:focus, .awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_invalid_18eso_wavwd_319:focus:focus {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_invalid_18eso_hm8n6_319:focus, .awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_invalid_18eso_hm8n6_319: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_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_warning_18eso_wavwd_328, .awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_warning_18eso_wavwd_328:focus {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_warning_18eso_hm8n6_328, .awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_warning_18eso_hm8n6_328:focus {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: 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_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_warning_18eso_wavwd_328:focus, .awsui_button-trigger_18eso_wavwd_161:not(#\9):not(.awsui_in-filtering-token_18eso_wavwd_221).awsui_warning_18eso_wavwd_328:focus:focus {
+.awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_warning_18eso_hm8n6_328:focus, .awsui_button-trigger_18eso_hm8n6_161:not(#\9):not(.awsui_in-filtering-token_18eso_hm8n6_221).awsui_warning_18eso_hm8n6_328: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_button-trigger_18eso_wavwd_161.awsui_custom-option_18eso_wavwd_337:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_custom-option_18eso_hm8n6_337:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_wavwd_161.awsui_inline-tokens_18eso_wavwd_342:not(#\9) {
+.awsui_button-trigger_18eso_hm8n6_161.awsui_inline-tokens_18eso_hm8n6_342:not(#\9) {
   padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_wavwd_161",
-  "arrow": "awsui_arrow_18eso_wavwd_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_wavwd_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_wavwd_221",
-  "has-caret": "awsui_has-caret_18eso_wavwd_257",
-  "placeholder": "awsui_placeholder_18eso_wavwd_260",
-  "pressed": "awsui_pressed_18eso_wavwd_273",
-  "disabled": "awsui_disabled_18eso_wavwd_276",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_wavwd_221",
-  "readonly": "awsui_readonly_18eso_wavwd_297",
-  "invalid": "awsui_invalid_18eso_wavwd_319",
-  "warning": "awsui_warning_18eso_wavwd_328",
-  "custom-option": "awsui_custom-option_18eso_wavwd_337",
-  "inline-tokens": "awsui_inline-tokens_18eso_wavwd_342"
+  "button-trigger": "awsui_button-trigger_18eso_hm8n6_161",
+  "arrow": "awsui_arrow_18eso_hm8n6_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_hm8n6_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_hm8n6_221",
+  "has-caret": "awsui_has-caret_18eso_hm8n6_257",
+  "placeholder": "awsui_placeholder_18eso_hm8n6_260",
+  "pressed": "awsui_pressed_18eso_hm8n6_273",
+  "disabled": "awsui_disabled_18eso_hm8n6_276",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_hm8n6_221",
+  "readonly": "awsui_readonly_18eso_hm8n6_297",
+  "invalid": "awsui_invalid_18eso_hm8n6_319",
+  "warning": "awsui_warning_18eso_hm8n6_328",
+  "custom-option": "awsui_custom-option_18eso_hm8n6_337",
+  "inline-tokens": "awsui_inline-tokens_18eso_hm8n6_342"
 };
   

package/lib/internal/template/internal/components/dropdown-status/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_19zx3_145",
-  "recovery": "awsui_recovery_vrgzu_19zx3_180"
+  "root": "awsui_root_vrgzu_1y8nu_145",
+  "recovery": "awsui_recovery_vrgzu_1y8nu_180"
 };
   

package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css

@@ -142,7 +142,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_vrgzu_19zx3_145:not(#\9) {
+.awsui_root_vrgzu_1y8nu_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -172,11 +172,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding-block-start: var(--space-xxs-jnczic, 4px);
-  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
+  padding-block-start: var(--space-option-padding-vertical-uomfe1, 4px);
+  padding-block-end: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--space-xxxs-3w1kr2, 2px));
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   color: var(--color-text-dropdown-footer-l9h47o, #687078);
 }
-.awsui_root_vrgzu_19zx3_145 > .awsui_recovery_vrgzu_19zx3_180:not(#\9) {
+.awsui_root_vrgzu_1y8nu_145 > .awsui_recovery_vrgzu_1y8nu_180:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_vrgzu_19zx3_145",
-  "recovery": "awsui_recovery_vrgzu_19zx3_180"
+  "root": "awsui_root_vrgzu_1y8nu_145",
+  "recovery": "awsui_recovery_vrgzu_1y8nu_180"
 };
   

package/lib/internal/template/internal/components/radio-button/index.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { InternalBaseComponentProps } from '../../hooks/use-base-component';
+import { SkipWarnings } from '../../utils/with-native-attributes';
 import { RadioButtonProps } from './interfaces';
-declare const _default: React.ForwardRefExoticComponent<RadioButtonProps & InternalBaseComponentProps & React.RefAttributes<HTMLInputElement>>;
+export interface InternalRadioButtonProps extends RadioButtonProps, InternalBaseComponentProps {
+    __skipNativeAttributesWarnings?: SkipWarnings;
+}
+declare const _default: React.ForwardRefExoticComponent<InternalRadioButtonProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/radio-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAMhD,wBA0FG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAA6B,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;IAC5F,8BAA8B,CAAC,EAAE,YAAY,CAAC;CAC/C;;AAED,wBA4FG"}

package/lib/internal/template/internal/components/radio-button/index.js

@@ -12,12 +12,12 @@ import WithNativeAttributes from '../../utils/with-native-attributes';
 import { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
-export default React.forwardRef(function RadioButton({ name, children, value, checked, description, disabled, controlId, readOnly, className, style, nativeInputAttributes, onSelect, ...rest }, ref) {
+export default React.forwardRef(function RadioButton({ name, children, value, checked, description, disabled, controlId, readOnly, className, style, nativeInputAttributes, onSelect, __skipNativeAttributesWarnings, ...rest }, ref) {
     const radioButtonRef = useRef(null);
     const mergedRefs = useMergeRefs(radioButtonRef, ref);
     const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);
     const baseProps = getBaseProps(rest);
-    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(testUtilStyles.root, className), controlClassName: styles['radio-control'], outlineClassName: styles.outline, label: children, description: description, disabled: disabled, readOnly: readOnly, controlId: controlId, style: getAbstractSwitchStyles(style, checked, disabled, readOnly), __internalRootRef: rest.__internalRootRef, ...copyAnalyticsMetadataAttribute(rest), nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "RadioButton", nativeAttributes: nativeInputAttributes, tabIndex: tabIndex, type: "radio", ref: mergedRefs, name: name, value: value, checked: checked, "aria-disabled": readOnly && !disabled ? 'true' : undefined, 
+    return (React.createElement(AbstractSwitch, { ...baseProps, className: clsx(testUtilStyles.root, className), controlClassName: styles['radio-control'], outlineClassName: styles.outline, label: children, description: description, disabled: disabled, readOnly: readOnly, controlId: controlId, style: getAbstractSwitchStyles(style, checked, disabled, readOnly), __internalRootRef: rest.__internalRootRef, ...copyAnalyticsMetadataAttribute(rest), nativeControl: nativeControlProps => (React.createElement(WithNativeAttributes, { ...nativeControlProps, tag: "input", componentName: "RadioButton", nativeAttributes: nativeInputAttributes, skipWarnings: __skipNativeAttributesWarnings, tabIndex: tabIndex, type: "radio", ref: mergedRefs, name: name, value: value, checked: checked, "aria-disabled": readOnly && !disabled ? 'true' : undefined, 
             // empty handler to suppress React controllability warning
             onChange: () => { } })), onClick: () => {
             var _a;

package/lib/internal/template/internal/components/radio-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../../base-component';\nimport AbstractSwitch from '../../components/abstract-switch';\nimport { fireNonCancelableEvent } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport WithNativeAttributes from '../../utils/with-native-attributes';\nimport { RadioButtonProps } from './interfaces';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport default React.forwardRef(function RadioButton(\n  {\n    name,\n    children,\n    value,\n    checked,\n    description,\n    disabled,\n    controlId,\n    readOnly,\n    className,\n    style,\n    nativeInputAttributes,\n    onSelect,\n    ...rest\n  }: RadioButtonProps & InternalBaseComponentProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const radioButtonRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n  const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n  const baseProps = getBaseProps(rest);\n\n  return (\n    <AbstractSwitch\n      {...baseProps}\n      className={clsx(testUtilStyles.root, className)}\n      controlClassName={styles['radio-control']}\n      outlineClassName={styles.outline}\n      label={children}\n      description={description}\n      disabled={disabled}\n      readOnly={readOnly}\n      controlId={controlId}\n      style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n      __internalRootRef={rest.__internalRootRef}\n      {...copyAnalyticsMetadataAttribute(rest)}\n      nativeControl={nativeControlProps => (\n        <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n          {...nativeControlProps}\n          tag=\"input\"\n          componentName=\"RadioButton\"\n          nativeAttributes={nativeInputAttributes}\n          tabIndex={tabIndex}\n          type=\"radio\"\n          ref={mergedRefs}\n          name={name}\n          value={value}\n          checked={checked}\n          aria-disabled={readOnly && !disabled ? 'true' : undefined}\n          // empty handler to suppress React controllability warning\n          onChange={() => {}}\n        />\n      )}\n      onClick={() => {\n        radioButtonRef.current?.focus();\n        if (!checked) {\n          fireNonCancelableEvent(onSelect);\n        }\n      }}\n      styledControl={\n        <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n          <circle\n            className={clsx(styles['styled-circle-border'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={6.25}\n            cx={50}\n            cy={50}\n            r={46}\n            style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n          />\n          <circle\n            className={clsx(styles['styled-circle-fill'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-checked']]: checked,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={30}\n            cx={50}\n            cy={50}\n            r={35}\n            style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n          />\n        </svg>\n      }\n    />\n  );\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/radio-button/index.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 { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../../base-component';\nimport AbstractSwitch from '../../components/abstract-switch';\nimport { fireNonCancelableEvent } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport WithNativeAttributes, { SkipWarnings } from '../../utils/with-native-attributes';\nimport { RadioButtonProps } from './interfaces';\nimport { getAbstractSwitchStyles, getInnerCircleStyle, getOuterCircleStyle } from './style';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface InternalRadioButtonProps extends RadioButtonProps, InternalBaseComponentProps {\n  __skipNativeAttributesWarnings?: SkipWarnings;\n}\n\nexport default React.forwardRef(function RadioButton(\n  {\n    name,\n    children,\n    value,\n    checked,\n    description,\n    disabled,\n    controlId,\n    readOnly,\n    className,\n    style,\n    nativeInputAttributes,\n    onSelect,\n    __skipNativeAttributesWarnings,\n    ...rest\n  }: InternalRadioButtonProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const radioButtonRef = useRef<HTMLInputElement>(null);\n  const mergedRefs = useMergeRefs(radioButtonRef, ref);\n\n  const { tabIndex } = useSingleTabStopNavigation(radioButtonRef);\n  const baseProps = getBaseProps(rest);\n\n  return (\n    <AbstractSwitch\n      {...baseProps}\n      className={clsx(testUtilStyles.root, className)}\n      controlClassName={styles['radio-control']}\n      outlineClassName={styles.outline}\n      label={children}\n      description={description}\n      disabled={disabled}\n      readOnly={readOnly}\n      controlId={controlId}\n      style={getAbstractSwitchStyles(style, checked, disabled, readOnly)}\n      __internalRootRef={rest.__internalRootRef}\n      {...copyAnalyticsMetadataAttribute(rest)}\n      nativeControl={nativeControlProps => (\n        <WithNativeAttributes<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>\n          {...nativeControlProps}\n          tag=\"input\"\n          componentName=\"RadioButton\"\n          nativeAttributes={nativeInputAttributes}\n          skipWarnings={__skipNativeAttributesWarnings}\n          tabIndex={tabIndex}\n          type=\"radio\"\n          ref={mergedRefs}\n          name={name}\n          value={value}\n          checked={checked}\n          aria-disabled={readOnly && !disabled ? 'true' : undefined}\n          // empty handler to suppress React controllability warning\n          onChange={() => {}}\n        />\n      )}\n      onClick={() => {\n        radioButtonRef.current?.focus();\n        if (!checked) {\n          fireNonCancelableEvent(onSelect);\n        }\n      }}\n      styledControl={\n        <svg viewBox=\"0 0 100 100\" focusable=\"false\" aria-hidden=\"true\">\n          <circle\n            className={clsx(styles['styled-circle-border'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={6.25}\n            cx={50}\n            cy={50}\n            r={46}\n            style={getOuterCircleStyle(style, checked, disabled, readOnly)}\n          />\n          <circle\n            className={clsx(styles['styled-circle-fill'], {\n              [styles['styled-circle-disabled']]: disabled,\n              [styles['styled-circle-checked']]: checked,\n              [styles['styled-circle-readonly']]: readOnly,\n            })}\n            strokeWidth={30}\n            cx={50}\n            cy={50}\n            r={35}\n            style={getInnerCircleStyle(style, checked, disabled, readOnly)}\n          />\n        </svg>\n      }\n    />\n  );\n});\n"]}

package/lib/internal/template/internal/components/selectable-item/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1w2oe_145",
-  "parent": "awsui_parent_15o6u_1w2oe_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1w2oe_164",
-  "highlighted": "awsui_highlighted_15o6u_1w2oe_164",
-  "selected": "awsui_selected_15o6u_1w2oe_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_1w2oe_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1w2oe_171",
-  "virtual": "awsui_virtual_15o6u_1w2oe_178",
-  "has-background": "awsui_has-background_15o6u_1w2oe_181",
-  "child": "awsui_child_15o6u_1w2oe_184",
-  "disabled": "awsui_disabled_15o6u_1w2oe_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1w2oe_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_1w2oe_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1w2oe_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_1w2oe_239",
-  "sticky": "awsui_sticky_15o6u_1w2oe_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_1w2oe_290",
-  "after-header": "awsui_after-header_15o6u_1w2oe_293",
-  "measure-strut": "awsui_measure-strut_15o6u_1w2oe_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1w2oe_334",
-  "option-content": "awsui_option-content_15o6u_1w2oe_340",
-  "select-all": "awsui_select-all_15o6u_1w2oe_344"
+  "selectable-item": "awsui_selectable-item_15o6u_vogk2_145",
+  "parent": "awsui_parent_15o6u_vogk2_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_vogk2_164",
+  "highlighted": "awsui_highlighted_15o6u_vogk2_164",
+  "selected": "awsui_selected_15o6u_vogk2_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_vogk2_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_vogk2_171",
+  "virtual": "awsui_virtual_15o6u_vogk2_178",
+  "has-background": "awsui_has-background_15o6u_vogk2_181",
+  "child": "awsui_child_15o6u_vogk2_184",
+  "disabled": "awsui_disabled_15o6u_vogk2_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_vogk2_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_vogk2_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_vogk2_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_vogk2_239",
+  "sticky": "awsui_sticky_15o6u_vogk2_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_vogk2_290",
+  "after-header": "awsui_after-header_15o6u_vogk2_293",
+  "measure-strut": "awsui_measure-strut_15o6u_vogk2_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_vogk2_334",
+  "option-content": "awsui_option-content_15o6u_vogk2_340",
+  "select-all": "awsui_select-all_15o6u_vogk2_344"
 };