@cloudscape-design/components 3.0.494 → 3.0.496

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

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_wfxs9_97",
-  "disabled": "awsui_disabled_1p2cx_wfxs9_115",
-  "parent": "awsui_parent_1p2cx_wfxs9_118",
-  "highlighted": "awsui_highlighted_1p2cx_wfxs9_121",
-  "content": "awsui_content_1p2cx_wfxs9_125",
-  "label-content": "awsui_label-content_1p2cx_wfxs9_132",
-  "label": "awsui_label_1p2cx_wfxs9_132",
-  "tag": "awsui_tag_1p2cx_wfxs9_139",
-  "label-tag": "awsui_label-tag_1p2cx_wfxs9_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_wfxs9_150",
-  "tags": "awsui_tags_1p2cx_wfxs9_163",
-  "description": "awsui_description_1p2cx_wfxs9_164",
-  "selected": "awsui_selected_1p2cx_wfxs9_175",
-  "icon": "awsui_icon_1p2cx_wfxs9_189",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_wfxs9_196",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_wfxs9_200",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_wfxs9_215"
+  "option": "awsui_option_1p2cx_m6mr2_97",
+  "disabled": "awsui_disabled_1p2cx_m6mr2_137",
+  "parent": "awsui_parent_1p2cx_m6mr2_140",
+  "highlighted": "awsui_highlighted_1p2cx_m6mr2_143",
+  "content": "awsui_content_1p2cx_m6mr2_147",
+  "label-content": "awsui_label-content_1p2cx_m6mr2_154",
+  "label": "awsui_label_1p2cx_m6mr2_154",
+  "tag": "awsui_tag_1p2cx_m6mr2_161",
+  "label-tag": "awsui_label-tag_1p2cx_m6mr2_162",
+  "label-prefix": "awsui_label-prefix_1p2cx_m6mr2_172",
+  "tags": "awsui_tags_1p2cx_m6mr2_185",
+  "description": "awsui_description_1p2cx_m6mr2_186",
+  "selected": "awsui_selected_1p2cx_m6mr2_197",
+  "icon": "awsui_icon_1p2cx_m6mr2_211",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_m6mr2_218",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_m6mr2_222",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_m6mr2_237"
 };
   

package/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_wfxs9_97:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_option_1p2cx_m6mr2_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-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -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_wfxs9_97:not(#\9):not(.awsui_disabled_1p2cx_wfxs9_115) {
+.awsui_option_1p2cx_m6mr2_97:not(#\9):not(.awsui_disabled_1p2cx_m6mr2_137) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_wfxs9_97.awsui_parent_1p2cx_wfxs9_118:not(#\9) {
+.awsui_option_1p2cx_m6mr2_97.awsui_parent_1p2cx_m6mr2_140:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_wfxs9_97.awsui_parent_1p2cx_wfxs9_118:not(#\9):not(.awsui_disabled_1p2cx_wfxs9_115):not(.awsui_highlighted_1p2cx_wfxs9_121) {
+.awsui_option_1p2cx_m6mr2_97.awsui_parent_1p2cx_m6mr2_140:not(#\9):not(.awsui_disabled_1p2cx_m6mr2_137):not(.awsui_highlighted_1p2cx_m6mr2_143) {
   color: var(--color-text-dropdown-group-label-4x4uyw, #414d5c);
 }
 
-.awsui_content_1p2cx_wfxs9_125:not(#\9) {
+.awsui_content_1p2cx_m6mr2_147:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_wfxs9_132:not(#\9) {
+.awsui_label-content_1p2cx_m6mr2_154:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_wfxs9_132:not(#\9),
-.awsui_tag_1p2cx_wfxs9_139:not(#\9),
-.awsui_label-tag_1p2cx_wfxs9_140:not(#\9) {
+.awsui_label_1p2cx_m6mr2_154:not(#\9),
+.awsui_tag_1p2cx_m6mr2_161:not(#\9),
+.awsui_label-tag_1p2cx_m6mr2_162:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_wfxs9_132:not(#\9),
-.awsui_tag_1p2cx_wfxs9_139:not(#\9) {
+.awsui_label_1p2cx_m6mr2_154:not(#\9),
+.awsui_tag_1p2cx_m6mr2_161:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_wfxs9_150:not(#\9) {
+.awsui_label-prefix_1p2cx_m6mr2_172:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_wfxs9_140:not(#\9) {
+.awsui_label-tag_1p2cx_m6mr2_162:not(#\9) {
   padding-left: var(--space-s-34lx8l, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_wfxs9_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_m6mr2_162:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_wfxs9_163:not(#\9),
-.awsui_description_1p2cx_wfxs9_164:not(#\9) {
+.awsui_tags_1p2cx_m6mr2_185:not(#\9),
+.awsui_description_1p2cx_m6mr2_186:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_wfxs9_163.awsui_highlighted_1p2cx_wfxs9_121:not(#\9),
-.awsui_description_1p2cx_wfxs9_164.awsui_highlighted_1p2cx_wfxs9_121:not(#\9) {
+.awsui_tags_1p2cx_m6mr2_185.awsui_highlighted_1p2cx_m6mr2_143:not(#\9),
+.awsui_description_1p2cx_m6mr2_186.awsui_highlighted_1p2cx_m6mr2_143:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-zfmqjr, #5f6b7a);
 }
-.awsui_tags_1p2cx_wfxs9_163.awsui_selected_1p2cx_wfxs9_175:not(#\9),
-.awsui_description_1p2cx_wfxs9_164.awsui_selected_1p2cx_wfxs9_175:not(#\9) {
+.awsui_tags_1p2cx_m6mr2_185.awsui_selected_1p2cx_m6mr2_197:not(#\9),
+.awsui_description_1p2cx_m6mr2_186.awsui_selected_1p2cx_m6mr2_197:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
 }
 
-.awsui_tags_1p2cx_wfxs9_163:not(#\9) {
+.awsui_tags_1p2cx_m6mr2_185:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_wfxs9_139:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_m6mr2_161:not(#\9):not(:last-child) {
   padding-right: var(--space-m-udix3p, 16px);
 }
 
-.awsui_icon_1p2cx_wfxs9_189:not(#\9) {
+.awsui_icon_1p2cx_m6mr2_211:not(#\9) {
   padding-right: var(--space-xs-zb16t3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_wfxs9_196:not(#\9) {
+.awsui_icon-size-big_1p2cx_m6mr2_218:not(#\9) {
   padding-top: var(--space-option-icon-big-top-hybljv, 0px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_wfxs9_200:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_m6mr2_222:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-h5rjsp, #f2f8fd);
   color: var(--color-text-dropdown-item-filter-match-6moumb, #0972d3);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_wfxs9_115:not(#\9) {
+.awsui_disabled_1p2cx_m6mr2_137:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_wfxs9_115 > .awsui_content_1p2cx_wfxs9_125 > .awsui_tags_1p2cx_wfxs9_163:not(#\9),
-.awsui_disabled_1p2cx_wfxs9_115 > .awsui_content_1p2cx_wfxs9_125 > .awsui_description_1p2cx_wfxs9_164:not(#\9) {
+.awsui_disabled_1p2cx_m6mr2_137 > .awsui_content_1p2cx_m6mr2_147 > .awsui_tags_1p2cx_m6mr2_185:not(#\9),
+.awsui_disabled_1p2cx_m6mr2_137 > .awsui_content_1p2cx_m6mr2_147 > .awsui_description_1p2cx_m6mr2_186:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_wfxs9_215:not(#\9) {
+.awsui_trigger-variant_1p2cx_m6mr2_237:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/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_wfxs9_97",
-  "disabled": "awsui_disabled_1p2cx_wfxs9_115",
-  "parent": "awsui_parent_1p2cx_wfxs9_118",
-  "highlighted": "awsui_highlighted_1p2cx_wfxs9_121",
-  "content": "awsui_content_1p2cx_wfxs9_125",
-  "label-content": "awsui_label-content_1p2cx_wfxs9_132",
-  "label": "awsui_label_1p2cx_wfxs9_132",
-  "tag": "awsui_tag_1p2cx_wfxs9_139",
-  "label-tag": "awsui_label-tag_1p2cx_wfxs9_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_wfxs9_150",
-  "tags": "awsui_tags_1p2cx_wfxs9_163",
-  "description": "awsui_description_1p2cx_wfxs9_164",
-  "selected": "awsui_selected_1p2cx_wfxs9_175",
-  "icon": "awsui_icon_1p2cx_wfxs9_189",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_wfxs9_196",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_wfxs9_200",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_wfxs9_215"
+  "option": "awsui_option_1p2cx_m6mr2_97",
+  "disabled": "awsui_disabled_1p2cx_m6mr2_137",
+  "parent": "awsui_parent_1p2cx_m6mr2_140",
+  "highlighted": "awsui_highlighted_1p2cx_m6mr2_143",
+  "content": "awsui_content_1p2cx_m6mr2_147",
+  "label-content": "awsui_label-content_1p2cx_m6mr2_154",
+  "label": "awsui_label_1p2cx_m6mr2_154",
+  "tag": "awsui_tag_1p2cx_m6mr2_161",
+  "label-tag": "awsui_label-tag_1p2cx_m6mr2_162",
+  "label-prefix": "awsui_label-prefix_1p2cx_m6mr2_172",
+  "tags": "awsui_tags_1p2cx_m6mr2_185",
+  "description": "awsui_description_1p2cx_m6mr2_186",
+  "selected": "awsui_selected_1p2cx_m6mr2_197",
+  "icon": "awsui_icon_1p2cx_m6mr2_211",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_m6mr2_218",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_m6mr2_222",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_m6mr2_237"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_1e3fr_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1e3fr_115"
+  "options-list": "awsui_options-list_19gcf_fx7kx_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_fx7kx_137"
 };
   

package/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_1e3fr_93:not(#\9) {
+.awsui_options-list_19gcf_fx7kx_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-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -138,6 +135,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
 
-.awsui_decrease-top-margin_19gcf_1e3fr_115:not(#\9) {
+.awsui_decrease-top-margin_19gcf_fx7kx_137:not(#\9) {
   margin-top: -1px;
 }

package/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_1e3fr_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1e3fr_115"
+  "options-list": "awsui_options-list_19gcf_fx7kx_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_fx7kx_137"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_15cbj_93",
-  "horizontal": "awsui_horizontal_gfwv3_15cbj_98",
-  "vertical": "awsui_vertical_gfwv3_15cbj_102",
-  "list": "awsui_list_gfwv3_15cbj_106",
-  "list-item": "awsui_list-item_gfwv3_15cbj_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_15cbj_129",
-  "toggle": "awsui_toggle_gfwv3_15cbj_129",
-  "description": "awsui_description_gfwv3_15cbj_197",
-  "separator": "awsui_separator_gfwv3_15cbj_201"
+  "root": "awsui_root_gfwv3_1xf4n_93",
+  "horizontal": "awsui_horizontal_gfwv3_1xf4n_98",
+  "vertical": "awsui_vertical_gfwv3_1xf4n_102",
+  "list": "awsui_list_gfwv3_1xf4n_106",
+  "list-item": "awsui_list-item_gfwv3_1xf4n_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xf4n_129",
+  "toggle": "awsui_toggle_gfwv3_1xf4n_129",
+  "description": "awsui_description_gfwv3_1xf4n_219",
+  "separator": "awsui_separator_gfwv3_1xf4n_223"
 };
   

package/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_15cbj_93:not(#\9) {
+.awsui_root_gfwv3_1xf4n_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_gfwv3_15cbj_93.awsui_horizontal_gfwv3_15cbj_98:not(#\9) {
+.awsui_root_gfwv3_1xf4n_93.awsui_horizontal_gfwv3_1xf4n_98:not(#\9) {
   gap: var(--space-xs-zb16t3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_15cbj_93.awsui_vertical_gfwv3_15cbj_102:not(#\9) {
+.awsui_root_gfwv3_1xf4n_93.awsui_vertical_gfwv3_1xf4n_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_15cbj_106:not(#\9) {
+.awsui_list_gfwv3_1xf4n_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_15cbj_106.awsui_horizontal_gfwv3_15cbj_98:not(#\9), .awsui_list_gfwv3_15cbj_106.awsui_vertical_gfwv3_15cbj_102:not(#\9) {
+.awsui_list_gfwv3_1xf4n_106.awsui_horizontal_gfwv3_1xf4n_98:not(#\9), .awsui_list_gfwv3_1xf4n_106.awsui_vertical_gfwv3_1xf4n_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_list_gfwv3_15cbj_106.awsui_horizontal_gfwv3_15cbj_98:not(#\9) {
+.awsui_list_gfwv3_1xf4n_106.awsui_horizontal_gfwv3_1xf4n_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_15cbj_106.awsui_vertical_gfwv3_15cbj_102:not(#\9) {
+.awsui_list_gfwv3_1xf4n_106.awsui_vertical_gfwv3_1xf4n_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_15cbj_124:not(#\9) {
+.awsui_list-item_gfwv3_1xf4n_124:not(#\9) {
   padding: 0;
   margin: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_15cbj_129:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1xf4n_129:not(#\9) {
   padding-left: var(--space-xs-zb16t3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_15cbj_129:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_toggle_gfwv3_1xf4n_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-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -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_15cbj_129:not(#\9) {
+  .awsui_toggle_gfwv3_1xf4n_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_15cbj_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_15cbj_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1xf4n_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1xf4n_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_15cbj_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1xf4n_129:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_15cbj_129:not(#\9):focus {
+.awsui_toggle_gfwv3_1xf4n_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_15cbj_129:not(#\9):active {
+.awsui_toggle_gfwv3_1xf4n_129:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_15cbj_129:not(#\9):active, .awsui_toggle_gfwv3_15cbj_129:not(#\9):focus, .awsui_toggle_gfwv3_15cbj_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1xf4n_129:not(#\9):active, .awsui_toggle_gfwv3_1xf4n_129:not(#\9):focus, .awsui_toggle_gfwv3_1xf4n_129:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_15cbj_129:not(#\9):active, .awsui_toggle_gfwv3_15cbj_129:not(#\9):focus, .awsui_toggle_gfwv3_15cbj_129:not(#\9):hover {
+.awsui_toggle_gfwv3_1xf4n_129:not(#\9):active, .awsui_toggle_gfwv3_1xf4n_129:not(#\9):focus, .awsui_toggle_gfwv3_1xf4n_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_15cbj_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1xf4n_129:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_toggle_gfwv3_15cbj_129 > .awsui_description_gfwv3_15cbj_197:not(#\9) {
+.awsui_toggle_gfwv3_1xf4n_129 > .awsui_description_gfwv3_1xf4n_219:not(#\9) {
   margin-left: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_separator_gfwv3_15cbj_201:not(#\9) {
+.awsui_separator_gfwv3_1xf4n_223:not(#\9) {
   margin: 0px var(--space-scaled-m-mo5yse, 16px);
   width: var(--border-divider-section-width-1061zr, 1px);
   background-color: var(--color-border-divider-default-j74lyz, #b6bec9);

package/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_15cbj_93",
-  "horizontal": "awsui_horizontal_gfwv3_15cbj_98",
-  "vertical": "awsui_vertical_gfwv3_15cbj_102",
-  "list": "awsui_list_gfwv3_15cbj_106",
-  "list-item": "awsui_list-item_gfwv3_15cbj_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_15cbj_129",
-  "toggle": "awsui_toggle_gfwv3_15cbj_129",
-  "description": "awsui_description_gfwv3_15cbj_197",
-  "separator": "awsui_separator_gfwv3_15cbj_201"
+  "root": "awsui_root_gfwv3_1xf4n_93",
+  "horizontal": "awsui_horizontal_gfwv3_1xf4n_98",
+  "vertical": "awsui_vertical_gfwv3_1xf4n_102",
+  "list": "awsui_list_gfwv3_1xf4n_106",
+  "list-item": "awsui_list-item_gfwv3_1xf4n_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xf4n_129",
+  "toggle": "awsui_toggle_gfwv3_1xf4n_129",
+  "description": "awsui_description_gfwv3_1xf4n_219",
+  "separator": "awsui_separator_gfwv3_1xf4n_223"
 };
   

package/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/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/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/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/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/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/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "1b66dfbbdf53bae49b9eaa6311803a20a70499f7"
+  "commit": "1bbe2c9448e651b037e257077b5a854fc13f47bd"
 }