@cloudscape-design/components 3.0.921 → 3.0.923
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.
- package/anchor-navigation/anchor-item/index.d.ts +12 -0
- package/anchor-navigation/anchor-item/index.d.ts.map +1 -0
- package/anchor-navigation/anchor-item/index.js +23 -0
- package/anchor-navigation/anchor-item/index.js.map +1 -0
- package/anchor-navigation/internal.d.ts.map +1 -1
- package/anchor-navigation/internal.js +5 -17
- package/anchor-navigation/internal.js.map +1 -1
- package/anchor-navigation/utils.d.ts +9 -0
- package/anchor-navigation/utils.d.ts.map +1 -0
- package/anchor-navigation/utils.js +50 -0
- package/anchor-navigation/utils.js.map +1 -0
- package/breadcrumb-group/item/item.d.ts.map +1 -1
- package/breadcrumb-group/item/item.js +11 -3
- package/breadcrumb-group/item/item.js.map +1 -1
- package/button-dropdown/category-elements/category-element.d.ts.map +1 -1
- package/button-dropdown/category-elements/category-element.js +2 -2
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +3 -3
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +58 -59
- package/wizard/styles.selectors.js +30 -30
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnchorNavigationProps } from '../interfaces';
|
|
3
|
+
interface AnchorItemProps {
|
|
4
|
+
anchor: AnchorNavigationProps.Anchor;
|
|
5
|
+
onFollow: (anchor: AnchorNavigationProps.Anchor, event: React.SyntheticEvent | Event) => void;
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
index: number;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const AnchorItem: ({ anchor, onFollow, isActive, index, children }: AnchorItemProps) => JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import React, { useCallback } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { isPlainLeftClick } from '../../internal/events';
|
|
6
|
+
import { checkSafeUrl } from '../../internal/utils/check-safe-url';
|
|
7
|
+
import styles from '../styles.css.js';
|
|
8
|
+
import testUtilsStyles from '../test-classes/styles.css.js';
|
|
9
|
+
export const AnchorItem = ({ anchor, onFollow, isActive, index, children }) => {
|
|
10
|
+
checkSafeUrl('AnchorNavigation', anchor.href);
|
|
11
|
+
const onClick = useCallback((event) => {
|
|
12
|
+
if (isPlainLeftClick(event)) {
|
|
13
|
+
onFollow(anchor, event);
|
|
14
|
+
}
|
|
15
|
+
}, [onFollow, anchor]);
|
|
16
|
+
const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);
|
|
17
|
+
return (React.createElement("li", { "data-itemid": `anchor-item-${index + 1}`, className: clsx(styles['anchor-item'], isActive && activeItemClasses) },
|
|
18
|
+
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 }),
|
|
19
|
+
React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 2}px` } }, anchor.text),
|
|
20
|
+
anchor.info && (React.createElement("span", { className: clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info']) }, anchor.info))),
|
|
21
|
+
children));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -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;
|
|
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"}
|
|
@@ -4,9 +4,9 @@ import { __rest } from "tslib";
|
|
|
4
4
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { getBaseProps } from '../internal/base-component/index.js';
|
|
7
|
-
import { fireCancelableEvent, fireNonCancelableEvent
|
|
8
|
-
import { checkSafeUrl } from '../internal/utils/check-safe-url';
|
|
7
|
+
import { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';
|
|
9
8
|
import useScrollSpy from './use-scroll-spy.js';
|
|
9
|
+
import { renderNestedAnchors } from './utils';
|
|
10
10
|
import styles from './styles.css.js';
|
|
11
11
|
import testUtilsStyles from './test-classes/styles.css.js';
|
|
12
12
|
export default function InternalAnchorNavigation(_a) {
|
|
@@ -28,21 +28,9 @@ export default function InternalAnchorNavigation(_a) {
|
|
|
28
28
|
}
|
|
29
29
|
}, [onActiveHrefChange, anchors, currentActiveHref]);
|
|
30
30
|
return (React.createElement("nav", Object.assign({}, baseProps, { ref: __internalRootRef, "aria-labelledby": ariaLabelledby, className: clsx(baseProps.className, styles.root, testUtilsStyles.root) }),
|
|
31
|
-
React.createElement("ol", { className: clsx(styles['anchor-list'], testUtilsStyles['anchor-list']) }, anchors
|
|
32
|
-
|
|
31
|
+
React.createElement("ol", { className: clsx(styles['anchor-list'], testUtilsStyles['anchor-list']) }, renderNestedAnchors(anchors, {
|
|
32
|
+
onFollowHandler,
|
|
33
|
+
currentActiveHref,
|
|
33
34
|
}))));
|
|
34
35
|
}
|
|
35
|
-
const Anchor = ({ anchor, onFollow, isActive, index }) => {
|
|
36
|
-
checkSafeUrl('AnchorNavigation', anchor.href);
|
|
37
|
-
const onClick = useCallback((event) => {
|
|
38
|
-
if (isPlainLeftClick(event)) {
|
|
39
|
-
onFollow(anchor, event);
|
|
40
|
-
}
|
|
41
|
-
}, [onFollow, anchor]);
|
|
42
|
-
const activeItemClasses = clsx(styles['anchor-item--active'], testUtilsStyles['anchor-item--active']);
|
|
43
|
-
return (React.createElement("li", { "data-itemid": `anchor-item-${index + 1}`, className: clsx(styles['anchor-item'], isActive && activeItemClasses) },
|
|
44
|
-
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 }),
|
|
45
|
-
React.createElement("span", { className: clsx(styles['anchor-link-text'], testUtilsStyles['anchor-link-text']), style: { paddingInlineStart: `${anchor.level * 16 + 2}px` } }, anchor.text),
|
|
46
|
-
anchor.info && (React.createElement("span", { className: clsx(styles['anchor-link-info'], testUtilsStyles['anchor-link-info']) }, anchor.info)))));
|
|
47
|
-
};
|
|
48
36
|
//# sourceMappingURL=internal.js.map
|
|
@@ -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,
|
|
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"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnchorNavigationProps } from './interfaces';
|
|
3
|
+
interface RenderContext {
|
|
4
|
+
onFollowHandler: (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => void;
|
|
5
|
+
currentActiveHref: string | undefined;
|
|
6
|
+
}
|
|
7
|
+
export declare const renderNestedAnchors: (items: AnchorNavigationProps.Anchor[], context: RenderContext) => React.ReactNode;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { AnchorItem } from './anchor-item';
|
|
6
|
+
import styles from './styles.css.js';
|
|
7
|
+
import testUtilsStyles from './test-classes/styles.css.js';
|
|
8
|
+
const collectChildItems = (items, currentIndex, currentLevel) => {
|
|
9
|
+
const childItems = [];
|
|
10
|
+
let nextIndex = currentIndex + 1;
|
|
11
|
+
while (nextIndex < items.length && items[nextIndex].level > currentLevel) {
|
|
12
|
+
childItems.push(items[nextIndex]);
|
|
13
|
+
nextIndex++;
|
|
14
|
+
}
|
|
15
|
+
return childItems;
|
|
16
|
+
};
|
|
17
|
+
const createAnchorItem = (currentItem, index, childItems, renderQueue, context) => {
|
|
18
|
+
const childList = [];
|
|
19
|
+
const hasChildren = childItems.length > 0;
|
|
20
|
+
const olClassNAme = clsx(styles['anchor-list'], testUtilsStyles['anchor-list']);
|
|
21
|
+
if (hasChildren) {
|
|
22
|
+
renderQueue.push({
|
|
23
|
+
items: childItems,
|
|
24
|
+
parentList: childList,
|
|
25
|
+
startIndex: index + 1,
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
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)));
|
|
29
|
+
};
|
|
30
|
+
const processQueueItem = (items, startIndex, parentList, renderQueue, context) => {
|
|
31
|
+
let currentIndex = 0;
|
|
32
|
+
while (currentIndex < items.length) {
|
|
33
|
+
const currentItem = items[currentIndex];
|
|
34
|
+
const childItems = collectChildItems(items, currentIndex, currentItem.level);
|
|
35
|
+
parentList.push(createAnchorItem(currentItem, startIndex + currentIndex, childItems, renderQueue, context));
|
|
36
|
+
currentIndex += childItems.length + 1;
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
// Perform a queue-based breadth-first traversal that groups child items under their parents based on level hierarchy.
|
|
40
|
+
export const renderNestedAnchors = (items, context) => {
|
|
41
|
+
const rootList = [];
|
|
42
|
+
const renderQueue = [];
|
|
43
|
+
renderQueue.push({ items, parentList: rootList, startIndex: 0 });
|
|
44
|
+
while (renderQueue.length > 0) {
|
|
45
|
+
const currentItem = renderQueue.shift();
|
|
46
|
+
processQueueItem(currentItem.items, currentItem.startIndex, currentItem.parentList, renderQueue, context);
|
|
47
|
+
}
|
|
48
|
+
return rootList;
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -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;
|
|
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"}
|
|
@@ -10,7 +10,7 @@ import { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';
|
|
|
10
10
|
import { getEventDetail } from '../utils';
|
|
11
11
|
import { FunnelBreadcrumbItem } from './funnel';
|
|
12
12
|
import styles from './styles.css.js';
|
|
13
|
-
const BreadcrumbItemWithPopover = ({ item, isLast, anchorAttributes, children, }) => {
|
|
13
|
+
const BreadcrumbItemWithPopover = ({ item, isLast, anchorAttributes, itemAttributes, children, }) => {
|
|
14
14
|
const [showPopover, setShowPopover] = useState(false);
|
|
15
15
|
const textRef = useRef(null);
|
|
16
16
|
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, }
|
|
|
26
26
|
setShowPopover(true);
|
|
27
27
|
}, onBlur: () => setShowPopover(false), onMouseEnter: () => {
|
|
28
28
|
setShowPopover(true);
|
|
29
|
-
}, onMouseLeave: () => setShowPopover(false), anchorAttributes: anchorAttributes },
|
|
29
|
+
}, onMouseLeave: () => setShowPopover(false), anchorAttributes: anchorAttributes }, itemAttributes), children),
|
|
30
30
|
showPopover && popoverContent));
|
|
31
31
|
};
|
|
32
32
|
const Item = React.forwardRef((_a, ref) => {
|
|
@@ -45,13 +45,21 @@ export function BreadcrumbItem({ item, itemIndex, totalCount, onClick, onFollow,
|
|
|
45
45
|
const anchorAttributes = {
|
|
46
46
|
href: item.href || '#',
|
|
47
47
|
onClick: isLast ? preventDefault : onClickHandler,
|
|
48
|
+
tabIndex: 0,
|
|
48
49
|
};
|
|
50
|
+
const itemAttributes = {};
|
|
49
51
|
if (isGhost) {
|
|
50
52
|
anchorAttributes.tabIndex = -1;
|
|
51
53
|
}
|
|
54
|
+
if (isLast && !isGhost) {
|
|
55
|
+
itemAttributes['aria-current'] = 'page';
|
|
56
|
+
itemAttributes['aria-disabled'] = true;
|
|
57
|
+
itemAttributes.tabIndex = 0;
|
|
58
|
+
itemAttributes.role = 'link';
|
|
59
|
+
}
|
|
52
60
|
const breadcrumbItem = (React.createElement(FunnelBreadcrumbItem, { className: styles.text, itemIndex: itemIndex, totalCount: totalCount, text: item.text, disableAnalytics: isGhost }));
|
|
53
61
|
return (React.createElement("div", { className: clsx(!isGhost && styles.breadcrumb, isGhost && styles['ghost-breadcrumb'], isLast && styles.last) },
|
|
54
|
-
isTruncated && !isGhost ? (React.createElement(BreadcrumbItemWithPopover, { item: item, isLast: isLast, anchorAttributes: anchorAttributes }, breadcrumbItem)) : (React.createElement(Item, { isLast: isLast, anchorAttributes: anchorAttributes }, breadcrumbItem)),
|
|
62
|
+
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)),
|
|
55
63
|
!isLast ? (React.createElement("span", { className: styles.icon },
|
|
56
64
|
React.createElement(InternalIcon, { name: "angle-right" }))) : null));
|
|
57
65
|
}
|
|
@@ -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;
|
|
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"]}
|
|
@@ -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,
|
|
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"}
|
|
@@ -7,9 +7,9 @@ import styles from './styles.css.js';
|
|
|
7
7
|
const CategoryElement = ({ item, onItemActivate, onGroupToggle, targetItem, isHighlighted, isKeyboardHighlight, isExpanded, lastInDropdown, highlightItem, disabled, variant, position, }) => {
|
|
8
8
|
// Hide the category title element from screen readers because it will be
|
|
9
9
|
// provided as an ARIA label.
|
|
10
|
-
return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation"
|
|
10
|
+
return (React.createElement("li", { className: clsx(styles.category, styles[`variant-${variant}`], disabled && styles.disabled), role: "presentation" },
|
|
11
11
|
item.text && (React.createElement("p", { className: clsx(styles.header, { [styles.disabled]: disabled }), "aria-hidden": "true" }, item.text)),
|
|
12
|
-
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 })))));
|
|
12
|
+
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 })))));
|
|
13
13
|
};
|
|
14
14
|
export default CategoryElement;
|
|
15
15
|
//# sourceMappingURL=category-element.js.map
|
|
@@ -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
|
|
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/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
package/wizard/styles.css.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"wizard": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"small-container": "awsui_small-
|
|
8
|
-
"navigation": "
|
|
9
|
-
"number": "
|
|
10
|
-
"circle": "
|
|
11
|
-
"title": "
|
|
12
|
-
"active": "
|
|
13
|
-
"disabled": "
|
|
14
|
-
"enabled": "
|
|
15
|
-
"form": "
|
|
16
|
-
"form-header": "awsui_form-
|
|
17
|
-
"form-header-content": "awsui_form-header-
|
|
18
|
-
"form-component": "awsui_form-
|
|
19
|
-
"hidden": "
|
|
20
|
-
"collapsed-steps": "awsui_collapsed-
|
|
21
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
22
|
-
"form-header-component-wrapper": "awsui_form-header-component-
|
|
23
|
-
"form-header-component": "awsui_form-header-
|
|
24
|
-
"navigation-link": "awsui_navigation-
|
|
25
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
26
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
27
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
29
|
-
"cancel-button": "awsui_cancel-
|
|
30
|
-
"previous-button": "awsui_previous-
|
|
31
|
-
"primary-button": "awsui_primary-
|
|
32
|
-
"skip-to-button": "awsui_skip-to-
|
|
33
|
-
"action-buttons": "awsui_action-
|
|
4
|
+
"root": "awsui_root_1xupv_1m11f_145",
|
|
5
|
+
"wizard": "awsui_wizard_1xupv_1m11f_177",
|
|
6
|
+
"refresh": "awsui_refresh_1xupv_1m11f_177",
|
|
7
|
+
"small-container": "awsui_small-container_1xupv_1m11f_184",
|
|
8
|
+
"navigation": "awsui_navigation_1xupv_1m11f_193",
|
|
9
|
+
"number": "awsui_number_1xupv_1m11f_226",
|
|
10
|
+
"circle": "awsui_circle_1xupv_1m11f_242",
|
|
11
|
+
"title": "awsui_title_1xupv_1m11f_253",
|
|
12
|
+
"active": "awsui_active_1xupv_1m11f_284",
|
|
13
|
+
"disabled": "awsui_disabled_1xupv_1m11f_295",
|
|
14
|
+
"enabled": "awsui_enabled_1xupv_1m11f_305",
|
|
15
|
+
"form": "awsui_form_1xupv_1m11f_349",
|
|
16
|
+
"form-header": "awsui_form-header_1xupv_1m11f_354",
|
|
17
|
+
"form-header-content": "awsui_form-header-content_1xupv_1m11f_369",
|
|
18
|
+
"form-component": "awsui_form-component_1xupv_1m11f_373",
|
|
19
|
+
"hidden": "awsui_hidden_1xupv_1m11f_387",
|
|
20
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_1m11f_391",
|
|
21
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1m11f_396",
|
|
22
|
+
"form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1m11f_400",
|
|
23
|
+
"form-header-component": "awsui_form-header-component_1xupv_1m11f_400",
|
|
24
|
+
"navigation-link": "awsui_navigation-link_1xupv_1m11f_416",
|
|
25
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_1m11f_417",
|
|
26
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_1m11f_418",
|
|
27
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_1m11f_422",
|
|
28
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1m11f_427",
|
|
29
|
+
"cancel-button": "awsui_cancel-button_1xupv_1m11f_431",
|
|
30
|
+
"previous-button": "awsui_previous-button_1xupv_1m11f_432",
|
|
31
|
+
"primary-button": "awsui_primary-button_1xupv_1m11f_433",
|
|
32
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_1m11f_434",
|
|
33
|
+
"action-buttons": "awsui_action-buttons_1xupv_1m11f_438"
|
|
34
34
|
};
|
|
35
35
|
|
package/wizard/styles.scoped.css
CHANGED
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.
|
|
145
|
+
.awsui_root_1xupv_1m11f_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -175,30 +175,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
175
175
|
-moz-osx-font-smoothing: auto;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
.
|
|
178
|
+
.awsui_wizard_1xupv_1m11f_177.awsui_refresh_1xupv_1m11f_177:not(#\9) {
|
|
179
179
|
column-gap: var(--space-xl-lmui9r, 24px);
|
|
180
180
|
display: grid;
|
|
181
181
|
grid-template-columns: auto minmax(0, 1fr);
|
|
182
182
|
grid-template-rows: auto 1fr;
|
|
183
183
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
184
184
|
}
|
|
185
|
-
.
|
|
185
|
+
.awsui_wizard_1xupv_1m11f_177.awsui_refresh_1xupv_1m11f_177.awsui_small-container_1xupv_1m11f_184:not(#\9) {
|
|
186
186
|
grid-template-columns: minmax(0, 1fr) 0;
|
|
187
187
|
row-gap: var(--space-scaled-l-0hpmd7, 20px);
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.
|
|
190
|
+
.awsui_wizard_1xupv_1m11f_177:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) {
|
|
191
191
|
display: flex;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
.
|
|
194
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177:not(#\9) {
|
|
195
195
|
grid-column: 1;
|
|
196
196
|
grid-row: 1/span 2;
|
|
197
197
|
padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
|
|
198
198
|
/* stylelint-disable selector-max-type */
|
|
199
199
|
/* stylelint-enable selector-max-type */
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177:not(#\9) {
|
|
202
202
|
position: relative;
|
|
203
203
|
margin-block: 0;
|
|
204
204
|
margin-inline: 0;
|
|
@@ -208,7 +208,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
208
208
|
inline-size: 260px;
|
|
209
209
|
box-sizing: border-box;
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9) {
|
|
212
212
|
display: grid;
|
|
213
213
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
214
214
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
@@ -216,7 +216,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
216
216
|
padding-block: 0;
|
|
217
217
|
padding-inline: 0;
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > hr:not(#\9) {
|
|
220
220
|
background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
221
221
|
border-block: 0;
|
|
222
222
|
border-inline: 0;
|
|
@@ -224,13 +224,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
224
|
block-size: 100%;
|
|
225
225
|
inline-size: var(--space-xxxs-zbmxqb, 2px);
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > .awsui_number_1xupv_1m11f_226:not(#\9) {
|
|
228
228
|
color: var(--color-text-small-nzfntg, #656871);
|
|
229
229
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
230
230
|
grid-column: 2;
|
|
231
231
|
grid-row: 1;
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > a:not(#\9) {
|
|
234
234
|
align-items: start;
|
|
235
235
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
236
236
|
cursor: pointer;
|
|
@@ -240,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
240
240
|
grid-row: 2;
|
|
241
241
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
242
242
|
}
|
|
243
|
-
.
|
|
243
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > a > .awsui_circle_1xupv_1m11f_242:not(#\9) {
|
|
244
244
|
border-start-start-radius: 100%;
|
|
245
245
|
border-start-end-radius: 100%;
|
|
246
246
|
border-end-start-radius: 100%;
|
|
@@ -251,12 +251,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
251
251
|
margin-block-start: 6px;
|
|
252
252
|
inline-size: 10px;
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > a > .awsui_title_1xupv_1m11f_253:not(#\9) {
|
|
255
255
|
min-inline-size: 0;
|
|
256
256
|
word-break: break-word;
|
|
257
257
|
grid-column: 2;
|
|
258
258
|
}
|
|
259
|
-
body[data-awsui-focus-visible=true] .
|
|
259
|
+
body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li > a:not(#\9):focus {
|
|
260
260
|
outline: thin dotted;
|
|
261
261
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
262
262
|
outline-offset: 2px;
|
|
@@ -267,58 +267,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ommy_193.awsui_refr
|
|
|
267
267
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
268
268
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
269
269
|
}
|
|
270
|
-
.
|
|
270
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9):first-child > hr {
|
|
271
271
|
grid-row: 2/span 2;
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1m11f_226 {
|
|
274
274
|
margin-block-start: var(--space-m-udix3p, 16px);
|
|
275
275
|
}
|
|
276
|
-
.
|
|
276
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9):last-child > hr {
|
|
277
277
|
grid-row: 1;
|
|
278
278
|
}
|
|
279
|
-
.
|
|
279
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9):only-of-type > hr {
|
|
280
280
|
display: none;
|
|
281
281
|
}
|
|
282
|
-
.
|
|
282
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li:not(#\9):not(:first-child):not(:last-child) > hr {
|
|
283
283
|
grid-row: 1/span 3;
|
|
284
284
|
}
|
|
285
|
-
.
|
|
285
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_active_1xupv_1m11f_284 > a:not(#\9) {
|
|
286
286
|
cursor: text;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
288
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_active_1xupv_1m11f_284 > a > .awsui_circle_1xupv_1m11f_242:not(#\9) {
|
|
289
289
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
290
290
|
box-shadow: 0 0 0 3px var(--color-background-container-content-z79u4u, #ffffff), 0 0 0 5px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 7px var(--color-background-container-content-z79u4u, #ffffff);
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_active_1xupv_1m11f_284 > a > .awsui_title_1xupv_1m11f_253:not(#\9) {
|
|
293
293
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
294
294
|
font-weight: 700;
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_disabled_1xupv_1m11f_295 > a:not(#\9) {
|
|
297
297
|
cursor: text;
|
|
298
298
|
}
|
|
299
|
-
.
|
|
299
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_disabled_1xupv_1m11f_295 > a > .awsui_circle_1xupv_1m11f_242:not(#\9) {
|
|
300
300
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
301
301
|
box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-f5b4z5, #b4b4bb), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
302
302
|
}
|
|
303
|
-
.
|
|
303
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_disabled_1xupv_1m11f_295 > a > .awsui_title_1xupv_1m11f_253:not(#\9) {
|
|
304
304
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
305
305
|
}
|
|
306
|
-
.
|
|
306
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_enabled_1xupv_1m11f_305 > a > .awsui_circle_1xupv_1m11f_242:not(#\9) {
|
|
307
307
|
background-color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
308
308
|
box-shadow: 0 0 0 2px var(--color-text-interactive-default-tkx8fe, #424650), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
309
309
|
}
|
|
310
|
-
.
|
|
310
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_enabled_1xupv_1m11f_305 > a > .awsui_title_1xupv_1m11f_253:not(#\9) {
|
|
311
311
|
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
312
312
|
}
|
|
313
|
-
.
|
|
313
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_enabled_1xupv_1m11f_305 > a:not(#\9):hover > .awsui_circle_1xupv_1m11f_242 {
|
|
314
314
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
315
315
|
box-shadow: 0 0 0 2px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
316
316
|
}
|
|
317
|
-
.
|
|
317
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_refresh_1xupv_1m11f_177 > ul.awsui_refresh_1xupv_1m11f_177 > li.awsui_enabled_1xupv_1m11f_305 > a:not(#\9):hover > .awsui_title_1xupv_1m11f_253 {
|
|
318
318
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
319
319
|
}
|
|
320
320
|
|
|
321
|
-
.
|
|
321
|
+
.awsui_navigation_1xupv_1m11f_193:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) {
|
|
322
322
|
color: var(--color-text-disabled-e4vsj4, #b4b4bb);
|
|
323
323
|
display: inline-block;
|
|
324
324
|
margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
|
|
@@ -328,81 +328,80 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ommy_193.awsui_refr
|
|
|
328
328
|
/* stylelint-disable selector-max-type */
|
|
329
329
|
/* stylelint-enable selector-max-type */
|
|
330
330
|
}
|
|
331
|
-
.
|
|
331
|
+
.awsui_navigation_1xupv_1m11f_193:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) > ul:not(.awsui_refresh_1xupv_1m11f_177) {
|
|
332
332
|
list-style: none;
|
|
333
333
|
padding-block: 0;
|
|
334
334
|
padding-inline: 0;
|
|
335
335
|
margin-block: 0;
|
|
336
336
|
margin-inline: 0;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_navigation_1xupv_1m11f_193:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) > ul:not(.awsui_refresh_1xupv_1m11f_177) > li {
|
|
339
339
|
min-inline-size: 0;
|
|
340
340
|
word-break: break-word;
|
|
341
341
|
padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
|
|
342
342
|
}
|
|
343
|
-
.
|
|
343
|
+
.awsui_navigation_1xupv_1m11f_193:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) > ul:not(.awsui_refresh_1xupv_1m11f_177) > li:not(:first-child) {
|
|
344
344
|
margin-block-start: var(--space-scaled-m-mo5yse, 16px);
|
|
345
345
|
}
|
|
346
|
-
.
|
|
346
|
+
.awsui_navigation_1xupv_1m11f_193:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) > ul:not(.awsui_refresh_1xupv_1m11f_177) > li:not(:last-child) {
|
|
347
347
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
.
|
|
350
|
+
.awsui_form_1xupv_1m11f_349:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) {
|
|
351
351
|
min-inline-size: 0;
|
|
352
352
|
word-break: break-word;
|
|
353
353
|
inline-size: 100%;
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_form_1xupv_1m11f_349:not(#\9):not(.awsui_refresh_1xupv_1m11f_177) > .awsui_form-header_1xupv_1m11f_354 {
|
|
356
356
|
position: relative;
|
|
357
357
|
margin-block-end: var(--space-scaled-m-mo5yse, 16px);
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
.
|
|
360
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177:not(#\9) {
|
|
361
361
|
min-inline-size: 0;
|
|
362
362
|
word-break: break-word;
|
|
363
363
|
display: contents;
|
|
364
364
|
}
|
|
365
|
-
.
|
|
366
|
-
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
365
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177 > .awsui_form-header_1xupv_1m11f_354:not(#\9) {
|
|
367
366
|
grid-column: 2;
|
|
368
367
|
grid-row: 1;
|
|
369
368
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
370
369
|
}
|
|
371
|
-
.
|
|
370
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177 > .awsui_form-header_1xupv_1m11f_354 > .awsui_form-header-content_1xupv_1m11f_369:not(#\9) {
|
|
372
371
|
padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
373
372
|
padding-block-end: var(--space-scaled-s-aqzyko, 12px);
|
|
374
373
|
}
|
|
375
|
-
.
|
|
374
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177 > .awsui_form-component_1xupv_1m11f_373:not(#\9) {
|
|
376
375
|
grid-column: 2;
|
|
377
376
|
grid-row: 2;
|
|
378
377
|
}
|
|
379
|
-
.
|
|
378
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177.awsui_small-container_1xupv_1m11f_184 > .awsui_form-header_1xupv_1m11f_354:not(#\9) {
|
|
380
379
|
grid-column: 1/span 2;
|
|
381
380
|
}
|
|
382
|
-
.
|
|
381
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177.awsui_small-container_1xupv_1m11f_184 > .awsui_form-header_1xupv_1m11f_354 > .awsui_form-header-content_1xupv_1m11f_369:not(#\9) {
|
|
383
382
|
padding-block-start: 0;
|
|
384
383
|
}
|
|
385
|
-
.
|
|
384
|
+
.awsui_form_1xupv_1m11f_349.awsui_refresh_1xupv_1m11f_177.awsui_small-container_1xupv_1m11f_184 > .awsui_form-component_1xupv_1m11f_373:not(#\9) {
|
|
386
385
|
grid-column: 1/span 2;
|
|
387
386
|
}
|
|
388
387
|
|
|
389
|
-
.
|
|
388
|
+
.awsui_navigation_1xupv_1m11f_193.awsui_hidden_1xupv_1m11f_387:not(#\9) {
|
|
390
389
|
display: none;
|
|
391
390
|
}
|
|
392
391
|
|
|
393
|
-
.awsui_collapsed-
|
|
392
|
+
.awsui_collapsed-steps_1xupv_1m11f_391:not(#\9) {
|
|
394
393
|
color: var(--color-text-heading-secondary-0myrp3, #424650);
|
|
395
394
|
font-weight: 700;
|
|
396
395
|
padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
397
396
|
}
|
|
398
|
-
.awsui_collapsed-steps-
|
|
397
|
+
.awsui_collapsed-steps-hidden_1xupv_1m11f_396:not(#\9) {
|
|
399
398
|
display: none;
|
|
400
399
|
}
|
|
401
400
|
|
|
402
|
-
.awsui_form-header-component-
|
|
401
|
+
.awsui_form-header-component-wrapper_1xupv_1m11f_400:not(#\9) {
|
|
403
402
|
outline: none;
|
|
404
403
|
}
|
|
405
|
-
body[data-awsui-focus-visible=true] .awsui_form-header-component-
|
|
404
|
+
body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1m11f_400:not(#\9):focus {
|
|
406
405
|
outline: thin dotted;
|
|
407
406
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
408
407
|
outline-offset: 2px;
|
|
@@ -414,30 +413,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
|
|
|
414
413
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
415
414
|
}
|
|
416
415
|
|
|
417
|
-
.awsui_form-header-
|
|
418
|
-
.awsui_navigation-
|
|
419
|
-
.awsui_navigation-link-
|
|
420
|
-
.awsui_navigation-link-
|
|
416
|
+
.awsui_form-header-component_1xupv_1m11f_400:not(#\9),
|
|
417
|
+
.awsui_navigation-link_1xupv_1m11f_416:not(#\9),
|
|
418
|
+
.awsui_navigation-link-item_1xupv_1m11f_417:not(#\9),
|
|
419
|
+
.awsui_navigation-link-label_1xupv_1m11f_418:not(#\9) {
|
|
421
420
|
/* used in test-utils */
|
|
422
421
|
}
|
|
423
422
|
|
|
424
|
-
.awsui_navigation-link-
|
|
423
|
+
.awsui_navigation-link-active_1xupv_1m11f_422:not(#\9) {
|
|
425
424
|
font-weight: 700;
|
|
426
425
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
427
426
|
}
|
|
428
427
|
|
|
429
|
-
.awsui_navigation-link-
|
|
428
|
+
.awsui_navigation-link-disabled_1xupv_1m11f_427:not(#\9) {
|
|
430
429
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
431
430
|
}
|
|
432
431
|
|
|
433
|
-
.awsui_cancel-
|
|
434
|
-
.awsui_previous-
|
|
435
|
-
.awsui_primary-
|
|
436
|
-
.awsui_skip-to-
|
|
432
|
+
.awsui_cancel-button_1xupv_1m11f_431:not(#\9),
|
|
433
|
+
.awsui_previous-button_1xupv_1m11f_432:not(#\9),
|
|
434
|
+
.awsui_primary-button_1xupv_1m11f_433:not(#\9),
|
|
435
|
+
.awsui_skip-to-button_1xupv_1m11f_434:not(#\9) {
|
|
437
436
|
/* used in test-utils */
|
|
438
437
|
}
|
|
439
438
|
|
|
440
|
-
.awsui_action-
|
|
439
|
+
.awsui_action-buttons_1xupv_1m11f_438:not(#\9) {
|
|
441
440
|
display: flex;
|
|
442
441
|
justify-content: flex-end;
|
|
443
442
|
}
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"wizard": "
|
|
7
|
-
"refresh": "
|
|
8
|
-
"small-container": "awsui_small-
|
|
9
|
-
"navigation": "
|
|
10
|
-
"number": "
|
|
11
|
-
"circle": "
|
|
12
|
-
"title": "
|
|
13
|
-
"active": "
|
|
14
|
-
"disabled": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"form": "
|
|
17
|
-
"form-header": "awsui_form-
|
|
18
|
-
"form-header-content": "awsui_form-header-
|
|
19
|
-
"form-component": "awsui_form-
|
|
20
|
-
"hidden": "
|
|
21
|
-
"collapsed-steps": "awsui_collapsed-
|
|
22
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
23
|
-
"form-header-component-wrapper": "awsui_form-header-component-
|
|
24
|
-
"form-header-component": "awsui_form-header-
|
|
25
|
-
"navigation-link": "awsui_navigation-
|
|
26
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
27
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
29
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
30
|
-
"cancel-button": "awsui_cancel-
|
|
31
|
-
"previous-button": "awsui_previous-
|
|
32
|
-
"primary-button": "awsui_primary-
|
|
33
|
-
"skip-to-button": "awsui_skip-to-
|
|
34
|
-
"action-buttons": "awsui_action-
|
|
5
|
+
"root": "awsui_root_1xupv_1m11f_145",
|
|
6
|
+
"wizard": "awsui_wizard_1xupv_1m11f_177",
|
|
7
|
+
"refresh": "awsui_refresh_1xupv_1m11f_177",
|
|
8
|
+
"small-container": "awsui_small-container_1xupv_1m11f_184",
|
|
9
|
+
"navigation": "awsui_navigation_1xupv_1m11f_193",
|
|
10
|
+
"number": "awsui_number_1xupv_1m11f_226",
|
|
11
|
+
"circle": "awsui_circle_1xupv_1m11f_242",
|
|
12
|
+
"title": "awsui_title_1xupv_1m11f_253",
|
|
13
|
+
"active": "awsui_active_1xupv_1m11f_284",
|
|
14
|
+
"disabled": "awsui_disabled_1xupv_1m11f_295",
|
|
15
|
+
"enabled": "awsui_enabled_1xupv_1m11f_305",
|
|
16
|
+
"form": "awsui_form_1xupv_1m11f_349",
|
|
17
|
+
"form-header": "awsui_form-header_1xupv_1m11f_354",
|
|
18
|
+
"form-header-content": "awsui_form-header-content_1xupv_1m11f_369",
|
|
19
|
+
"form-component": "awsui_form-component_1xupv_1m11f_373",
|
|
20
|
+
"hidden": "awsui_hidden_1xupv_1m11f_387",
|
|
21
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_1m11f_391",
|
|
22
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1m11f_396",
|
|
23
|
+
"form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1m11f_400",
|
|
24
|
+
"form-header-component": "awsui_form-header-component_1xupv_1m11f_400",
|
|
25
|
+
"navigation-link": "awsui_navigation-link_1xupv_1m11f_416",
|
|
26
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_1m11f_417",
|
|
27
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_1m11f_418",
|
|
28
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_1m11f_422",
|
|
29
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1m11f_427",
|
|
30
|
+
"cancel-button": "awsui_cancel-button_1xupv_1m11f_431",
|
|
31
|
+
"previous-button": "awsui_previous-button_1xupv_1m11f_432",
|
|
32
|
+
"primary-button": "awsui_primary-button_1xupv_1m11f_433",
|
|
33
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_1m11f_434",
|
|
34
|
+
"action-buttons": "awsui_action-buttons_1xupv_1m11f_438"
|
|
35
35
|
};
|
|
36
36
|
|