@cloudscape-design/components 3.0.176 → 3.0.177

package/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1aum0_93",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1aum0_1",
-  "refresh": "awsui_refresh_qwoo0_1aum0_114",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1aum0_1",
-  "root": "awsui_root_qwoo0_1aum0_143",
-  "interior": "awsui_interior_qwoo0_1aum0_155",
-  "dropdown": "awsui_dropdown_qwoo0_1aum0_93",
-  "use-portal": "awsui_use-portal_qwoo0_1aum0_166",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1aum0_211",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1aum0_215",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1aum0_218",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1aum0_221",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1aum0_224",
-  "hide-upper-border": "awsui_hide-upper-border_qwoo0_1aum0_227",
-  "open": "awsui_open_qwoo0_1aum0_234",
-  "nowrap": "awsui_nowrap_qwoo0_1aum0_243",
-  "is-empty": "awsui_is-empty_qwoo0_1aum0_247",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1aum0_93",
-  "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_1aum0_257",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1aum0_261"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_3app8_93",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_3app8_1",
+  "refresh": "awsui_refresh_qwoo0_3app8_114",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_3app8_1",
+  "root": "awsui_root_qwoo0_3app8_143",
+  "interior": "awsui_interior_qwoo0_3app8_157",
+  "dropdown": "awsui_dropdown_qwoo0_3app8_93",
+  "use-portal": "awsui_use-portal_qwoo0_3app8_168",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_3app8_213",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_3app8_217",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_3app8_220",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_3app8_223",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_3app8_226",
+  "hide-upper-border": "awsui_hide-upper-border_qwoo0_3app8_229",
+  "open": "awsui_open_qwoo0_3app8_236",
+  "nowrap": "awsui_nowrap_qwoo0_3app8_245",
+  "is-empty": "awsui_is-empty_qwoo0_3app8_249",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_3app8_93",
+  "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_3app8_259",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_3app8_263"
 };
   

package/internal/components/dropdown-footer/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1afi9_19bf4_93",
-  "hidden": "awsui_hidden_1afi9_19bf4_103",
-  "no-items": "awsui_no-items_1afi9_19bf4_106"
+  "root": "awsui_root_1afi9_iwcpc_93",
+  "hidden": "awsui_hidden_1afi9_iwcpc_105",
+  "no-items": "awsui_no-items_1afi9_iwcpc_108"
 };
   

package/internal/components/dropdown-footer/styles.scoped.css

@@ -90,7 +90,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_root_1afi9_19bf4_93:not(#\9) {
+.awsui_root_1afi9_iwcpc_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -125,10 +125,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1afi9_19bf4_93:not(#\9):not(.awsui_hidden_1afi9_19bf4_103) {
+.awsui_root_1afi9_iwcpc_93:not(#\9):not(.awsui_hidden_1afi9_iwcpc_105) {
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
 }
-.awsui_root_1afi9_19bf4_93:not(#\9):not(.awsui_hidden_1afi9_19bf4_103).awsui_no-items_1afi9_19bf4_106 {
+.awsui_root_1afi9_iwcpc_93:not(#\9):not(.awsui_hidden_1afi9_iwcpc_105).awsui_no-items_1afi9_iwcpc_108 {
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-dropdown-item-top-xnzq48, transparent);
 }

package/internal/components/dropdown-footer/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1afi9_19bf4_93",
-  "hidden": "awsui_hidden_1afi9_19bf4_103",
-  "no-items": "awsui_no-items_1afi9_19bf4_106"
+  "root": "awsui_root_1afi9_iwcpc_93",
+  "hidden": "awsui_hidden_1afi9_iwcpc_105",
+  "no-items": "awsui_no-items_1afi9_iwcpc_108"
 };
   

package/internal/components/dropdown-status/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_1obpu_93",
-  "recovery": "awsui_recovery_vrgzu_1obpu_105"
+  "root": "awsui_root_vrgzu_fmosc_93",
+  "recovery": "awsui_recovery_vrgzu_fmosc_107"
 };
   

package/internal/components/dropdown-status/styles.scoped.css

@@ -90,7 +90,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_root_vrgzu_1obpu_93:not(#\9) {
+.awsui_root_vrgzu_fmosc_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -125,9 +125,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   padding: var(--space-xxs-ynfts5, 4px) var(--space-field-horizontal-89h2yr, 12px) calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
   color: var(--color-text-dropdown-footer-rj6jvf, #5f6b7a);
 }
-.awsui_root_vrgzu_1obpu_93 > .awsui_recovery_vrgzu_1obpu_105:not(#\9) {
+.awsui_root_vrgzu_fmosc_93 > .awsui_recovery_vrgzu_fmosc_107:not(#\9) {
   /* used in test-utils */
 }

package/internal/components/dropdown-status/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_vrgzu_1obpu_93",
-  "recovery": "awsui_recovery_vrgzu_1obpu_105"
+  "root": "awsui_root_vrgzu_fmosc_93",
+  "recovery": "awsui_recovery_vrgzu_fmosc_107"
 };
   

package/internal/components/focus-lock/index.d.ts

@@ -3,7 +3,8 @@ export interface FocusLockProps {
     className?: string;
     disabled?: boolean;
     autoFocus?: boolean;
+    restoreFocus?: boolean;
     children: React.ReactNode;
 }
-export default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps): JSX.Element;
+export default function FocusLock({ className, disabled, autoFocus, restoreFocus, children }: FocusLockProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/focus-lock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,eA8B7F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,eAwD3G"}

package/internal/components/focus-lock/index.js

@@ -1,11 +1,21 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useMergeRefs } from '../../hooks/use-merge-refs';
 import TabTrap from '../tab-trap/index';
 import { getFirstFocusable, getLastFocusable } from './utils';
 export default function FocusLock(_a) {
-    var className = _a.className, disabled = _a.disabled, autoFocus = _a.autoFocus, children = _a.children;
+    var className = _a.className, disabled = _a.disabled, autoFocus = _a.autoFocus, restoreFocus = _a.restoreFocus, children = _a.children;
+    var returnFocusToRef = useRef(null);
     var containerRef = useRef(null);
+    // Using a callback ref to detect component unmounts, which is safer than using useEffect.
+    var restoreFocusHandler = useCallback(function (elem) {
+        var _a;
+        if (elem === null && restoreFocus) {
+            (_a = returnFocusToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [restoreFocus]);
+    var mergedRef = useMergeRefs(containerRef, restoreFocusHandler);
     var focusFirst = function () {
         var _a;
         if (containerRef.current) {
@@ -19,13 +29,26 @@ export default function FocusLock(_a) {
         }
     };
     useEffect(function () {
-        if (autoFocus) {
+        if (autoFocus && !disabled) {
+            returnFocusToRef.current = document.activeElement;
             focusFirst();
         }
-    }, [autoFocus]);
+    }, [autoFocus, disabled]);
+    // Returns focus when disabled changes from false to true.
+    var _b = useState(!!disabled), prevDisabled = _b[0], setPrevDisabled = _b[1];
+    useEffect(function () {
+        var _a;
+        if (prevDisabled !== !!disabled) {
+            setPrevDisabled(!!disabled);
+            if (disabled && restoreFocus) {
+                (_a = returnFocusToRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                returnFocusToRef.current = null;
+            }
+        }
+    }, [prevDisabled, disabled, restoreFocus]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusLast }),
-        React.createElement("div", { className: className, ref: containerRef }, children),
+        React.createElement("div", { className: className, ref: mergedRef }, children),
         React.createElement(TabTrap, { disabled: disabled, focusNextCallback: focusFirst })));
 }
 //# sourceMappingURL=index.js.map

package/internal/components/focus-lock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAS9D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA4D;QAA1D,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC1E,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,EAAE;YACb,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,IACzC,QAAQ,CACL;QACN,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n  className?: string;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function FocusLock({ className, disabled, autoFocus, children }: FocusLockProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const focusFirst = () => {\n    if (containerRef.current) {\n      getFirstFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  const focusLast = () => {\n    if (containerRef.current) {\n      getLastFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus]);\n\n  return (\n    <>\n      <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n      <div className={className} ref={containerRef}>\n        {children}\n      </div>\n      <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/focus-lock/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAU9D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAA0E;QAAxE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACxF,IAAM,gBAAgB,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC/D,IAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,0FAA0F;IAC1F,IAAM,mBAAmB,GAAG,WAAW,CACrC,UAAC,IAA2B;;QAC1B,IAAI,IAAI,KAAK,IAAI,IAAI,YAAY,EAAE;YACjC,MAAA,gBAAgB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SACnC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,IAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC;IAElE,IAAM,UAAU,GAAG;;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;;QAChB,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,MAAA,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAC;SACjD;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;YAC1B,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAwC,CAAC;YAC7E,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,0DAA0D;IACpD,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IAC7D,SAAS,CAAC;;QACR,IAAI,YAAY,KAAK,CAAC,CAAC,QAAQ,EAAE;YAC/B,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC5B,IAAI,QAAQ,IAAI,YAAY,EAAE;gBAC5B,MAAA,gBAAgB,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAClC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;aACjC;SACF;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,GAAI;QAC7D,6BAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,IACtC,QAAQ,CACL;QACN,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\n\nimport TabTrap from '../tab-trap/index';\nimport { getFirstFocusable, getLastFocusable } from './utils';\n\nexport interface FocusLockProps {\n  className?: string;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  restoreFocus?: boolean;\n  children: React.ReactNode;\n}\n\nexport default function FocusLock({ className, disabled, autoFocus, restoreFocus, children }: FocusLockProps) {\n  const returnFocusToRef = useRef<HTMLOrSVGElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  // Using a callback ref to detect component unmounts, which is safer than using useEffect.\n  const restoreFocusHandler = useCallback(\n    (elem: HTMLDivElement | null) => {\n      if (elem === null && restoreFocus) {\n        returnFocusToRef.current?.focus();\n      }\n    },\n    [restoreFocus]\n  );\n\n  const mergedRef = useMergeRefs(containerRef, restoreFocusHandler);\n\n  const focusFirst = () => {\n    if (containerRef.current) {\n      getFirstFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  const focusLast = () => {\n    if (containerRef.current) {\n      getLastFocusable(containerRef.current)?.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (autoFocus && !disabled) {\n      returnFocusToRef.current = document.activeElement as HTMLOrSVGElement | null;\n      focusFirst();\n    }\n  }, [autoFocus, disabled]);\n\n  // Returns focus when disabled changes from false to true.\n  const [prevDisabled, setPrevDisabled] = useState(!!disabled);\n  useEffect(() => {\n    if (prevDisabled !== !!disabled) {\n      setPrevDisabled(!!disabled);\n      if (disabled && restoreFocus) {\n        returnFocusToRef.current?.focus();\n        returnFocusToRef.current = null;\n      }\n    }\n  }, [prevDisabled, disabled, restoreFocus]);\n\n  return (\n    <>\n      <TabTrap disabled={disabled} focusNextCallback={focusLast} />\n      <div className={className} ref={mergedRef}>\n        {children}\n      </div>\n      <TabTrap disabled={disabled} focusNextCallback={focusFirst} />\n    </>\n  );\n}\n"]}

package/internal/components/menu-dropdown/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_1qu3j_93",
-  "expanded": "awsui_expanded_m5h9f_1qu3j_125",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1qu3j_136",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1qu3j_139",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1qu3j_142",
-  "text": "awsui_text_m5h9f_1qu3j_164",
-  "icon": "awsui_icon_m5h9f_1qu3j_168"
+  "button": "awsui_button_m5h9f_1gut3_93",
+  "expanded": "awsui_expanded_m5h9f_1gut3_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1gut3_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1gut3_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1gut3_144",
+  "text": "awsui_text_m5h9f_1gut3_166",
+  "icon": "awsui_icon_m5h9f_1gut3_170"
 };
   

package/internal/components/menu-dropdown/styles.scoped.css

@@ -90,7 +90,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_button_m5h9f_1qu3j_93:not(#\9) {
+.awsui_button_m5h9f_1gut3_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -125,6 +125,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
@@ -144,38 +146,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
-.awsui_button_m5h9f_1qu3j_93:not(#\9):hover {
+.awsui_button_m5h9f_1gut3_93:not(#\9):hover {
   color: var(--color-text-interactive-hover-v3lasm, #000716);
   text-decoration: none;
 }
-.awsui_button_m5h9f_1qu3j_93:not(#\9):active, .awsui_button_m5h9f_1qu3j_93.awsui_expanded_m5h9f_1qu3j_125:not(#\9) {
+.awsui_button_m5h9f_1gut3_93:not(#\9):active, .awsui_button_m5h9f_1gut3_93.awsui_expanded_m5h9f_1gut3_127:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_button_m5h9f_1qu3j_93.awsui_expanded_m5h9f_1qu3j_125:not(#\9) {
+.awsui_button_m5h9f_1gut3_93.awsui_expanded_m5h9f_1gut3_127:not(#\9) {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_button_m5h9f_1qu3j_93:not(#\9):focus {
+.awsui_button_m5h9f_1gut3_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-none_m5h9f_1qu3j_136:not(#\9) {
+.awsui_button_m5h9f_1gut3_93.awsui_offset-right-none_m5h9f_1gut3_138:not(#\9) {
   margin-right: 0;
 }
-.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-l_m5h9f_1qu3j_139:not(#\9) {
+.awsui_button_m5h9f_1gut3_93.awsui_offset-right-l_m5h9f_1gut3_141:not(#\9) {
   margin-right: var(--space-s-hv8c1d, 12px);
 }
-.awsui_button_m5h9f_1qu3j_93.awsui_offset-right-xxl_m5h9f_1qu3j_142:not(#\9) {
+.awsui_button_m5h9f_1gut3_93.awsui_offset-right-xxl_m5h9f_1gut3_144:not(#\9) {
   margin-right: var(--space-xl-a39hup, 24px);
 }
-.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button_m5h9f_1gut3_93[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button_m5h9f_1gut3_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-.awsui_button_m5h9f_1qu3j_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_button_m5h9f_1gut3_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -187,10 +189,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_text_m5h9f_1qu3j_164:not(#\9) {
+.awsui_text_m5h9f_1gut3_166:not(#\9) {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_icon_m5h9f_1qu3j_168 + .awsui_text_m5h9f_1qu3j_164:not(#\9) {
+.awsui_icon_m5h9f_1gut3_170 + .awsui_text_m5h9f_1gut3_166:not(#\9) {
   margin-left: var(--space-xs-rsr2qu, 8px);
 }

package/internal/components/menu-dropdown/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_1qu3j_93",
-  "expanded": "awsui_expanded_m5h9f_1qu3j_125",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1qu3j_136",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1qu3j_139",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1qu3j_142",
-  "text": "awsui_text_m5h9f_1qu3j_164",
-  "icon": "awsui_icon_m5h9f_1qu3j_168"
+  "button": "awsui_button_m5h9f_1gut3_93",
+  "expanded": "awsui_expanded_m5h9f_1gut3_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1gut3_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1gut3_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1gut3_144",
+  "text": "awsui_text_m5h9f_1gut3_166",
+  "icon": "awsui_icon_m5h9f_1gut3_170"
 };
   

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

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_1tubf_97",
-  "disabled": "awsui_disabled_1p2cx_1tubf_113",
-  "parent": "awsui_parent_1p2cx_1tubf_116",
-  "content": "awsui_content_1p2cx_1tubf_123",
-  "label-content": "awsui_label-content_1p2cx_1tubf_130",
-  "label": "awsui_label_1p2cx_1tubf_130",
-  "tag": "awsui_tag_1p2cx_1tubf_137",
-  "label-tag": "awsui_label-tag_1p2cx_1tubf_138",
-  "label-prefix": "awsui_label-prefix_1p2cx_1tubf_149",
-  "tags": "awsui_tags_1p2cx_1tubf_162",
-  "description": "awsui_description_1p2cx_1tubf_163",
-  "icon": "awsui_icon_1p2cx_1tubf_180",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1tubf_187",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1tubf_191",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1tubf_206"
+  "option": "awsui_option_1p2cx_1thvj_97",
+  "disabled": "awsui_disabled_1p2cx_1thvj_115",
+  "parent": "awsui_parent_1p2cx_1thvj_118",
+  "content": "awsui_content_1p2cx_1thvj_125",
+  "label-content": "awsui_label-content_1p2cx_1thvj_132",
+  "label": "awsui_label_1p2cx_1thvj_132",
+  "tag": "awsui_tag_1p2cx_1thvj_139",
+  "label-tag": "awsui_label-tag_1p2cx_1thvj_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1thvj_151",
+  "tags": "awsui_tags_1p2cx_1thvj_164",
+  "description": "awsui_description_1p2cx_1thvj_165",
+  "icon": "awsui_icon_1p2cx_1thvj_182",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1thvj_189",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1thvj_193",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1thvj_208"
 };
   

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

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_option_1p2cx_1tubf_97:not(#\9) {
+.awsui_option_1p2cx_1thvj_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,6 +129,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -136,57 +138,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_1tubf_97:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
+.awsui_option_1p2cx_1thvj_97:not(#\9):not(.awsui_disabled_1p2cx_1thvj_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9) {
+.awsui_option_1p2cx_1thvj_97.awsui_parent_1p2cx_1thvj_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
+.awsui_option_1p2cx_1thvj_97.awsui_parent_1p2cx_1thvj_118:not(#\9):not(.awsui_disabled_1p2cx_1thvj_115) {
   color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
 }
 
-.awsui_content_1p2cx_1tubf_123:not(#\9) {
+.awsui_content_1p2cx_1thvj_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_1tubf_130:not(#\9) {
+.awsui_label-content_1p2cx_1thvj_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_1tubf_130:not(#\9),
-.awsui_tag_1p2cx_1tubf_137:not(#\9),
-.awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
+.awsui_label_1p2cx_1thvj_132:not(#\9),
+.awsui_tag_1p2cx_1thvj_139:not(#\9),
+.awsui_label-tag_1p2cx_1thvj_140:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_1tubf_130:not(#\9),
-.awsui_tag_1p2cx_1tubf_137:not(#\9) {
+.awsui_label_1p2cx_1thvj_132:not(#\9),
+.awsui_tag_1p2cx_1thvj_139:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_1tubf_149:not(#\9) {
+.awsui_label-prefix_1p2cx_1thvj_151:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
+.awsui_label-tag_1p2cx_1thvj_140:not(#\9) {
   padding-left: var(--space-s-hv8c1d, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_1tubf_138:not(#\9):empty {
+.awsui_label-tag_1p2cx_1thvj_140:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_1tubf_162:not(#\9),
-.awsui_description_1p2cx_1tubf_163:not(#\9) {
+.awsui_tags_1p2cx_1thvj_164:not(#\9),
+.awsui_description_1p2cx_1thvj_165:not(#\9) {
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
@@ -194,42 +196,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
 
-.awsui_tags_1p2cx_1tubf_162:not(#\9) {
+.awsui_tags_1p2cx_1thvj_164:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_1tubf_137:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1thvj_139:not(#\9):not(:last-child) {
   padding-right: var(--space-m-17eucw, 16px);
 }
 
-.awsui_icon_1p2cx_1tubf_180:not(#\9) {
+.awsui_icon_1p2cx_1thvj_182:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_1tubf_187:not(#\9) {
+.awsui_icon-size-big_1p2cx_1thvj_189:not(#\9) {
   padding-top: var(--space-xxxs-k2w98v, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_1tubf_191:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_1thvj_193:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-6ac2mw, #f2f8fd);
   color: var(--color-text-dropdown-item-filter-match-x302if, #0972d3);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_1tubf_113:not(#\9) {
+.awsui_disabled_1p2cx_1thvj_115:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_1tubf_113 > .awsui_content_1p2cx_1tubf_123 > .awsui_tags_1p2cx_1tubf_162:not(#\9),
-.awsui_disabled_1p2cx_1tubf_113 > .awsui_content_1p2cx_1tubf_123 > .awsui_description_1p2cx_1tubf_163:not(#\9) {
+.awsui_disabled_1p2cx_1thvj_115 > .awsui_content_1p2cx_1thvj_125 > .awsui_tags_1p2cx_1thvj_164:not(#\9),
+.awsui_disabled_1p2cx_1thvj_115 > .awsui_content_1p2cx_1thvj_125 > .awsui_description_1p2cx_1thvj_165:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_1tubf_206:not(#\9) {
+.awsui_trigger-variant_1p2cx_1thvj_208:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

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

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_1tubf_97",
-  "disabled": "awsui_disabled_1p2cx_1tubf_113",
-  "parent": "awsui_parent_1p2cx_1tubf_116",
-  "content": "awsui_content_1p2cx_1tubf_123",
-  "label-content": "awsui_label-content_1p2cx_1tubf_130",
-  "label": "awsui_label_1p2cx_1tubf_130",
-  "tag": "awsui_tag_1p2cx_1tubf_137",
-  "label-tag": "awsui_label-tag_1p2cx_1tubf_138",
-  "label-prefix": "awsui_label-prefix_1p2cx_1tubf_149",
-  "tags": "awsui_tags_1p2cx_1tubf_162",
-  "description": "awsui_description_1p2cx_1tubf_163",
-  "icon": "awsui_icon_1p2cx_1tubf_180",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1tubf_187",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1tubf_191",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1tubf_206"
+  "option": "awsui_option_1p2cx_1thvj_97",
+  "disabled": "awsui_disabled_1p2cx_1thvj_115",
+  "parent": "awsui_parent_1p2cx_1thvj_118",
+  "content": "awsui_content_1p2cx_1thvj_125",
+  "label-content": "awsui_label-content_1p2cx_1thvj_132",
+  "label": "awsui_label_1p2cx_1thvj_132",
+  "tag": "awsui_tag_1p2cx_1thvj_139",
+  "label-tag": "awsui_label-tag_1p2cx_1thvj_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1thvj_151",
+  "tags": "awsui_tags_1p2cx_1thvj_164",
+  "description": "awsui_description_1p2cx_1thvj_165",
+  "icon": "awsui_icon_1p2cx_1thvj_182",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1thvj_189",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1thvj_193",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1thvj_208"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_fc5oi_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_fc5oi_113"
+  "options-list": "awsui_options-list_19gcf_1cew2_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1cew2_115"
 };
   

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

@@ -90,7 +90,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_options-list_19gcf_fc5oi_93:not(#\9) {
+.awsui_options-list_19gcf_1cew2_93:not(#\9) {
   padding: 0;
   margin: 0;
   outline: none;
@@ -129,6 +129,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   white-space: inherit;
   overflow-y: auto;
   flex: 1 1 auto;
@@ -136,6 +138,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-dropdown-ujknaf, 8px);
 }
 
-.awsui_decrease-top-margin_19gcf_fc5oi_113:not(#\9) {
+.awsui_decrease-top-margin_19gcf_1cew2_115: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_fc5oi_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_fc5oi_113"
+  "options-list": "awsui_options-list_19gcf_1cew2_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1cew2_115"
 };