@cloudscape-design/components-themeable 3.0.180 → 3.0.182

package/lib/internal/template/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_1jaxg_93",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1jaxg_1",
-  "refresh": "awsui_refresh_qwoo0_1jaxg_114",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1jaxg_1",
-  "root": "awsui_root_qwoo0_1jaxg_143",
-  "interior": "awsui_interior_qwoo0_1jaxg_155",
-  "dropdown": "awsui_dropdown_qwoo0_1jaxg_93",
-  "use-portal": "awsui_use-portal_qwoo0_1jaxg_166",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1jaxg_211",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1jaxg_215",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1jaxg_218",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1jaxg_221",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1jaxg_224",
-  "hide-upper-border": "awsui_hide-upper-border_qwoo0_1jaxg_227",
-  "open": "awsui_open_qwoo0_1jaxg_234",
-  "nowrap": "awsui_nowrap_qwoo0_1jaxg_243",
-  "is-empty": "awsui_is-empty_qwoo0_1jaxg_247",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1jaxg_93",
-  "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_1jaxg_257",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1jaxg_261"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_kdfs2_93",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_kdfs2_1",
+  "refresh": "awsui_refresh_qwoo0_kdfs2_114",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_kdfs2_1",
+  "root": "awsui_root_qwoo0_kdfs2_143",
+  "interior": "awsui_interior_qwoo0_kdfs2_157",
+  "dropdown": "awsui_dropdown_qwoo0_kdfs2_93",
+  "use-portal": "awsui_use-portal_qwoo0_kdfs2_168",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_kdfs2_213",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_kdfs2_217",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_kdfs2_220",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_kdfs2_223",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_kdfs2_226",
+  "hide-upper-border": "awsui_hide-upper-border_qwoo0_kdfs2_229",
+  "open": "awsui_open_qwoo0_kdfs2_236",
+  "nowrap": "awsui_nowrap_qwoo0_kdfs2_245",
+  "is-empty": "awsui_is-empty_qwoo0_kdfs2_249",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_kdfs2_93",
+  "ie11-wrapper": "awsui_ie11-wrapper_qwoo0_kdfs2_259",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_kdfs2_263"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1afi9_1ehx9_93",
-  "hidden": "awsui_hidden_1afi9_1ehx9_103",
-  "no-items": "awsui_no-items_1afi9_1ehx9_106"
+  "root": "awsui_root_1afi9_1ut22_93",
+  "hidden": "awsui_hidden_1afi9_1ut22_105",
+  "no-items": "awsui_no-items_1afi9_1ut22_108"
 };
   

package/lib/internal/template/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_1ehx9_93:not(#\9) {
+.awsui_root_1afi9_1ut22_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-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1afi9_1ehx9_93:not(#\9):not(.awsui_hidden_1afi9_1ehx9_103) {
+.awsui_root_1afi9_1ut22_93:not(#\9):not(.awsui_hidden_1afi9_1ut22_105) {
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-dropdown-item-default-tcqivq, #eaeded);
 }
-.awsui_root_1afi9_1ehx9_93:not(#\9):not(.awsui_hidden_1afi9_1ehx9_103).awsui_no-items_1afi9_1ehx9_106 {
+.awsui_root_1afi9_1ut22_93:not(#\9):not(.awsui_hidden_1afi9_1ut22_105).awsui_no-items_1afi9_1ut22_108 {
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-dropdown-item-top-3kvhpl, #eaeded);
 }

package/lib/internal/template/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_1ehx9_93",
-  "hidden": "awsui_hidden_1afi9_1ehx9_103",
-  "no-items": "awsui_no-items_1afi9_1ehx9_106"
+  "root": "awsui_root_1afi9_1ut22_93",
+  "hidden": "awsui_hidden_1afi9_1ut22_105",
+  "no-items": "awsui_no-items_1afi9_1ut22_108"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vrgzu_foq7p_93",
-  "recovery": "awsui_recovery_vrgzu_foq7p_105"
+  "root": "awsui_root_vrgzu_f7vd8_93",
+  "recovery": "awsui_recovery_vrgzu_f7vd8_107"
 };
   

package/lib/internal/template/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_foq7p_93:not(#\9) {
+.awsui_root_vrgzu_f7vd8_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-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto 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-z3i1c8, 8px) calc(var(--space-xxs-ynfts5, 4px) + var(--space-xxxs-k2w98v, 2px));
   color: var(--color-text-dropdown-footer-pjyuts, #687078);
 }
-.awsui_root_vrgzu_foq7p_93 > .awsui_recovery_vrgzu_foq7p_105:not(#\9) {
+.awsui_root_vrgzu_f7vd8_93 > .awsui_recovery_vrgzu_f7vd8_107:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/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_foq7p_93",
-  "recovery": "awsui_recovery_vrgzu_foq7p_105"
+  "root": "awsui_root_vrgzu_f7vd8_93",
+  "recovery": "awsui_recovery_vrgzu_f7vd8_107"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/internal/components/menu-dropdown/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_ud6nf_93",
-  "expanded": "awsui_expanded_m5h9f_ud6nf_125",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_ud6nf_136",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_ud6nf_139",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_ud6nf_142",
-  "text": "awsui_text_m5h9f_ud6nf_164",
-  "icon": "awsui_icon_m5h9f_ud6nf_168"
+  "button": "awsui_button_m5h9f_17pe7_93",
+  "expanded": "awsui_expanded_m5h9f_17pe7_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_17pe7_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_17pe7_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_17pe7_144",
+  "text": "awsui_text_m5h9f_17pe7_166",
+  "icon": "awsui_icon_m5h9f_17pe7_170"
 };
   

package/lib/internal/template/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_ud6nf_93:not(#\9) {
+.awsui_button_m5h9f_17pe7_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-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto 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-9me1cm, #545b64);
 }
-.awsui_button_m5h9f_ud6nf_93:not(#\9):hover {
+.awsui_button_m5h9f_17pe7_93:not(#\9):hover {
   color: var(--color-text-interactive-hover-79wpl9, #16191f);
   text-decoration: none;
 }
-.awsui_button_m5h9f_ud6nf_93:not(#\9):active, .awsui_button_m5h9f_ud6nf_93.awsui_expanded_m5h9f_ud6nf_125:not(#\9) {
+.awsui_button_m5h9f_17pe7_93:not(#\9):active, .awsui_button_m5h9f_17pe7_93.awsui_expanded_m5h9f_17pe7_127:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-active-i5elzx, #16191f);
 }
-.awsui_button_m5h9f_ud6nf_93.awsui_expanded_m5h9f_ud6nf_125:not(#\9) {
+.awsui_button_m5h9f_17pe7_93.awsui_expanded_m5h9f_17pe7_127:not(#\9) {
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_button_m5h9f_ud6nf_93:not(#\9):focus {
+.awsui_button_m5h9f_17pe7_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_ud6nf_93.awsui_offset-right-none_m5h9f_ud6nf_136:not(#\9) {
+.awsui_button_m5h9f_17pe7_93.awsui_offset-right-none_m5h9f_17pe7_138:not(#\9) {
   margin-right: 0;
 }
-.awsui_button_m5h9f_ud6nf_93.awsui_offset-right-l_m5h9f_ud6nf_139:not(#\9) {
+.awsui_button_m5h9f_17pe7_93.awsui_offset-right-l_m5h9f_17pe7_141:not(#\9) {
   margin-right: var(--space-s-hv8c1d, 12px);
 }
-.awsui_button_m5h9f_ud6nf_93.awsui_offset-right-xxl_m5h9f_ud6nf_142:not(#\9) {
+.awsui_button_m5h9f_17pe7_93.awsui_offset-right-xxl_m5h9f_17pe7_144:not(#\9) {
   margin-right: var(--space-xl-a39hup, 24px);
 }
-.awsui_button_m5h9f_ud6nf_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button_m5h9f_17pe7_93[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_button_m5h9f_ud6nf_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button_m5h9f_17pe7_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-.awsui_button_m5h9f_ud6nf_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_button_m5h9f_17pe7_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-n5kd8g, #0073bb);
 }
 
-.awsui_text_m5h9f_ud6nf_164:not(#\9) {
+.awsui_text_m5h9f_17pe7_166:not(#\9) {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_icon_m5h9f_ud6nf_168 + .awsui_text_m5h9f_ud6nf_164:not(#\9) {
+.awsui_icon_m5h9f_17pe7_170 + .awsui_text_m5h9f_17pe7_166:not(#\9) {
   margin-left: var(--space-xs-rsr2qu, 8px);
 }

package/lib/internal/template/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_ud6nf_93",
-  "expanded": "awsui_expanded_m5h9f_ud6nf_125",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_ud6nf_136",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_ud6nf_139",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_ud6nf_142",
-  "text": "awsui_text_m5h9f_ud6nf_164",
-  "icon": "awsui_icon_m5h9f_ud6nf_168"
+  "button": "awsui_button_m5h9f_17pe7_93",
+  "expanded": "awsui_expanded_m5h9f_17pe7_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_17pe7_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_17pe7_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_17pe7_144",
+  "text": "awsui_text_m5h9f_17pe7_166",
+  "icon": "awsui_icon_m5h9f_17pe7_170"
 };
   

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

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_q2hb5_97",
-  "disabled": "awsui_disabled_1p2cx_q2hb5_113",
-  "parent": "awsui_parent_1p2cx_q2hb5_116",
-  "content": "awsui_content_1p2cx_q2hb5_123",
-  "label-content": "awsui_label-content_1p2cx_q2hb5_130",
-  "label": "awsui_label_1p2cx_q2hb5_130",
-  "tag": "awsui_tag_1p2cx_q2hb5_137",
-  "label-tag": "awsui_label-tag_1p2cx_q2hb5_138",
-  "label-prefix": "awsui_label-prefix_1p2cx_q2hb5_149",
-  "tags": "awsui_tags_1p2cx_q2hb5_162",
-  "description": "awsui_description_1p2cx_q2hb5_163",
-  "icon": "awsui_icon_1p2cx_q2hb5_180",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_q2hb5_187",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_q2hb5_191",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_q2hb5_206"
+  "option": "awsui_option_1p2cx_qcdhf_97",
+  "disabled": "awsui_disabled_1p2cx_qcdhf_115",
+  "parent": "awsui_parent_1p2cx_qcdhf_118",
+  "content": "awsui_content_1p2cx_qcdhf_125",
+  "label-content": "awsui_label-content_1p2cx_qcdhf_132",
+  "label": "awsui_label_1p2cx_qcdhf_132",
+  "tag": "awsui_tag_1p2cx_qcdhf_139",
+  "label-tag": "awsui_label-tag_1p2cx_qcdhf_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_qcdhf_151",
+  "tags": "awsui_tags_1p2cx_qcdhf_164",
+  "description": "awsui_description_1p2cx_qcdhf_165",
+  "icon": "awsui_icon_1p2cx_qcdhf_182",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_qcdhf_189",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_qcdhf_193",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_qcdhf_208"
 };
   

package/lib/internal/template/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_q2hb5_97:not(#\9) {
+.awsui_option_1p2cx_qcdhf_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-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto 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_q2hb5_97:not(#\9):not(.awsui_disabled_1p2cx_q2hb5_113) {
+.awsui_option_1p2cx_qcdhf_97:not(#\9):not(.awsui_disabled_1p2cx_qcdhf_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_q2hb5_97.awsui_parent_1p2cx_q2hb5_116:not(#\9) {
+.awsui_option_1p2cx_qcdhf_97.awsui_parent_1p2cx_qcdhf_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_q2hb5_97.awsui_parent_1p2cx_q2hb5_116:not(#\9):not(.awsui_disabled_1p2cx_q2hb5_113) {
+.awsui_option_1p2cx_qcdhf_97.awsui_parent_1p2cx_qcdhf_118:not(#\9):not(.awsui_disabled_1p2cx_qcdhf_115) {
   color: var(--color-text-dropdown-group-label-45mv5a, #545b64);
 }
 
-.awsui_content_1p2cx_q2hb5_123:not(#\9) {
+.awsui_content_1p2cx_qcdhf_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_q2hb5_130:not(#\9) {
+.awsui_label-content_1p2cx_qcdhf_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_q2hb5_130:not(#\9),
-.awsui_tag_1p2cx_q2hb5_137:not(#\9),
-.awsui_label-tag_1p2cx_q2hb5_138:not(#\9) {
+.awsui_label_1p2cx_qcdhf_132:not(#\9),
+.awsui_tag_1p2cx_qcdhf_139:not(#\9),
+.awsui_label-tag_1p2cx_qcdhf_140:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_q2hb5_130:not(#\9),
-.awsui_tag_1p2cx_q2hb5_137:not(#\9) {
+.awsui_label_1p2cx_qcdhf_132:not(#\9),
+.awsui_tag_1p2cx_qcdhf_139:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_q2hb5_149:not(#\9) {
+.awsui_label-prefix_1p2cx_qcdhf_151:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_q2hb5_138:not(#\9) {
+.awsui_label-tag_1p2cx_qcdhf_140:not(#\9) {
   padding-left: var(--space-s-hv8c1d, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_q2hb5_138:not(#\9):empty {
+.awsui_label-tag_1p2cx_qcdhf_140:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_q2hb5_162:not(#\9),
-.awsui_description_1p2cx_q2hb5_163:not(#\9) {
+.awsui_tags_1p2cx_qcdhf_164:not(#\9),
+.awsui_description_1p2cx_qcdhf_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-p88gax, normal);
@@ -194,42 +196,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
 
-.awsui_tags_1p2cx_q2hb5_162:not(#\9) {
+.awsui_tags_1p2cx_qcdhf_164:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_q2hb5_137:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_qcdhf_139:not(#\9):not(:last-child) {
   padding-right: var(--space-m-17eucw, 16px);
 }
 
-.awsui_icon_1p2cx_q2hb5_180:not(#\9) {
+.awsui_icon_1p2cx_qcdhf_182:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_q2hb5_187:not(#\9) {
+.awsui_icon-size-big_1p2cx_qcdhf_189:not(#\9) {
   padding-top: var(--space-xxxs-k2w98v, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_q2hb5_191:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_qcdhf_193:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-yd6eaz, #f1faff);
   color: var(--color-text-dropdown-item-filter-match-4ejjcu, #0073bb);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_q2hb5_113:not(#\9) {
+.awsui_disabled_1p2cx_qcdhf_115:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_q2hb5_113 > .awsui_content_1p2cx_q2hb5_123 > .awsui_tags_1p2cx_q2hb5_162:not(#\9),
-.awsui_disabled_1p2cx_q2hb5_113 > .awsui_content_1p2cx_q2hb5_123 > .awsui_description_1p2cx_q2hb5_163:not(#\9) {
+.awsui_disabled_1p2cx_qcdhf_115 > .awsui_content_1p2cx_qcdhf_125 > .awsui_tags_1p2cx_qcdhf_164:not(#\9),
+.awsui_disabled_1p2cx_qcdhf_115 > .awsui_content_1p2cx_qcdhf_125 > .awsui_description_1p2cx_qcdhf_165:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_q2hb5_206:not(#\9) {
+.awsui_trigger-variant_1p2cx_qcdhf_208:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/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_q2hb5_97",
-  "disabled": "awsui_disabled_1p2cx_q2hb5_113",
-  "parent": "awsui_parent_1p2cx_q2hb5_116",
-  "content": "awsui_content_1p2cx_q2hb5_123",
-  "label-content": "awsui_label-content_1p2cx_q2hb5_130",
-  "label": "awsui_label_1p2cx_q2hb5_130",
-  "tag": "awsui_tag_1p2cx_q2hb5_137",
-  "label-tag": "awsui_label-tag_1p2cx_q2hb5_138",
-  "label-prefix": "awsui_label-prefix_1p2cx_q2hb5_149",
-  "tags": "awsui_tags_1p2cx_q2hb5_162",
-  "description": "awsui_description_1p2cx_q2hb5_163",
-  "icon": "awsui_icon_1p2cx_q2hb5_180",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_q2hb5_187",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_q2hb5_191",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_q2hb5_206"
+  "option": "awsui_option_1p2cx_qcdhf_97",
+  "disabled": "awsui_disabled_1p2cx_qcdhf_115",
+  "parent": "awsui_parent_1p2cx_qcdhf_118",
+  "content": "awsui_content_1p2cx_qcdhf_125",
+  "label-content": "awsui_label-content_1p2cx_qcdhf_132",
+  "label": "awsui_label_1p2cx_qcdhf_132",
+  "tag": "awsui_tag_1p2cx_qcdhf_139",
+  "label-tag": "awsui_label-tag_1p2cx_qcdhf_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_qcdhf_151",
+  "tags": "awsui_tags_1p2cx_qcdhf_164",
+  "description": "awsui_description_1p2cx_qcdhf_165",
+  "icon": "awsui_icon_1p2cx_qcdhf_182",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_qcdhf_189",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_qcdhf_193",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_qcdhf_208"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_1wdy7_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1wdy7_113"
+  "options-list": "awsui_options-list_19gcf_gbkzb_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_gbkzb_115"
 };
   

package/lib/internal/template/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_1wdy7_93:not(#\9) {
+.awsui_options-list_19gcf_gbkzb_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-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto 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-0c284d, 0px);
 }
 
-.awsui_decrease-top-margin_19gcf_1wdy7_113:not(#\9) {
+.awsui_decrease-top-margin_19gcf_gbkzb_115:not(#\9) {
   margin-top: -1px;
 }

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

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