@cloudscape-design/components-themeable 3.0.663 → 3.0.665

package/lib/internal/template/internal/components/screenreader-only/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_xttbq_pgwjg_99"
+  "root": "awsui_root_xttbq_1fuh1_97"
 };
   

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_12qf0_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_12qf0_123",
-  "has-background": "awsui_has-background_15o6u_12qf0_132",
-  "highlighted": "awsui_highlighted_15o6u_12qf0_135",
-  "selected": "awsui_selected_15o6u_12qf0_135",
-  "disabled": "awsui_disabled_15o6u_12qf0_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_12qf0_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_12qf0_175",
-  "parent": "awsui_parent_15o6u_12qf0_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_12qf0_183",
-  "child": "awsui_child_15o6u_12qf0_201",
-  "virtual": "awsui_virtual_15o6u_12qf0_216",
-  "measure-strut": "awsui_measure-strut_15o6u_12qf0_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_12qf0_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_12qf0_240",
-  "option-content": "awsui_option-content_15o6u_12qf0_246"
+  "selectable-item": "awsui_selectable-item_15o6u_ba6ii_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ba6ii_121",
+  "has-background": "awsui_has-background_15o6u_ba6ii_130",
+  "highlighted": "awsui_highlighted_15o6u_ba6ii_133",
+  "selected": "awsui_selected_15o6u_ba6ii_133",
+  "disabled": "awsui_disabled_15o6u_ba6ii_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ba6ii_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ba6ii_173",
+  "parent": "awsui_parent_15o6u_ba6ii_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ba6ii_181",
+  "child": "awsui_child_15o6u_ba6ii_199",
+  "virtual": "awsui_virtual_15o6u_ba6ii_214",
+  "measure-strut": "awsui_measure-strut_15o6u_ba6ii_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ba6ii_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ba6ii_238",
+  "option-content": "awsui_option-content_15o6u_ba6ii_244"
 };
   

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

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ 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_selectable-item_15o6u_12qf0_99:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -120,19 +118,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_pad-bottom_15o6u_12qf0_123:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9) {
   padding-block-end: calc(calc(
   var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
 ) + var(--space-xxxs-z28114, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_12qf0_99:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_has-background_15o6u_12qf0_132:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_has-background_15o6u_ba6ii_130:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   border-width: var(--border-item-width-0zxiwv, 1px);
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
@@ -142,89 +140,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_pad-bottom_15o6u_12qf0_123:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_pad-bottom_15o6u_12qf0_123:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9) {
   padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_disabled_15o6u_12qf0_153:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_disabled_15o6u_ba6ii_151:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_next-item-selected_15o6u_12qf0_163:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_next-item-selected_15o6u_ba6ii_161:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135 + .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133 + .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_is-keyboard_15o6u_12qf0_175:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_is-keyboard_15o6u_ba6ii_173:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179:not(#\9):not(.awsui_interactiveGroups_15o6u_12qf0_183) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177:not(#\9):not(.awsui_interactiveGroups_15o6u_ba6ii_181) {
   border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181:not(#\9) {
   padding-block: calc(
   var(--space-xs-xf5ch3, 8px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
 );
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   padding-inline-start: var(--space-xxl-pd3205, 32px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_disabled_15o6u_12qf0_153:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_disabled_15o6u_ba6ii_151:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_selectable-item_15o6u_12qf0_99:not(#\9):not(.awsui_disabled_15o6u_12qf0_153):not(.awsui_parent_15o6u_12qf0_179) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9):not(.awsui_disabled_15o6u_ba6ii_151):not(.awsui_parent_15o6u_ba6ii_177) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_interactiveGroups_15o6u_12qf0_183:not(#\9):not(.awsui_disabled_15o6u_12qf0_153) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_interactiveGroups_15o6u_ba6ii_181:not(#\9):not(.awsui_disabled_15o6u_ba6ii_151) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_virtual_15o6u_12qf0_216:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_virtual_15o6u_ba6ii_214:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_virtual_15o6u_12qf0_216:not(#\9):first-of-type:not(.awsui_selected_15o6u_12qf0_135, .awsui_highlighted_15o6u_12qf0_135) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_virtual_15o6u_ba6ii_214:not(#\9):first-of-type:not(.awsui_selected_15o6u_ba6ii_133, .awsui_highlighted_15o6u_ba6ii_133) {
   border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_12qf0_227:not(#\9) {
+.awsui_measure-strut_15o6u_ba6ii_225:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -233,16 +231,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_measure-strut-first_15o6u_12qf0_236:not(#\9) {
+.awsui_measure-strut-first_15o6u_ba6ii_234:not(#\9) {
   padding-block-end: var(--border-divider-list-width-471u6a, 1px);
 }
 
-.awsui_screenreader-content_15o6u_12qf0_240:not(#\9) {
+.awsui_screenreader-content_15o6u_ba6ii_238:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_12qf0_246:not(#\9) {
+.awsui_option-content_15o6u_ba6ii_244:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_12qf0_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_12qf0_123",
-  "has-background": "awsui_has-background_15o6u_12qf0_132",
-  "highlighted": "awsui_highlighted_15o6u_12qf0_135",
-  "selected": "awsui_selected_15o6u_12qf0_135",
-  "disabled": "awsui_disabled_15o6u_12qf0_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_12qf0_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_12qf0_175",
-  "parent": "awsui_parent_15o6u_12qf0_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_12qf0_183",
-  "child": "awsui_child_15o6u_12qf0_201",
-  "virtual": "awsui_virtual_15o6u_12qf0_216",
-  "measure-strut": "awsui_measure-strut_15o6u_12qf0_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_12qf0_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_12qf0_240",
-  "option-content": "awsui_option-content_15o6u_12qf0_246"
+  "selectable-item": "awsui_selectable-item_15o6u_ba6ii_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ba6ii_121",
+  "has-background": "awsui_has-background_15o6u_ba6ii_130",
+  "highlighted": "awsui_highlighted_15o6u_ba6ii_133",
+  "selected": "awsui_selected_15o6u_ba6ii_133",
+  "disabled": "awsui_disabled_15o6u_ba6ii_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ba6ii_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ba6ii_173",
+  "parent": "awsui_parent_15o6u_ba6ii_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ba6ii_181",
+  "child": "awsui_child_15o6u_ba6ii_199",
+  "virtual": "awsui_virtual_15o6u_ba6ii_214",
+  "measure-strut": "awsui_measure-strut_15o6u_ba6ii_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ba6ii_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ba6ii_238",
+  "option-content": "awsui_option-content_15o6u_ba6ii_244"
 };
   

package/lib/internal/template/internal/components/token-list/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_11gr9_99",
-  "horizontal": "awsui_horizontal_gfwv3_11gr9_104",
-  "vertical": "awsui_vertical_gfwv3_11gr9_108",
-  "list": "awsui_list_gfwv3_11gr9_112",
-  "list-item": "awsui_list-item_gfwv3_11gr9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11gr9_139",
-  "toggle": "awsui_toggle_gfwv3_11gr9_139",
-  "description": "awsui_description_gfwv3_11gr9_235",
-  "separator": "awsui_separator_gfwv3_11gr9_239"
+  "root": "awsui_root_gfwv3_1s2ab_97",
+  "horizontal": "awsui_horizontal_gfwv3_1s2ab_102",
+  "vertical": "awsui_vertical_gfwv3_1s2ab_106",
+  "list": "awsui_list_gfwv3_1s2ab_110",
+  "list-item": "awsui_list-item_gfwv3_1s2ab_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1s2ab_137",
+  "toggle": "awsui_toggle_gfwv3_1s2ab_137",
+  "description": "awsui_description_gfwv3_1s2ab_232",
+  "separator": "awsui_separator_gfwv3_1s2ab_236"
 };
   

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -6,8 +6,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,20 +94,20 @@ 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_gfwv3_11gr9_99:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_11gr9_99.awsui_horizontal_gfwv3_11gr9_104:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97.awsui_horizontal_gfwv3_1s2ab_102:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_11gr9_99.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_11gr9_112:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -117,32 +115,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_11gr9_112.awsui_horizontal_gfwv3_11gr9_104:not(#\9), .awsui_list_gfwv3_11gr9_112.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_horizontal_gfwv3_1s2ab_102:not(#\9), .awsui_list_gfwv3_1s2ab_110.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_11gr9_112.awsui_horizontal_gfwv3_11gr9_104:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_horizontal_gfwv3_1s2ab_102:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_11gr9_112.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_11gr9_132:not(#\9) {
+.awsui_list-item_gfwv3_1s2ab_130:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_11gr9_139:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1s2ab_137:not(#\9) {
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_11gr9_139:not(#\9) {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -197,35 +195,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_11gr9_139:not(#\9) {
+  .awsui_toggle_gfwv3_1s2ab_137:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_11gr9_139:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_11gr9_139:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1s2ab_137:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1s2ab_137:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):focus {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active, .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus, .awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active, .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus, .awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):hover {
   text-decoration: none;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
@@ -235,11 +232,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_toggle_gfwv3_11gr9_139 > .awsui_description_gfwv3_11gr9_235:not(#\9) {
+.awsui_toggle_gfwv3_1s2ab_137 > .awsui_description_gfwv3_1s2ab_232:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_separator_gfwv3_11gr9_239:not(#\9) {
+.awsui_separator_gfwv3_1s2ab_236:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-er48cl, 16px);
   inline-size: var(--border-divider-section-width-wl9k66, 1px);

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_11gr9_99",
-  "horizontal": "awsui_horizontal_gfwv3_11gr9_104",
-  "vertical": "awsui_vertical_gfwv3_11gr9_108",
-  "list": "awsui_list_gfwv3_11gr9_112",
-  "list-item": "awsui_list-item_gfwv3_11gr9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11gr9_139",
-  "toggle": "awsui_toggle_gfwv3_11gr9_139",
-  "description": "awsui_description_gfwv3_11gr9_235",
-  "separator": "awsui_separator_gfwv3_11gr9_239"
+  "root": "awsui_root_gfwv3_1s2ab_97",
+  "horizontal": "awsui_horizontal_gfwv3_1s2ab_102",
+  "vertical": "awsui_vertical_gfwv3_1s2ab_106",
+  "list": "awsui_list_gfwv3_1s2ab_110",
+  "list-item": "awsui_list-item_gfwv3_1s2ab_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1s2ab_137",
+  "toggle": "awsui_toggle_gfwv3_1s2ab_137",
+  "description": "awsui_description_gfwv3_1s2ab_232",
+  "separator": "awsui_separator_gfwv3_1s2ab_236"
 };
   

package/lib/internal/template/internal/context/reset-contexts-for-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-contexts-for-modal.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/reset-contexts-for-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,QAAA,MAAM,qBAAqB;cAA8B,MAAM,SAAS;iBAgBvE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"reset-contexts-for-modal.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/reset-contexts-for-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,QAAA,MAAM,qBAAqB;cAA8B,MAAM,SAAS;iBAcvE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/internal/template/internal/context/reset-contexts-for-modal.js

@@ -5,19 +5,17 @@ import { FormFieldContext } from './form-field-context';
 import { ButtonContext } from './button-context';
 import { CollectionLabelContext } from './collection-label-context';
 import { InfoLinkLabelContext } from './info-link-label-context';
-import { AppLayoutContext, defaultValue as appLayoutDefaultValue } from './app-layout-context';
 import { LinkDefaultVariantContext, defaultValue as linkDefaultValue } from './link-default-variant-context';
 import { SingleTabStopNavigationContext, defaultValue as singleTabStopDefaultValue, } from './single-tab-stop-navigation-context';
 /*
  Use this context-resetter when creating a new modal-type context where typically the contents
  of the modal should not be affected by the surrounding components/DOM.
  */
-const ResetContextsForModal = ({ children }) => (React.createElement(AppLayoutContext.Provider, { value: appLayoutDefaultValue },
-    React.createElement(ButtonContext.Provider, { value: { onClick: () => { } } },
-        React.createElement(CollectionLabelContext.Provider, { value: { assignId: () => { } } },
-            React.createElement(FormFieldContext.Provider, { value: {} },
-                React.createElement(InfoLinkLabelContext.Provider, { value: "" },
-                    React.createElement(LinkDefaultVariantContext.Provider, { value: linkDefaultValue },
-                        React.createElement(SingleTabStopNavigationContext.Provider, { value: singleTabStopDefaultValue }, children))))))));
+const ResetContextsForModal = ({ children }) => (React.createElement(ButtonContext.Provider, { value: { onClick: () => { } } },
+    React.createElement(CollectionLabelContext.Provider, { value: { assignId: () => { } } },
+        React.createElement(FormFieldContext.Provider, { value: {} },
+            React.createElement(InfoLinkLabelContext.Provider, { value: "" },
+                React.createElement(LinkDefaultVariantContext.Provider, { value: linkDefaultValue },
+                    React.createElement(SingleTabStopNavigationContext.Provider, { value: singleTabStopDefaultValue }, children)))))));
 export default ResetContextsForModal;
 //# sourceMappingURL=reset-contexts-for-modal.js.map

package/lib/internal/template/internal/context/reset-contexts-for-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset-contexts-for-modal.js","sourceRoot":"","sources":["../../../../src/internal/context/reset-contexts-for-modal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7G,OAAO,EACL,8BAA8B,EAC9B,YAAY,IAAI,yBAAyB,GAC1C,MAAM,sCAAsC,CAAC;AAE9C;;;GAGG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7E,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,qBAAqB;IACrD,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;QAClD,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;YAC5D,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE;gBAClC,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAC,EAAE;oBACrC,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB;wBACzD,oBAAC,8BAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,yBAAyB,IACtE,QAAQ,CAC+B,CACP,CACP,CACN,CACI,CACX,CACC,CAC7B,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { FormFieldContext } from './form-field-context';\nimport { ButtonContext } from './button-context';\nimport { CollectionLabelContext } from './collection-label-context';\nimport { InfoLinkLabelContext } from './info-link-label-context';\nimport { AppLayoutContext, defaultValue as appLayoutDefaultValue } from './app-layout-context';\nimport { LinkDefaultVariantContext, defaultValue as linkDefaultValue } from './link-default-variant-context';\nimport {\n  SingleTabStopNavigationContext,\n  defaultValue as singleTabStopDefaultValue,\n} from './single-tab-stop-navigation-context';\n\n/*\n Use this context-resetter when creating a new modal-type context where typically the contents\n of the modal should not be affected by the surrounding components/DOM.\n */\nconst ResetContextsForModal = ({ children }: { children: React.ReactNode }) => (\n  <AppLayoutContext.Provider value={appLayoutDefaultValue}>\n    <ButtonContext.Provider value={{ onClick: () => {} }}>\n      <CollectionLabelContext.Provider value={{ assignId: () => {} }}>\n        <FormFieldContext.Provider value={{}}>\n          <InfoLinkLabelContext.Provider value=\"\">\n            <LinkDefaultVariantContext.Provider value={linkDefaultValue}>\n              <SingleTabStopNavigationContext.Provider value={singleTabStopDefaultValue}>\n                {children}\n              </SingleTabStopNavigationContext.Provider>\n            </LinkDefaultVariantContext.Provider>\n          </InfoLinkLabelContext.Provider>\n        </FormFieldContext.Provider>\n      </CollectionLabelContext.Provider>\n    </ButtonContext.Provider>\n  </AppLayoutContext.Provider>\n);\n\nexport default ResetContextsForModal;\n"]}
+{"version":3,"file":"reset-contexts-for-modal.js","sourceRoot":"","sources":["../../../../src/internal/context/reset-contexts-for-modal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7G,OAAO,EACL,8BAA8B,EAC9B,YAAY,IAAI,yBAAyB,GAC1C,MAAM,sCAAsC,CAAC;AAE9C;;;GAGG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC7E,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;IAClD,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;QAC5D,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE;YAClC,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAC,EAAE;gBACrC,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB;oBACzD,oBAAC,8BAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,yBAAyB,IACtE,QAAQ,CAC+B,CACP,CACP,CACN,CACI,CACX,CAC1B,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { FormFieldContext } from './form-field-context';\nimport { ButtonContext } from './button-context';\nimport { CollectionLabelContext } from './collection-label-context';\nimport { InfoLinkLabelContext } from './info-link-label-context';\nimport { LinkDefaultVariantContext, defaultValue as linkDefaultValue } from './link-default-variant-context';\nimport {\n  SingleTabStopNavigationContext,\n  defaultValue as singleTabStopDefaultValue,\n} from './single-tab-stop-navigation-context';\n\n/*\n Use this context-resetter when creating a new modal-type context where typically the contents\n of the modal should not be affected by the surrounding components/DOM.\n */\nconst ResetContextsForModal = ({ children }: { children: React.ReactNode }) => (\n  <ButtonContext.Provider value={{ onClick: () => {} }}>\n    <CollectionLabelContext.Provider value={{ assignId: () => {} }}>\n      <FormFieldContext.Provider value={{}}>\n        <InfoLinkLabelContext.Provider value=\"\">\n          <LinkDefaultVariantContext.Provider value={linkDefaultValue}>\n            <SingleTabStopNavigationContext.Provider value={singleTabStopDefaultValue}>\n              {children}\n            </SingleTabStopNavigationContext.Provider>\n          </LinkDefaultVariantContext.Provider>\n        </InfoLinkLabelContext.Provider>\n      </FormFieldContext.Provider>\n    </CollectionLabelContext.Provider>\n  </ButtonContext.Provider>\n);\n\nexport default ResetContextsForModal;\n"]}

package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type FocusableChangeHandler = (isFocusable: boolean) => void;
 export interface SingleTabStopNavigationOptions {
     tabIndex?: number;
@@ -11,7 +11,7 @@ export declare const defaultValue: {
  * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.
  * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.
  */
-export declare const SingleTabStopNavigationContext: import("react").Context<{
+export declare const SingleTabStopNavigationContext: React.Context<{
     navigationActive: boolean;
     registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;
 }>;
@@ -21,4 +21,18 @@ export declare function useSingleTabStopNavigation(focusable: null | React.RefOb
     navigationActive: boolean;
     tabIndex: number | undefined;
 };
+export interface SingleTabStopNavigationProviderProps {
+    navigationActive: boolean;
+    children: React.ReactNode;
+    getNextFocusTarget: () => null | HTMLElement;
+    isElementSuppressed?(focusableElement: Element): boolean;
+    onRegisterFocusable?(focusableElement: Element): void;
+    onUnregisterFocusable?(focusableElement: Element): void;
+}
+export interface SingleTabStopNavigationAPI {
+    updateFocusTarget(): void;
+    getFocusTarget(): null | HTMLElement;
+    isRegistered(element: Element): boolean;
+}
+export declare const SingleTabStopNavigationProvider: React.ForwardRefExoticComponent<SingleTabStopNavigationProviderProps & React.RefAttributes<SingleTabStopNavigationAPI>>;
 //# sourceMappingURL=single-tab-stop-navigation-context.d.ts.map

package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-tab-stop-navigation-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":";AAKA,MAAM,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpE,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAAC;CAIxF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B;sBAXvB,OAAO;iCACI,WAAW,WAAW,sBAAsB,GAAG,MAAM,IAAI;EAUf,CAAC;AAE1E,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAC9C,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAoBhC"}
+{"version":3,"file":"single-tab-stop-navigation-context.d.ts","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpE,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAAC;CAIxF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B;sBAXvB,OAAO;iCACI,WAAW,WAAW,sBAAsB,GAAG,MAAM,IAAI;EAUf,CAAC;AAE1E,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAC9C,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAoBhC;AAED,MAAM,WAAW,oCAAoC;IACnD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC;IAC7C,mBAAmB,CAAC,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC;IACzD,mBAAmB,CAAC,CAAC,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACtD,qBAAqB,CAAC,CAAC,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,IAAI,IAAI,CAAC;IAC1B,cAAc,IAAI,IAAI,GAAG,WAAW,CAAC;IACrC,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,+BAA+B,yHAsE3C,CAAC"}

package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { createContext, useContext, useLayoutEffect, useState } from 'react';
+import React, { createContext, useContext, useLayoutEffect, useRef, useState, useImperativeHandle, forwardRef, } from 'react';
 export const defaultValue = {
     navigationActive: false,
     registerFocusable: () => () => { },
@@ -28,4 +28,54 @@ export function useSingleTabStopNavigation(focusable, options) {
     }
     return { navigationActive, tabIndex };
 }
+export const SingleTabStopNavigationProvider = forwardRef(({ navigationActive, children, getNextFocusTarget, isElementSuppressed, onRegisterFocusable, onUnregisterFocusable, }, ref) => {
+    // A set of registered focusable elements that can use keyboard navigation.
+    const focusables = useRef(new Set());
+    // A map of registered focusable element handlers to update the respective tab indices.
+    const focusHandlers = useRef(new Map());
+    // A map of focusable element states to avoid issuing unnecessary updates to registered elements.
+    const focusablesState = useRef(new WeakMap());
+    // A reference to the currently focused element.
+    const focusTarget = useRef(null);
+    // Register a focusable element to allow navigating into it.
+    // The focusable element tabIndex is only set to 0 if the element matches the focus target.
+    function registerFocusable(focusableElement, changeHandler) {
+        focusables.current.add(focusableElement);
+        focusHandlers.current.set(focusableElement, changeHandler);
+        const isFocusable = !!focusablesState.current.get(focusableElement);
+        const newIsFocusable = focusTarget.current === focusableElement || !!(isElementSuppressed === null || isElementSuppressed === void 0 ? void 0 : isElementSuppressed(focusableElement));
+        if (newIsFocusable !== isFocusable) {
+            focusablesState.current.set(focusableElement, newIsFocusable);
+            changeHandler(newIsFocusable);
+        }
+        onRegisterFocusable === null || onRegisterFocusable === void 0 ? void 0 : onRegisterFocusable(focusableElement);
+        return () => unregisterFocusable(focusableElement);
+    }
+    function unregisterFocusable(focusableElement) {
+        focusables.current.delete(focusableElement);
+        focusHandlers.current.delete(focusableElement);
+        onUnregisterFocusable === null || onUnregisterFocusable === void 0 ? void 0 : onUnregisterFocusable(focusableElement);
+    }
+    // Update focus target with next single focusable element and notify all registered focusables of a change.
+    function updateFocusTarget() {
+        var _a;
+        focusTarget.current = getNextFocusTarget();
+        for (const focusableElement of focusables.current) {
+            const isFocusable = (_a = focusablesState.current.get(focusableElement)) !== null && _a !== void 0 ? _a : false;
+            const newIsFocusable = focusTarget.current === focusableElement || !!(isElementSuppressed === null || isElementSuppressed === void 0 ? void 0 : isElementSuppressed(focusableElement));
+            if (newIsFocusable !== isFocusable) {
+                focusablesState.current.set(focusableElement, newIsFocusable);
+                focusHandlers.current.get(focusableElement)(newIsFocusable);
+            }
+        }
+    }
+    function getFocusTarget() {
+        return focusTarget.current;
+    }
+    function isRegistered(element) {
+        return focusables.current.has(element);
+    }
+    useImperativeHandle(ref, () => ({ updateFocusTarget, getFocusTarget, isRegistered }));
+    return (React.createElement(SingleTabStopNavigationContext.Provider, { value: { navigationActive, registerFocusable } }, children));
+});
 //# sourceMappingURL=single-tab-stop-navigation-context.js.map