@cloudscape-design/components-themeable 3.0.510 → 3.0.512

package/lib/internal/template/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_1hgd1_97",
-  "disabled": "awsui_disabled_1p2cx_1hgd1_115",
-  "parent": "awsui_parent_1p2cx_1hgd1_118",
-  "highlighted": "awsui_highlighted_1p2cx_1hgd1_121",
-  "content": "awsui_content_1p2cx_1hgd1_125",
-  "label-content": "awsui_label-content_1p2cx_1hgd1_132",
-  "label": "awsui_label_1p2cx_1hgd1_132",
-  "tag": "awsui_tag_1p2cx_1hgd1_139",
-  "label-tag": "awsui_label-tag_1p2cx_1hgd1_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_1hgd1_150",
-  "tags": "awsui_tags_1p2cx_1hgd1_163",
-  "description": "awsui_description_1p2cx_1hgd1_164",
-  "selected": "awsui_selected_1p2cx_1hgd1_175",
-  "icon": "awsui_icon_1p2cx_1hgd1_189",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1hgd1_196",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1hgd1_200",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1hgd1_215"
+  "option": "awsui_option_1p2cx_r2f36_97",
+  "disabled": "awsui_disabled_1p2cx_r2f36_137",
+  "parent": "awsui_parent_1p2cx_r2f36_140",
+  "highlighted": "awsui_highlighted_1p2cx_r2f36_143",
+  "content": "awsui_content_1p2cx_r2f36_147",
+  "label-content": "awsui_label-content_1p2cx_r2f36_154",
+  "label": "awsui_label_1p2cx_r2f36_154",
+  "tag": "awsui_tag_1p2cx_r2f36_161",
+  "label-tag": "awsui_label-tag_1p2cx_r2f36_162",
+  "label-prefix": "awsui_label-prefix_1p2cx_r2f36_172",
+  "tags": "awsui_tags_1p2cx_r2f36_185",
+  "description": "awsui_description_1p2cx_r2f36_186",
+  "selected": "awsui_selected_1p2cx_r2f36_197",
+  "icon": "awsui_icon_1p2cx_r2f36_211",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_r2f36_218",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_r2f36_222",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_r2f36_237"
 };
   

package/lib/internal/template/internal/components/option/styles.scoped.css

@@ -94,19 +94,19 @@ 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_option_1p2cx_1hgd1_97:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_option_1p2cx_r2f36_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -115,15 +115,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   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);
@@ -138,107 +135,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_1hgd1_97:not(#\9):not(.awsui_disabled_1p2cx_1hgd1_115) {
+.awsui_option_1p2cx_r2f36_97:not(#\9):not(.awsui_disabled_1p2cx_r2f36_137) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_1hgd1_97.awsui_parent_1p2cx_1hgd1_118:not(#\9) {
+.awsui_option_1p2cx_r2f36_97.awsui_parent_1p2cx_r2f36_140:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_1hgd1_97.awsui_parent_1p2cx_1hgd1_118:not(#\9):not(.awsui_disabled_1p2cx_1hgd1_115):not(.awsui_highlighted_1p2cx_1hgd1_121) {
+.awsui_option_1p2cx_r2f36_97.awsui_parent_1p2cx_r2f36_140:not(#\9):not(.awsui_disabled_1p2cx_r2f36_137):not(.awsui_highlighted_1p2cx_r2f36_143) {
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
 
-.awsui_content_1p2cx_1hgd1_125:not(#\9) {
+.awsui_content_1p2cx_r2f36_147:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_1hgd1_132:not(#\9) {
+.awsui_label-content_1p2cx_r2f36_154:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_1hgd1_132:not(#\9),
-.awsui_tag_1p2cx_1hgd1_139:not(#\9),
-.awsui_label-tag_1p2cx_1hgd1_140:not(#\9) {
+.awsui_label_1p2cx_r2f36_154:not(#\9),
+.awsui_tag_1p2cx_r2f36_161:not(#\9),
+.awsui_label-tag_1p2cx_r2f36_162:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_1hgd1_132:not(#\9),
-.awsui_tag_1p2cx_1hgd1_139:not(#\9) {
+.awsui_label_1p2cx_r2f36_154:not(#\9),
+.awsui_tag_1p2cx_r2f36_161:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_1hgd1_150:not(#\9) {
+.awsui_label-prefix_1p2cx_r2f36_172:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_1hgd1_140:not(#\9) {
+.awsui_label-tag_1p2cx_r2f36_162:not(#\9) {
   padding-left: var(--space-s-2025hl, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_1hgd1_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_r2f36_162:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_1hgd1_163:not(#\9),
-.awsui_description_1p2cx_1hgd1_164:not(#\9) {
+.awsui_tags_1p2cx_r2f36_185:not(#\9),
+.awsui_description_1p2cx_r2f36_186:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
   color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_1hgd1_163.awsui_highlighted_1p2cx_1hgd1_121:not(#\9),
-.awsui_description_1p2cx_1hgd1_164.awsui_highlighted_1p2cx_1hgd1_121:not(#\9) {
+.awsui_tags_1p2cx_r2f36_185.awsui_highlighted_1p2cx_r2f36_143:not(#\9),
+.awsui_description_1p2cx_r2f36_186.awsui_highlighted_1p2cx_r2f36_143:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-q6kp0a, #687078);
 }
-.awsui_tags_1p2cx_1hgd1_163.awsui_selected_1p2cx_1hgd1_175:not(#\9),
-.awsui_description_1p2cx_1hgd1_164.awsui_selected_1p2cx_1hgd1_175:not(#\9) {
+.awsui_tags_1p2cx_r2f36_185.awsui_selected_1p2cx_r2f36_197:not(#\9),
+.awsui_description_1p2cx_r2f36_186.awsui_selected_1p2cx_r2f36_197:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
 }
 
-.awsui_tags_1p2cx_1hgd1_163:not(#\9) {
+.awsui_tags_1p2cx_r2f36_185:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_1hgd1_139:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_r2f36_161:not(#\9):not(:last-child) {
   padding-right: var(--space-m-kpg8id, 16px);
 }
 
-.awsui_icon_1p2cx_1hgd1_189:not(#\9) {
+.awsui_icon_1p2cx_r2f36_211:not(#\9) {
   padding-right: var(--space-xs-xf5ch3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_1hgd1_196:not(#\9) {
+.awsui_icon-size-big_1p2cx_r2f36_218:not(#\9) {
   padding-top: var(--space-option-icon-big-top-b7er3p, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_1hgd1_200:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_r2f36_222:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-nyh5xa, #f1faff);
   color: var(--color-text-dropdown-item-filter-match-45q4r4, #0073bb);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_1hgd1_115:not(#\9) {
+.awsui_disabled_1p2cx_r2f36_137:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_1hgd1_115 > .awsui_content_1p2cx_1hgd1_125 > .awsui_tags_1p2cx_1hgd1_163:not(#\9),
-.awsui_disabled_1p2cx_1hgd1_115 > .awsui_content_1p2cx_1hgd1_125 > .awsui_description_1p2cx_1hgd1_164:not(#\9) {
+.awsui_disabled_1p2cx_r2f36_137 > .awsui_content_1p2cx_r2f36_147 > .awsui_tags_1p2cx_r2f36_185:not(#\9),
+.awsui_disabled_1p2cx_r2f36_137 > .awsui_content_1p2cx_r2f36_147 > .awsui_description_1p2cx_r2f36_186:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_1hgd1_215:not(#\9) {
+.awsui_trigger-variant_1p2cx_r2f36_237:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_1hgd1_97",
-  "disabled": "awsui_disabled_1p2cx_1hgd1_115",
-  "parent": "awsui_parent_1p2cx_1hgd1_118",
-  "highlighted": "awsui_highlighted_1p2cx_1hgd1_121",
-  "content": "awsui_content_1p2cx_1hgd1_125",
-  "label-content": "awsui_label-content_1p2cx_1hgd1_132",
-  "label": "awsui_label_1p2cx_1hgd1_132",
-  "tag": "awsui_tag_1p2cx_1hgd1_139",
-  "label-tag": "awsui_label-tag_1p2cx_1hgd1_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_1hgd1_150",
-  "tags": "awsui_tags_1p2cx_1hgd1_163",
-  "description": "awsui_description_1p2cx_1hgd1_164",
-  "selected": "awsui_selected_1p2cx_1hgd1_175",
-  "icon": "awsui_icon_1p2cx_1hgd1_189",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1hgd1_196",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1hgd1_200",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1hgd1_215"
+  "option": "awsui_option_1p2cx_r2f36_97",
+  "disabled": "awsui_disabled_1p2cx_r2f36_137",
+  "parent": "awsui_parent_1p2cx_r2f36_140",
+  "highlighted": "awsui_highlighted_1p2cx_r2f36_143",
+  "content": "awsui_content_1p2cx_r2f36_147",
+  "label-content": "awsui_label-content_1p2cx_r2f36_154",
+  "label": "awsui_label_1p2cx_r2f36_154",
+  "tag": "awsui_tag_1p2cx_r2f36_161",
+  "label-tag": "awsui_label-tag_1p2cx_r2f36_162",
+  "label-prefix": "awsui_label-prefix_1p2cx_r2f36_172",
+  "tags": "awsui_tags_1p2cx_r2f36_185",
+  "description": "awsui_description_1p2cx_r2f36_186",
+  "selected": "awsui_selected_1p2cx_r2f36_197",
+  "icon": "awsui_icon_1p2cx_r2f36_211",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_r2f36_218",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_r2f36_222",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_r2f36_237"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_16466_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_16466_115"
+  "options-list": "awsui_options-list_19gcf_14w2k_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_14w2k_137"
 };
   

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

@@ -90,23 +90,23 @@ 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_options-list_19gcf_16466_93:not(#\9) {
+.awsui_options-list_19gcf_14w2k_93:not(#\9) {
   padding: 0;
   margin: 0;
   outline: none;
   border: none;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -115,15 +115,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   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);
@@ -138,6 +135,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
 
-.awsui_decrease-top-margin_19gcf_16466_115:not(#\9) {
+.awsui_decrease-top-margin_19gcf_14w2k_137:not(#\9) {
   margin-top: -1px;
 }

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_16466_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_16466_115"
+  "options-list": "awsui_options-list_19gcf_14w2k_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_14w2k_137"
 };
   

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_1sjq5_93",
-  "horizontal": "awsui_horizontal_gfwv3_1sjq5_98",
-  "vertical": "awsui_vertical_gfwv3_1sjq5_102",
-  "list": "awsui_list_gfwv3_1sjq5_106",
-  "list-item": "awsui_list-item_gfwv3_1sjq5_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1sjq5_129",
-  "toggle": "awsui_toggle_gfwv3_1sjq5_129",
-  "description": "awsui_description_gfwv3_1sjq5_197",
-  "separator": "awsui_separator_gfwv3_1sjq5_201"
+  "root": "awsui_root_gfwv3_19yd4_93",
+  "horizontal": "awsui_horizontal_gfwv3_19yd4_98",
+  "vertical": "awsui_vertical_gfwv3_19yd4_102",
+  "list": "awsui_list_gfwv3_19yd4_106",
+  "list-item": "awsui_list-item_gfwv3_19yd4_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19yd4_129",
+  "toggle": "awsui_toggle_gfwv3_19yd4_129",
+  "description": "awsui_description_gfwv3_19yd4_219",
+  "separator": "awsui_separator_gfwv3_19yd4_223"
 };
   

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

@@ -90,61 +90,61 @@ 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_1sjq5_93:not(#\9) {
+.awsui_root_gfwv3_19yd4_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_1sjq5_93.awsui_horizontal_gfwv3_1sjq5_98:not(#\9) {
+.awsui_root_gfwv3_19yd4_93.awsui_horizontal_gfwv3_19yd4_98:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_1sjq5_93.awsui_vertical_gfwv3_1sjq5_102:not(#\9) {
+.awsui_root_gfwv3_19yd4_93.awsui_vertical_gfwv3_19yd4_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1sjq5_106:not(#\9) {
+.awsui_list_gfwv3_19yd4_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_1sjq5_106.awsui_horizontal_gfwv3_1sjq5_98:not(#\9), .awsui_list_gfwv3_1sjq5_106.awsui_vertical_gfwv3_1sjq5_102:not(#\9) {
+.awsui_list_gfwv3_19yd4_106.awsui_horizontal_gfwv3_19yd4_98:not(#\9), .awsui_list_gfwv3_19yd4_106.awsui_vertical_gfwv3_19yd4_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_1sjq5_106.awsui_horizontal_gfwv3_1sjq5_98:not(#\9) {
+.awsui_list_gfwv3_19yd4_106.awsui_horizontal_gfwv3_19yd4_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_1sjq5_106.awsui_vertical_gfwv3_1sjq5_102:not(#\9) {
+.awsui_list_gfwv3_19yd4_106.awsui_vertical_gfwv3_19yd4_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1sjq5_124:not(#\9) {
+.awsui_list-item_gfwv3_19yd4_124:not(#\9) {
   padding: 0;
   margin: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1sjq5_129:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_19yd4_129:not(#\9) {
   padding-left: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_toggle_gfwv3_19yd4_129:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -153,15 +153,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   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);
@@ -188,45 +185,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1sjq5_129:not(#\9) {
+  .awsui_toggle_gfwv3_19yd4_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1sjq5_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1sjq5_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_19yd4_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_19yd4_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19yd4_129:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9):focus {
+.awsui_toggle_gfwv3_19yd4_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9):active {
+.awsui_toggle_gfwv3_19yd4_129:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9):active, .awsui_toggle_gfwv3_1sjq5_129:not(#\9):focus, .awsui_toggle_gfwv3_1sjq5_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19yd4_129:not(#\9):active, .awsui_toggle_gfwv3_19yd4_129:not(#\9):focus, .awsui_toggle_gfwv3_19yd4_129:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1sjq5_129:not(#\9):active, .awsui_toggle_gfwv3_1sjq5_129:not(#\9):focus, .awsui_toggle_gfwv3_1sjq5_129:not(#\9):hover {
+.awsui_toggle_gfwv3_19yd4_129:not(#\9):active, .awsui_toggle_gfwv3_19yd4_129:not(#\9):focus, .awsui_toggle_gfwv3_19yd4_129: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_1sjq5_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_19yd4_129:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
   border-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_1sjq5_129 > .awsui_description_gfwv3_1sjq5_197:not(#\9) {
+.awsui_toggle_gfwv3_19yd4_129 > .awsui_description_gfwv3_19yd4_219:not(#\9) {
   margin-left: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_separator_gfwv3_1sjq5_201:not(#\9) {
+.awsui_separator_gfwv3_19yd4_223:not(#\9) {
   margin: 0px var(--space-scaled-m-er48cl, 16px);
   width: var(--border-divider-section-width-wl9k66, 1px);
   background-color: var(--color-border-divider-default-in8dkg, #eaeded);

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_1sjq5_93",
-  "horizontal": "awsui_horizontal_gfwv3_1sjq5_98",
-  "vertical": "awsui_vertical_gfwv3_1sjq5_102",
-  "list": "awsui_list_gfwv3_1sjq5_106",
-  "list-item": "awsui_list-item_gfwv3_1sjq5_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1sjq5_129",
-  "toggle": "awsui_toggle_gfwv3_1sjq5_129",
-  "description": "awsui_description_gfwv3_1sjq5_197",
-  "separator": "awsui_separator_gfwv3_1sjq5_201"
+  "root": "awsui_root_gfwv3_19yd4_93",
+  "horizontal": "awsui_horizontal_gfwv3_19yd4_98",
+  "vertical": "awsui_vertical_gfwv3_19yd4_102",
+  "list": "awsui_list_gfwv3_19yd4_106",
+  "list-item": "awsui_list-item_gfwv3_19yd4_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19yd4_129",
+  "toggle": "awsui_toggle_gfwv3_19yd4_129",
+  "description": "awsui_description_gfwv3_19yd4_219",
+  "separator": "awsui_separator_gfwv3_19yd4_223"
 };
   

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

@@ -1,13 +1,18 @@
-/// <reference types="react" />
+import React from 'react';
+export type FocusableDefinition = React.RefObject<Element>;
+export type FocusableChangeHandler = (focusTarget: null | Element, suppressed: boolean) => void;
+export interface SingleTabStopNavigationOptions {
+    tabIndex?: number;
+}
 /**
  * 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<{
-    focusTarget: null | Element;
+export declare const SingleTabStopNavigationContext: React.Context<{
     navigationActive: boolean;
+    registerFocusable(focusable: FocusableDefinition, handler: FocusableChangeHandler): () => void;
 }>;
-export declare function useSingleTabStopNavigation(focusable: null | React.RefObject<HTMLElement>, options?: {
+export declare function useSingleTabStopNavigation(focusable: null | FocusableDefinition, options?: {
     tabIndex?: number;
 }): {
     navigationActive: boolean;

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":"lib/default/","sources":["internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":";AAKA;;;GAGG;AACH,eAAO,MAAM,8BAA8B;iBAC5B,IAAI,GAAG,OAAO;sBACT,OAAO;EAIzB,CAAC;AAEH,wBAAgB,0BAA0B,CACxC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAC9C,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAYhC"}
+{"version":3,"file":"single-tab-stop-navigation-context.d.ts","sourceRoot":"lib/default/","sources":["internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAE3F,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,CAAC,WAAW,EAAE,IAAI,GAAG,OAAO,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAEhG,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,8BAA8B;sBACvB,OAAO;+DACkC,sBAAsB,GAAG,MAAM,IAAI;EAI9F,CAAC;AAEH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,IAAI,GAAG,mBAAmB,EAAE,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE;;;EA2BhH"}

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

@@ -1,20 +1,30 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { createContext, useContext } from 'react';
+import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 /**
  * 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 const SingleTabStopNavigationContext = createContext({
-    focusTarget: null,
     navigationActive: false,
+    registerFocusable: () => () => { },
 });
 export function useSingleTabStopNavigation(focusable, options) {
-    const { focusTarget, navigationActive } = useContext(SingleTabStopNavigationContext);
-    const focusTargetActive = Boolean(focusable && focusable.current === focusTarget);
+    var _a;
+    const { navigationActive: contextNavigationActive, registerFocusable: contextRegisterFocusable } = useContext(SingleTabStopNavigationContext);
+    const [focusTargetActive, setFocusTargetActive] = useState(false);
+    const navigationActive = contextNavigationActive && (!(options === null || options === void 0 ? void 0 : options.tabIndex) || (options === null || options === void 0 ? void 0 : options.tabIndex) >= 0);
+    const registerFocusable = useCallback((focusable, changeHandler) => navigationActive ? contextRegisterFocusable(focusable, changeHandler) : () => { }, [navigationActive, contextRegisterFocusable]);
+    useEffect(() => {
+        if (focusable) {
+            const changeHandler = (element, suppressed) => setFocusTargetActive(focusable.current === element || suppressed);
+            const unregister = registerFocusable(focusable, changeHandler);
+            return () => unregister();
+        }
+    }, [focusable, registerFocusable]);
     let tabIndex = options === null || options === void 0 ? void 0 : options.tabIndex;
     if (navigationActive) {
-        tabIndex = !focusTargetActive ? -1 : tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0;
+        tabIndex = !focusTargetActive ? -1 : (_a = options === null || options === void 0 ? void 0 : options.tabIndex) !== null && _a !== void 0 ? _a : 0;
     }
     return { navigationActive, tabIndex };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"lib/default/","sources":["internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAGxD;IACD,WAAW,EAAE,IAAI;IACjB,gBAAgB,EAAE,KAAK;CACxB,CAAC,CAAC;AAEH,MAAM,UAAU,0BAA0B,CACxC,SAA8C,EAC9C,OAA+B;IAE/B,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IAErF,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC;IAElF,IAAI,QAAQ,GAAuB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACrD,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,CAAC;KACpD;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext<{\n  focusTarget: null | Element;\n  navigationActive: boolean;\n}>({\n  focusTarget: null,\n  navigationActive: false,\n});\n\nexport function useSingleTabStopNavigation(\n  focusable: null | React.RefObject<HTMLElement>,\n  options?: { tabIndex?: number }\n) {\n  const { focusTarget, navigationActive } = useContext(SingleTabStopNavigationContext);\n\n  const focusTargetActive = Boolean(focusable && focusable.current === focusTarget);\n\n  let tabIndex: undefined | number = options?.tabIndex;\n  if (navigationActive) {\n    tabIndex = !focusTargetActive ? -1 : tabIndex ?? 0;\n  }\n\n  return { navigationActive, tabIndex };\n}\n"]}
+{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"lib/default/","sources":["internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU3F;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAGxD;IACD,gBAAgB,EAAE,KAAK;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC,CAAC;AAEH,MAAM,UAAU,0BAA0B,CAAC,SAAqC,EAAE,OAA+B;;IAC/G,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,GAC9F,UAAU,CAAC,8BAA8B,CAAC,CAAC;IAC7C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,gBAAgB,GAAG,uBAAuB,IAAI,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAA,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,CAAC,CAAC,CAAC;IACnG,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,SAA8B,EAAE,aAAqC,EAAE,EAAE,CACxE,gBAAgB,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAClF,CAAC,gBAAgB,EAAE,wBAAwB,CAAC,CAC7C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,UAAmB,EAAE,EAAE,CACrE,oBAAoB,CAAC,SAAS,CAAC,OAAO,KAAK,OAAO,IAAI,UAAU,CAAC,CAAC;YACpE,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YAC/D,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEnC,IAAI,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACjC,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC7D;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react';\n\nexport type FocusableDefinition = React.RefObject<Element>;\n\nexport type FocusableChangeHandler = (focusTarget: null | Element, suppressed: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n  tabIndex?: number;\n}\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext<{\n  navigationActive: boolean;\n  registerFocusable(focusable: FocusableDefinition, handler: FocusableChangeHandler): () => void;\n}>({\n  navigationActive: false,\n  registerFocusable: () => () => {},\n});\n\nexport function useSingleTabStopNavigation(focusable: null | FocusableDefinition, options?: { tabIndex?: number }) {\n  const { navigationActive: contextNavigationActive, registerFocusable: contextRegisterFocusable } =\n    useContext(SingleTabStopNavigationContext);\n  const [focusTargetActive, setFocusTargetActive] = useState(false);\n\n  const navigationActive = contextNavigationActive && (!options?.tabIndex || options?.tabIndex >= 0);\n  const registerFocusable = useCallback(\n    (focusable: FocusableDefinition, changeHandler: FocusableChangeHandler) =>\n      navigationActive ? contextRegisterFocusable(focusable, changeHandler) : () => {},\n    [navigationActive, contextRegisterFocusable]\n  );\n\n  useEffect(() => {\n    if (focusable) {\n      const changeHandler = (element: null | Element, suppressed: boolean) =>\n        setFocusTargetActive(focusable.current === element || suppressed);\n      const unregister = registerFocusable(focusable, changeHandler);\n      return () => unregister();\n    }\n  }, [focusable, registerFocusable]);\n\n  let tabIndex = options?.tabIndex;\n  if (navigationActive) {\n    tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n  }\n\n  return { navigationActive, tabIndex };\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (1b66dfbb)";
+export var PACKAGE_VERSION = "3.0.0 (1bbe2c94)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (1b66dfbb)",
+  "PACKAGE_VERSION": "3.0.0 (1bbe2c94)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/utils/scrollable-containers.d.ts

@@ -29,6 +29,7 @@ export declare function calculateScroll({ top, height }: BoundingBox): number;
  * so we need to manually scroll to the element's position.
  * Supports only vertical scrolling.
  */
-export declare function scrollRectangleIntoView(box: BoundingBox): void;
+export declare function scrollRectangleIntoView(box: BoundingBox, scrollableParent?: HTMLElement): void;
+export declare function getFirstScrollableParent(element: HTMLElement): HTMLElement | undefined;
 export {};
 //# sourceMappingURL=scrollable-containers.d.ts.map