@cloudscape-design/components 3.0.1281 → 3.0.1283

package/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_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+  .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_el76d_161:not(#\9) {
+.awsui_button-trigger_18eso_1s075_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-pfm1nx, 4px);
+  padding-block: var(--space-field-vertical-vm99qz, 5px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   background-color: var(--color-background-input-default-ifz5bb, #ffffff);
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9), .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9), .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   border-block-width: var(--border-width-token-2ukdpu, 2px);
@@ -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_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jacx1t, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,40 +250,40 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_has-caret_18eso_el76d_257:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_has-caret_18eso_1s075_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_button-trigger_18eso_el76d_161 > .awsui_placeholder_18eso_el76d_260:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161 > .awsui_placeholder_18eso_1s075_260:not(#\9) {
   color: var(--color-text-input-placeholder-dclg8u, #656871);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
   color: var(--color-text-button-inline-icon-default-sm4ql6, #006ce0);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):hover > .awsui_arrow_18eso_el76d_161 {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):hover > .awsui_arrow_18eso_1s075_161 {
   color: var(--color-text-button-inline-icon-hover-rbyzfc, #002b66);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_pressed_18eso_el76d_273 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_pressed_18eso_1s075_273 > .awsui_arrow_18eso_1s075_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276:not(#\9) {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276 > .awsui_arrow_18eso_el76d_161:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276 > .awsui_arrow_18eso_1s075_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276.awsui_in-filtering-token_18eso_el76d_221:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276.awsui_in-filtering-token_18eso_1s075_221:not(#\9) {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -291,19 +291,19 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276 > .awsui_placeholder_18eso_el76d_260:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276 > .awsui_placeholder_18eso_1s075_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_readonly_18eso_el76d_297:not(#\9):not(.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276):not(.awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token_18eso_el76d_221) {
+.awsui_button-trigger_18eso_1s075_161.awsui_readonly_18eso_1s075_297:not(#\9):not(.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276):not(.awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token_18eso_1s075_221) {
   background-color: var(--color-background-input-default-ifz5bb, #ffffff);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):focus {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
@@ -313,32 +313,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161:not(#\
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221):invalid {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus:focus {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus:focus {
+.awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_custom-option_18eso_el76d_337:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_custom-option_18eso_1s075_337:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_el76d_161.awsui_inline-tokens_18eso_el76d_342:not(#\9) {
+.awsui_button-trigger_18eso_1s075_161.awsui_inline-tokens_18eso_1s075_342:not(#\9) {
   padding-block: 0;
 }

package/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_el76d_161",
-  "arrow": "awsui_arrow_18eso_el76d_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_el76d_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_el76d_221",
-  "has-caret": "awsui_has-caret_18eso_el76d_257",
-  "placeholder": "awsui_placeholder_18eso_el76d_260",
-  "pressed": "awsui_pressed_18eso_el76d_273",
-  "disabled": "awsui_disabled_18eso_el76d_276",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_el76d_221",
-  "readonly": "awsui_readonly_18eso_el76d_297",
-  "invalid": "awsui_invalid_18eso_el76d_319",
-  "warning": "awsui_warning_18eso_el76d_328",
-  "custom-option": "awsui_custom-option_18eso_el76d_337",
-  "inline-tokens": "awsui_inline-tokens_18eso_el76d_342"
+  "button-trigger": "awsui_button-trigger_18eso_1s075_161",
+  "arrow": "awsui_arrow_18eso_1s075_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1s075_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1s075_221",
+  "has-caret": "awsui_has-caret_18eso_1s075_257",
+  "placeholder": "awsui_placeholder_18eso_1s075_260",
+  "pressed": "awsui_pressed_18eso_1s075_273",
+  "disabled": "awsui_disabled_18eso_1s075_276",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1s075_221",
+  "readonly": "awsui_readonly_18eso_1s075_297",
+  "invalid": "awsui_invalid_18eso_1s075_319",
+  "warning": "awsui_warning_18eso_1s075_328",
+  "custom-option": "awsui_custom-option_18eso_1s075_337",
+  "inline-tokens": "awsui_inline-tokens_18eso_1s075_342"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_11c7p_145",
-  "recovery": "awsui_recovery_vrgzu_11c7p_180"
+  "root": "awsui_root_vrgzu_mqacx_145",
+  "recovery": "awsui_recovery_vrgzu_mqacx_180"
 };
   

package/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_11c7p_145:not(#\9) {
+.awsui_root_vrgzu_mqacx_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-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  padding-block-start: var(--space-xxs-hwfkai, 4px);
-  padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
+  padding-block-start: var(--space-option-padding-vertical-d2srv9, 4px);
+  padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   color: var(--color-text-dropdown-footer-umcot2, #656871);
 }
-.awsui_root_vrgzu_11c7p_145 > .awsui_recovery_vrgzu_11c7p_180:not(#\9) {
+.awsui_root_vrgzu_mqacx_145 > .awsui_recovery_vrgzu_mqacx_180:not(#\9) {
   /* used in test-utils */
 }

package/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_11c7p_145",
-  "recovery": "awsui_recovery_vrgzu_11c7p_180"
+  "root": "awsui_root_vrgzu_mqacx_145",
+  "recovery": "awsui_recovery_vrgzu_mqacx_180"
 };
   

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

@@ -1,5 +1,9 @@
 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;

package/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/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/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/internal/components/selectable-item/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_11e6r_145",
-  "parent": "awsui_parent_15o6u_11e6r_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_11e6r_164",
-  "highlighted": "awsui_highlighted_15o6u_11e6r_164",
-  "selected": "awsui_selected_15o6u_11e6r_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_11e6r_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_11e6r_171",
-  "virtual": "awsui_virtual_15o6u_11e6r_178",
-  "has-background": "awsui_has-background_15o6u_11e6r_181",
-  "child": "awsui_child_15o6u_11e6r_184",
-  "disabled": "awsui_disabled_15o6u_11e6r_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_11e6r_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_11e6r_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_11e6r_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_11e6r_239",
-  "sticky": "awsui_sticky_15o6u_11e6r_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_11e6r_290",
-  "after-header": "awsui_after-header_15o6u_11e6r_293",
-  "measure-strut": "awsui_measure-strut_15o6u_11e6r_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_11e6r_334",
-  "option-content": "awsui_option-content_15o6u_11e6r_340",
-  "select-all": "awsui_select-all_15o6u_11e6r_344"
+  "selectable-item": "awsui_selectable-item_15o6u_13qur_145",
+  "parent": "awsui_parent_15o6u_13qur_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_13qur_164",
+  "highlighted": "awsui_highlighted_15o6u_13qur_164",
+  "selected": "awsui_selected_15o6u_13qur_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_13qur_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_13qur_171",
+  "virtual": "awsui_virtual_15o6u_13qur_178",
+  "has-background": "awsui_has-background_15o6u_13qur_181",
+  "child": "awsui_child_15o6u_13qur_184",
+  "disabled": "awsui_disabled_15o6u_13qur_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_13qur_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_13qur_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_13qur_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_13qur_239",
+  "sticky": "awsui_sticky_15o6u_13qur_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_13qur_290",
+  "after-header": "awsui_after-header_15o6u_13qur_293",
+  "measure-strut": "awsui_measure-strut_15o6u_13qur_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_13qur_334",
+  "option-content": "awsui_option-content_15o6u_13qur_340",
+  "select-all": "awsui_select-all_15o6u_13qur_344"
 };