@cloudscape-design/components 3.0.28 → 3.0.31

package/table/styles.selectors.js

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_edm43_97",
-  "tools": "awsui_tools_wih1l_edm43_106",
-  "tools-filtering": "awsui_tools-filtering_wih1l_edm43_112",
-  "tools-align-right": "awsui_tools-align-right_wih1l_edm43_117",
-  "tools-pagination": "awsui_tools-pagination_wih1l_edm43_121",
-  "tools-preferences": "awsui_tools-preferences_wih1l_edm43_121",
-  "tools-small": "awsui_tools-small_wih1l_edm43_127",
-  "table": "awsui_table_wih1l_edm43_133",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_edm43_139",
-  "wrapper": "awsui_wrapper_wih1l_edm43_143",
-  "variant-stacked": "awsui_variant-stacked_wih1l_edm43_153",
-  "variant-container": "awsui_variant-container_wih1l_edm43_153",
-  "variant-embedded": "awsui_variant-embedded_wih1l_edm43_157",
-  "has-header": "awsui_has-header_wih1l_edm43_160",
-  "has-footer": "awsui_has-footer_wih1l_edm43_163",
-  "cell-merged": "awsui_cell-merged_wih1l_edm43_173",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_edm43_177",
-  "empty": "awsui_empty_wih1l_edm43_192",
-  "loading": "awsui_loading_wih1l_edm43_196",
-  "selection-control": "awsui_selection-control_wih1l_edm43_200",
-  "selection-control-header": "awsui_selection-control-header_wih1l_edm43_207",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_edm43_212",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_edm43_222",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_edm43_225",
-  "header-secondary": "awsui_header-secondary_wih1l_edm43_229",
-  "header-controls": "awsui_header-controls_wih1l_edm43_249",
-  "divider": "awsui_divider_wih1l_edm43_266",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_edm43_273",
-  "footer": "awsui_footer_wih1l_edm43_273",
-  "thead-active": "awsui_thead-active_wih1l_edm43_282",
-  "row": "awsui_row_wih1l_edm43_283",
-  "row-selected": "awsui_row-selected_wih1l_edm43_284"
+  "root": "awsui_root_wih1l_wc5vj_97",
+  "tools": "awsui_tools_wih1l_wc5vj_106",
+  "tools-filtering": "awsui_tools-filtering_wih1l_wc5vj_112",
+  "tools-align-right": "awsui_tools-align-right_wih1l_wc5vj_117",
+  "tools-pagination": "awsui_tools-pagination_wih1l_wc5vj_121",
+  "tools-preferences": "awsui_tools-preferences_wih1l_wc5vj_121",
+  "tools-small": "awsui_tools-small_wih1l_wc5vj_127",
+  "table": "awsui_table_wih1l_wc5vj_133",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_wc5vj_139",
+  "wrapper": "awsui_wrapper_wih1l_wc5vj_143",
+  "variant-stacked": "awsui_variant-stacked_wih1l_wc5vj_153",
+  "variant-container": "awsui_variant-container_wih1l_wc5vj_153",
+  "variant-embedded": "awsui_variant-embedded_wih1l_wc5vj_157",
+  "has-header": "awsui_has-header_wih1l_wc5vj_160",
+  "has-footer": "awsui_has-footer_wih1l_wc5vj_163",
+  "cell-merged": "awsui_cell-merged_wih1l_wc5vj_173",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_wc5vj_177",
+  "empty": "awsui_empty_wih1l_wc5vj_192",
+  "loading": "awsui_loading_wih1l_wc5vj_196",
+  "selection-control": "awsui_selection-control_wih1l_wc5vj_200",
+  "selection-control-header": "awsui_selection-control-header_wih1l_wc5vj_207",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_wc5vj_212",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_wc5vj_222",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_wc5vj_225",
+  "header-secondary": "awsui_header-secondary_wih1l_wc5vj_229",
+  "header-controls": "awsui_header-controls_wih1l_wc5vj_246",
+  "divider": "awsui_divider_wih1l_wc5vj_263",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_wc5vj_270",
+  "footer": "awsui_footer_wih1l_wc5vj_270",
+  "thead-active": "awsui_thead-active_wih1l_wc5vj_279",
+  "row": "awsui_row_wih1l_wc5vj_280",
+  "row-selected": "awsui_row-selected_wih1l_wc5vj_281"
 };
   

package/tabs/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_1678d_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_1678d_192",
-  "pagination-button": "awsui_pagination-button_14rmt_1678d_209",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_1678d_214",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1678d_217",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_1678d_221",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1678d_224",
-  "tabs-tab": "awsui_tabs-tab_14rmt_1678d_229",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1678d_240",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1678d_256",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1678d_313",
-  "refresh": "awsui_refresh_14rmt_1678d_330",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1678d_344",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1678d_351",
-  "root": "awsui_root_14rmt_1678d_355",
-  "tabs": "awsui_tabs_14rmt_1678d_186",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1678d_372",
-  "with-paddings": "awsui_with-paddings_14rmt_1678d_372",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1678d_376",
-  "tabs-content": "awsui_tabs-content_14rmt_1678d_372",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_1678d_384"
+  "tabs-header": "awsui_tabs-header_14rmt_1mdnv_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1mdnv_192",
+  "pagination-button": "awsui_pagination-button_14rmt_1mdnv_206",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1mdnv_211",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1mdnv_214",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1mdnv_218",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1mdnv_221",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1mdnv_226",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1mdnv_237",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1mdnv_253",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1mdnv_310",
+  "refresh": "awsui_refresh_14rmt_1mdnv_327",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1mdnv_341",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1mdnv_348",
+  "root": "awsui_root_14rmt_1mdnv_352",
+  "tabs": "awsui_tabs_14rmt_1mdnv_186",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1mdnv_369",
+  "with-paddings": "awsui_with-paddings_14rmt_1mdnv_369",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1mdnv_373",
+  "tabs-content": "awsui_tabs-content_14rmt_1mdnv_369",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1mdnv_381"
 };
   

package/tabs/styles.scoped.css

@@ -183,61 +183,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_1678d_186:not(#\9) {
+.awsui_tabs-header_14rmt_1mdnv_186:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
 }
 
-.awsui_tabs-header-list_14rmt_1678d_192:not(#\9) {
+.awsui_tabs-header-list_14rmt_1mdnv_192:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
   overflow-x: scroll;
   position: relative;
   width: 100%;
-  -ms-overflow-style: none;
-  /* Internet Explorer 10+ */
-  scrollbar-width: none;
-  /* Firefox */
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_1678d_192:not(#\9)::-webkit-scrollbar {
-  display: none;
-  /* Safari and Chrome */
+.awsui_tabs-header-list_14rmt_1mdnv_192:not(#\9)::-webkit-scrollbar {
+  display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_1678d_209:not(#\9) {
+.awsui_pagination-button_14rmt_1mdnv_206:not(#\9) {
   margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_1678d_214:not(#\9) {
+.awsui_pagination-button-left_14rmt_1mdnv_211:not(#\9) {
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
 }
-.awsui_pagination-button-left-scrollable_14rmt_1678d_217:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1mdnv_214:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
 }
-.awsui_pagination-button-right_14rmt_1678d_221:not(#\9) {
+.awsui_pagination-button-right_14rmt_1mdnv_218:not(#\9) {
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
 }
-.awsui_pagination-button-right-scrollable_14rmt_1678d_224:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1mdnv_221:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
 }
 
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9) {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9) {
   list-style: none;
   padding: 0;
   flex-shrink: 0;
   display: flex;
   max-width: calc(90% - var(--space-l-4vl6xu, 20px));
 }
-.awsui_tabs-tab_14rmt_1678d_229 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_1mdnv_226 > button:not(#\9) {
   background-color: transparent;
 }
 
-.awsui_tabs-tab-label_14rmt_1678d_240:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1mdnv_237:not(#\9) {
   display: flex;
   align-items: center;
   padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) var(--space-l-4vl6xu, 20px);
@@ -248,12 +245,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1678d_240, .awsui_tabs-tab_14rmt_1678d_229:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1678d_240 {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1mdnv_237, .awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1mdnv_237 {
   margin-right: calc(-1 * var(--border-divider-section-width-4wm2it, 2px));
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
 }
 
-.awsui_tabs-tab-link_14rmt_1678d_256:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -267,21 +264,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
-.awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):focus {
   outline: none;
 }
-.awsui_tabs-tab-link_14rmt_1678d_256[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1mdnv_253[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-.awsui_tabs-tab-link_14rmt_1678d_256[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1mdnv_253[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-64zu5e, -8px) - 1px);
 }
-.awsui_tabs-tab-link_14rmt_1678d_256[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_tabs-tab-link_14rmt_1mdnv_253[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -292,31 +289,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_tabs-tab-link_14rmt_1678d_256[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1678d_240, .awsui_tabs-tab-link_14rmt_1678d_256[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1678d_240 {
+.awsui_tabs-tab-link_14rmt_1mdnv_253[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1mdnv_237, .awsui_tabs-tab-link_14rmt_1mdnv_253[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1mdnv_237 {
   border-right-color: transparent;
 }
 
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):first-child {
   margin-left: 1px;
 }
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1678d_240, .awsui_tabs-tab_14rmt_1678d_229:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1678d_240 {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1mdnv_237, .awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1mdnv_237 {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):last-child {
   margin-right: 1px;
 }
-.awsui_tabs-tab_14rmt_1678d_229:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1678d_240, .awsui_tabs-tab_14rmt_1678d_229:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1678d_240 {
+.awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1mdnv_237, .awsui_tabs-tab_14rmt_1mdnv_226:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1mdnv_237 {
   padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_1678d_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_1678d_313:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1mdnv_310:not(#\9), .awsui_tabs-tab-disabled_14rmt_1mdnv_310:not(#\9):hover {
   cursor: default;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
   font-weight: var(--font-tabs-disabled-weight-imwq16, 800);
 }
 
-.awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313):after {
+.awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310):after {
   content: "";
   position: absolute;
   left: 0;
@@ -327,36 +324,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-9bcfzu, #0972d3);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313).awsui_refresh_14rmt_1678d_330:after {
+.awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310).awsui_refresh_14rmt_1mdnv_327:after {
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313).awsui_refresh_14rmt_1678d_330:after {
+  .awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310).awsui_refresh_14rmt_1mdnv_327:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313).awsui_refresh_14rmt_1678d_330:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1678d_256:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313).awsui_refresh_14rmt_1678d_330:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310).awsui_refresh_14rmt_1mdnv_327:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1mdnv_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310).awsui_refresh_14rmt_1mdnv_327:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab-active_14rmt_1678d_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313) {
+.awsui_tabs-tab-active_14rmt_1mdnv_341:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310) {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_tabs-tab-active_14rmt_1678d_344:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1678d_313):after {
+.awsui_tabs-tab-active_14rmt_1mdnv_341:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1mdnv_310):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_1678d_351:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_1mdnv_348:not(#\9) {
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
 }
 
-.awsui_root_14rmt_1678d_355:not(#\9) {
+.awsui_root_14rmt_1mdnv_352:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_1678d_186:not(#\9) {
+.awsui_tabs_14rmt_1mdnv_186:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -395,18 +392,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 
-.awsui_tabs-content-wrapper_14rmt_1678d_372.awsui_with-paddings_14rmt_1678d_372:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1mdnv_369.awsui_with-paddings_14rmt_1mdnv_369:not(#\9) {
   padding: var(--space-scaled-m-pv0fmt, 16px) 0;
 }
 
-.awsui_tabs-container-content-wrapper_14rmt_1678d_376.awsui_with-paddings_14rmt_1678d_372:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1mdnv_373.awsui_with-paddings_14rmt_1mdnv_369:not(#\9) {
   padding-top: var(--space-tabs-content-top-mn4c9x, 12px);
 }
 
-.awsui_tabs-content_14rmt_1678d_372:not(#\9) {
+.awsui_tabs-content_14rmt_1mdnv_369:not(#\9) {
   display: none;
 }
 
-.awsui_tabs-content-active_14rmt_1678d_384:not(#\9) {
+.awsui_tabs-content-active_14rmt_1mdnv_381:not(#\9) {
   display: block;
 }

package/tabs/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_1678d_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_1678d_192",
-  "pagination-button": "awsui_pagination-button_14rmt_1678d_209",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_1678d_214",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1678d_217",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_1678d_221",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1678d_224",
-  "tabs-tab": "awsui_tabs-tab_14rmt_1678d_229",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1678d_240",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1678d_256",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1678d_313",
-  "refresh": "awsui_refresh_14rmt_1678d_330",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1678d_344",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1678d_351",
-  "root": "awsui_root_14rmt_1678d_355",
-  "tabs": "awsui_tabs_14rmt_1678d_186",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1678d_372",
-  "with-paddings": "awsui_with-paddings_14rmt_1678d_372",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1678d_376",
-  "tabs-content": "awsui_tabs-content_14rmt_1678d_372",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_1678d_384"
+  "tabs-header": "awsui_tabs-header_14rmt_1mdnv_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1mdnv_192",
+  "pagination-button": "awsui_pagination-button_14rmt_1mdnv_206",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1mdnv_211",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1mdnv_214",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1mdnv_218",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1mdnv_221",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1mdnv_226",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1mdnv_237",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1mdnv_253",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1mdnv_310",
+  "refresh": "awsui_refresh_14rmt_1mdnv_327",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1mdnv_341",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1mdnv_348",
+  "root": "awsui_root_14rmt_1mdnv_352",
+  "tabs": "awsui_tabs_14rmt_1mdnv_186",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1mdnv_369",
+  "with-paddings": "awsui_with-paddings_14rmt_1mdnv_369",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1mdnv_373",
+  "tabs-content": "awsui_tabs-content_14rmt_1mdnv_369",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1mdnv_381"
 };
   

package/textarea/styles.css.js

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_kusqt_93",
-  "textarea": "awsui_textarea_qk1j1_kusqt_97",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_kusqt_122",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_kusqt_158"
+  "root": "awsui_root_qk1j1_eoztp_93",
+  "textarea": "awsui_textarea_qk1j1_eoztp_97",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_eoztp_121",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_eoztp_157"
 };
   

package/textarea/styles.scoped.css

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_qk1j1_kusqt_93:not(#\9) {
+.awsui_root_qk1j1_eoztp_93:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_kusqt_97:not(#\9) {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,8 +129,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  resize: auto;
-  /* stylelint-disable-line plugin/no-unsupported-browser-features */
+  resize: auto; /* stylelint-disable-line plugin/no-unsupported-browser-features */
   cursor: text;
   white-space: pre-wrap;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
@@ -145,43 +144,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_textarea_qk1j1_kusqt_97.awsui_textarea-readonly_qk1j1_kusqt_122:not(#\9) {
+.awsui_textarea_qk1j1_eoztp_97.awsui_textarea-readonly_qk1j1_eoztp_121:not(#\9) {
   background-color: var(--color-background-input-default-u57378, #ffffff);
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9)::placeholder {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):-ms-input-placeholder {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):focus {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
   border-radius: var(--border-radius-input-txq8zy, 8px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):invalid {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
   color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
   cursor: auto;
   cursor: default;
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_textarea_qk1j1_eoztp_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
 }
-.awsui_textarea_qk1j1_kusqt_97.awsui_textarea-invalid_qk1j1_kusqt_158:not(#\9) {
+.awsui_textarea_qk1j1_eoztp_97.awsui_textarea-invalid_qk1j1_eoztp_157:not(#\9) {
   color: var(--color-text-status-error-5sesl6, #d91515);
   border-color: var(--color-text-status-error-5sesl6, #d91515);
   padding-left: calc(
@@ -189,6 +188,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-left-width: var(--border-invalid-width-5jpdqn, 8px);
 }
-.awsui_textarea_qk1j1_kusqt_97.awsui_textarea-invalid_qk1j1_kusqt_158:not(#\9):focus {
+.awsui_textarea_qk1j1_eoztp_97.awsui_textarea-invalid_qk1j1_eoztp_157:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }

package/textarea/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_kusqt_93",
-  "textarea": "awsui_textarea_qk1j1_kusqt_97",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_kusqt_122",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_kusqt_158"
+  "root": "awsui_root_qk1j1_eoztp_93",
+  "textarea": "awsui_textarea_qk1j1_eoztp_97",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_eoztp_121",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_eoztp_157"
 };
   

package/toggle/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,QAAA,MAAM,cAAc,kHAgEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,QAAA,MAAM,cAAc,kHAiEnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/toggle/internal.js

@@ -17,7 +17,9 @@ var InternalToggle = React.forwardRef(function (_a, ref) {
     return (React.createElement(AbstractSwitch, __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), controlClassName: clsx(styles['toggle-control'], (_b = {},
             _b[styles['toggle-control-checked']] = checked,
             _b[styles['toggle-control-disabled']] = disabled,
-            _b)), controlId: controlId, disabled: disabled, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { ref: checkboxRef, className: styles.input, type: "checkbox", checked: checked, name: name, onFocus: onFocus && (function () { return fireNonCancelableEvent(onFocus); }), onBlur: onBlur && (function () { return fireNonCancelableEvent(onBlur); }), onChange: onChange && (function (event) { return fireNonCancelableEvent(onChange, { checked: event.target.checked }); }) }))); }, styledControl: React.createElement("div", { className: clsx(styles['toggle-handle'], (_c = {},
+            _b)), controlId: controlId, disabled: disabled, label: children, description: description, descriptionBottomPadding: true, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescribedby: ariaDescribedby, nativeControl: function (nativeControlProps) { return (React.createElement("input", __assign({}, nativeControlProps, { ref: checkboxRef, className: styles.input, type: "checkbox", checked: checked, name: name, onFocus: onFocus && (function () { return fireNonCancelableEvent(onFocus); }), onBlur: onBlur && (function () { return fireNonCancelableEvent(onBlur); }), onChange: onChange && (function (event) { return fireNonCancelableEvent(onChange, { checked: event.target.checked }); }) }))); }, styledControl: 
+        /*Using span, not div for HTML validity*/
+        React.createElement("span", { className: clsx(styles['toggle-handle'], (_c = {},
                 _c[styles['toggle-handle-checked']] = checked,
                 _c[styles['toggle-handle-disabled']] = disabled,
                 _c)) }), __internalRootRef: __internalRootRef })));

package/toggle/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAeC,EACD,GAAG;;IAfD,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,IAAI,cAdT,+KAeC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClC,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC7C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,OAAO;YAC3C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,QAAQ;gBAC7C,EACF,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,IAAI,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,0CACM,kBAAkB,IACtB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,OAAO,CAAC,EAA/B,CAA+B,CAAC,EAC3D,MAAM,EAAE,MAAM,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,MAAM,CAAC,EAA9B,CAA8B,CAAC,EACxD,QAAQ,EAAE,QAAQ,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAnE,CAAmE,CAAC,IACpG,CACH,EAZoC,CAYpC,EACD,aAAa,EACX,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;gBACrC,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO;gBAC1C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ;oBAC5C,GACF,EAEJ,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ToggleProps } from './interfaces';\n\ntype InternalToggleProps = ToggleProps & InternalBaseComponentProps;\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n  (\n    {\n      controlId,\n      checked,\n      name,\n      disabled,\n      children,\n      description,\n      ariaLabel,\n      ariaDescribedby,\n      ariaLabelledby,\n      onFocus,\n      onBlur,\n      onChange,\n      __internalRootRef = null,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styles['toggle-control'], {\n          [styles['toggle-control-checked']]: checked,\n          [styles['toggle-control-disabled']]: disabled,\n        })}\n        controlId={controlId}\n        disabled={disabled}\n        label={children}\n        description={description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        nativeControl={nativeControlProps => (\n          <input\n            {...nativeControlProps}\n            ref={checkboxRef}\n            className={styles.input}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            onFocus={onFocus && (() => fireNonCancelableEvent(onFocus))}\n            onBlur={onBlur && (() => fireNonCancelableEvent(onBlur))}\n            onChange={onChange && (event => fireNonCancelableEvent(onChange, { checked: event.target.checked }))}\n          />\n        )}\n        styledControl={\n          <div\n            className={clsx(styles['toggle-handle'], {\n              [styles['toggle-handle-checked']]: checked,\n              [styles['toggle-handle-disabled']]: disabled,\n            })}\n          />\n        }\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalToggle;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,UACE,EAeC,EACD,GAAG;;IAfD,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACrB,IAAI,cAdT,+KAeC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAClC,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC;YAC7C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,OAAO;YAC3C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,QAAQ;gBAC7C,EACF,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,IAAI,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,UAAA,kBAAkB,IAAI,OAAA,CACnC,0CACM,kBAAkB,IACtB,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,OAAO,CAAC,EAA/B,CAA+B,CAAC,EAC3D,MAAM,EAAE,MAAM,IAAI,CAAC,cAAM,OAAA,sBAAsB,CAAC,MAAM,CAAC,EAA9B,CAA8B,CAAC,EACxD,QAAQ,EAAE,QAAQ,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAnE,CAAmE,CAAC,IACpG,CACH,EAZoC,CAYpC,EACD,aAAa;QACX,yCAAyC;QACzC,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;gBACrC,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,OAAO;gBAC1C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ;oBAC5C,GACF,EAEJ,iBAAiB,EAAE,iBAAiB,IACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport AbstractSwitch from '../internal/components/abstract-switch';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ToggleProps } from './interfaces';\n\ntype InternalToggleProps = ToggleProps & InternalBaseComponentProps;\n\nconst InternalToggle = React.forwardRef<ToggleProps.Ref, InternalToggleProps>(\n  (\n    {\n      controlId,\n      checked,\n      name,\n      disabled,\n      children,\n      description,\n      ariaLabel,\n      ariaDescribedby,\n      ariaLabelledby,\n      onFocus,\n      onBlur,\n      onChange,\n      __internalRootRef = null,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useForwardFocus(ref, checkboxRef);\n    return (\n      <AbstractSwitch\n        {...baseProps}\n        className={clsx(styles.root, baseProps.className)}\n        controlClassName={clsx(styles['toggle-control'], {\n          [styles['toggle-control-checked']]: checked,\n          [styles['toggle-control-disabled']]: disabled,\n        })}\n        controlId={controlId}\n        disabled={disabled}\n        label={children}\n        description={description}\n        descriptionBottomPadding={true}\n        ariaLabel={ariaLabel}\n        ariaLabelledby={ariaLabelledby}\n        ariaDescribedby={ariaDescribedby}\n        nativeControl={nativeControlProps => (\n          <input\n            {...nativeControlProps}\n            ref={checkboxRef}\n            className={styles.input}\n            type=\"checkbox\"\n            checked={checked}\n            name={name}\n            onFocus={onFocus && (() => fireNonCancelableEvent(onFocus))}\n            onBlur={onBlur && (() => fireNonCancelableEvent(onBlur))}\n            onChange={onChange && (event => fireNonCancelableEvent(onChange, { checked: event.target.checked }))}\n          />\n        )}\n        styledControl={\n          /*Using span, not div for HTML validity*/\n          <span\n            className={clsx(styles['toggle-handle'], {\n              [styles['toggle-handle-checked']]: checked,\n              [styles['toggle-handle-disabled']]: disabled,\n            })}\n          />\n        }\n        __internalRootRef={__internalRootRef}\n      />\n    );\n  }\n);\n\nexport default InternalToggle;\n"]}

package/toggle/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_1dkvh_93",
-  "input": "awsui_input_4yi2u_1dkvh_105",
-  "toggle-control": "awsui_toggle-control_4yi2u_1dkvh_127",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1dkvh_136",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1dkvh_139",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_1dkvh_146",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1dkvh_157",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1dkvh_160"
+  "root": "awsui_root_4yi2u_1vggq_93",
+  "input": "awsui_input_4yi2u_1vggq_105",
+  "toggle-control": "awsui_toggle-control_4yi2u_1vggq_127",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1vggq_136",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1vggq_139",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1vggq_146",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1vggq_158",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1vggq_161"
 };