@cloudscape-design/components-themeable 3.0.1127 → 3.0.1129

package/lib/internal/template/popover/use-position-observer.js

@@ -3,22 +3,24 @@
 /* istanbul ignore file - Tested with integration tests */
 import { useEffect } from 'react';
 import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
-export default function usePositionObserver(triggerRef, trackKey, callback) {
+export default function usePositionObserver(getTrack, trackKey, callback) {
     const stableCallback = useStableCallback(callback);
     useEffect(() => {
-        if (!(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
+        const track = getTrack();
+        if (!track) {
             return;
         }
         let lastTrackKey = trackKey;
         let lastPosition = {
-            x: triggerRef.current.getBoundingClientRect().x,
-            y: triggerRef.current.getBoundingClientRect().y,
+            x: track.getBoundingClientRect().x,
+            y: track.getBoundingClientRect().y,
         };
         const observer = new MutationObserver(() => {
-            if (!triggerRef.current) {
+            const track = getTrack();
+            if (!track) {
                 return;
             }
-            const { x, y } = triggerRef.current.getBoundingClientRect();
+            const { x, y } = track.getBoundingClientRect();
             // Only trigger the callback when the position changes or the track key changes
             if (x !== lastPosition.x || y !== lastPosition.y || trackKey !== lastTrackKey) {
                 lastTrackKey = trackKey;
@@ -27,13 +29,13 @@ export default function usePositionObserver(triggerRef, trackKey, callback) {
             }
         });
         // Observe the entire ownerDocument for DOM changes
-        observer.observe(triggerRef.current.ownerDocument, {
+        observer.observe(track.ownerDocument, {
             attributes: true,
             subtree: true,
             childList: true,
         });
         return () => observer.disconnect();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [triggerRef, stableCallback]); // trackKey excluded to avoid the observer being recreated everytime the value changes, causing rendering issues for Tooltip
+    }, [getTrack, stableCallback]); // trackKey excluded to avoid the observer being recreated everytime the value changes, causing rendering issues for Tooltip
 }
 //# sourceMappingURL=use-position-observer.js.map

package/lib/internal/template/popover/use-position-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-position-observer.js","sourceRoot":"","sources":["../../../src/popover/use-position-observer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,0DAA0D;AAE1D,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAOlF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,UAAgD,EAChD,QAAqC,EACrC,QAAoB;IAEpB,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAA,EAAE;YACxB,OAAO;SACR;QAED,IAAI,YAAY,GAAG,QAAQ,CAAC;QAE5B,IAAI,YAAY,GAAW;YACzB,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;YAC/C,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;SAChD,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACvB,OAAO;aACR;YAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAE5D,+EAA+E;YAC/E,IAAI,CAAC,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,YAAY,CAAC,CAAC,IAAI,QAAQ,KAAK,YAAY,EAAE;gBAC7E,YAAY,GAAG,QAAQ,CAAC;gBACxB,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxB,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;QAEH,mDAAmD;QACnD,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE;YACjD,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACnC,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,4HAA4H;AAChK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/* istanbul ignore file - Tested with integration tests */\n\nimport React, { useEffect } from 'react';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface Coords {\n  x?: number;\n  y?: number;\n}\n\nexport default function usePositionObserver(\n  triggerRef: React.RefObject<Element> | undefined,\n  trackKey: string | number | undefined,\n  callback: () => void\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useEffect(() => {\n    if (!triggerRef?.current) {\n      return;\n    }\n\n    let lastTrackKey = trackKey;\n\n    let lastPosition: Coords = {\n      x: triggerRef.current.getBoundingClientRect().x,\n      y: triggerRef.current.getBoundingClientRect().y,\n    };\n\n    const observer = new MutationObserver(() => {\n      if (!triggerRef.current) {\n        return;\n      }\n\n      const { x, y } = triggerRef.current.getBoundingClientRect();\n\n      // Only trigger the callback when the position changes or the track key changes\n      if (x !== lastPosition.x || y !== lastPosition.y || trackKey !== lastTrackKey) {\n        lastTrackKey = trackKey;\n        lastPosition = { x, y };\n        stableCallback();\n      }\n    });\n\n    // Observe the entire ownerDocument for DOM changes\n    observer.observe(triggerRef.current.ownerDocument, {\n      attributes: true,\n      subtree: true,\n      childList: true,\n    });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [triggerRef, stableCallback]); // trackKey excluded to avoid the observer being recreated everytime the value changes, causing rendering issues for Tooltip\n}\n"]}
+{"version":3,"file":"use-position-observer.js","sourceRoot":"","sources":["../../../src/popover/use-position-observer.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,0DAA0D;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAOlF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,QAA8B,EAC9B,QAAqC,EACrC,QAAoB;IAEpB,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,IAAI,YAAY,GAAG,QAAQ,CAAC;QAE5B,IAAI,YAAY,GAAW;YACzB,CAAC,EAAE,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;YAClC,CAAC,EAAE,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;SACnC,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;YACzB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO;aACR;YAED,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAE/C,+EAA+E;YAC/E,IAAI,CAAC,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,YAAY,CAAC,CAAC,IAAI,QAAQ,KAAK,YAAY,EAAE;gBAC7E,YAAY,GAAG,QAAQ,CAAC;gBACxB,YAAY,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxB,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;QAEH,mDAAmD;QACnD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE;YACpC,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACnC,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,4HAA4H;AAC9J,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/* istanbul ignore file - Tested with integration tests */\n\nimport { useEffect } from 'react';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface Coords {\n  x?: number;\n  y?: number;\n}\n\nexport default function usePositionObserver(\n  getTrack: () => null | Element,\n  trackKey: string | number | undefined,\n  callback: () => void\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useEffect(() => {\n    const track = getTrack();\n    if (!track) {\n      return;\n    }\n\n    let lastTrackKey = trackKey;\n\n    let lastPosition: Coords = {\n      x: track.getBoundingClientRect().x,\n      y: track.getBoundingClientRect().y,\n    };\n\n    const observer = new MutationObserver(() => {\n      const track = getTrack();\n      if (!track) {\n        return;\n      }\n\n      const { x, y } = track.getBoundingClientRect();\n\n      // Only trigger the callback when the position changes or the track key changes\n      if (x !== lastPosition.x || y !== lastPosition.y || trackKey !== lastTrackKey) {\n        lastTrackKey = trackKey;\n        lastPosition = { x, y };\n        stableCallback();\n      }\n    });\n\n    // Observe the entire ownerDocument for DOM changes\n    observer.observe(track.ownerDocument, {\n      attributes: true,\n      subtree: true,\n      childList: true,\n    });\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getTrack, stableCallback]); // trackKey excluded to avoid the observer being recreated everytime the value changes, causing rendering issues for Tooltip\n}\n"]}

package/lib/internal/template/radio-group/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1mabk_1avid_145",
-  "radio": "awsui_radio_1mabk_1avid_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_1avid_186",
-  "radio-control": "awsui_radio-control_1mabk_1avid_190",
-  "outline": "awsui_outline_1mabk_1avid_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_1avid_221",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_1avid_225",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_1avid_225",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_1avid_230",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_1avid_246"
+  "root": "awsui_root_1mabk_qjk5d_145",
+  "radio": "awsui_radio_1mabk_qjk5d_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_qjk5d_186",
+  "radio-control": "awsui_radio-control_1mabk_qjk5d_190",
+  "outline": "awsui_outline_1mabk_qjk5d_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_qjk5d_221",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qjk5d_225",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_qjk5d_225",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qjk5d_230",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qjk5d_246"
 };
   

package/lib/internal/template/radio-group/styles.scoped.css

@@ -142,7 +142,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_root_1mabk_1avid_145:not(#\9) {
+.awsui_root_1mabk_qjk5d_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,19 +175,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_radio_1mabk_1avid_178:not(#\9) {
+.awsui_radio_1mabk_qjk5d_178:not(#\9) {
   /*used in test-utils*/
 }
 
-.awsui_radio_1mabk_1avid_178 + .awsui_radio_1mabk_1avid_178:not(#\9) {
+.awsui_radio_1mabk_qjk5d_178 + .awsui_radio_1mabk_qjk5d_178:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
 
-.awsui_radio--has-description_1mabk_1avid_186 + .awsui_radio_1mabk_1avid_178:not(#\9) {
+.awsui_radio--has-description_1mabk_qjk5d_186 + .awsui_radio_1mabk_qjk5d_178:not(#\9) {
   margin-block-start: var(--space-scaled-xs-sppte9, 8px);
 }
 
-.awsui_radio-control_1mabk_1avid_190:not(#\9) {
+.awsui_radio-control_1mabk_qjk5d_190:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -195,15 +195,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
 
-.awsui_outline_1mabk_1avid_198:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-lqnbqg: 0 0 0 var(--awsui-style-focus-ring-border-width-lqnbqg, 2px) var(--awsui-style-focus-ring-border-color-lqnbqg, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_1mabk_qjk5d_198:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_1mabk_1avid_198:not(#\9) {
+.awsui_outline_1mabk_qjk5d_198:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1mabk_1avid_198:not(#\9)::before {
+.awsui_outline_1mabk_qjk5d_198:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -211,46 +211,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-lqnbqg, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-lqnbqg);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
 }
 
-.awsui_styled-circle-border_1mabk_1avid_221:not(#\9) {
+.awsui_styled-circle-border_1mabk_qjk5d_221:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
   fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1mabk_1avid_221.awsui_styled-circle-disabled_1mabk_1avid_225:not(#\9), .awsui_styled-circle-border_1mabk_1avid_221.awsui_styled-circle-readonly_1mabk_1avid_225:not(#\9) {
+.awsui_styled-circle-border_1mabk_qjk5d_221.awsui_styled-circle-disabled_1mabk_qjk5d_225:not(#\9), .awsui_styled-circle-border_1mabk_qjk5d_221.awsui_styled-circle-readonly_1mabk_qjk5d_225:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_styled-circle-fill_1mabk_1avid_230:not(#\9) {
+.awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
   stroke: var(--color-background-control-checked-se0x0e, #0073bb);
   fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1mabk_1avid_230:not(#\9) {
+  .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_1avid_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_1avid_230:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_qjk5d_230:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1mabk_1avid_230.awsui_styled-circle-checked_1mabk_1avid_246:not(#\9) {
+.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-checked_1mabk_qjk5d_246:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1mabk_1avid_230.awsui_styled-circle-disabled_1mabk_1avid_225:not(#\9) {
+.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-disabled_1mabk_qjk5d_225:not(#\9) {
   fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_1avid_230.awsui_styled-circle-readonly_1mabk_1avid_225:not(#\9) {
+.awsui_styled-circle-fill_1mabk_qjk5d_230.awsui_styled-circle-readonly_1mabk_qjk5d_225:not(#\9) {
   fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

package/lib/internal/template/radio-group/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_1mabk_1avid_145",
-  "radio": "awsui_radio_1mabk_1avid_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_1avid_186",
-  "radio-control": "awsui_radio-control_1mabk_1avid_190",
-  "outline": "awsui_outline_1mabk_1avid_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_1avid_221",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_1avid_225",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_1avid_225",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_1avid_230",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_1avid_246"
+  "root": "awsui_root_1mabk_qjk5d_145",
+  "radio": "awsui_radio_1mabk_qjk5d_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_qjk5d_186",
+  "radio-control": "awsui_radio-control_1mabk_qjk5d_190",
+  "outline": "awsui_outline_1mabk_qjk5d_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_qjk5d_221",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qjk5d_225",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_qjk5d_225",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qjk5d_230",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qjk5d_246"
 };
   

package/lib/internal/template/select/parts/filter.d.ts

@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
     ref?: React.Ref<HTMLInputElement>;
     filteringType: SelectProps.FilteringType;
 }
-declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "ariaLabel" | "ariaLabelledby" | "ariaDescribedby" | "clearAriaLabel" | "__internalRootRef" | "__injectAnalyticsComponentMetadata" | "__skipNativeAttributesWarnings" | "invalid" | "controlId" | "ariaRequired" | "filteringType" | "nativeInputAttributes" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
+declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "style" | "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "ariaLabel" | "ariaLabelledby" | "ariaDescribedby" | "clearAriaLabel" | "__internalRootRef" | "__injectAnalyticsComponentMetadata" | "__skipNativeAttributesWarnings" | "invalid" | "controlId" | "ariaRequired" | "filteringType" | "nativeInputAttributes" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
 export default Filter;
 //# sourceMappingURL=filter.d.ts.map

package/lib/internal/template/select/parts/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,iyBA0BV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,2yBA0BV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/internal/template/side-navigation/interfaces.d.ts

@@ -43,6 +43,7 @@ export interface SideNavigationProps extends BaseComponentProps {
      *      The anchor also has the attributes `target="_blank"` and `rel="noopener"`.
      *      Additionally, the `activeHref` property won't be modified when a user chooses the link.
      * - `externalIconAriaLabel` (string) - Adds an aria-label to the external icon.
+     * Note: Deprecated, use i18nStrings.externalIconAriaLabel instead.
      * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,
      *     our UX guidelines allow only to add a Badge and/or a "New" label.
      *
@@ -134,6 +135,9 @@ export declare namespace SideNavigationProps {
         text: string;
         href: string;
         external?: boolean;
+        /**
+         * @deprecated Use i18nStrings.externalIconAriaLabel instead.
+         */
         externalIconAriaLabel?: string;
         info?: React.ReactNode;
     }

package/lib/internal/template/side-navigation/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"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"}

package/lib/internal/template/side-navigation/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n\nexport interface SideNavigationProps extends BaseComponentProps {\n  /**\n   * Controls the header that appears at the top of the navigation component.\n   *\n   * It contains the following:\n   * - `text` (string) - Specifies the header text.\n   * - `href` (string) - Specifies the `href` that the header links to.\n   * - `logo` (object) - Specifies a logo image.\n   */\n  header?: SideNavigationProps.Header;\n\n  /**\n   * A slot located below the header and above the items.\n   **/\n  itemsControl?: React.ReactNode;\n\n  /**\n   * Specifies the `href` of the currently active link.\n   * All items within the navigation with a matching `href` are highlighted.\n   *\n   * `Sections` and `Expandable Page Groups` that contain a highlighted item\n   * are automatically expanded, unless their definitions have the `defaultExpanded`\n   * property explicitly set to `false`.\n   */\n  activeHref?: string;\n\n  /**\n   * Specifies the items to be displayed in the navigation.\n   * Allowed objects are: `Link`, `Divider`, `Section`, `LinkGroup` and `ExpandableLinkGroup`.\n   *\n   * You can inject extra properties (for example, an ID)\n   * in order to identify the item when it's used in an event `detail`\n   * (for more information, see the events section below).\n   *\n   * #### Link\n   * Object that represents an anchor in the navigation.\n   * Links are rendered as `<a>` tags.\n   * - `type` - `'link'`.\n   * - `text` (string) - Specifies the link text.\n   * - `href` (string) - Specifies the `href` of the link.\n   * - `external` (boolean) - Determines whether to display an external link icon next to the link.\n   *      If set to `true`, an external link icon appears next to the link.\n   *      The anchor also has the attributes `target=\"_blank\"` and `rel=\"noopener\"`.\n   *      Additionally, the `activeHref` property won't be modified when a user chooses the link.\n   * - `externalIconAriaLabel` (string) - Adds an aria-label to the external icon.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   *\n   * #### Divider\n   * Object that represents a horizontal divider between navigation content.\n   * It contains `type`: `'divider'` only.\n   *\n   * #### Section\n   * Object that represents a section within the navigation.\n   * - `type`: `'section'`.\n   * - `text` (string) - Specifies the text to display as a title of the section.\n   * - `defaultExpanded` (boolean) - Determines whether the section should be expanded by default. Default value is `true`.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### Section Group\n   * Aggregates a set of items that are conceptually related to each other, and can be displayed under a single heading to provide further organization.\n   * You can nest sections, links, link groups and expandable link groups within a section group depending on your information architecture needs.\n   * - `type`: `'section-group'`.\n   * - `title` (string) - Specifies the text to display as a title of the section group.\n   * - `items` (array) - Specifies the content of the section header group. You can use `Section`, `Link`, `LinkGroup`, `ExpandableLinkGroup`.\n   *\n   * #### LinkGroup\n   * Object that represents a group of links.\n   * - `type`: `'link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### ExpandableLinkGroup\n   *\n   * Object that represents an expandable group of links.\n   * - `type`: `'expandable-link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `defaultExpanded` (boolean) - Specifies whether the group should be expanded by default.\n   *    If not explicitly set, the group is collapsed by default, unless one of the nested links is active.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   */\n  items?: ReadonlyArray<SideNavigationProps.Item>;\n\n  /**\n   * Fired when an anchor is clicked without any modifier (that is, CTRL, ALT, SHIFT).\n   * The event `detail` contains a definition of the clicked item.\n   * Use this event to prevent default browser navigation (by calling `preventDefault` method)\n   * and branch your own routing.\n   *\n   * If the event is prevented the `activeHref` property won't be automatically set\n   * to the href of the clicked item so you'll have to do it yourself.\n   */\n  onFollow?: CancelableEventHandler<SideNavigationProps.FollowDetail>;\n\n  /**\n   * Fired when the expansion state of `Section` or `ExpandablePageGroup` items changes\n   * as a result of a user interaction. The event `detail` contains an object with information about the changed item.\n   *\n   * - `item` (object) - Specifies the item that was changed.\n   * - `expanded` (boolean) - Specifies whether the item is expanded or not.\n   * - `expandableParents` (array) - A list of parent items that have a type of `Section`\n   *     or `ExpandablePageGroup`. Use this `expandableParents` array to set their expanded\n   *     state to `true` if you want your data model to keep track of the current state\n   *     of the navigation items.\n   *\n   * Note: If the expansion is a result of the activation of a nested link\n   * upon changing the `activeHref` property, this event isn't raised.\n   */\n  onChange?: NonCancelableEventHandler<SideNavigationProps.ChangeDetail>;\n}\n\nexport namespace SideNavigationProps {\n  export interface Logo {\n    src: string;\n    alt?: string;\n  }\n  export interface Header {\n    text?: string;\n    href: string;\n    logo?: Logo;\n  }\n\n  export interface Divider {\n    type: 'divider';\n  }\n\n  export interface Link {\n    type: 'link';\n    text: string;\n    href: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n    info?: React.ReactNode;\n  }\n\n  export interface Section {\n    type: 'section';\n    text: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export interface SectionGroup {\n    type: 'section-group';\n    title: string;\n    items: ReadonlyArray<Section | Link | LinkGroup | ExpandableLinkGroup>;\n  }\n  export interface LinkGroup {\n    type: 'link-group';\n    text: string;\n    href: string;\n    info?: React.ReactNode;\n    items: ReadonlyArray<Item>;\n  }\n\n  export interface ExpandableLinkGroup {\n    type: 'expandable-link-group';\n    text: string;\n    href: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export type Item = Divider | Link | Section | LinkGroup | ExpandableLinkGroup | SectionGroup;\n\n  export interface ChangeDetail {\n    item: Section | ExpandableLinkGroup;\n    expanded: boolean;\n    expandableParents: ReadonlyArray<Section | ExpandableLinkGroup>;\n  }\n\n  export interface FollowDetail extends BaseNavigationDetail {\n    text?: string;\n    href: string;\n    type?: 'link' | 'link-group' | 'expandable-link-group' | 'section-header';\n    info?: React.ReactNode;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/side-navigation/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { BaseNavigationDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n\nexport interface SideNavigationProps extends BaseComponentProps {\n  /**\n   * Controls the header that appears at the top of the navigation component.\n   *\n   * It contains the following:\n   * - `text` (string) - Specifies the header text.\n   * - `href` (string) - Specifies the `href` that the header links to.\n   * - `logo` (object) - Specifies a logo image.\n   */\n  header?: SideNavigationProps.Header;\n\n  /**\n   * A slot located below the header and above the items.\n   **/\n  itemsControl?: React.ReactNode;\n\n  /**\n   * Specifies the `href` of the currently active link.\n   * All items within the navigation with a matching `href` are highlighted.\n   *\n   * `Sections` and `Expandable Page Groups` that contain a highlighted item\n   * are automatically expanded, unless their definitions have the `defaultExpanded`\n   * property explicitly set to `false`.\n   */\n  activeHref?: string;\n\n  /**\n   * Specifies the items to be displayed in the navigation.\n   * Allowed objects are: `Link`, `Divider`, `Section`, `LinkGroup` and `ExpandableLinkGroup`.\n   *\n   * You can inject extra properties (for example, an ID)\n   * in order to identify the item when it's used in an event `detail`\n   * (for more information, see the events section below).\n   *\n   * #### Link\n   * Object that represents an anchor in the navigation.\n   * Links are rendered as `<a>` tags.\n   * - `type` - `'link'`.\n   * - `text` (string) - Specifies the link text.\n   * - `href` (string) - Specifies the `href` of the link.\n   * - `external` (boolean) - Determines whether to display an external link icon next to the link.\n   *      If set to `true`, an external link icon appears next to the link.\n   *      The anchor also has the attributes `target=\"_blank\"` and `rel=\"noopener\"`.\n   *      Additionally, the `activeHref` property won't be modified when a user chooses the link.\n   * - `externalIconAriaLabel` (string) - Adds an aria-label to the external icon.\n   * Note: Deprecated, use i18nStrings.externalIconAriaLabel instead.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   *\n   * #### Divider\n   * Object that represents a horizontal divider between navigation content.\n   * It contains `type`: `'divider'` only.\n   *\n   * #### Section\n   * Object that represents a section within the navigation.\n   * - `type`: `'section'`.\n   * - `text` (string) - Specifies the text to display as a title of the section.\n   * - `defaultExpanded` (boolean) - Determines whether the section should be expanded by default. Default value is `true`.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### Section Group\n   * Aggregates a set of items that are conceptually related to each other, and can be displayed under a single heading to provide further organization.\n   * You can nest sections, links, link groups and expandable link groups within a section group depending on your information architecture needs.\n   * - `type`: `'section-group'`.\n   * - `title` (string) - Specifies the text to display as a title of the section group.\n   * - `items` (array) - Specifies the content of the section header group. You can use `Section`, `Link`, `LinkGroup`, `ExpandableLinkGroup`.\n   *\n   * #### LinkGroup\n   * Object that represents a group of links.\n   * - `type`: `'link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `info` (ReactNode) - Enables you to display content next to the link. Although it is technically possible to insert any content,\n   *     our UX guidelines allow only to add a Badge and/or a \"New\" label.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   *\n   * #### ExpandableLinkGroup\n   *\n   * Object that represents an expandable group of links.\n   * - `type`: `'expandable-link-group'`.\n   * - `text` (string) - Specifies the text of the group link.\n   * - `href` (string) - Specifies the `href` of the group link.\n   * - `defaultExpanded` (boolean) - Specifies whether the group should be expanded by default.\n   *    If not explicitly set, the group is collapsed by default, unless one of the nested links is active.\n   * - `items` (array) - Specifies the content of the section. You can use any valid item from this list.\n   *     Although there is no technical limitation to the nesting level,\n   *     our UX recommendation is to use only one level.\n   */\n  items?: ReadonlyArray<SideNavigationProps.Item>;\n\n  /**\n   * Fired when an anchor is clicked without any modifier (that is, CTRL, ALT, SHIFT).\n   * The event `detail` contains a definition of the clicked item.\n   * Use this event to prevent default browser navigation (by calling `preventDefault` method)\n   * and branch your own routing.\n   *\n   * If the event is prevented the `activeHref` property won't be automatically set\n   * to the href of the clicked item so you'll have to do it yourself.\n   */\n  onFollow?: CancelableEventHandler<SideNavigationProps.FollowDetail>;\n\n  /**\n   * Fired when the expansion state of `Section` or `ExpandablePageGroup` items changes\n   * as a result of a user interaction. The event `detail` contains an object with information about the changed item.\n   *\n   * - `item` (object) - Specifies the item that was changed.\n   * - `expanded` (boolean) - Specifies whether the item is expanded or not.\n   * - `expandableParents` (array) - A list of parent items that have a type of `Section`\n   *     or `ExpandablePageGroup`. Use this `expandableParents` array to set their expanded\n   *     state to `true` if you want your data model to keep track of the current state\n   *     of the navigation items.\n   *\n   * Note: If the expansion is a result of the activation of a nested link\n   * upon changing the `activeHref` property, this event isn't raised.\n   */\n  onChange?: NonCancelableEventHandler<SideNavigationProps.ChangeDetail>;\n}\n\nexport namespace SideNavigationProps {\n  export interface Logo {\n    src: string;\n    alt?: string;\n  }\n  export interface Header {\n    text?: string;\n    href: string;\n    logo?: Logo;\n  }\n\n  export interface Divider {\n    type: 'divider';\n  }\n\n  export interface Link {\n    type: 'link';\n    text: string;\n    href: string;\n    external?: boolean;\n    /**\n     * @deprecated Use i18nStrings.externalIconAriaLabel instead.\n     */\n    externalIconAriaLabel?: string;\n    info?: React.ReactNode;\n  }\n\n  export interface Section {\n    type: 'section';\n    text: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export interface SectionGroup {\n    type: 'section-group';\n    title: string;\n    items: ReadonlyArray<Section | Link | LinkGroup | ExpandableLinkGroup>;\n  }\n  export interface LinkGroup {\n    type: 'link-group';\n    text: string;\n    href: string;\n    info?: React.ReactNode;\n    items: ReadonlyArray<Item>;\n  }\n\n  export interface ExpandableLinkGroup {\n    type: 'expandable-link-group';\n    text: string;\n    href: string;\n    items: ReadonlyArray<Item>;\n    defaultExpanded?: boolean;\n  }\n\n  export type Item = Divider | Link | Section | LinkGroup | ExpandableLinkGroup | SectionGroup;\n\n  export interface ChangeDetail {\n    item: Section | ExpandableLinkGroup;\n    expanded: boolean;\n    expandableParents: ReadonlyArray<Section | ExpandableLinkGroup>;\n  }\n\n  export interface FollowDetail extends BaseNavigationDetail {\n    text?: string;\n    href: string;\n    type?: 'link' | 'link-group' | 'expandable-link-group' | 'section-header';\n    info?: React.ReactNode;\n  }\n}\n"]}

package/lib/internal/template/side-navigation/parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAapF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,eA+CzE;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,GACd,EAAE,wBAAwB,eA8I1B"}
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAcpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,eA+CzE;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,GACd,EAAE,wBAAwB,eA8I1B"}

package/lib/internal/template/side-navigation/parts.js

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import InternalBox from '../box/internal';
 import InternalExpandableSection from '../expandable-section/internal';
+import { useInternalI18n } from '../i18n/context';
 import InternalIcon from '../icon/internal';
 import { isPlainLeftClick } from '../internal/events';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
@@ -119,6 +120,7 @@ function Divider({ variant = 'default', isPresentational = false }) {
 function Link({ definition, expanded, activeHref, fireFollow, position }) {
     checkSafeUrl('SideNavigation', definition.href);
     const isActive = definition.href === activeHref;
+    const i18n = useInternalI18n('link');
     const onClick = useCallback((event) => {
         if (isPlainLeftClick(event)) {
             fireFollow(definition, event);
@@ -133,10 +135,11 @@ function Link({ definition, expanded, activeHref, fireFollow, position }) {
             position,
         },
     };
+    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', definition.externalIconAriaLabel);
     return (React.createElement(React.Fragment, null,
         React.createElement("a", Object.assign({ href: definition.href, className: clsx(styles.link, { [styles['link-active']]: isActive }), target: definition.external ? '_blank' : undefined, rel: definition.external ? 'noopener noreferrer' : undefined, "aria-expanded": expanded, "aria-current": definition.href === activeHref ? 'page' : undefined, onClick: onClick }, getAnalyticsMetadataAttribute(clickActionAnalyticsMetadata)),
             React.createElement("span", { className: analyticsSelectors['link-text'] }, definition.text),
-            definition.external && (React.createElement("span", { "aria-label": definition.externalIconAriaLabel, role: definition.externalIconAriaLabel ? 'img' : undefined },
+            definition.external && (React.createElement("span", { "aria-label": renderedExternalIconAriaLabel, role: renderedExternalIconAriaLabel ? 'img' : undefined },
                 React.createElement(InternalIcon, { name: "external", className: styles['external-icon'] })))),
         definition.info && React.createElement("span", { className: clsx(styles.info, testUtilStyles.info) }, definition.info)));
 }

package/lib/internal/template/side-navigation/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"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 React, { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalBox from '../box/internal';\nimport { ExpandableSectionProps } from '../expandable-section/interfaces';\nimport InternalExpandableSection from '../expandable-section/internal';\nimport InternalIcon from '../icon/internal';\nimport { isPlainLeftClick, NonCancelableCustomEvent } from '../internal/events';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { GeneratedAnalyticsMetadataSideNavigationClick } from './analytics-metadata/interfaces';\nimport { SideNavigationProps } from './interfaces';\nimport { hasActiveLink } from './util';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface BaseItemComponentProps {\n  activeHref?: string;\n  fireChange: (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => void;\n  fireFollow: (\n    item:\n      | SideNavigationProps.Link\n      | SideNavigationProps.Header\n      | SideNavigationProps.LinkGroup\n      | SideNavigationProps.ExpandableLinkGroup,\n    event: React.SyntheticEvent | Event\n  ) => void;\n  position?: string;\n}\n\ninterface HeaderProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Header;\n}\n\nexport function Header({ definition, activeHref, fireFollow }: HeaderProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollow(definition, event);\n      }\n    },\n    [fireFollow, definition]\n  );\n\n  const clickActionAnalyticsMetadata: GeneratedAnalyticsMetadataSideNavigationClick = {\n    action: 'click',\n    detail: {\n      label: `.${analyticsSelectors['header-link-text']}`,\n      external: 'false',\n      href: definition.href,\n      position: 'header',\n    },\n  };\n\n  return (\n    <>\n      <h2 className={styles.header}>\n        <a\n          href={definition.href}\n          className={clsx(styles['header-link'], { [styles['header-link--has-logo']]: !!definition.logo })}\n          aria-current={definition.href === activeHref ? 'page' : undefined}\n          onClick={onClick}\n          {...getAnalyticsMetadataAttribute(clickActionAnalyticsMetadata)}\n        >\n          {definition.logo && (\n            <img\n              className={clsx(styles['header-logo'], {\n                [styles['header-logo--stretched']]: !definition.text,\n              })}\n              {...definition.logo}\n            />\n          )}\n          <span className={clsx(styles['header-link-text'], analyticsSelectors['header-link-text'])}>\n            {definition.text}\n          </span>\n        </a>\n      </h2>\n      <Divider isPresentational={true} variant=\"header\" />\n    </>\n  );\n}\n\ninterface NavigationItemsListProps extends BaseItemComponentProps {\n  items: ReadonlyArray<SideNavigationProps.Item>;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\ninterface Item {\n  element?: ReactNode;\n  listVariant?: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n  items?: Array<Item>;\n}\n\nexport function NavigationItemsList({\n  items,\n  variant,\n  activeHref,\n  fireChange,\n  fireFollow,\n  position = '',\n}: NavigationItemsListProps) {\n  const lists: Array<Item> = [];\n  let currentListIndex = 0;\n  lists[currentListIndex] = {\n    listVariant: variant,\n    items: [],\n  };\n\n  items.forEach((item, index) => {\n    const itemid = index + 1;\n    const itemPosition = `${position ? `${position},` : ''}${itemid}`;\n    switch (item.type) {\n      case 'divider': {\n        const dividerIndex = lists.length;\n        lists[dividerIndex] = {\n          element: (\n            <div data-itemid={`item-${itemid}`}>\n              <Divider variant=\"default\" />\n            </div>\n          ),\n        };\n        currentListIndex = lists.length;\n        lists[currentListIndex] = {\n          listVariant: variant,\n          items: [],\n        };\n        return;\n      }\n      case 'link': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <Link\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'section': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <Section\n                definition={item}\n                activeHref={activeHref}\n                variant={variant}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'section-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <SectionGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'link-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <LinkGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'expandable-link-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <ExpandableLinkGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                variant={variant}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n    }\n  });\n\n  return (\n    <>\n      {lists.map((list, index) => {\n        if (!list.items || list.items.length === 0) {\n          return (\n            <div\n              key={`hr-${index}`}\n              className={clsx(styles.list, styles[`list-variant-${variant}`], {\n                [styles['list-variant-root--first']]: list.listVariant === 'root' && index === 0,\n              })}\n            >\n              {list.element}\n            </div>\n          );\n        } else {\n          return (\n            <ul\n              key={`list-${index}`}\n              className={clsx(styles.list, styles[`list-variant-${list.listVariant}`], {\n                [styles['list-variant-root--first']]: list.listVariant === 'root' && index === 0,\n              })}\n            >\n              {list.items.map(item => item.element)}\n            </ul>\n          );\n        }\n      })}\n    </>\n  );\n}\n\ninterface DividerProps {\n  variant: 'default' | 'header';\n  isPresentational?: boolean;\n}\n\nfunction Divider({ variant = 'default', isPresentational = false }: DividerProps) {\n  return (\n    <hr\n      className={clsx(styles.divider, styles[`divider-${variant}`])}\n      role={isPresentational ? 'presentation' : undefined}\n    />\n  );\n}\n\ninterface LinkProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Link;\n  expanded?: boolean;\n}\n\nfunction Link({ definition, expanded, activeHref, fireFollow, position }: LinkProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n  const isActive = definition.href === activeHref;\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollow(definition, event);\n      }\n    },\n    [fireFollow, definition]\n  );\n\n  const clickActionAnalyticsMetadata: GeneratedAnalyticsMetadataSideNavigationClick = {\n    action: 'click',\n    detail: {\n      label: `.${analyticsSelectors['link-text']}`,\n      external: `${!!definition.external}`,\n      href: definition.href,\n      position,\n    },\n  };\n\n  return (\n    <>\n      <a\n        href={definition.href}\n        className={clsx(styles.link, { [styles['link-active']]: isActive })}\n        target={definition.external ? '_blank' : undefined}\n        rel={definition.external ? 'noopener noreferrer' : undefined}\n        aria-expanded={expanded}\n        aria-current={definition.href === activeHref ? 'page' : undefined}\n        onClick={onClick}\n        {...getAnalyticsMetadataAttribute(clickActionAnalyticsMetadata)}\n      >\n        <span className={analyticsSelectors['link-text']}>{definition.text}</span>\n        {definition.external && (\n          <span\n            aria-label={definition.externalIconAriaLabel}\n            role={definition.externalIconAriaLabel ? 'img' : undefined}\n          >\n            <InternalIcon name=\"external\" className={styles['external-icon']} />\n          </span>\n        )}\n      </a>\n      {definition.info && <span className={clsx(styles.info, testUtilStyles.info)}>{definition.info}</span>}\n    </>\n  );\n}\n\ninterface SectionProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Section;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\nfunction Section({ definition, activeHref, fireFollow, fireChange, variant, position }: SectionProps) {\n  const [expanded, setExpanded] = useState<boolean>(definition.defaultExpanded ?? true);\n  const isVisualRefresh = useVisualRefresh();\n\n  const onExpandedChange = useCallback(\n    (e: NonCancelableCustomEvent<ExpandableSectionProps.ChangeDetail>) => {\n      fireChange(definition, e.detail.expanded);\n      setExpanded(e.detail.expanded);\n    },\n    [definition, fireChange]\n  );\n\n  useEffect(() => {\n    setExpanded(definition.defaultExpanded ?? true);\n  }, [definition]);\n\n  return (\n    <InternalExpandableSection\n      variant=\"footer\"\n      expanded={expanded}\n      onChange={onExpandedChange}\n      className={clsx(\n        styles.section,\n        variant === 'section-group' && styles['section--no-ident'],\n        isVisualRefresh && styles.refresh\n      )}\n      headerText={definition.text}\n    >\n      <NavigationItemsList\n        variant=\"section\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </InternalExpandableSection>\n  );\n}\n\ninterface SectionGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.SectionGroup;\n}\n\nfunction SectionGroup({ definition, activeHref, fireFollow, fireChange, position }: SectionGroupProps) {\n  return (\n    <div className={styles['section-group']}>\n      <InternalBox className={styles['section-group-title']} variant=\"h3\">\n        {definition.title}\n      </InternalBox>\n      <NavigationItemsList\n        variant=\"section-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </div>\n  );\n}\n\ninterface LinkGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.LinkGroup;\n}\n\nfunction LinkGroup({ definition, activeHref, fireFollow, fireChange, position }: LinkGroupProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n\n  return (\n    <>\n      <Link\n        definition={{ type: 'link', href: definition.href, text: definition.text, info: definition.info }}\n        fireFollow={(_, event) => fireFollow(definition, event)}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n      <NavigationItemsList\n        variant=\"link-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </>\n  );\n}\n\ninterface ExpandableLinkGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.ExpandableLinkGroup;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\nfunction ExpandableLinkGroup({\n  definition,\n  fireFollow,\n  fireChange,\n  activeHref,\n  variant,\n  position,\n}: ExpandableLinkGroupProps) {\n  // Check whether the definition contains an active link and memoize it to avoid\n  // rechecking every time.\n  const containsActiveLink = useMemo(() => {\n    return activeHref ? hasActiveLink(definition.items, activeHref) : false;\n  }, [activeHref, definition.items]);\n\n  const [expanded, setExpanded] = useState<boolean>(() => {\n    return definition.defaultExpanded ?? (definition.href === activeHref || containsActiveLink);\n  });\n\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>();\n\n  // Reset user expansion status when the items property is updated.\n  useEffect(() => setUserExpanded(undefined), [definition]);\n\n  // By default, the expandable section is open when there's an active link inside.\n  useEffect(() => {\n    setExpanded(definition.href === activeHref || containsActiveLink);\n  }, [definition.href, containsActiveLink, activeHref]);\n\n  // If the definition object itself is updated, reset the expansion state to default.\n  useEffect(() => {\n    if (definition.defaultExpanded !== undefined) {\n      setExpanded(definition.defaultExpanded);\n    }\n  }, [definition]);\n\n  const onExpandedChange = useCallback(\n    (e: NonCancelableCustomEvent<ExpandableSectionProps.ChangeDetail>) => {\n      fireChange(definition, e.detail.expanded);\n      setUserExpanded(e.detail.expanded);\n    },\n    [definition, fireChange]\n  );\n\n  const onHeaderFollow: LinkProps['fireFollow'] = (_, event) => {\n    fireFollow(definition, event);\n    setUserExpanded(true);\n    if (!expanded) {\n      fireChange(definition, true);\n    }\n  };\n\n  return (\n    <InternalExpandableSection\n      className={clsx(\n        styles['expandable-link-group'],\n        variant === 'section-group' && styles['expandable-link-group--no-ident']\n      )}\n      variant=\"navigation\"\n      expanded={userExpanded ?? expanded}\n      onChange={onExpandedChange}\n      headerText={\n        <Link\n          definition={{ type: 'link', href: definition.href, text: definition.text }}\n          expanded={userExpanded ?? expanded}\n          fireFollow={onHeaderFollow}\n          fireChange={fireChange}\n          activeHref={activeHref}\n          position={position}\n        />\n      }\n    >\n      <NavigationItemsList\n        variant=\"expandable-link-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </InternalExpandableSection>\n  );\n}\n"]}
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"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 React, { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalBox from '../box/internal';\nimport { ExpandableSectionProps } from '../expandable-section/interfaces';\nimport InternalExpandableSection from '../expandable-section/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { isPlainLeftClick, NonCancelableCustomEvent } from '../internal/events';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { GeneratedAnalyticsMetadataSideNavigationClick } from './analytics-metadata/interfaces';\nimport { SideNavigationProps } from './interfaces';\nimport { hasActiveLink } from './util';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface BaseItemComponentProps {\n  activeHref?: string;\n  fireChange: (item: SideNavigationProps.Section | SideNavigationProps.ExpandableLinkGroup, expanded: boolean) => void;\n  fireFollow: (\n    item:\n      | SideNavigationProps.Link\n      | SideNavigationProps.Header\n      | SideNavigationProps.LinkGroup\n      | SideNavigationProps.ExpandableLinkGroup,\n    event: React.SyntheticEvent | Event\n  ) => void;\n  position?: string;\n}\n\ninterface HeaderProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Header;\n}\n\nexport function Header({ definition, activeHref, fireFollow }: HeaderProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollow(definition, event);\n      }\n    },\n    [fireFollow, definition]\n  );\n\n  const clickActionAnalyticsMetadata: GeneratedAnalyticsMetadataSideNavigationClick = {\n    action: 'click',\n    detail: {\n      label: `.${analyticsSelectors['header-link-text']}`,\n      external: 'false',\n      href: definition.href,\n      position: 'header',\n    },\n  };\n\n  return (\n    <>\n      <h2 className={styles.header}>\n        <a\n          href={definition.href}\n          className={clsx(styles['header-link'], { [styles['header-link--has-logo']]: !!definition.logo })}\n          aria-current={definition.href === activeHref ? 'page' : undefined}\n          onClick={onClick}\n          {...getAnalyticsMetadataAttribute(clickActionAnalyticsMetadata)}\n        >\n          {definition.logo && (\n            <img\n              className={clsx(styles['header-logo'], {\n                [styles['header-logo--stretched']]: !definition.text,\n              })}\n              {...definition.logo}\n            />\n          )}\n          <span className={clsx(styles['header-link-text'], analyticsSelectors['header-link-text'])}>\n            {definition.text}\n          </span>\n        </a>\n      </h2>\n      <Divider isPresentational={true} variant=\"header\" />\n    </>\n  );\n}\n\ninterface NavigationItemsListProps extends BaseItemComponentProps {\n  items: ReadonlyArray<SideNavigationProps.Item>;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\ninterface Item {\n  element?: ReactNode;\n  listVariant?: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n  items?: Array<Item>;\n}\n\nexport function NavigationItemsList({\n  items,\n  variant,\n  activeHref,\n  fireChange,\n  fireFollow,\n  position = '',\n}: NavigationItemsListProps) {\n  const lists: Array<Item> = [];\n  let currentListIndex = 0;\n  lists[currentListIndex] = {\n    listVariant: variant,\n    items: [],\n  };\n\n  items.forEach((item, index) => {\n    const itemid = index + 1;\n    const itemPosition = `${position ? `${position},` : ''}${itemid}`;\n    switch (item.type) {\n      case 'divider': {\n        const dividerIndex = lists.length;\n        lists[dividerIndex] = {\n          element: (\n            <div data-itemid={`item-${itemid}`}>\n              <Divider variant=\"default\" />\n            </div>\n          ),\n        };\n        currentListIndex = lists.length;\n        lists[currentListIndex] = {\n          listVariant: variant,\n          items: [],\n        };\n        return;\n      }\n      case 'link': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <Link\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'section': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <Section\n                definition={item}\n                activeHref={activeHref}\n                variant={variant}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'section-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <SectionGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'link-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <LinkGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n      case 'expandable-link-group': {\n        lists[currentListIndex].items?.push({\n          element: (\n            <li key={index} data-itemid={`item-${itemid}`} className={styles['list-item']}>\n              <ExpandableLinkGroup\n                definition={item}\n                activeHref={activeHref}\n                fireChange={fireChange}\n                fireFollow={fireFollow}\n                variant={variant}\n                position={itemPosition}\n              />\n            </li>\n          ),\n        });\n        return;\n      }\n    }\n  });\n\n  return (\n    <>\n      {lists.map((list, index) => {\n        if (!list.items || list.items.length === 0) {\n          return (\n            <div\n              key={`hr-${index}`}\n              className={clsx(styles.list, styles[`list-variant-${variant}`], {\n                [styles['list-variant-root--first']]: list.listVariant === 'root' && index === 0,\n              })}\n            >\n              {list.element}\n            </div>\n          );\n        } else {\n          return (\n            <ul\n              key={`list-${index}`}\n              className={clsx(styles.list, styles[`list-variant-${list.listVariant}`], {\n                [styles['list-variant-root--first']]: list.listVariant === 'root' && index === 0,\n              })}\n            >\n              {list.items.map(item => item.element)}\n            </ul>\n          );\n        }\n      })}\n    </>\n  );\n}\n\ninterface DividerProps {\n  variant: 'default' | 'header';\n  isPresentational?: boolean;\n}\n\nfunction Divider({ variant = 'default', isPresentational = false }: DividerProps) {\n  return (\n    <hr\n      className={clsx(styles.divider, styles[`divider-${variant}`])}\n      role={isPresentational ? 'presentation' : undefined}\n    />\n  );\n}\n\ninterface LinkProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Link;\n  expanded?: boolean;\n}\n\nfunction Link({ definition, expanded, activeHref, fireFollow, position }: LinkProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n  const isActive = definition.href === activeHref;\n  const i18n = useInternalI18n('link');\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollow(definition, event);\n      }\n    },\n    [fireFollow, definition]\n  );\n\n  const clickActionAnalyticsMetadata: GeneratedAnalyticsMetadataSideNavigationClick = {\n    action: 'click',\n    detail: {\n      label: `.${analyticsSelectors['link-text']}`,\n      external: `${!!definition.external}`,\n      href: definition.href,\n      position,\n    },\n  };\n\n  const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', definition.externalIconAriaLabel);\n\n  return (\n    <>\n      <a\n        href={definition.href}\n        className={clsx(styles.link, { [styles['link-active']]: isActive })}\n        target={definition.external ? '_blank' : undefined}\n        rel={definition.external ? 'noopener noreferrer' : undefined}\n        aria-expanded={expanded}\n        aria-current={definition.href === activeHref ? 'page' : undefined}\n        onClick={onClick}\n        {...getAnalyticsMetadataAttribute(clickActionAnalyticsMetadata)}\n      >\n        <span className={analyticsSelectors['link-text']}>{definition.text}</span>\n        {definition.external && (\n          <span aria-label={renderedExternalIconAriaLabel} role={renderedExternalIconAriaLabel ? 'img' : undefined}>\n            <InternalIcon name=\"external\" className={styles['external-icon']} />\n          </span>\n        )}\n      </a>\n      {definition.info && <span className={clsx(styles.info, testUtilStyles.info)}>{definition.info}</span>}\n    </>\n  );\n}\n\ninterface SectionProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.Section;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\nfunction Section({ definition, activeHref, fireFollow, fireChange, variant, position }: SectionProps) {\n  const [expanded, setExpanded] = useState<boolean>(definition.defaultExpanded ?? true);\n  const isVisualRefresh = useVisualRefresh();\n\n  const onExpandedChange = useCallback(\n    (e: NonCancelableCustomEvent<ExpandableSectionProps.ChangeDetail>) => {\n      fireChange(definition, e.detail.expanded);\n      setExpanded(e.detail.expanded);\n    },\n    [definition, fireChange]\n  );\n\n  useEffect(() => {\n    setExpanded(definition.defaultExpanded ?? true);\n  }, [definition]);\n\n  return (\n    <InternalExpandableSection\n      variant=\"footer\"\n      expanded={expanded}\n      onChange={onExpandedChange}\n      className={clsx(\n        styles.section,\n        variant === 'section-group' && styles['section--no-ident'],\n        isVisualRefresh && styles.refresh\n      )}\n      headerText={definition.text}\n    >\n      <NavigationItemsList\n        variant=\"section\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </InternalExpandableSection>\n  );\n}\n\ninterface SectionGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.SectionGroup;\n}\n\nfunction SectionGroup({ definition, activeHref, fireFollow, fireChange, position }: SectionGroupProps) {\n  return (\n    <div className={styles['section-group']}>\n      <InternalBox className={styles['section-group-title']} variant=\"h3\">\n        {definition.title}\n      </InternalBox>\n      <NavigationItemsList\n        variant=\"section-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </div>\n  );\n}\n\ninterface LinkGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.LinkGroup;\n}\n\nfunction LinkGroup({ definition, activeHref, fireFollow, fireChange, position }: LinkGroupProps) {\n  checkSafeUrl('SideNavigation', definition.href);\n\n  return (\n    <>\n      <Link\n        definition={{ type: 'link', href: definition.href, text: definition.text, info: definition.info }}\n        fireFollow={(_, event) => fireFollow(definition, event)}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n      <NavigationItemsList\n        variant=\"link-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </>\n  );\n}\n\ninterface ExpandableLinkGroupProps extends BaseItemComponentProps {\n  definition: SideNavigationProps.ExpandableLinkGroup;\n  variant: 'section' | 'section-group' | 'link-group' | 'expandable-link-group' | 'root';\n}\n\nfunction ExpandableLinkGroup({\n  definition,\n  fireFollow,\n  fireChange,\n  activeHref,\n  variant,\n  position,\n}: ExpandableLinkGroupProps) {\n  // Check whether the definition contains an active link and memoize it to avoid\n  // rechecking every time.\n  const containsActiveLink = useMemo(() => {\n    return activeHref ? hasActiveLink(definition.items, activeHref) : false;\n  }, [activeHref, definition.items]);\n\n  const [expanded, setExpanded] = useState<boolean>(() => {\n    return definition.defaultExpanded ?? (definition.href === activeHref || containsActiveLink);\n  });\n\n  const [userExpanded, setUserExpanded] = useState<boolean | undefined>();\n\n  // Reset user expansion status when the items property is updated.\n  useEffect(() => setUserExpanded(undefined), [definition]);\n\n  // By default, the expandable section is open when there's an active link inside.\n  useEffect(() => {\n    setExpanded(definition.href === activeHref || containsActiveLink);\n  }, [definition.href, containsActiveLink, activeHref]);\n\n  // If the definition object itself is updated, reset the expansion state to default.\n  useEffect(() => {\n    if (definition.defaultExpanded !== undefined) {\n      setExpanded(definition.defaultExpanded);\n    }\n  }, [definition]);\n\n  const onExpandedChange = useCallback(\n    (e: NonCancelableCustomEvent<ExpandableSectionProps.ChangeDetail>) => {\n      fireChange(definition, e.detail.expanded);\n      setUserExpanded(e.detail.expanded);\n    },\n    [definition, fireChange]\n  );\n\n  const onHeaderFollow: LinkProps['fireFollow'] = (_, event) => {\n    fireFollow(definition, event);\n    setUserExpanded(true);\n    if (!expanded) {\n      fireChange(definition, true);\n    }\n  };\n\n  return (\n    <InternalExpandableSection\n      className={clsx(\n        styles['expandable-link-group'],\n        variant === 'section-group' && styles['expandable-link-group--no-ident']\n      )}\n      variant=\"navigation\"\n      expanded={userExpanded ?? expanded}\n      onChange={onExpandedChange}\n      headerText={\n        <Link\n          definition={{ type: 'link', href: definition.href, text: definition.text }}\n          expanded={userExpanded ?? expanded}\n          fireFollow={onHeaderFollow}\n          fireChange={fireChange}\n          activeHref={activeHref}\n          position={position}\n        />\n      }\n    >\n      <NavigationItemsList\n        variant=\"expandable-link-group\"\n        items={definition.items}\n        fireFollow={fireFollow}\n        fireChange={fireChange}\n        activeHref={activeHref}\n        position={position}\n      />\n    </InternalExpandableSection>\n  );\n}\n"]}

package/lib/internal/template/slider/styles.css.js

@@ -1,31 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_pcgz5_1c7j1_153",
-  "slider": "awsui_slider_pcgz5_1c7j1_190",
-  "slider-track": "awsui_slider-track_pcgz5_1c7j1_194",
-  "slider-range": "awsui_slider-range_pcgz5_1c7j1_194",
-  "disabled": "awsui_disabled_pcgz5_1c7j1_209",
-  "readonly": "awsui_readonly_pcgz5_1c7j1_213",
-  "error": "awsui_error_pcgz5_1c7j1_222",
-  "warning": "awsui_warning_pcgz5_1c7j1_225",
-  "active": "awsui_active_pcgz5_1c7j1_228",
-  "error-active": "awsui_error-active_pcgz5_1c7j1_231",
-  "warning-active": "awsui_warning-active_pcgz5_1c7j1_234",
-  "labels": "awsui_labels_pcgz5_1c7j1_245",
-  "labels-noref": "awsui_labels-noref_pcgz5_1c7j1_251",
-  "labels-reference": "awsui_labels-reference_pcgz5_1c7j1_254",
-  "labels-min": "awsui_labels-min_pcgz5_1c7j1_261",
-  "labels-max": "awsui_labels-max_pcgz5_1c7j1_267",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1c7j1_275",
-  "ticks": "awsui_ticks_pcgz5_1c7j1_293",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1c7j1_299",
-  "tick": "awsui_tick_pcgz5_1c7j1_293",
-  "middle": "awsui_middle_pcgz5_1c7j1_314",
-  "filled": "awsui_filled_pcgz5_1c7j1_317",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1c7j1_345",
-  "thumb": "awsui_thumb_pcgz5_1c7j1_358",
-  "min": "awsui_min_pcgz5_1c7j1_394",
-  "max": "awsui_max_pcgz5_1c7j1_397"
+  "root": "awsui_root_pcgz5_1mxeo_153",
+  "slider": "awsui_slider_pcgz5_1mxeo_190",
+  "slider-track": "awsui_slider-track_pcgz5_1mxeo_194",
+  "slider-range": "awsui_slider-range_pcgz5_1mxeo_194",
+  "disabled": "awsui_disabled_pcgz5_1mxeo_209",
+  "readonly": "awsui_readonly_pcgz5_1mxeo_213",
+  "error": "awsui_error_pcgz5_1mxeo_222",
+  "warning": "awsui_warning_pcgz5_1mxeo_225",
+  "active": "awsui_active_pcgz5_1mxeo_228",
+  "error-active": "awsui_error-active_pcgz5_1mxeo_231",
+  "warning-active": "awsui_warning-active_pcgz5_1mxeo_234",
+  "labels": "awsui_labels_pcgz5_1mxeo_245",
+  "labels-noref": "awsui_labels-noref_pcgz5_1mxeo_251",
+  "labels-reference": "awsui_labels-reference_pcgz5_1mxeo_254",
+  "labels-min": "awsui_labels-min_pcgz5_1mxeo_261",
+  "labels-max": "awsui_labels-max_pcgz5_1mxeo_267",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1mxeo_275",
+  "ticks": "awsui_ticks_pcgz5_1mxeo_293",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1mxeo_299",
+  "tick": "awsui_tick_pcgz5_1mxeo_293",
+  "middle": "awsui_middle_pcgz5_1mxeo_314",
+  "filled": "awsui_filled_pcgz5_1mxeo_317",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1mxeo_345",
+  "thumb": "awsui_thumb_pcgz5_1mxeo_358",
+  "min": "awsui_min_pcgz5_1mxeo_394",
+  "max": "awsui_max_pcgz5_1mxeo_397"
 };