npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.934 → 3.0.935 - Mend

@cloudscape-design/components-themeable 3.0.934 → 3.0.935

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "4ab26f091cfb8a55a52c00632e50c7c12830d097"
+  "commit": "18032775117d4285ca249636916a372513d82810"
 }

package/lib/internal/scss/wizard/styles.scss CHANGED Viewed

@@ -226,7 +226,6 @@
   display: contents;
   > .form-header {
-    background-color: awsui.$color-background-layout-main;
     grid-column: 2;
     grid-row: 1;
     color: awsui.$color-text-body-default;

package/lib/internal/template/anchor-navigation/anchor-item/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AnchorNavigationProps } from '../interfaces';
+interface AnchorItemProps {
+    anchor: AnchorNavigationProps.Anchor;
+    onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent | Event) => void;
+    isActive: boolean;
+    index: number;
+    children: React.ReactNode;
+}
+export declare const AnchorItem: ({ anchor, onFollow, isActive, index, children }: AnchorItemProps) => JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/anchor-navigation/anchor-item/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/anchor-navigation/anchor-item/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAKtD,UAAU,eAAe;IACvB,MAAM,EAAE,qBAAqB,CAAC,MAAM,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IAC9F,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,oDAAqD,eAAe,gBAuC1F,CAAC"}

package/lib/internal/template/anchor-navigation/anchor-item/index.js ADDED Viewed

@@ -0,0 +1,23 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback } from 'react';
+import clsx from 'clsx';
+import { isPlainLeftClick } from '../../internal/events';
+import { checkSafeUrl } from '../../internal/utils/check-safe-url';
+import styles from '../styles.css.js';
+import testUtilsStyles from '../test-classes/styles.css.js';
+export const AnchorItem = ({ anchor, onFollow, isActive, index, children }) => {
+    checkSafeUrl('AnchorNavigation', anchor.href);
+    const onClick = useCallback((event) => {
+        if (isPlainLeftClick(event)) {
+            onFollow(anchor, event);
+        }
+    }, [onFollow, anchor]);
+    const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);
+    return (React.createElement("li", { "data-itemid": `anchor-item-${index + 1}`, className: clsx(styles['anchor-item'], isActive && activeItemClasses) },
+        React.createElement("a", Object.assign({ onClick: onClick, className: clsx(styles['anchor-link'], testUtilsStyles['anchor-link'], isActive && styles['anchor-link--active']) }, (isActive ? { 'aria-current': true } : {}), { href: anchor.href }),
+            React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 2}px` } }, anchor.text),
+            anchor.info && (React.createElement("span", { className: clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info']) }, anchor.info))),
+        children));
+};
+//# sourceMappingURL=index.js.map

package/lib/internal/template/anchor-navigation/anchor-item/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/anchor-navigation/anchor-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAU5D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC7F,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEtG,OAAO,CACL,2CAAiB,eAAe,KAAK,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ,IAAI,iBAAiB,CAAC;QAChH,yCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa,CAAC,EACrB,eAAe,CAAC,aAAa,CAAC,EAC9B,QAAQ,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAC1C,IACG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC9C,IAAI,EAAE,MAAM,CAAC,IAAI;YAEjB,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChF,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAE1D,MAAM,CAAC,IAAI,CACP;YACN,MAAM,CAAC,IAAI,IAAI,CACd,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,IAAG,MAAM,CAAC,IAAI,CAAQ,CAC7G,CACC;QACH,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport clsx from 'clsx';\n\nimport { isPlainLeftClick } from '../../internal/events';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\nimport { AnchorNavigationProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\nimport testUtilsStyles from '../test-classes/styles.css.js';\n\ninterface AnchorItemProps {\n anchor: AnchorNavigationProps.Anchor;\n onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent | Event) => void;\n isActive: boolean;\n index: number;\n children: React.ReactNode;\n}\n\nexport const AnchorItem = ({ anchor, onFollow, isActive, index, children }: AnchorItemProps) => {\n checkSafeUrl('AnchorNavigation', anchor.href);\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n onFollow(anchor, event);\n }\n },\n [onFollow, anchor]\n );\n\n const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);\n\n return (\n <li data-itemid={`anchor-item-${index + 1}`} className={clsx(styles['anchor-item'], isActive && activeItemClasses)}>\n <a\n onClick={onClick}\n className={clsx(\n styles['anchor-link'],\n testUtilsStyles['anchor-link'],\n isActive && styles['anchor-link--active']\n )}\n {...(isActive ? { 'aria-current': true } : {})}\n href={anchor.href}\n >\n <span\n className={clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text'])}\n style={{ paddingInlineStart: `${anchor.level * 16 + 2}px` }}\n >\n {anchor.text}\n </span>\n {anchor.info && (\n <span className={clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info'])}>{anchor.info}</span>\n )}\n </a>\n {children}\n </li>\n );\n};\n"]}

package/lib/internal/template/anchor-navigation/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;~~AAE3F~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;~~AAMrD~~,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAe,EACf,iBAAwB,EACxB,eAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,0BAA0B,~~eA+CpD~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAOrD,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAe,EACf,iBAAwB,EACxB,eAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,0BAA0B,eAwCpD"}

package/lib/internal/template/anchor-navigation/internal.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { __rest } from "tslib";
 import React, { useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component/index.js';
-import { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events/index';
-import { checkSafeUrl } from '../internal/utils/check-safe-url';
+import { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';
 import useScrollSpy from './use-scroll-spy.js';
+import { renderNestedAnchors } from './utils';
 import styles from './styles.css.js';
 import testUtilsStyles from './test-classes/styles.css.js';
 export default function InternalAnchorNavigation(_a) {
@@ -28,21 +28,9 @@ export default function InternalAnchorNavigation(_a) {
         }
     }, [onActiveHrefChange, anchors, currentActiveHref]);
     return (React.createElement("nav", Object.assign({}, baseProps, { ref: __internalRootRef, "aria-labelledby": ariaLabelledby, className: clsx(baseProps.className, styles.root, testUtilsStyles.root) }),
-        React.createElement("ol", { className: clsx(styles['anchor-list'], testUtilsStyles['anchor-list']) }, anchors.map((anchor, index) => {
-            return (React.createElement(Anchor, { onFollow: onFollowHandler, isActive: anchor.href === currentActiveHref, key: index, index: index, anchor: anchor }));
+        React.createElement("ol", { className: clsx(styles['anchor-list'], testUtilsStyles['anchor-list']) }, renderNestedAnchors(anchors, {
+            onFollowHandler,
+            currentActiveHref,
         }))));
 }
-const Anchor = ({ anchor, onFollow, isActive, index }) => {
-    checkSafeUrl('AnchorNavigation', anchor.href);
-    const onClick = useCallback((event) => {
-        if (isPlainLeftClick(event)) {
-            onFollow(anchor, event);
-        }
-    }, [onFollow, anchor]);
-    const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);
-    return (React.createElement("li", { "data-itemid": `anchor-item-${index + 1}`, className: clsx(styles['anchor-item'], isActive && activeItemClasses) },
-        React.createElement("a", Object.assign({ onClick: onClick, className: clsx(styles['anchor-link'], testUtilsStyles['anchor-link'], isActive && styles['anchor-link--active']) }, (isActive ? { 'aria-current': true } : {}), { href: anchor.href }),
-            React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 2}px` } }, anchor.text),
-            anchor.info && (React.createElement("span", { className: clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info']) }, anchor.info)))));
-};
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/anchor-navigation/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,~~gBAAgB,EAAE,~~MAAM,0BAA0B,CAAC;~~AAEzG~~,OAAO,~~EAAE,~~YAAY,~~EAAE,~~MAAM,~~kCAAkC~~,CAAC;~~AAEhE~~,OAAO,~~YAAY~~,MAAM,~~qBAAqB~~,CAAC;~~AAE/C~~,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,GAAG,IAAI,EACxB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,~~OAAO~~,CAAC,~~GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,~~OAAO,~~CACL,oBAAC,MAAM,IACL,QAAQ,~~EAAE~~,eAAe,EACzB,QAAQ,EAAE,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAC3C,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC~~;~~QACJ~~,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC;AASD,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAe,EAAE,EAAE;IACpE,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAAE,eAAe~~,CAAC,qBAAqB,CAAC,CAAC,CAAC~~;~~IAEtG~~,~~OAAO,CACL,2CAAiB,eAAe,KAAK,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ,IAAI,~~iBAAiB~~,CAAC~~;~~QAChH~~,~~yCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,MAAM,~~CAAC,aAAa,CAAC,EACrB,eAAe,CAAC,aAAa,CAAC,EAC9B,QAAQ,IAAI,MAAM,CAAC,qBAAqB,CAAC,CAC1C,IACG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC9C,IAAI,EAAE,MAAM,CAAC,IAAI;YAEjB,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,EAChF,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,IAE1D,MAAM,CAAC,IAAI,CACP;YACN,MAAM,CAAC,IAAI,IAAI,CACd,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC,IAAG,MAAM,CAAC,IAAI,CAAQ,CAC7G,CACC,CACD,~~CACN~~,CAAC;AACJ,CAAC~~,CAAC~~","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent, ~~isPlainLeftClick~~ } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { ~~checkSafeUrl } from '../internal/utils/check-safe-url';\nimport {~~ AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n anchors,\n ariaLabelledby,\n onFollow,\n onActiveHrefChange,\n activeHref = '',\n __internalRootRef = null,\n scrollSpyOffset = 0,\n ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n const baseProps = getBaseProps(props);\n\n const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n const onFollowHandler = useCallback(\n (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent \| Event) => {\n fireCancelableEvent(onFollow, anchor, sourceEvent);\n },\n [onFollow]\n );\n\n const currentActiveHref = useScrollSpy({\n hrefs,\n scrollSpyOffset,\n activeHref,\n });\n\n useEffect(() => {\n if (currentActiveHref) {\n const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n }\n }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n return (\n <nav\n {...baseProps}\n ref={__internalRootRef}\n aria-labelledby={ariaLabelledby}\n className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n >\n <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n {anchors~~.map((anchor~~, ~~index) =>~~ {\n ~~return (\n <Anchor\n onFollow={~~onFollowHandler}\n ~~isActive={anchor.href ===~~ currentActiveHref}\n ~~key={index}\n index={index}\n anchor={anchor}\n />\n );\n~~ })}\n </ol>\n </nav>\n );\n}\n\ninterface AnchorProps {\n anchor: AnchorNavigationProps.Anchor;\n onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent \| Event) => void;\n isActive: boolean;\n index: number;\n}\n\nconst Anchor = ({ anchor, onFollow, isActive, index }: AnchorProps) => {\n checkSafeUrl('AnchorNavigation', anchor.href);\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n onFollow(anchor, event);\n }\n },\n [onFollow, anchor]\n );\n\n const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);\n\n return (\n <li data-itemid={`anchor-item-${index + 1}`} className={clsx(styles['anchor-item'], isActive && activeItemClasses)}>\n <a\n onClick={onClick}\n className={clsx(\n styles['anchor-link'],\n testUtilsStyles['anchor-link'],\n isActive && styles['anchor-link--active']\n )}\n {...(isActive ? { 'aria-current': true } : {})}\n href={anchor.href}\n >\n <span\n className={clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text'])}\n style={{ paddingInlineStart: `${anchor.level * 16 + 2}px` }}\n >\n {anchor.text}\n </span>\n {anchor.info && (\n <span className={clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info'])}>{anchor.info}</span>\n )}\n </a>\n </li>\n );\n};\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,GAAG,IAAI,EACxB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,mBAAmB,CAAC,OAAO,EAAE;YAC5B,eAAe;YACf,iBAAiB;SAClB,CAAC,CACC,CACD,CACP,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, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\nimport { renderNestedAnchors } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n anchors,\n ariaLabelledby,\n onFollow,\n onActiveHrefChange,\n activeHref = '',\n __internalRootRef = null,\n scrollSpyOffset = 0,\n ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n const baseProps = getBaseProps(props);\n\n const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n const onFollowHandler = useCallback(\n (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent \| Event) => {\n fireCancelableEvent(onFollow, anchor, sourceEvent);\n },\n [onFollow]\n );\n\n const currentActiveHref = useScrollSpy({\n hrefs,\n scrollSpyOffset,\n activeHref,\n });\n\n useEffect(() => {\n if (currentActiveHref) {\n const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n }\n }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n return (\n <nav\n {...baseProps}\n ref={__internalRootRef}\n aria-labelledby={ariaLabelledby}\n className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n >\n <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n {renderNestedAnchors(anchors, {\n onFollowHandler,\n currentActiveHref,\n })}\n </ol>\n </nav>\n );\n}\n"]}

package/lib/internal/template/anchor-navigation/utils.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AnchorNavigationProps } from './interfaces';
+interface RenderContext {
+    onFollowHandler: (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => void;
+    currentActiveHref: string | undefined;
+}
+export declare const renderNestedAnchors: (items: AnchorNavigationProps.Anchor[], context: RenderContext) => React.ReactNode;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/internal/template/anchor-navigation/utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/anchor-navigation/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AA2BrD,UAAU,aAAa;IACrB,eAAe,EAAE,CAAC,MAAM,EAAE,qBAAqB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IAC3G,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAoDD,eAAO,MAAM,mBAAmB,UAAW,sBAAsB,MAAM,EAAE,WAAW,aAAa,KAAG,MAAM,SAYzG,CAAC"}

package/lib/internal/template/anchor-navigation/utils.js ADDED Viewed

@@ -0,0 +1,50 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { AnchorItem } from './anchor-item';
+import styles from './styles.css.js';
+import testUtilsStyles from './test-classes/styles.css.js';
+const collectChildItems = (items, currentIndex, currentLevel) => {
+    const childItems = [];
+    let nextIndex = currentIndex + 1;
+    while (nextIndex < items.length && items[nextIndex].level > currentLevel) {
+        childItems.push(items[nextIndex]);
+        nextIndex++;
+    }
+    return childItems;
+};
+const createAnchorItem = (currentItem, index, childItems, renderQueue, context) => {
+    const childList = [];
+    const hasChildren = childItems.length > 0;
+    const olClassNAme = clsx(styles['anchor-list'], testUtilsStyles['anchor-list']);
+    if (hasChildren) {
+        renderQueue.push({
+            items: childItems,
+            parentList: childList,
+            startIndex: index + 1,
+        });
+    }
+    return (React.createElement(AnchorItem, { onFollow: context.onFollowHandler, isActive: currentItem.href === context.currentActiveHref, key: index, index: index, anchor: currentItem }, hasChildren && React.createElement("ol", { className: olClassNAme }, childList)));
+};
+const processQueueItem = (items, startIndex, parentList, renderQueue, context) => {
+    let currentIndex = 0;
+    while (currentIndex < items.length) {
+        const currentItem = items[currentIndex];
+        const childItems = collectChildItems(items, currentIndex, currentItem.level);
+        parentList.push(createAnchorItem(currentItem, startIndex + currentIndex, childItems, renderQueue, context));
+        currentIndex += childItems.length + 1;
+    }
+};
+// Perform a queue-based breadth-first traversal that groups child items under their parents based on level hierarchy.
+export const renderNestedAnchors = (items, context) => {
+    const rootList = [];
+    const renderQueue = [];
+    renderQueue.push({ items, parentList: rootList, startIndex: 0 });
+    while (renderQueue.length > 0) {
+        const currentItem = renderQueue.shift();
+        processQueueItem(currentItem.items, currentItem.startIndex, currentItem.parentList, renderQueue, context);
+    }
+    return rootList;
+};
+//# sourceMappingURL=utils.js.map

package/lib/internal/template/anchor-navigation/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/anchor-navigation/utils.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 from 'react';\nimport clsx from 'clsx';\n\nimport { AnchorItem } from './anchor-item';\nimport { AnchorNavigationProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\ninterface AnchorRenderQueueItem {\n items: AnchorNavigationProps.Anchor[];\n parentList: React.ReactNode[];\n startIndex: number;\n}\n\nconst collectChildItems = (\n items: AnchorNavigationProps.Anchor[],\n currentIndex: number,\n currentLevel: number\n): AnchorNavigationProps.Anchor[] => {\n const childItems: AnchorNavigationProps.Anchor[] = [];\n let nextIndex = currentIndex + 1;\n\n while (nextIndex < items.length && items[nextIndex].level > currentLevel) {\n childItems.push(items[nextIndex]);\n nextIndex++;\n }\n\n return childItems;\n};\n\ninterface RenderContext {\n onFollowHandler: (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => void;\n currentActiveHref: string | undefined;\n}\n\nconst createAnchorItem = (\n currentItem: AnchorNavigationProps.Anchor,\n index: number,\n childItems: AnchorNavigationProps.Anchor[],\n renderQueue: AnchorRenderQueueItem[],\n context: RenderContext\n) => {\n const childList: React.ReactNode[] = [];\n const hasChildren = childItems.length > 0;\n const olClassNAme = clsx(styles['anchor-list'], testUtilsStyles['anchor-list']);\n\n if (hasChildren) {\n renderQueue.push({\n items: childItems,\n parentList: childList,\n startIndex: index + 1,\n });\n }\n\n return (\n <AnchorItem\n onFollow={context.onFollowHandler}\n isActive={currentItem.href === context.currentActiveHref}\n key={index}\n index={index}\n anchor={currentItem}\n >\n {hasChildren && <ol className={olClassNAme}>{childList}</ol>}\n </AnchorItem>\n );\n};\n\nconst processQueueItem = (\n items: AnchorNavigationProps.Anchor[],\n startIndex: number,\n parentList: React.ReactNode[],\n renderQueue: AnchorRenderQueueItem[],\n context: RenderContext\n) => {\n let currentIndex = 0;\n while (currentIndex < items.length) {\n const currentItem = items[currentIndex];\n const childItems = collectChildItems(items, currentIndex, currentItem.level);\n\n parentList.push(createAnchorItem(currentItem, startIndex + currentIndex, childItems, renderQueue, context));\n currentIndex += childItems.length + 1;\n }\n};\n\n// Perform a queue-based breadth-first traversal that groups child items under their parents based on level hierarchy.\nexport const renderNestedAnchors = (items: AnchorNavigationProps.Anchor[], context: RenderContext): React.ReactNode => {\n const rootList: React.ReactNode[] = [];\n const renderQueue: AnchorRenderQueueItem[] = [];\n\n renderQueue.push({ items, parentList: rootList, startIndex: 0 });\n\n while (renderQueue.length > 0) {\n const currentItem = renderQueue.shift()!;\n processQueueItem(currentItem.items, currentItem.startIndex, currentItem.parentList, renderQueue, context);\n }\n\n return rootList;\n};\n"]}

package/lib/internal/template/breadcrumb-group/item/item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;~~AAyE1E~~,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAe,EACf,WAAmB,GACpB,EAAE,mBAAmB,CAAC,CAAC,CAAC,~~eA8CxB~~"}
1	+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AA4E1E,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAe,EACf,WAAmB,GACpB,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA6DxB"}

package/lib/internal/template/breadcrumb-group/item/item.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';
 import { getEventDetail } from '../utils';
 import { FunnelBreadcrumbItem } from './funnel';
 import styles from './styles.css.js';
-const BreadcrumbItemWithPopover = ({ item, isLast, anchorAttributes, children, }) => {
+const BreadcrumbItemWithPopover = ({ item, isLast, anchorAttributes, itemAttributes, children, }) => {
     const [showPopover, setShowPopover] = useState(false);
     const textRef = useRef(null);
     const popoverContent = (React.createElement(Tooltip, { trackRef: textRef, value: item.text, size: "medium", onDismiss: () => setShowPopover(false) }));
@@ -26,7 +26,7 @@ const BreadcrumbItemWithPopover = ({ item, isLast, anchorAttributes, children, }
                 setShowPopover(true);
             }, onBlur: () => setShowPopover(false), onMouseEnter: () => {
                 setShowPopover(true);
-            }, onMouseLeave: () => setShowPopover(false), anchorAttributes: anchorAttributes }, (isLast ? { tabIndex: 0 } : {})), children),
+            }, onMouseLeave: () => setShowPopover(false), anchorAttributes: anchorAttributes }, itemAttributes), children),
         showPopover && popoverContent));
 };
 const Item = React.forwardRef((_a, ref) => {
@@ -45,13 +45,21 @@ export function BreadcrumbItem({ item, itemIndex, totalCount, onClick, onFollow,
     const anchorAttributes = {
         href: item.href || '#',
         onClick: isLast ? preventDefault : onClickHandler,
+        tabIndex: 0,
     };
+    const itemAttributes = {};
     if (isGhost) {
         anchorAttributes.tabIndex = -1;
     }
+    if (isLast && !isGhost) {
+        itemAttributes['aria-current'] = 'page';
+        itemAttributes['aria-disabled'] = true;
+        itemAttributes.tabIndex = 0;
+        itemAttributes.role = 'link';
+    }
     const breadcrumbItem = (React.createElement(FunnelBreadcrumbItem, { className: styles.text, itemIndex: itemIndex, totalCount: totalCount, text: item.text, disableAnalytics: isGhost }));
     return (React.createElement("div", { className: clsx(!isGhost && styles.breadcrumb, isGhost && styles['ghost-breadcrumb'], isLast && styles.last) },
-        isTruncated && !isGhost ? (React.createElement(BreadcrumbItemWithPopover, { item: item, isLast: isLast, anchorAttributes: anchorAttributes }, breadcrumbItem)) : (React.createElement(Item, { isLast: isLast, anchorAttributes: anchorAttributes }, breadcrumbItem)),
+        isTruncated && !isGhost ? (React.createElement(BreadcrumbItemWithPopover, { item: item, isLast: isLast, anchorAttributes: anchorAttributes, itemAttributes: itemAttributes }, breadcrumbItem)) : (React.createElement(Item, Object.assign({ isLast: isLast, anchorAttributes: anchorAttributes }, itemAttributes), breadcrumbItem)),
         !isLast ? (React.createElement("span", { className: styles.icon },
             React.createElement(InternalIcon, { name: "angle-right" }))) : null));
 }

package/lib/internal/template/breadcrumb-group/item/item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AASrC~~,MAAM,yBAAyB,GAAG,CAAsC,EACtE,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,QAAQ,GAC0B,EAAE,EAAE;IACtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC1C,MAAM,cAAc,GAAG,CACrB,oBAAC,OAAO,IAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,GAAI,CACvG,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,EAAE;YACf,OAAO,eAAe,CAAC,GAAG,EAAE;gBAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL;QACE,oBAAC,IAAI,kBACH,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE;gBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACzC,gBAAgB,EAAE,gBAAgB,IAC9B,~~CAAC~~,~~MAAM~~,~~CAAC,CAAC,CAAC,EAAE,~~QAAQ,~~EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAElC,QAAQ,~~CACJ;QACN,WAAW,IAAI,cAAc,CAC7B,CACJ,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,OAAqB,EAAhB,cAAc,cAAvD,0CAAyD,CAAF;IACtD,~~OAAA~~,MAAM,CAAC,CAAC,CAAC,~~CACP~~,4CAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,IAAM,cAAc,GACzD,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,CACF,yCAAG,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,IAAM,cAAc,EAAM,gBAAgB,GAC5G,QAAQ,CACP,CACL,~~CAAA~~;~~CAAA~~,~~CACJ~~,CAAC;AAEF,MAAM,UAAU,cAAc,CAAsC,EAClE,IAAI,EACJ,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,GACI;IACvB,MAAM,MAAM,GAAG,SAAS,KAAK,UAAU,GAAG,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;IAC3E,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;QACjD,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;SAC5D;QACD,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAkD;QACtE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG;QACtB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc;~~KAClD~~,CAAC;~~IACF~~,IAAI,OAAO,EAAE;QACX,gBAAgB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAChC;IAED,MAAM,cAAc,GAAG,CACrB,oBAAC,oBAAoB,IACnB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,OAAO,GACzB,CACH,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC;QAC9G,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACzB,oBAAC,yBAAyB,~~IAAC~~,IAAI,EAAE,IAAI,~~EAAE~~,MAAM,EAAE,MAAM,~~EAAE~~,gBAAgB,EAAE,gBAAgB,~~IACtF~~,cAAc,CACW,CAC7B,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,~~IAAC~~,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,~~IACrD~~,cAAc,CACV,CACR;QACA,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI;YAC1B,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,GAAG,CAC9B,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,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, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport Tooltip from '../../internal/components/tooltip';\nimport { registerTooltip } from '../../internal/components/tooltip/registry';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport { getEventDetail } from '../utils';\nimport { FunnelBreadcrumbItem } from './funnel';\n\nimport styles from './styles.css.js';\n\ninterface BreadcrumbItemWithPopoverProps<T extends BreadcrumbGroupProps.Item> {\n item: T;\n isLast: boolean;\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n children: React.ReactNode;\n}\n\nconst BreadcrumbItemWithPopover = <T extends BreadcrumbGroupProps.Item>({\n item,\n isLast,\n anchorAttributes,\n children,\n}: BreadcrumbItemWithPopoverProps<T>) => {\n const [showPopover, setShowPopover] = useState(false);\n const textRef = useRef<HTMLElement>(null);\n const popoverContent = (\n <Tooltip trackRef={textRef} value={item.text} size=\"medium\" onDismiss={() => setShowPopover(false)} />\n );\n\n useEffect(() => {\n if (showPopover) {\n return registerTooltip(() => {\n setShowPopover(false);\n });\n }\n }, [showPopover]);\n\n return (\n <>\n <Item\n ref={textRef}\n isLast={isLast}\n onFocus={() => {\n setShowPopover(true);\n }}\n onBlur={() => setShowPopover(false)}\n onMouseEnter={() => {\n setShowPopover(true);\n }}\n onMouseLeave={() => setShowPopover(false)}\n anchorAttributes={anchorAttributes}\n {...~~(isLast ? { tabIndex: 0~~ } ~~: {})}~~\n >\n {children}\n </Item>\n {showPopover && popoverContent}\n </>\n );\n};\n\ntype ItemProps = React.HTMLAttributes<HTMLElement> & {\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n isLast: boolean;\n};\nconst Item = React.forwardRef<HTMLElement, ItemProps>(\n ({ anchorAttributes, children, isLast, ...itemAttributes }, ref) ~~=>\~~n isLast ? (\n <span ref={ref} className={styles.anchor} {...itemAttributes}>\n {children}\n </span>\n ) : (\n <a ref={ref as React.Ref<HTMLAnchorElement>} className={styles.anchor} {...itemAttributes} {...anchorAttributes}>\n {children}\n </a>\n )\n);\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n item,\n itemIndex,\n totalCount,\n onClick,\n onFollow,\n isGhost = false,\n isTruncated = false,\n}: BreadcrumbItemProps<T>) {\n const isLast = itemIndex === totalCount - 1;\n const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n const onClickHandler = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, getEventDetail(item), event);\n }\n fireCancelableEvent(onClick, getEventDetail(item), event);\n };\n\n const anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {\n href: item.href \|\| '#',\n onClick: isLast ? preventDefault : onClickHandler,\n };\n if (isGhost) {\n anchorAttributes.tabIndex = -1;\n }\n\n const breadcrumbItem = (\n <FunnelBreadcrumbItem\n className={styles.text}\n itemIndex={itemIndex}\n totalCount={totalCount}\n text={item.text}\n disableAnalytics={isGhost}\n />\n );\n\n return (\n <div className={clsx(!isGhost && styles.breadcrumb, isGhost && styles['ghost-breadcrumb'], isLast && styles.last)}>\n {isTruncated && !isGhost ? (\n <BreadcrumbItemWithPopover item={item} isLast={isLast} anchorAttributes={anchorAttributes}>\n {breadcrumbItem}\n </BreadcrumbItemWithPopover>\n ) : (\n <Item isLast={isLast} anchorAttributes={anchorAttributes}>\n {breadcrumbItem}\n </Item>\n )}\n {!isLast ? (\n <span className={styles.icon}>\n <InternalIcon name=\"angle-right\" />\n </span>\n ) : null}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalIcon from '../../icon/internal';\nimport Tooltip from '../../internal/components/tooltip';\nimport { registerTooltip } from '../../internal/components/tooltip/registry';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport { getEventDetail } from '../utils';\nimport { FunnelBreadcrumbItem } from './funnel';\n\nimport styles from './styles.css.js';\n\ninterface BreadcrumbItemWithPopoverProps<T extends BreadcrumbGroupProps.Item> {\n item: T;\n isLast: boolean;\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n children: React.ReactNode;\n itemAttributes: React.HTMLAttributes<HTMLElement>;\n}\n\nconst BreadcrumbItemWithPopover = <T extends BreadcrumbGroupProps.Item>({\n item,\n isLast,\n anchorAttributes,\n itemAttributes,\n children,\n}: BreadcrumbItemWithPopoverProps<T>) => {\n const [showPopover, setShowPopover] = useState(false);\n const textRef = useRef<HTMLElement>(null);\n const popoverContent = (\n <Tooltip trackRef={textRef} value={item.text} size=\"medium\" onDismiss={() => setShowPopover(false)} />\n );\n\n useEffect(() => {\n if (showPopover) {\n return registerTooltip(() => {\n setShowPopover(false);\n });\n }\n }, [showPopover]);\n\n return (\n <>\n <Item\n ref={textRef}\n isLast={isLast}\n onFocus={() => {\n setShowPopover(true);\n }}\n onBlur={() => setShowPopover(false)}\n onMouseEnter={() => {\n setShowPopover(true);\n }}\n onMouseLeave={() => setShowPopover(false)}\n anchorAttributes={anchorAttributes}\n {...itemAttributes}\n >\n {children}\n </Item>\n {showPopover && popoverContent}\n </>\n );\n};\n\ntype ItemProps = React.HTMLAttributes<HTMLElement> & {\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n isLast: boolean;\n};\nconst Item = React.forwardRef<HTMLElement, ItemProps>(\n ({ anchorAttributes, children, isLast, ...itemAttributes }, ref) => {\n return isLast ? (\n <span ref={ref} className={styles.anchor} {...itemAttributes}>\n {children}\n </span>\n ) : (\n <a ref={ref as React.Ref<HTMLAnchorElement>} className={styles.anchor} {...itemAttributes} {...anchorAttributes}>\n {children}\n </a>\n );\n }\n);\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n item,\n itemIndex,\n totalCount,\n onClick,\n onFollow,\n isGhost = false,\n isTruncated = false,\n}: BreadcrumbItemProps<T>) {\n const isLast = itemIndex === totalCount - 1;\n const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n const onClickHandler = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, getEventDetail(item), event);\n }\n fireCancelableEvent(onClick, getEventDetail(item), event);\n };\n\n const anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {\n href: item.href \|\| '#',\n onClick: isLast ? preventDefault : onClickHandler,\n tabIndex: 0,\n };\n\n const itemAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {};\n if (isGhost) {\n anchorAttributes.tabIndex = -1;\n }\n\n if (isLast && !isGhost) {\n itemAttributes['aria-current'] = 'page';\n itemAttributes['aria-disabled'] = true;\n itemAttributes.tabIndex = 0;\n itemAttributes.role = 'link';\n }\n\n const breadcrumbItem = (\n <FunnelBreadcrumbItem\n className={styles.text}\n itemIndex={itemIndex}\n totalCount={totalCount}\n text={item.text}\n disableAnalytics={isGhost}\n />\n );\n\n return (\n <div className={clsx(!isGhost && styles.breadcrumb, isGhost && styles['ghost-breadcrumb'], isLast && styles.last)}>\n {isTruncated && !isGhost ? (\n <BreadcrumbItemWithPopover\n item={item}\n isLast={isLast}\n anchorAttributes={anchorAttributes}\n itemAttributes={itemAttributes}\n >\n {breadcrumbItem}\n </BreadcrumbItemWithPopover>\n ) : (\n <Item isLast={isLast} anchorAttributes={anchorAttributes} {...itemAttributes}>\n {breadcrumbItem}\n </Item>\n )}\n {!isLast ? (\n <span className={styles.icon}>\n <InternalIcon name=\"angle-right\" />\n </span>\n ) : null}\n </div>\n );\n}\n"]}

package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,QAAA,MAAM,eAAe,qKAalB,aAAa,~~gBAmCf~~,CAAC;AAEF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,QAAA,MAAM,eAAe,qKAalB,aAAa,gBAkCf,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/internal/template/button-dropdown/category-elements/category-element.js CHANGED Viewed

@@ -7,9 +7,9 @@ import styles from './styles.css.js';
 const CategoryElement = ({ item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, }) => {
     // Hide the category title element from screen readers because it will be
     // provided as an ARIA label.
-    return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation", "aria-disabled": disabled ? 'true' : undefined },
+    return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation" },
         item.text && (React.createElement("p", { className: clsx(styles.header, { [styles.disabled]: disabled }), "aria-hidden": "true" }, item.text)),
-        React.createElement("ul", { className: styles['items-list-container'], role: "group", "aria-label": item.text }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant, position: position })))));
+        React.createElement("ul", { className: styles['items-list-container'], role: "group", "aria-label": item.text, "aria-disabled": disabled }, item.items && (React.createElement(ItemsList, { items: item.items, onItemActivate: onItemActivate, onGroupToggle: onGroupToggle, targetItem: targetItem, isHighlighted: isHighlighted, isKeyboardHighlight: isKeyboardHighlight, isExpanded: isExpanded, lastInDropdown: lastInDropdown, highlightItem: highlightItem, categoryDisabled: disabled, hasCategoryHeader: !!item.text, variant: variant, position: position })))));
 };
 export default CategoryElement;
 //# sourceMappingURL=category-element.js.map

package/lib/internal/template/button-dropdown/category-elements/category-element.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,GACM,EAAE,EAAE;IAClB,yEAAyE;IACzE,6BAA6B;IAC7B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3F,IAAI,EAAC,cAAc~~,mBACJ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS~~;~~QAE3C~~,IAAI,CAAC,IAAI,IAAI,CACZ,2BAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,iBAAc,MAAM,IACnF,IAAI,CAAC,IAAI,CACR,CACL;QACD,4BAAI,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,IAAI,~~IAC9E~~,IAAI,CAAC,KAAK,IAAI,CACb,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,QAAQ,EAC1B,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CACE,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { CategoryProps } from '../interfaces';\nimport ItemsList from '../items-list';\n\nimport styles from './styles.css.js';\n\nconst CategoryElement = ({\n item,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n disabled,\n variant,\n position,\n}: CategoryProps) => {\n // Hide the category title element from screen readers because it will be\n // provided as an ARIA label.\n return (\n <li\n className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n role=\"presentation\"\n ~~aria-disabled={disabled ? 'true' : undefined}\n~~ >\n {item.text && (\n <p className={clsx(styles.header, { [styles.disabled]: disabled })} aria-hidden=\"true\">\n {item.text}\n </p>\n )}\n <ul className={styles['items-list-container']} role=\"group\" aria-label={item.text}>\n {item.items && (\n <ItemsList\n items={item.items}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown}\n highlightItem={highlightItem}\n categoryDisabled={disabled}\n hasCategoryHeader={!!item.text}\n variant={variant}\n position={position}\n />\n )}\n </ul>\n </li>\n );\n};\n\nexport default CategoryElement;\n"]}
1	+ {"version":3,"file":"category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/category-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,cAAc,EACd,aAAa,EACb,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,GACM,EAAE,EAAE;IAClB,yEAAyE;IACzE,6BAA6B;IAC7B,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC3F,IAAI,EAAC,cAAc;QAElB,IAAI,CAAC,IAAI,IAAI,CACZ,2BAAG,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,iBAAc,MAAM,IACnF,IAAI,CAAC,IAAI,CACR,CACL;QACD,4BAAI,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,IAAI,mBAAiB,QAAQ,IACvG,IAAI,CAAC,KAAK,IAAI,CACb,oBAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,QAAQ,EAC1B,iBAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CACE,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { CategoryProps } from '../interfaces';\nimport ItemsList from '../items-list';\n\nimport styles from './styles.css.js';\n\nconst CategoryElement = ({\n item,\n onItemActivate,\n onGroupToggle,\n targetItem,\n isHighlighted,\n isKeyboardHighlight,\n isExpanded,\n lastInDropdown,\n highlightItem,\n disabled,\n variant,\n position,\n}: CategoryProps) => {\n // Hide the category title element from screen readers because it will be\n // provided as an ARIA label.\n return (\n <li\n className={clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled)}\n role=\"presentation\"\n >\n {item.text && (\n <p className={clsx(styles.header, { [styles.disabled]: disabled })} aria-hidden=\"true\">\n {item.text}\n </p>\n )}\n <ul className={styles['items-list-container']} role=\"group\" aria-label={item.text} aria-disabled={disabled}>\n {item.items && (\n <ItemsList\n items={item.items}\n onItemActivate={onItemActivate}\n onGroupToggle={onGroupToggle}\n targetItem={targetItem}\n isHighlighted={isHighlighted}\n isKeyboardHighlight={isKeyboardHighlight}\n isExpanded={isExpanded}\n lastInDropdown={lastInDropdown}\n highlightItem={highlightItem}\n categoryDisabled={disabled}\n hasCategoryHeader={!!item.text}\n variant={variant}\n position={position}\n />\n )}\n </ul>\n </li>\n );\n};\n\nexport default CategoryElement;\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (4ab26f09)";
+export var PACKAGE_VERSION = "3.0.0 (18032775)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (4ab26f09)",
+  "PACKAGE_VERSION": "3.0.0 (18032775)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/wizard/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1xupv_5faah_145",
-  "wizard": "awsui_wizard_1xupv_5faah_177",
-  "refresh": "awsui_refresh_1xupv_5faah_177",
-  "small-container": "awsui_small-container_1xupv_5faah_184",
-  "navigation": "awsui_navigation_1xupv_5faah_193",
-  "number": "awsui_number_1xupv_5faah_226",
-  "circle": "awsui_circle_1xupv_5faah_242",
-  "title": "awsui_title_1xupv_5faah_253",
-  "active": "awsui_active_1xupv_5faah_284",
-  "disabled": "awsui_disabled_1xupv_5faah_295",
-  "enabled": "awsui_enabled_1xupv_5faah_305",
-  "form": "awsui_form_1xupv_5faah_349",
-  "form-header": "awsui_form-header_1xupv_5faah_354",
-  "form-header-content": "awsui_form-header-content_1xupv_5faah_370",
-  "form-component": "awsui_form-component_1xupv_5faah_374",
-  "hidden": "awsui_hidden_1xupv_5faah_388",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_5faah_392",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_5faah_397",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_5faah_401",
-  "form-header-component": "awsui_form-header-component_1xupv_5faah_401",
-  "navigation-link": "awsui_navigation-link_1xupv_5faah_417",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_5faah_418",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_5faah_419",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_5faah_423",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_5faah_428",
-  "cancel-button": "awsui_cancel-button_1xupv_5faah_432",
-  "previous-button": "awsui_previous-button_1xupv_5faah_433",
-  "primary-button": "awsui_primary-button_1xupv_5faah_434",
-  "skip-to-button": "awsui_skip-to-button_1xupv_5faah_435",
-  "action-buttons": "awsui_action-buttons_1xupv_5faah_439"
+  "root": "awsui_root_1xupv_pig7l_145",
+  "wizard": "awsui_wizard_1xupv_pig7l_177",
+  "refresh": "awsui_refresh_1xupv_pig7l_177",
+  "small-container": "awsui_small-container_1xupv_pig7l_184",
+  "navigation": "awsui_navigation_1xupv_pig7l_193",
+  "number": "awsui_number_1xupv_pig7l_226",
+  "circle": "awsui_circle_1xupv_pig7l_242",
+  "title": "awsui_title_1xupv_pig7l_253",
+  "active": "awsui_active_1xupv_pig7l_284",
+  "disabled": "awsui_disabled_1xupv_pig7l_295",
+  "enabled": "awsui_enabled_1xupv_pig7l_305",
+  "form": "awsui_form_1xupv_pig7l_349",
+  "form-header": "awsui_form-header_1xupv_pig7l_354",
+  "form-header-content": "awsui_form-header-content_1xupv_pig7l_369",
+  "form-component": "awsui_form-component_1xupv_pig7l_373",
+  "hidden": "awsui_hidden_1xupv_pig7l_387",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_pig7l_391",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_pig7l_396",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_pig7l_400",
+  "form-header-component": "awsui_form-header-component_1xupv_pig7l_400",
+  "navigation-link": "awsui_navigation-link_1xupv_pig7l_416",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_pig7l_417",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_pig7l_418",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_pig7l_422",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_pig7l_427",
+  "cancel-button": "awsui_cancel-button_1xupv_pig7l_431",
+  "previous-button": "awsui_previous-button_1xupv_pig7l_432",
+  "primary-button": "awsui_primary-button_1xupv_pig7l_433",
+  "skip-to-button": "awsui_skip-to-button_1xupv_pig7l_434",
+  "action-buttons": "awsui_action-buttons_1xupv_pig7l_438"
 };

package/lib/internal/template/wizard/styles.scoped.css CHANGED Viewed

@@ -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_1xupv_5faah_145:not(#\9) {
+.awsui_root_1xupv_pig7l_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,30 +175,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_wizard_1xupv_5faah_177.awsui_refresh_1xupv_5faah_177:not(#\9) {
+.awsui_wizard_1xupv_pig7l_177.awsui_refresh_1xupv_pig7l_177:not(#\9) {
   column-gap: var(--space-xl-vss8pc, 24px);
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   grid-template-rows: auto 1fr;
   row-gap: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_wizard_1xupv_5faah_177.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184:not(#\9) {
+.awsui_wizard_1xupv_pig7l_177.awsui_refresh_1xupv_pig7l_177.awsui_small-container_1xupv_pig7l_184:not(#\9) {
   grid-template-columns: minmax(0, 1fr) 0;
   row-gap: var(--space-scaled-l-7e51pg, 20px);
 }
-.awsui_wizard_1xupv_5faah_177:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
+.awsui_wizard_1xupv_pig7l_177:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) {
   display: flex;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
   padding-block-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-scaled-xxs-krq5fq, 4px));
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -208,7 +208,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 260px;
   box-sizing: border-box;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9) {
   display: grid;
   column-gap: var(--space-xs-6dgkww, 8px);
   grid-template-columns: var(--space-l-eenfqd, 20px) 1fr;
@@ -216,7 +216,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > hr:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > hr:not(#\9) {
   background-color: var(--color-border-divider-default-u5ytia, #eaeded);
   border-block: 0;
   border-inline: 0;
@@ -224,13 +224,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   inline-size: var(--space-xxxs-gn3248, 2px);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > .awsui_number_1xupv_5faah_226:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > .awsui_number_1xupv_pig7l_226:not(#\9) {
   color: var(--color-text-small-m48dvk, #687078);
   font-size: var(--font-size-body-s-4dzx5q, 12px);
   grid-column: 2;
   grid-row: 1;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > a:not(#\9) {
   align-items: start;
   column-gap: var(--space-xs-6dgkww, 8px);
   cursor: pointer;
@@ -240,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-row: 2;
   grid-template-columns: var(--space-l-eenfqd, 20px) 1fr;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > a > .awsui_circle_1xupv_pig7l_242:not(#\9) {
   border-start-start-radius: 100%;
   border-start-end-radius: 100%;
   border-end-start-radius: 100%;
@@ -251,12 +251,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: 6px;
   inline-size: 10px;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a > .awsui_title_1xupv_5faah_253:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > a > .awsui_title_1xupv_pig7l_253:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   grid-column: 2;
 }
-body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li > a:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li > a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -267,58 +267,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_5faah_193.awsui_refr
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):first-child > hr {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_5faah_226 {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_pig7l_226 {
   margin-block-start: var(--space-m-u91ipm, 16px);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):last-child > hr {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9):last-child > hr {
   grid-row: 1;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):only-of-type > hr {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9):only-of-type > hr {
   display: none;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
   grid-row: 1/span 3;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_active_1xupv_pig7l_284 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_active_1xupv_pig7l_284 > a > .awsui_circle_1xupv_pig7l_242:not(#\9) {
   background-color: var(--color-background-control-checked-aeun6h, #0073bb);
   box-shadow: 0 0 0 3px var(--color-background-container-content-myy7cn, #ffffff), 0 0 0 5px var(--color-background-control-checked-aeun6h, #0073bb), 0 0 0 7px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_active_1xupv_5faah_284 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_active_1xupv_pig7l_284 > a > .awsui_title_1xupv_pig7l_253:not(#\9) {
   color: var(--color-background-control-checked-aeun6h, #0073bb);
   font-weight: 700;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_disabled_1xupv_pig7l_295 > a:not(#\9) {
   cursor: text;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_disabled_1xupv_pig7l_295 > a > .awsui_circle_1xupv_pig7l_242:not(#\9) {
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-xqzdg5, #aab7b8), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_disabled_1xupv_5faah_295 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_disabled_1xupv_pig7l_295 > a > .awsui_title_1xupv_pig7l_253:not(#\9) {
   color: var(--color-text-status-inactive-hdm5cz, #687078);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a > .awsui_circle_1xupv_5faah_242:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_enabled_1xupv_pig7l_305 > a > .awsui_circle_1xupv_pig7l_242:not(#\9) {
   background-color: var(--color-text-interactive-default-t1snbz, #545b64);
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-t1snbz, #545b64), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a > .awsui_title_1xupv_5faah_253:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_enabled_1xupv_pig7l_305 > a > .awsui_title_1xupv_pig7l_253:not(#\9) {
   color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a:not(#\9):hover > .awsui_circle_1xupv_5faah_242 {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_enabled_1xupv_pig7l_305 > a:not(#\9):hover > .awsui_circle_1xupv_pig7l_242 {
   background-color: var(--color-background-control-checked-aeun6h, #0073bb);
   box-shadow: 0 0 0 2px var(--color-background-control-checked-aeun6h, #0073bb), 0 0 0 4px var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_navigation_1xupv_5faah_193.awsui_refresh_1xupv_5faah_177 > ul.awsui_refresh_1xupv_5faah_177 > li.awsui_enabled_1xupv_5faah_305 > a:not(#\9):hover > .awsui_title_1xupv_5faah_253 {
+.awsui_navigation_1xupv_pig7l_193.awsui_refresh_1xupv_pig7l_177 > ul.awsui_refresh_1xupv_pig7l_177 > li.awsui_enabled_1xupv_pig7l_305 > a:not(#\9):hover > .awsui_title_1xupv_pig7l_253 {
   color: var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
+.awsui_navigation_1xupv_pig7l_193:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) {
   color: var(--color-text-disabled-hv8bna, #aab7b8);
   display: inline-block;
   margin-inline-end: calc(2 * var(--space-xxxl-vkrt7p, 40px));
@@ -328,81 +328,80 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_5faah_193.awsui_refr
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) {
+.awsui_navigation_1xupv_pig7l_193:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) > ul:not(.awsui_refresh_1xupv_pig7l_177) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li {
+.awsui_navigation_1xupv_pig7l_193:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) > ul:not(.awsui_refresh_1xupv_pig7l_177) > li {
   min-inline-size: 0;
   word-break: break-word;
   padding-block: 0 var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li:not(:first-child) {
+.awsui_navigation_1xupv_pig7l_193:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) > ul:not(.awsui_refresh_1xupv_pig7l_177) > li:not(:first-child) {
   margin-block-start: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_navigation_1xupv_5faah_193:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > ul:not(.awsui_refresh_1xupv_5faah_177) > li:not(:last-child) {
+.awsui_navigation_1xupv_pig7l_193:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) > ul:not(.awsui_refresh_1xupv_pig7l_177) > li:not(:last-child) {
   border-block-end: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
 }
-.awsui_form_1xupv_5faah_349:not(#\9):not(.awsui_refresh_1xupv_5faah_177) {
+.awsui_form_1xupv_pig7l_349:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) {
   min-inline-size: 0;
   word-break: break-word;
   inline-size: 100%;
 }
-.awsui_form_1xupv_5faah_349:not(#\9):not(.awsui_refresh_1xupv_5faah_177) > .awsui_form-header_1xupv_5faah_354 {
+.awsui_form_1xupv_pig7l_349:not(#\9):not(.awsui_refresh_1xupv_pig7l_177) > .awsui_form-header_1xupv_pig7l_354 {
   position: relative;
   margin-block-end: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: contents;
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-header_1xupv_5faah_354:not(#\9) {
-  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177 > .awsui_form-header_1xupv_pig7l_354:not(#\9) {
   grid-column: 2;
   grid-row: 1;
   color: var(--color-text-body-default-agk00h, #16191f);
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-header_1xupv_5faah_354 > .awsui_form-header-content_1xupv_5faah_370:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177 > .awsui_form-header_1xupv_pig7l_354 > .awsui_form-header-content_1xupv_pig7l_369:not(#\9) {
   padding-block-start: calc(var(--space-xl-vss8pc, 24px) + var(--space-scaled-xxxs-6vyqo7, 2px));
   padding-block-end: var(--space-scaled-s-8j7izy, 12px);
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177 > .awsui_form-component_1xupv_5faah_374:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177 > .awsui_form-component_1xupv_pig7l_373:not(#\9) {
   grid-column: 2;
   grid-row: 2;
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-header_1xupv_5faah_354:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177.awsui_small-container_1xupv_pig7l_184 > .awsui_form-header_1xupv_pig7l_354:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-header_1xupv_5faah_354 > .awsui_form-header-content_1xupv_5faah_370:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177.awsui_small-container_1xupv_pig7l_184 > .awsui_form-header_1xupv_pig7l_354 > .awsui_form-header-content_1xupv_pig7l_369:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_form_1xupv_5faah_349.awsui_refresh_1xupv_5faah_177.awsui_small-container_1xupv_5faah_184 > .awsui_form-component_1xupv_5faah_374:not(#\9) {
+.awsui_form_1xupv_pig7l_349.awsui_refresh_1xupv_pig7l_177.awsui_small-container_1xupv_pig7l_184 > .awsui_form-component_1xupv_pig7l_373:not(#\9) {
   grid-column: 1/span 2;
 }
-.awsui_navigation_1xupv_5faah_193.awsui_hidden_1xupv_5faah_388:not(#\9) {
+.awsui_navigation_1xupv_pig7l_193.awsui_hidden_1xupv_pig7l_387:not(#\9) {
   display: none;
 }
-.awsui_collapsed-steps_1xupv_5faah_392:not(#\9) {
+.awsui_collapsed-steps_1xupv_pig7l_391:not(#\9) {
   color: var(--color-text-heading-secondary-4zbyer, #545b64);
   font-weight: 700;
   padding-block-start: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_collapsed-steps-hidden_1xupv_5faah_397:not(#\9) {
+.awsui_collapsed-steps-hidden_1xupv_pig7l_396:not(#\9) {
   display: none;
 }
-.awsui_form-header-component-wrapper_1xupv_5faah_401:not(#\9) {
+.awsui_form-header-component-wrapper_1xupv_pig7l_400:not(#\9) {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_5faah_401:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_pig7l_400:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -414,30 +413,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_5
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_form-header-component_1xupv_5faah_401:not(#\9),
-.awsui_navigation-link_1xupv_5faah_417:not(#\9),
-.awsui_navigation-link-item_1xupv_5faah_418:not(#\9),
-.awsui_navigation-link-label_1xupv_5faah_419:not(#\9) {
+.awsui_form-header-component_1xupv_pig7l_400:not(#\9),
+.awsui_navigation-link_1xupv_pig7l_416:not(#\9),
+.awsui_navigation-link-item_1xupv_pig7l_417:not(#\9),
+.awsui_navigation-link-label_1xupv_pig7l_418:not(#\9) {
   /* used in test-utils */
 }
-.awsui_navigation-link-active_1xupv_5faah_423:not(#\9) {
+.awsui_navigation-link-active_1xupv_pig7l_422:not(#\9) {
   font-weight: 700;
   color: var(--color-text-body-default-agk00h, #16191f);
 }
-.awsui_navigation-link-disabled_1xupv_5faah_428:not(#\9) {
+.awsui_navigation-link-disabled_1xupv_pig7l_427:not(#\9) {
   color: var(--color-text-status-inactive-hdm5cz, #687078);
 }
-.awsui_cancel-button_1xupv_5faah_432:not(#\9),
-.awsui_previous-button_1xupv_5faah_433:not(#\9),
-.awsui_primary-button_1xupv_5faah_434:not(#\9),
-.awsui_skip-to-button_1xupv_5faah_435:not(#\9) {
+.awsui_cancel-button_1xupv_pig7l_431:not(#\9),
+.awsui_previous-button_1xupv_pig7l_432:not(#\9),
+.awsui_primary-button_1xupv_pig7l_433:not(#\9),
+.awsui_skip-to-button_1xupv_pig7l_434:not(#\9) {
   /* used in test-utils */
 }
-.awsui_action-buttons_1xupv_5faah_439:not(#\9) {
+.awsui_action-buttons_1xupv_pig7l_438:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/lib/internal/template/wizard/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1xupv_5faah_145",
-  "wizard": "awsui_wizard_1xupv_5faah_177",
-  "refresh": "awsui_refresh_1xupv_5faah_177",
-  "small-container": "awsui_small-container_1xupv_5faah_184",
-  "navigation": "awsui_navigation_1xupv_5faah_193",
-  "number": "awsui_number_1xupv_5faah_226",
-  "circle": "awsui_circle_1xupv_5faah_242",
-  "title": "awsui_title_1xupv_5faah_253",
-  "active": "awsui_active_1xupv_5faah_284",
-  "disabled": "awsui_disabled_1xupv_5faah_295",
-  "enabled": "awsui_enabled_1xupv_5faah_305",
-  "form": "awsui_form_1xupv_5faah_349",
-  "form-header": "awsui_form-header_1xupv_5faah_354",
-  "form-header-content": "awsui_form-header-content_1xupv_5faah_370",
-  "form-component": "awsui_form-component_1xupv_5faah_374",
-  "hidden": "awsui_hidden_1xupv_5faah_388",
-  "collapsed-steps": "awsui_collapsed-steps_1xupv_5faah_392",
-  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_5faah_397",
-  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_5faah_401",
-  "form-header-component": "awsui_form-header-component_1xupv_5faah_401",
-  "navigation-link": "awsui_navigation-link_1xupv_5faah_417",
-  "navigation-link-item": "awsui_navigation-link-item_1xupv_5faah_418",
-  "navigation-link-label": "awsui_navigation-link-label_1xupv_5faah_419",
-  "navigation-link-active": "awsui_navigation-link-active_1xupv_5faah_423",
-  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_5faah_428",
-  "cancel-button": "awsui_cancel-button_1xupv_5faah_432",
-  "previous-button": "awsui_previous-button_1xupv_5faah_433",
-  "primary-button": "awsui_primary-button_1xupv_5faah_434",
-  "skip-to-button": "awsui_skip-to-button_1xupv_5faah_435",
-  "action-buttons": "awsui_action-buttons_1xupv_5faah_439"
+  "root": "awsui_root_1xupv_pig7l_145",
+  "wizard": "awsui_wizard_1xupv_pig7l_177",
+  "refresh": "awsui_refresh_1xupv_pig7l_177",
+  "small-container": "awsui_small-container_1xupv_pig7l_184",
+  "navigation": "awsui_navigation_1xupv_pig7l_193",
+  "number": "awsui_number_1xupv_pig7l_226",
+  "circle": "awsui_circle_1xupv_pig7l_242",
+  "title": "awsui_title_1xupv_pig7l_253",
+  "active": "awsui_active_1xupv_pig7l_284",
+  "disabled": "awsui_disabled_1xupv_pig7l_295",
+  "enabled": "awsui_enabled_1xupv_pig7l_305",
+  "form": "awsui_form_1xupv_pig7l_349",
+  "form-header": "awsui_form-header_1xupv_pig7l_354",
+  "form-header-content": "awsui_form-header-content_1xupv_pig7l_369",
+  "form-component": "awsui_form-component_1xupv_pig7l_373",
+  "hidden": "awsui_hidden_1xupv_pig7l_387",
+  "collapsed-steps": "awsui_collapsed-steps_1xupv_pig7l_391",
+  "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_pig7l_396",
+  "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_pig7l_400",
+  "form-header-component": "awsui_form-header-component_1xupv_pig7l_400",
+  "navigation-link": "awsui_navigation-link_1xupv_pig7l_416",
+  "navigation-link-item": "awsui_navigation-link-item_1xupv_pig7l_417",
+  "navigation-link-label": "awsui_navigation-link-label_1xupv_pig7l_418",
+  "navigation-link-active": "awsui_navigation-link-active_1xupv_pig7l_422",
+  "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_pig7l_427",
+  "cancel-button": "awsui_cancel-button_1xupv_pig7l_431",
+  "previous-button": "awsui_previous-button_1xupv_pig7l_432",
+  "primary-button": "awsui_primary-button_1xupv_pig7l_433",
+  "skip-to-button": "awsui_skip-to-button_1xupv_pig7l_434",
+  "action-buttons": "awsui_action-buttons_1xupv_pig7l_438"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.934",
+  "version": "3.0.935",
   "files": [
     "lib"
   ],