@cloudscape-design/components 3.0.839 → 3.0.841

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

@@ -146,7 +146,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_option_1p2cx_1a732_149:not(#\9) {
+.awsui_option_1p2cx_17p6o_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -155,12 +155,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -187,107 +184,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_1a732_149:not(#\9):not(.awsui_disabled_1p2cx_1a732_189) {
+.awsui_option_1p2cx_17p6o_149:not(#\9):not(.awsui_disabled_1p2cx_17p6o_186) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_1a732_149.awsui_parent_1p2cx_1a732_192:not(#\9) {
+.awsui_option_1p2cx_17p6o_149.awsui_parent_1p2cx_17p6o_189:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_1a732_149.awsui_parent_1p2cx_1a732_192:not(#\9):not(.awsui_disabled_1p2cx_1a732_189):not(.awsui_highlighted_1p2cx_1a732_195) {
+.awsui_option_1p2cx_17p6o_149.awsui_parent_1p2cx_17p6o_189:not(#\9):not(.awsui_disabled_1p2cx_17p6o_186):not(.awsui_highlighted_1p2cx_17p6o_192) {
   color: var(--color-text-dropdown-group-label-iy2p4t, #424650);
 }
 
-.awsui_content_1p2cx_1a732_199:not(#\9) {
+.awsui_content_1p2cx_17p6o_196:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_1a732_206:not(#\9) {
+.awsui_label-content_1p2cx_17p6o_203:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_1a732_206:not(#\9),
-.awsui_tag_1p2cx_1a732_213:not(#\9),
-.awsui_label-tag_1p2cx_1a732_214:not(#\9) {
+.awsui_label_1p2cx_17p6o_203:not(#\9),
+.awsui_tag_1p2cx_17p6o_210:not(#\9),
+.awsui_label-tag_1p2cx_17p6o_211:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_1a732_206:not(#\9),
-.awsui_tag_1p2cx_1a732_213:not(#\9) {
+.awsui_label_1p2cx_17p6o_203:not(#\9),
+.awsui_tag_1p2cx_17p6o_210:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_1a732_224:not(#\9) {
+.awsui_label-prefix_1p2cx_17p6o_221:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_1a732_214:not(#\9) {
+.awsui_label-tag_1p2cx_17p6o_211:not(#\9) {
   padding-inline-start: var(--space-s-34lx8l, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_1a732_214:not(#\9):empty {
+.awsui_label-tag_1p2cx_17p6o_211:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_1a732_237:not(#\9),
-.awsui_description_1p2cx_1a732_238:not(#\9) {
+.awsui_tags_1p2cx_17p6o_234:not(#\9),
+.awsui_description_1p2cx_17p6o_235: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-xvh5zo, #656871);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_1a732_237.awsui_highlighted_1p2cx_1a732_195:not(#\9),
-.awsui_description_1p2cx_1a732_238.awsui_highlighted_1p2cx_1a732_195:not(#\9) {
+.awsui_tags_1p2cx_17p6o_234.awsui_highlighted_1p2cx_17p6o_192:not(#\9),
+.awsui_description_1p2cx_17p6o_235.awsui_highlighted_1p2cx_17p6o_192:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-4xn5ec, #656871);
 }
-.awsui_tags_1p2cx_1a732_237.awsui_selected_1p2cx_1a732_249:not(#\9),
-.awsui_description_1p2cx_1a732_238.awsui_selected_1p2cx_1a732_249:not(#\9) {
+.awsui_tags_1p2cx_17p6o_234.awsui_selected_1p2cx_17p6o_246:not(#\9),
+.awsui_description_1p2cx_17p6o_235.awsui_selected_1p2cx_17p6o_246:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-xvh5zo, #656871);
 }
 
-.awsui_tags_1p2cx_1a732_237:not(#\9) {
+.awsui_tags_1p2cx_17p6o_234:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_1a732_213:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_17p6o_210:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-udix3p, 16px);
 }
 
-.awsui_icon_1p2cx_1a732_263:not(#\9) {
+.awsui_icon_1p2cx_17p6o_260:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_1a732_270:not(#\9) {
+.awsui_icon-size-big_1p2cx_17p6o_267:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-hybljv, 0px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_1a732_274:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_17p6o_271:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-5pchhq, #f0fbff);
   color: var(--color-text-dropdown-item-filter-match-vwk0li, #006ce0);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_1a732_189:not(#\9) {
+.awsui_disabled_1p2cx_17p6o_186:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-7fg5u8, #b4b4bb);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_1a732_189 > .awsui_content_1p2cx_1a732_199 > .awsui_tags_1p2cx_1a732_237:not(#\9),
-.awsui_disabled_1p2cx_1a732_189 > .awsui_content_1p2cx_1a732_199 > .awsui_description_1p2cx_1a732_238:not(#\9) {
+.awsui_disabled_1p2cx_17p6o_186 > .awsui_content_1p2cx_17p6o_196 > .awsui_tags_1p2cx_17p6o_234:not(#\9),
+.awsui_disabled_1p2cx_17p6o_186 > .awsui_content_1p2cx_17p6o_196 > .awsui_description_1p2cx_17p6o_235:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_1a732_289:not(#\9) {
+.awsui_trigger-variant_1p2cx_17p6o_286: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_1a732_149",
-  "disabled": "awsui_disabled_1p2cx_1a732_189",
-  "parent": "awsui_parent_1p2cx_1a732_192",
-  "highlighted": "awsui_highlighted_1p2cx_1a732_195",
-  "content": "awsui_content_1p2cx_1a732_199",
-  "label-content": "awsui_label-content_1p2cx_1a732_206",
-  "label": "awsui_label_1p2cx_1a732_206",
-  "tag": "awsui_tag_1p2cx_1a732_213",
-  "label-tag": "awsui_label-tag_1p2cx_1a732_214",
-  "label-prefix": "awsui_label-prefix_1p2cx_1a732_224",
-  "tags": "awsui_tags_1p2cx_1a732_237",
-  "description": "awsui_description_1p2cx_1a732_238",
-  "selected": "awsui_selected_1p2cx_1a732_249",
-  "icon": "awsui_icon_1p2cx_1a732_263",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1a732_270",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1a732_274",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1a732_289"
+  "option": "awsui_option_1p2cx_17p6o_149",
+  "disabled": "awsui_disabled_1p2cx_17p6o_186",
+  "parent": "awsui_parent_1p2cx_17p6o_189",
+  "highlighted": "awsui_highlighted_1p2cx_17p6o_192",
+  "content": "awsui_content_1p2cx_17p6o_196",
+  "label-content": "awsui_label-content_1p2cx_17p6o_203",
+  "label": "awsui_label_1p2cx_17p6o_203",
+  "tag": "awsui_tag_1p2cx_17p6o_210",
+  "label-tag": "awsui_label-tag_1p2cx_17p6o_211",
+  "label-prefix": "awsui_label-prefix_1p2cx_17p6o_221",
+  "tags": "awsui_tags_1p2cx_17p6o_234",
+  "description": "awsui_description_1p2cx_17p6o_235",
+  "selected": "awsui_selected_1p2cx_17p6o_246",
+  "icon": "awsui_icon_1p2cx_17p6o_260",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_17p6o_267",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_17p6o_271",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_17p6o_286"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_1hl2l_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_1hl2l_190",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1hl2l_197"
+  "options-list": "awsui_options-list_19gcf_blw6k_141",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_blw6k_187",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_blw6k_194"
 };
   

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

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_options-list_19gcf_1hl2l_141:not(#\9) {
+.awsui_options-list_19gcf_blw6k_141:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -154,12 +154,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -188,13 +185,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
-.awsui_options-list-embedded_19gcf_1hl2l_190:not(#\9) {
+.awsui_options-list-embedded_19gcf_blw6k_187:not(#\9) {
   border-start-start-radius: 0px;
   border-start-end-radius: 0px;
   border-end-start-radius: 0px;
   border-end-end-radius: 0px;
 }
 
-.awsui_decrease-block-margin_19gcf_1hl2l_197:not(#\9) {
+.awsui_decrease-block-margin_19gcf_blw6k_194:not(#\9) {
   margin-block: -1px;
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_1hl2l_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_1hl2l_190",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1hl2l_197"
+  "options-list": "awsui_options-list_19gcf_blw6k_141",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_blw6k_187",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_blw6k_194"
 };
   

package/internal/components/options-list/utils/use-highlight-option.d.ts

@@ -3,7 +3,7 @@ export declare class HighlightType {
     moveFocus: boolean;
     constructor(type: 'keyboard' | 'mouse', moveFocus?: boolean);
 }
-export interface HighlightedOptionProps<OptionType> {
+interface HighlightedOptionProps<OptionType> {
     options: readonly OptionType[];
     isHighlightable: (option: OptionType) => boolean;
 }
@@ -21,4 +21,5 @@ export interface HighlightedOptionHandlers<OptionType> {
     goEndWithKeyboard(): void;
 }
 export declare function useHighlightedOption<OptionType>({ options, isHighlightable, }: HighlightedOptionProps<OptionType>): [HighlightedOptionState<OptionType>, HighlightedOptionHandlers<OptionType>];
+export {};
 //# sourceMappingURL=use-highlight-option.d.ts.map

package/internal/components/options-list/utils/use-highlight-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlight-option.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IAEf,IAAI,EAAE,UAAU,GAAG,OAAO;IAC1B,SAAS,EAAE,OAAO;gBADlB,IAAI,EAAE,UAAU,GAAG,OAAO,EAC1B,SAAS,GAAE,OAA6B;CAElD;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,yBAAyB,CAAC,UAAU;IAEnD,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEvE,yBAAyB,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACnD,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACtD,0BAA0B,IAAI,IAAI,CAAC;IACnC,kBAAkB,IAAI,IAAI,CAAC;IAC3B,iBAAiB,IAAI,IAAI,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,EAC/C,OAAO,EACP,eAAe,GAChB,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC,CA8ClH"}
+{"version":3,"file":"use-highlight-option.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IAEf,IAAI,EAAE,UAAU,GAAG,OAAO;IAC1B,SAAS,EAAE,OAAO;gBADlB,IAAI,EAAE,UAAU,GAAG,OAAO,EAC1B,SAAS,GAAE,OAA6B;CAElD;AAED,UAAU,sBAAsB,CAAC,UAAU;IACzC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,yBAAyB,CAAC,UAAU;IAEnD,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEvE,yBAAyB,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACnD,2BAA2B,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACtD,0BAA0B,IAAI,IAAI,CAAC;IACnC,kBAAkB,IAAI,IAAI,CAAC;IAC3B,iBAAiB,IAAI,IAAI,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,EAC/C,OAAO,EACP,eAAe,GAChB,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC,CA8ClH"}

package/internal/components/options-list/utils/use-highlight-option.js

@@ -10,9 +10,9 @@ export class HighlightType {
 export function useHighlightedOption({ options, isHighlightable, }) {
     const [highlightedIndex, setHighlightedIndexState] = useState(-1);
     const [highlightType, setHighlightType] = useState(new HighlightType('keyboard'));
-    const setHighlightedIndex = useCallback((index, highlightType) => {
+    const setHighlightedIndex = useCallback((index, newHighlightType) => {
         setHighlightedIndexState(index);
-        setHighlightType(highlightType);
+        setHighlightType(oldHighlight => (oldHighlight.type !== newHighlightType.type ? newHighlightType : oldHighlight));
     }, []);
     const highlightedOption = options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;
     const moveHighlightFrom = (direction, startIndex = highlightedIndex, highlightType) => {

package/internal/components/options-list/utils/use-highlight-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlight-option.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useState } from 'react';\n\nexport class HighlightType {\n  constructor(\n    public type: 'keyboard' | 'mouse',\n    public moveFocus: boolean = type === 'keyboard'\n  ) {}\n}\n\nexport interface HighlightedOptionProps<OptionType> {\n  options: readonly OptionType[];\n  isHighlightable: (option: OptionType) => boolean;\n}\n\nexport interface HighlightedOptionState<OptionType> {\n  highlightType: HighlightType;\n  highlightedIndex: number;\n  highlightedOption?: OptionType;\n}\n\nexport interface HighlightedOptionHandlers<OptionType> {\n  // Mouse handlers\n  setHighlightedIndexWithMouse(index: number, moveFocus?: boolean): void;\n  // Keyboard handlers\n  moveHighlightWithKeyboard(direction: -1 | 1): void;\n  highlightOptionWithKeyboard(option: OptionType): void;\n  resetHighlightWithKeyboard(): void;\n  goHomeWithKeyboard(): void;\n  goEndWithKeyboard(): void;\n}\n\nexport function useHighlightedOption<OptionType>({\n  options,\n  isHighlightable,\n}: HighlightedOptionProps<OptionType>): [HighlightedOptionState<OptionType>, HighlightedOptionHandlers<OptionType>] {\n  const [highlightedIndex, setHighlightedIndexState] = useState(-1);\n  const [highlightType, setHighlightType] = useState<HighlightType>(new HighlightType('keyboard'));\n  const setHighlightedIndex = useCallback((index: number, highlightType: HighlightType) => {\n    setHighlightedIndexState(index);\n    setHighlightType(highlightType);\n  }, []);\n\n  const highlightedOption =\n    options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;\n\n  const moveHighlightFrom = (direction: -1 | 1, startIndex = highlightedIndex, highlightType: HighlightType) => {\n    const fromBottomEnd = startIndex === -1 && direction === -1;\n    let newIndex = fromBottomEnd ? options.length : startIndex;\n    do {\n      newIndex += direction;\n    } while (options[newIndex] && !isHighlightable(options[newIndex]));\n\n    if (options[newIndex]) {\n      setHighlightedIndex(newIndex, highlightType);\n    }\n  };\n\n  const moveHighlight = (direction: -1 | 1, highlightType: HighlightType) =>\n    moveHighlightFrom(direction, highlightedIndex, highlightType);\n\n  const highlightOption = useCallback(\n    (option: OptionType, highlightType: HighlightType) => {\n      const index = options.indexOf(option);\n      setHighlightedIndex(index, highlightType);\n    },\n    [options, setHighlightedIndex]\n  );\n\n  return [\n    { highlightType, highlightedIndex, highlightedOption },\n    {\n      setHighlightedIndexWithMouse: (index: number, moveFocus = false) =>\n        setHighlightedIndex(index, new HighlightType('mouse', moveFocus)),\n      moveHighlightWithKeyboard: (direction: -1 | 1) => moveHighlight(direction, new HighlightType('keyboard')),\n      highlightOptionWithKeyboard: (option: OptionType) => highlightOption(option, new HighlightType('keyboard')),\n      resetHighlightWithKeyboard: () => setHighlightedIndex(-1, new HighlightType('keyboard')),\n      goHomeWithKeyboard: () => moveHighlightFrom(1, -1, new HighlightType('keyboard')),\n      goEndWithKeyboard: () => moveHighlightFrom(-1, options.length, new HighlightType('keyboard')),\n    },\n  ];\n}\n"]}
+{"version":3,"file":"use-highlight-option.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useState } from 'react';\n\nexport class HighlightType {\n  constructor(\n    public type: 'keyboard' | 'mouse',\n    public moveFocus: boolean = type === 'keyboard'\n  ) {}\n}\n\ninterface HighlightedOptionProps<OptionType> {\n  options: readonly OptionType[];\n  isHighlightable: (option: OptionType) => boolean;\n}\n\nexport interface HighlightedOptionState<OptionType> {\n  highlightType: HighlightType;\n  highlightedIndex: number;\n  highlightedOption?: OptionType;\n}\n\nexport interface HighlightedOptionHandlers<OptionType> {\n  // Mouse handlers\n  setHighlightedIndexWithMouse(index: number, moveFocus?: boolean): void;\n  // Keyboard handlers\n  moveHighlightWithKeyboard(direction: -1 | 1): void;\n  highlightOptionWithKeyboard(option: OptionType): void;\n  resetHighlightWithKeyboard(): void;\n  goHomeWithKeyboard(): void;\n  goEndWithKeyboard(): void;\n}\n\nexport function useHighlightedOption<OptionType>({\n  options,\n  isHighlightable,\n}: HighlightedOptionProps<OptionType>): [HighlightedOptionState<OptionType>, HighlightedOptionHandlers<OptionType>] {\n  const [highlightedIndex, setHighlightedIndexState] = useState(-1);\n  const [highlightType, setHighlightType] = useState<HighlightType>(new HighlightType('keyboard'));\n  const setHighlightedIndex = useCallback((index: number, newHighlightType: HighlightType) => {\n    setHighlightedIndexState(index);\n    setHighlightType(oldHighlight => (oldHighlight.type !== newHighlightType.type ? newHighlightType : oldHighlight));\n  }, []);\n\n  const highlightedOption =\n    options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;\n\n  const moveHighlightFrom = (direction: -1 | 1, startIndex = highlightedIndex, highlightType: HighlightType) => {\n    const fromBottomEnd = startIndex === -1 && direction === -1;\n    let newIndex = fromBottomEnd ? options.length : startIndex;\n    do {\n      newIndex += direction;\n    } while (options[newIndex] && !isHighlightable(options[newIndex]));\n\n    if (options[newIndex]) {\n      setHighlightedIndex(newIndex, highlightType);\n    }\n  };\n\n  const moveHighlight = (direction: -1 | 1, highlightType: HighlightType) =>\n    moveHighlightFrom(direction, highlightedIndex, highlightType);\n\n  const highlightOption = useCallback(\n    (option: OptionType, highlightType: HighlightType) => {\n      const index = options.indexOf(option);\n      setHighlightedIndex(index, highlightType);\n    },\n    [options, setHighlightedIndex]\n  );\n\n  return [\n    { highlightType, highlightedIndex, highlightedOption },\n    {\n      setHighlightedIndexWithMouse: (index: number, moveFocus = false) =>\n        setHighlightedIndex(index, new HighlightType('mouse', moveFocus)),\n      moveHighlightWithKeyboard: (direction: -1 | 1) => moveHighlight(direction, new HighlightType('keyboard')),\n      highlightOptionWithKeyboard: (option: OptionType) => highlightOption(option, new HighlightType('keyboard')),\n      resetHighlightWithKeyboard: () => setHighlightedIndex(-1, new HighlightType('keyboard')),\n      goHomeWithKeyboard: () => moveHighlightFrom(1, -1, new HighlightType('keyboard')),\n      goEndWithKeyboard: () => moveHighlightFrom(-1, options.length, new HighlightType('keyboard')),\n    },\n  ];\n}\n"]}

package/internal/components/screenreader-only/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ScreenreaderOnlyProps {
+interface ScreenreaderOnlyProps {
     id?: string;
     className?: string;
     children?: React.ReactNode;
@@ -19,4 +19,5 @@ export interface ScreenreaderOnlyProps {
  * ```
  */
 export default function ScreenreaderOnly(props: ScreenreaderOnlyProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/internal/components/screenreader-only/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAEpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,qBAAqB;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAEpE"}

package/internal/components/screenreader-only/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,8CAAU,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\n\nexport interface ScreenreaderOnlyProps {\n  id?: string;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n *\n * To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n *\n * ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n *\n * let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n *\n * let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n  return <span {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/screenreader-only/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA4B;IACnE,OAAO,8CAAU,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\n\ninterface ScreenreaderOnlyProps {\n  id?: string;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Makes content now shown on a screen but still announced by screen-reader users.\n * The component is suitable when the aria-label cannot be used, e.g. to avoid elemnts being announced as \"blank\".\n *\n * To exclude screenreader-only content use `:not(.${screenreaderOnlyStyles.root})` selector, for example:\n *\n * ```\n * import screenreaderOnlyStyles from '~internal/components/screenreader-only/styles.css.js'\n *\n * let visibleContent = wrapper.find(`${styles.label}`).find(`:not(.${screenreaderOnlyStyles.root})`).getElement().textContent\n *\n * let screenreaderContent = wrapper.find(`${styles.label}`).find(`.${screenreaderOnlyStyles.root}`).getElement().textContent\n * ```\n */\nexport default function ScreenreaderOnly(props: ScreenreaderOnlyProps) {\n  return <span {...props} className={clsx(styles.root, props.className)} />;\n}\n"]}

package/internal/components/tab-trap/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface TabTrapProps {
+interface TabTrapProps {
     focusNextCallback: (event: React.FocusEvent) => void;
     disabled?: boolean;
 }
@@ -9,4 +9,5 @@ export interface TabTrapProps {
  * which can forward the focus to another element.
  */
 export default function TabTrap({ focusNextCallback, disabled }: TabTrapProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/internal/components/tab-trap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAgB,EAAE,EAAE,YAAY,eAEpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAgB,EAAE,EAAE,YAAY,eAEpF"}

package/internal/components/tab-trap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAQ,GAAG,KAAK,EAAgB;IACnF,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAAC;AAClG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport styles from './styles.css.js';\n\nexport interface TabTrapProps {\n  focusNextCallback: (event: React.FocusEvent) => void;\n  disabled?: boolean;\n}\n\n/**\n * This component handles focus-forwarding when using keyboard tab navigation.\n * When the user focuses this component, the `focusNextCallback` function is called\n * which can forward the focus to another element.\n */\nexport default function TabTrap({ focusNextCallback, disabled = false }: TabTrapProps) {\n  return <div className={styles.root} tabIndex={disabled ? -1 : 0} onFocus={focusNextCallback} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tab-trap/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,iBAAiB,EAAE,QAAQ,GAAG,KAAK,EAAgB;IACnF,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,iBAAiB,GAAI,CAAC;AAClG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport styles from './styles.css.js';\n\ninterface TabTrapProps {\n  focusNextCallback: (event: React.FocusEvent) => void;\n  disabled?: boolean;\n}\n\n/**\n * This component handles focus-forwarding when using keyboard tab navigation.\n * When the user focuses this component, the `focusNextCallback` function is called\n * which can forward the focus to another element.\n */\nexport default function TabTrap({ focusNextCallback, disabled = false }: TabTrapProps) {\n  return <div className={styles.root} tabIndex={disabled ? -1 : 0} onFocus={focusNextCallback} />;\n}\n"]}

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1ab1q_189",
-  "horizontal": "awsui_horizontal_gfwv3_1ab1q_192",
-  "vertical": "awsui_vertical_gfwv3_1ab1q_198",
-  "list": "awsui_list_gfwv3_1ab1q_203",
-  "grid": "awsui_grid_gfwv3_1ab1q_222",
-  "list-item": "awsui_list-item_gfwv3_1ab1q_234",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ab1q_241",
-  "toggle": "awsui_toggle_gfwv3_1ab1q_241",
-  "description": "awsui_description_gfwv3_1ab1q_336",
-  "separator": "awsui_separator_gfwv3_1ab1q_340"
+  "root": "awsui_root_gfwv3_1lmww_189",
+  "horizontal": "awsui_horizontal_gfwv3_1lmww_192",
+  "vertical": "awsui_vertical_gfwv3_1lmww_198",
+  "list": "awsui_list_gfwv3_1lmww_203",
+  "grid": "awsui_grid_gfwv3_1lmww_222",
+  "list-item": "awsui_list-item_gfwv3_1lmww_234",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1lmww_241",
+  "toggle": "awsui_toggle_gfwv3_1lmww_241",
+  "description": "awsui_description_gfwv3_1lmww_333",
+  "separator": "awsui_separator_gfwv3_1lmww_337"
 };
   

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

@@ -186,21 +186,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_1ab1q_189:not(#\9) {
+.awsui_root_gfwv3_1lmww_189:not(#\9) {
   gap: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_gfwv3_1ab1q_189.awsui_horizontal_gfwv3_1ab1q_192:not(#\9) {
+.awsui_root_gfwv3_1lmww_189.awsui_horizontal_gfwv3_1lmww_192:not(#\9) {
   display: flex;
   gap: var(--space-xs-zb16t3, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_1ab1q_189.awsui_vertical_gfwv3_1ab1q_198:not(#\9) {
+.awsui_root_gfwv3_1lmww_189.awsui_vertical_gfwv3_1lmww_198:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1ab1q_203:not(#\9) {
+.awsui_list_gfwv3_1lmww_203:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -208,43 +208,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_1ab1q_203.awsui_horizontal_gfwv3_1ab1q_192:not(#\9), .awsui_list_gfwv3_1ab1q_203.awsui_vertical_gfwv3_1ab1q_198:not(#\9) {
+.awsui_list_gfwv3_1lmww_203.awsui_horizontal_gfwv3_1lmww_192:not(#\9), .awsui_list_gfwv3_1lmww_203.awsui_vertical_gfwv3_1lmww_198:not(#\9) {
   display: flex;
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_list_gfwv3_1ab1q_203.awsui_horizontal_gfwv3_1ab1q_192:not(#\9) {
+.awsui_list_gfwv3_1lmww_203.awsui_horizontal_gfwv3_1lmww_192:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_1ab1q_203.awsui_vertical_gfwv3_1ab1q_198:not(#\9) {
+.awsui_list_gfwv3_1lmww_203.awsui_vertical_gfwv3_1lmww_198:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_1ab1q_203.awsui_grid_gfwv3_1ab1q_222:not(#\9) {
+.awsui_list_gfwv3_1lmww_203.awsui_grid_gfwv3_1lmww_222:not(#\9) {
   display: grid;
   gap: var(--space-xs-zb16t3, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_1ab1q_203.awsui_grid_gfwv3_1ab1q_222:not(#\9) {
+  .awsui_list_gfwv3_1lmww_203.awsui_grid_gfwv3_1lmww_222:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_1ab1q_234:not(#\9) {
+.awsui_list-item_gfwv3_1lmww_234:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1ab1q_241:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1lmww_241:not(#\9) {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9) {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -253,12 +253,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -299,34 +296,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1ab1q_241:not(#\9) {
+  .awsui_toggle_gfwv3_1lmww_241:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1ab1q_241:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1ab1q_241:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1lmww_241:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1lmww_241:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9):hover {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9):focus {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9):active {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9):active {
   color: var(--color-text-link-hover-49uoe9, #002b66);
 }
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9):active, .awsui_toggle_gfwv3_1ab1q_241:not(#\9):focus, .awsui_toggle_gfwv3_1ab1q_241:not(#\9):hover {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9):active, .awsui_toggle_gfwv3_1lmww_241:not(#\9):focus, .awsui_toggle_gfwv3_1lmww_241:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1ab1q_241:not(#\9):active, .awsui_toggle_gfwv3_1ab1q_241:not(#\9):focus, .awsui_toggle_gfwv3_1ab1q_241:not(#\9):hover {
+.awsui_toggle_gfwv3_1lmww_241:not(#\9):active, .awsui_toggle_gfwv3_1lmww_241:not(#\9):focus, .awsui_toggle_gfwv3_1lmww_241:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ab1q_241:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1lmww_241:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-item-focused-nv6mhz, #006ce0);
   border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-item-focused-nv6mhz, #006ce0);
@@ -336,11 +333,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ab1q_241:not(#\9):focus
   border-end-end-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-nv6mhz, #006ce0);
 }
-.awsui_toggle_gfwv3_1ab1q_241 > .awsui_description_gfwv3_1ab1q_336:not(#\9) {
+.awsui_toggle_gfwv3_1lmww_241 > .awsui_description_gfwv3_1lmww_333:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_separator_gfwv3_1ab1q_340:not(#\9) {
+.awsui_separator_gfwv3_1lmww_337:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-mo5yse, 16px);
   inline-size: var(--border-divider-section-width-1061zr, 1px);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1ab1q_189",
-  "horizontal": "awsui_horizontal_gfwv3_1ab1q_192",
-  "vertical": "awsui_vertical_gfwv3_1ab1q_198",
-  "list": "awsui_list_gfwv3_1ab1q_203",
-  "grid": "awsui_grid_gfwv3_1ab1q_222",
-  "list-item": "awsui_list-item_gfwv3_1ab1q_234",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ab1q_241",
-  "toggle": "awsui_toggle_gfwv3_1ab1q_241",
-  "description": "awsui_description_gfwv3_1ab1q_336",
-  "separator": "awsui_separator_gfwv3_1ab1q_340"
+  "root": "awsui_root_gfwv3_1lmww_189",
+  "horizontal": "awsui_horizontal_gfwv3_1lmww_192",
+  "vertical": "awsui_vertical_gfwv3_1lmww_198",
+  "list": "awsui_list_gfwv3_1lmww_203",
+  "grid": "awsui_grid_gfwv3_1lmww_222",
+  "list-item": "awsui_list-item_gfwv3_1lmww_234",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1lmww_241",
+  "toggle": "awsui_toggle_gfwv3_1lmww_241",
+  "description": "awsui_description_gfwv3_1lmww_333",
+  "separator": "awsui_separator_gfwv3_1lmww_337"
 };
   

package/internal/components/transition/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { MutableRefObject } from 'react';
 import { TransitionStatus as ReactTransitionGroupTransitionStatus } from 'react-transition-group';
 export type TransitionStatus = ReactTransitionGroupTransitionStatus | 'enter' | 'exit';
-export interface TransitionProps {
+interface TransitionProps {
     in: boolean;
     exit?: boolean;
     disabled?: boolean;
@@ -19,4 +19,5 @@ export interface TransitionProps {
  * attached to the node that is transitioning.
  */
 export declare function Transition({ in: isIn, children, exit, onStatusChange, disabled, transitionChangeDelay, ...rest }: TransitionProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/internal/components/transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/transition/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAEL,gBAAgB,IAAI,oCAAoC,EACzD,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,gBAAgB,GAAG,oCAAoC,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvF,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EAAE,IAAI,EACR,QAAQ,EACR,IAAW,EACX,cAA6B,EAC7B,QAAgB,EAChB,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,eAAe,eA8EjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/transition/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAEL,gBAAgB,IAAI,oCAAoC,EACzD,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,gBAAgB,GAAG,oCAAoC,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvF,UAAU,eAAe;IACvB,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EAAE,IAAI,EACR,QAAQ,EACR,IAAW,EACX,cAA6B,EAC7B,QAAgB,EAChB,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,eAAe,eA8EjB"}