@cloudscape-design/components-themeable 3.0.1197 → 3.0.1198
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/progress-bar/styles.scss +0 -22
- package/lib/internal/template/autosuggest/autosuggest-option.d.ts +11 -1
- package/lib/internal/template/autosuggest/autosuggest-option.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/autosuggest-option.js +71 -2
- package/lib/internal/template/autosuggest/autosuggest-option.js.map +1 -1
- package/lib/internal/template/autosuggest/index.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/index.js +2 -2
- package/lib/internal/template/autosuggest/index.js.map +1 -1
- package/lib/internal/template/autosuggest/interfaces.d.ts +63 -1
- package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
- package/lib/internal/template/autosuggest/internal.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/internal.js +2 -2
- package/lib/internal/template/autosuggest/internal.js.map +1 -1
- package/lib/internal/template/autosuggest/options-controller.js +1 -0
- package/lib/internal/template/autosuggest/options-controller.js.map +1 -1
- package/lib/internal/template/autosuggest/options-list.d.ts +2 -1
- package/lib/internal/template/autosuggest/options-list.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/options-list.js +2 -2
- package/lib/internal/template/autosuggest/options-list.js.map +1 -1
- package/lib/internal/template/autosuggest/plain-list.d.ts +3 -2
- package/lib/internal/template/autosuggest/plain-list.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/plain-list.js +6 -2
- package/lib/internal/template/autosuggest/plain-list.js.map +1 -1
- package/lib/internal/template/autosuggest/utils/parent-props.d.ts +11 -0
- package/lib/internal/template/autosuggest/utils/parent-props.d.ts.map +1 -0
- package/lib/internal/template/autosuggest/utils/parent-props.js +28 -0
- package/lib/internal/template/autosuggest/utils/parent-props.js.map +1 -0
- package/lib/internal/template/autosuggest/virtual-list.d.ts +1 -1
- package/lib/internal/template/autosuggest/virtual-list.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/virtual-list.js +6 -2
- package/lib/internal/template/autosuggest/virtual-list.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +33 -30
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +0 -2
- package/lib/internal/template/internal/generated/styles/tokens.js +2 -4
- package/lib/internal/template/internal/generated/theming/index.cjs +2 -64
- package/lib/internal/template/internal/generated/theming/index.js +2 -64
- package/lib/internal/template/progress-bar/interfaces.d.ts +1 -1
- package/lib/internal/template/progress-bar/interfaces.js.map +1 -1
- package/lib/internal/template/progress-bar/internal.d.ts.map +1 -1
- package/lib/internal/template/progress-bar/internal.js +1 -1
- package/lib/internal/template/progress-bar/internal.js.map +1 -1
- package/lib/internal/template/progress-bar/styles.css.js +18 -19
- package/lib/internal/template/progress-bar/styles.scoped.css +30 -42
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -19
- package/package.json +1 -1
|
@@ -13,7 +13,8 @@ interface AutosuggestOptionsListProps extends Pick<AutosuggestProps, 'virtualScr
|
|
|
13
13
|
hasDropdownStatus?: boolean;
|
|
14
14
|
listBottom?: React.ReactNode;
|
|
15
15
|
ariaDescribedby?: string;
|
|
16
|
+
renderOption?: AutosuggestProps.ItemRenderer;
|
|
16
17
|
}
|
|
17
|
-
export default function AutosuggestOptionsList({ statusType, autosuggestItemsState, autosuggestItemsHandlers, highlightedOptionId, highlightText, listId, controlId, handleLoadMore, hasDropdownStatus, virtualScroll, selectedAriaLabel, renderHighlightedAriaLive, listBottom, ariaDescribedby, }: AutosuggestOptionsListProps): JSX.Element;
|
|
18
|
+
export default function AutosuggestOptionsList({ statusType, autosuggestItemsState, autosuggestItemsHandlers, highlightedOptionId, highlightText, listId, controlId, handleLoadMore, hasDropdownStatus, virtualScroll, selectedAriaLabel, renderHighlightedAriaLive, listBottom, ariaDescribedby, renderOption, }: AutosuggestOptionsListProps): JSX.Element;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=options-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/options-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF,UAAU,2BACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,mBAAmB,GAAG,2BAA2B,CAAC;IACnG,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC;IACxC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"options-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/options-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF,UAAU,2BACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,mBAAmB,GAAG,2BAA2B,CAAC;IACnG,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC;IACxC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,wBAAwB,EAAE,wBAAwB,CAAC;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC;CAC9C;AASD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,GACb,EAAE,2BAA2B,eAmC7B"}
|
|
@@ -10,7 +10,7 @@ const createMouseEventHandler = (handler) => (itemIndex) => {
|
|
|
10
10
|
handler(itemIndex);
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
export default function AutosuggestOptionsList({ statusType, autosuggestItemsState, autosuggestItemsHandlers, highlightedOptionId, highlightText, listId, controlId, handleLoadMore, hasDropdownStatus, virtualScroll, selectedAriaLabel, renderHighlightedAriaLive, listBottom, ariaDescribedby, }) {
|
|
13
|
+
export default function AutosuggestOptionsList({ statusType, autosuggestItemsState, autosuggestItemsHandlers, highlightedOptionId, highlightText, listId, controlId, handleLoadMore, hasDropdownStatus, virtualScroll, selectedAriaLabel, renderHighlightedAriaLive, listBottom, ariaDescribedby, renderOption, }) {
|
|
14
14
|
var _a;
|
|
15
15
|
const handleMouseUp = createMouseEventHandler(autosuggestItemsHandlers.selectVisibleOptionWithMouse);
|
|
16
16
|
const handleMouseMove = createMouseEventHandler(autosuggestItemsHandlers.highlightVisibleOptionWithMouse);
|
|
@@ -23,7 +23,7 @@ export default function AutosuggestOptionsList({ statusType, autosuggestItemsSta
|
|
|
23
23
|
selectedAriaLabel,
|
|
24
24
|
renderHighlightedAriaLive,
|
|
25
25
|
});
|
|
26
|
-
return (React.createElement(ListComponent, { listBottom: listBottom, handleLoadMore: handleLoadMore, autosuggestItemsState: autosuggestItemsState, highlightText: highlightText, highlightedA11yProps: highlightedOptionId ? { id: highlightedOptionId } : {}, hasDropdownStatus: hasDropdownStatus, menuProps: {
|
|
26
|
+
return (React.createElement(ListComponent, { renderOption: renderOption, listBottom: listBottom, handleLoadMore: handleLoadMore, autosuggestItemsState: autosuggestItemsState, highlightText: highlightText, highlightedA11yProps: highlightedOptionId ? { id: highlightedOptionId } : {}, hasDropdownStatus: hasDropdownStatus, menuProps: {
|
|
27
27
|
id: listId,
|
|
28
28
|
ariaLabelledby: controlId,
|
|
29
29
|
onMouseUp: handleMouseUp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-list.js","sourceRoot":"","sources":["../../../src/autosuggest/options-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"options-list.js","sourceRoot":"","sources":["../../../src/autosuggest/options-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAkBzC,MAAM,uBAAuB,GAAG,CAAC,OAAgC,EAAE,EAAE,CAAC,CAAC,SAAiB,EAAE,EAAE;IAC1F,4DAA4D;IAC5D,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC;QACnB,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,GACgB;;IAC5B,MAAM,aAAa,GAAG,uBAAuB,CAAC,wBAAwB,CAAC,4BAA4B,CAAC,CAAC;IACrG,MAAM,eAAe,GAAG,uBAAuB,CAAC,wBAAwB,CAAC,+BAA+B,CAAC,CAAC;IAE1G,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,aAAa;QACb,gBAAgB,EAAE,CAAA,MAAA,qBAAqB,CAAC,iBAAiB,0CAAE,KAAK,MAAK,aAAa;QAClF,iBAAiB,EAAE,qBAAqB,CAAC,iBAAiB;QAC1D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,qBAAqB,CAAC,YAAY,CAAC,MAAM,CAAC;QAC/D,iBAAiB;QACjB,yBAAyB;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5E,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE;YACT,EAAE,EAAE,MAAM;YACV,cAAc,EAAE,SAAS;YACzB,SAAS,EAAE,aAAa;YACxB,WAAW,EAAE,eAAe;YAC5B,eAAe;YACf,UAAU;SACX,EACD,mBAAmB,EAAE,YAAY,GACjC,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { useAnnouncement } from '../select/utils/use-announcement';\nimport { AutosuggestProps } from './interfaces';\nimport { AutosuggestItemsHandlers, AutosuggestItemsState } from './options-controller';\nimport PlainList from './plain-list';\nimport VirtualList from './virtual-list';\n\ninterface AutosuggestOptionsListProps\n extends Pick<AutosuggestProps, 'virtualScroll' | 'selectedAriaLabel' | 'renderHighlightedAriaLive'> {\n statusType: AutosuggestProps.StatusType;\n autosuggestItemsState: AutosuggestItemsState;\n autosuggestItemsHandlers: AutosuggestItemsHandlers;\n highlightedOptionId?: string;\n highlightText: string;\n listId: string;\n controlId: string;\n handleLoadMore: () => void;\n hasDropdownStatus?: boolean;\n listBottom?: React.ReactNode;\n ariaDescribedby?: string;\n renderOption?: AutosuggestProps.ItemRenderer;\n}\n\nconst createMouseEventHandler = (handler: (index: number) => void) => (itemIndex: number) => {\n // prevent mouse events to avoid losing focus from the input\n if (itemIndex > -1) {\n handler(itemIndex);\n }\n};\n\nexport default function AutosuggestOptionsList({\n statusType,\n autosuggestItemsState,\n autosuggestItemsHandlers,\n highlightedOptionId,\n highlightText,\n listId,\n controlId,\n handleLoadMore,\n hasDropdownStatus,\n virtualScroll,\n selectedAriaLabel,\n renderHighlightedAriaLive,\n listBottom,\n ariaDescribedby,\n renderOption,\n}: AutosuggestOptionsListProps) {\n const handleMouseUp = createMouseEventHandler(autosuggestItemsHandlers.selectVisibleOptionWithMouse);\n const handleMouseMove = createMouseEventHandler(autosuggestItemsHandlers.highlightVisibleOptionWithMouse);\n\n const ListComponent = virtualScroll ? VirtualList : PlainList;\n\n const announcement = useAnnouncement({\n highlightText,\n announceSelected: autosuggestItemsState.highlightedOption?.value === highlightText,\n highlightedOption: autosuggestItemsState.highlightedOption,\n getParent: option => autosuggestItemsState.getItemGroup(option),\n selectedAriaLabel,\n renderHighlightedAriaLive,\n });\n\n return (\n <ListComponent\n renderOption={renderOption}\n listBottom={listBottom}\n handleLoadMore={handleLoadMore}\n autosuggestItemsState={autosuggestItemsState}\n highlightText={highlightText}\n highlightedA11yProps={highlightedOptionId ? { id: highlightedOptionId } : {}}\n hasDropdownStatus={hasDropdownStatus}\n menuProps={{\n id: listId,\n ariaLabelledby: controlId,\n onMouseUp: handleMouseUp,\n onMouseMove: handleMouseMove,\n ariaDescribedby,\n statusType,\n }}\n screenReaderContent={announcement}\n />\n );\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { OptionsListProps } from '../internal/components/options-list';
|
|
3
|
-
import { AutosuggestItem } from './interfaces';
|
|
3
|
+
import { AutosuggestItem, AutosuggestProps } from './interfaces';
|
|
4
4
|
import { AutosuggestItemsState } from './options-controller';
|
|
5
5
|
export interface ListProps {
|
|
6
6
|
autosuggestItemsState: AutosuggestItemsState;
|
|
@@ -11,6 +11,7 @@ export interface ListProps {
|
|
|
11
11
|
highlightText: string;
|
|
12
12
|
listBottom?: React.ReactNode;
|
|
13
13
|
screenReaderContent?: string;
|
|
14
|
+
renderOption?: AutosuggestProps.ItemRenderer;
|
|
14
15
|
}
|
|
15
16
|
export declare const getOptionProps: (index: number, item: AutosuggestItem, filteredItems: readonly AutosuggestItem[], highlightedA11yProps: ListProps["highlightedA11yProps"], highlightedOption?: AutosuggestItem, hasDropdownStatus?: boolean) => {
|
|
16
17
|
className?: string;
|
|
@@ -18,6 +19,6 @@ export declare const getOptionProps: (index: number, item: AutosuggestItem, filt
|
|
|
18
19
|
nativeAttributes: Record<string, string | number | boolean>;
|
|
19
20
|
padBottom: boolean;
|
|
20
21
|
};
|
|
21
|
-
declare const PlainList: ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, }: ListProps) => JSX.Element;
|
|
22
|
+
declare const PlainList: ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, renderOption, }: ListProps) => JSX.Element;
|
|
22
23
|
export default PlainList;
|
|
23
24
|
//# sourceMappingURL=plain-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plain-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/plain-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAoB,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"plain-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/plain-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAoB,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,MAAM,WAAW,SAAS;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC9C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC;CAC9C;AAED,eAAO,MAAM,cAAc,GACzB,OAAO,MAAM,EACb,MAAM,eAAe,EACrB,eAAe,SAAS,eAAe,EAAE,EACzC,sBAAsB,SAAS,CAAC,sBAAsB,CAAC,EACvD,oBAAoB,eAAe,EACnC,oBAAoB,OAAO;;;;;CAS5B,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8JAUhB,SAAS,gBAoDX,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -5,6 +5,7 @@ import { getBaseProps } from '../internal/base-component';
|
|
|
5
5
|
import OptionsList from '../internal/components/options-list';
|
|
6
6
|
import { scrollElementIntoView } from '../internal/utils/scrollable-containers';
|
|
7
7
|
import AutosuggestOption from './autosuggest-option';
|
|
8
|
+
import { getParentProps } from './utils/parent-props';
|
|
8
9
|
import styles from './styles.css.js';
|
|
9
10
|
export const getOptionProps = (index, item, filteredItems, highlightedA11yProps, highlightedOption, hasDropdownStatus) => {
|
|
10
11
|
const nativeAttributes = item === highlightedOption ? highlightedA11yProps : {};
|
|
@@ -14,7 +15,7 @@ export const getOptionProps = (index, item, filteredItems, highlightedA11yProps,
|
|
|
14
15
|
const padBottom = !hasDropdownStatus && isNotEnteredTextItem && isLastItem;
|
|
15
16
|
return { nativeAttributes, padBottom, ...baseOptionProps };
|
|
16
17
|
};
|
|
17
|
-
const PlainList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, }) => {
|
|
18
|
+
const PlainList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, renderOption, }) => {
|
|
18
19
|
const listRef = useRef(null);
|
|
19
20
|
useEffect(() => {
|
|
20
21
|
var _a;
|
|
@@ -23,10 +24,13 @@ const PlainList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlight
|
|
|
23
24
|
scrollElementIntoView(item);
|
|
24
25
|
}
|
|
25
26
|
}, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex]);
|
|
27
|
+
let lastGroupIndex = -1;
|
|
26
28
|
return (React.createElement(OptionsList, { ...menuProps, onLoadMore: handleLoadMore, open: true, ref: listRef },
|
|
27
29
|
autosuggestItemsState.items.map((item, index) => {
|
|
28
30
|
const optionProps = getOptionProps(index, item, autosuggestItemsState.items, highlightedA11yProps, autosuggestItemsState.highlightedOption, hasDropdownStatus);
|
|
29
|
-
|
|
31
|
+
const { parentProps, updatedLastGroupIndex } = getParentProps(item, index, lastGroupIndex);
|
|
32
|
+
lastGroupIndex = updatedLastGroupIndex;
|
|
33
|
+
return (React.createElement(AutosuggestOption, { index: index, parentProps: parentProps, renderOption: renderOption, highlightText: highlightText, option: item, highlighted: item === autosuggestItemsState.highlightedOption, current: item.value === highlightText, key: index, "data-mouse-target": index, screenReaderContent: screenReaderContent, highlightType: autosuggestItemsState.highlightType, ...optionProps }));
|
|
30
34
|
}),
|
|
31
35
|
listBottom ? (React.createElement("div", { role: "option", className: styles['list-bottom'] }, listBottom)) : null));
|
|
32
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plain-list.js","sourceRoot":"","sources":["../../../src/autosuggest/plain-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAiC,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"plain-list.js","sourceRoot":"","sources":["../../../src/autosuggest/plain-list.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 } from 'react';\n\nimport { getBaseProps } from '../internal/base-component';\nimport OptionsList, { OptionsListProps } from '../internal/components/options-list';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport AutosuggestOption from './autosuggest-option';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\nimport { AutosuggestItemsState } from './options-controller';\nimport { getParentProps } from './utils/parent-props';\n\nimport styles from './styles.css.js';\n\nexport interface ListProps {\n autosuggestItemsState: AutosuggestItemsState;\n menuProps: Omit<OptionsListProps, 'children'>;\n handleLoadMore: () => void;\n highlightedA11yProps: Record<string, string | number | boolean>;\n hasDropdownStatus?: boolean;\n highlightText: string;\n listBottom?: React.ReactNode;\n screenReaderContent?: string;\n renderOption?: AutosuggestProps.ItemRenderer;\n}\n\nexport const getOptionProps = (\n index: number,\n item: AutosuggestItem,\n filteredItems: readonly AutosuggestItem[],\n highlightedA11yProps: ListProps['highlightedA11yProps'],\n highlightedOption?: AutosuggestItem,\n hasDropdownStatus?: boolean\n) => {\n const nativeAttributes = item === highlightedOption ? highlightedA11yProps : {};\n const baseOptionProps = getBaseProps(nativeAttributes);\n const isLastItem = index === filteredItems.length - 1;\n const isNotEnteredTextItem = filteredItems.length > 1;\n const padBottom = !hasDropdownStatus && isNotEnteredTextItem && isLastItem;\n\n return { nativeAttributes, padBottom, ...baseOptionProps };\n};\n\nconst PlainList = ({\n autosuggestItemsState,\n handleLoadMore,\n menuProps,\n highlightedA11yProps,\n hasDropdownStatus,\n highlightText,\n listBottom,\n screenReaderContent,\n renderOption,\n}: ListProps) => {\n const listRef = useRef<HTMLDivElement>(null);\n useEffect(() => {\n const item = listRef.current?.querySelector<HTMLElement>(\n `[data-mouse-target=\"${autosuggestItemsState.highlightedIndex}\"]`\n );\n if (autosuggestItemsState.highlightType.moveFocus && item) {\n scrollElementIntoView(item);\n }\n }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex]);\n\n let lastGroupIndex = -1;\n\n return (\n <OptionsList {...menuProps} onLoadMore={handleLoadMore} open={true} ref={listRef}>\n {autosuggestItemsState.items.map((item, index) => {\n const optionProps = getOptionProps(\n index,\n item,\n autosuggestItemsState.items,\n highlightedA11yProps,\n autosuggestItemsState.highlightedOption,\n hasDropdownStatus\n );\n\n const { parentProps, updatedLastGroupIndex } = getParentProps(item, index, lastGroupIndex);\n lastGroupIndex = updatedLastGroupIndex;\n\n return (\n <AutosuggestOption\n index={index}\n parentProps={parentProps}\n renderOption={renderOption}\n highlightText={highlightText}\n option={item}\n highlighted={item === autosuggestItemsState.highlightedOption}\n current={item.value === highlightText}\n key={index}\n data-mouse-target={index}\n screenReaderContent={screenReaderContent}\n highlightType={autosuggestItemsState.highlightType}\n {...optionProps}\n />\n );\n })}\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n};\n\nexport default PlainList;\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AutosuggestRenderItemParentProps } from '../autosuggest-option';
|
|
2
|
+
import { AutosuggestItem } from '../interfaces';
|
|
3
|
+
/**
|
|
4
|
+
* Generates parent props for autosuggest items based on the current item and last group index.
|
|
5
|
+
* This logic is shared between plain-list and virtual-list implementations.
|
|
6
|
+
*/
|
|
7
|
+
export declare const getParentProps: (item: AutosuggestItem, index: number, lastGroupIndex: number, virtualIndex?: number) => {
|
|
8
|
+
parentProps: AutosuggestRenderItemParentProps | undefined;
|
|
9
|
+
updatedLastGroupIndex: number;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=parent-props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parent-props.d.ts","sourceRoot":"","sources":["../../../../src/autosuggest/utils/parent-props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,eAAe,EACrB,OAAO,MAAM,EACb,gBAAgB,MAAM,EACtB,eAAe,MAAM,KACpB;IAAE,WAAW,EAAE,gCAAgC,GAAG,SAAS,CAAC;IAAC,qBAAqB,EAAE,MAAM,CAAA;CAqB5F,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
/**
|
|
4
|
+
* Generates parent props for autosuggest items based on the current item and last group index.
|
|
5
|
+
* This logic is shared between plain-list and virtual-list implementations.
|
|
6
|
+
*/
|
|
7
|
+
export const getParentProps = (item, index, lastGroupIndex, virtualIndex) => {
|
|
8
|
+
let updatedLastGroupIndex = lastGroupIndex;
|
|
9
|
+
let parentProps = undefined;
|
|
10
|
+
if (item.type === 'parent') {
|
|
11
|
+
updatedLastGroupIndex = index;
|
|
12
|
+
}
|
|
13
|
+
else if (lastGroupIndex !== -1 && !!item.parent) {
|
|
14
|
+
parentProps = {
|
|
15
|
+
index: lastGroupIndex,
|
|
16
|
+
virtualIndex: virtualIndex !== null && virtualIndex !== void 0 ? virtualIndex : lastGroupIndex,
|
|
17
|
+
disabled: !!item.parent.disabled,
|
|
18
|
+
option: {
|
|
19
|
+
...item.parent,
|
|
20
|
+
disabled: !!item.parent.disabled,
|
|
21
|
+
option: item.parent,
|
|
22
|
+
type: 'parent',
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
return { parentProps, updatedLastGroupIndex };
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=parent-props.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parent-props.js","sourceRoot":"","sources":["../../../../src/autosuggest/utils/parent-props.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAKtC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAqB,EACrB,KAAa,EACb,cAAsB,EACtB,YAAqB,EACyE,EAAE;IAChG,IAAI,qBAAqB,GAAG,cAAc,CAAC;IAC3C,IAAI,WAAW,GAAiD,SAAS,CAAC;IAE1E,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,qBAAqB,GAAG,KAAK,CAAC;IAChC,CAAC;SAAM,IAAI,cAAc,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,WAAW,GAAG;YACZ,KAAK,EAAE,cAAc;YACrB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,cAAc;YAC5C,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;YAChC,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,MAAM;gBACd,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;gBAChC,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,QAAQ;aACf;SACF,CAAC;IACJ,CAAC;IAED,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { AutosuggestRenderItemParentProps } from '../autosuggest-option';\nimport { AutosuggestItem } from '../interfaces';\n\n/**\n * Generates parent props for autosuggest items based on the current item and last group index.\n * This logic is shared between plain-list and virtual-list implementations.\n */\nexport const getParentProps = (\n item: AutosuggestItem,\n index: number,\n lastGroupIndex: number,\n virtualIndex?: number\n): { parentProps: AutosuggestRenderItemParentProps | undefined; updatedLastGroupIndex: number } => {\n let updatedLastGroupIndex = lastGroupIndex;\n let parentProps: AutosuggestRenderItemParentProps | undefined = undefined;\n\n if (item.type === 'parent') {\n updatedLastGroupIndex = index;\n } else if (lastGroupIndex !== -1 && !!item.parent) {\n parentProps = {\n index: lastGroupIndex,\n virtualIndex: virtualIndex ?? lastGroupIndex,\n disabled: !!item.parent.disabled,\n option: {\n ...item.parent,\n disabled: !!item.parent.disabled,\n option: item.parent,\n type: 'parent',\n },\n };\n }\n\n return { parentProps, updatedLastGroupIndex };\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ListProps } from './plain-list';
|
|
2
|
-
declare const VirtualList: ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, }: ListProps) => JSX.Element;
|
|
2
|
+
declare const VirtualList: ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, renderOption, }: ListProps) => JSX.Element;
|
|
3
3
|
export default VirtualList;
|
|
4
4
|
//# sourceMappingURL=virtual-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/virtual-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"virtual-list.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/virtual-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,QAAA,MAAM,WAAW,GAAI,8JAUlB,SAAS,gBA6EX,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -6,8 +6,9 @@ import OptionsList from '../internal/components/options-list';
|
|
|
6
6
|
import { useVirtual } from '../internal/hooks/use-virtual';
|
|
7
7
|
import AutosuggestOption from './autosuggest-option';
|
|
8
8
|
import { getOptionProps } from './plain-list';
|
|
9
|
+
import { getParentProps } from './utils/parent-props';
|
|
9
10
|
import styles from './styles.css.js';
|
|
10
|
-
const VirtualList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, }) => {
|
|
11
|
+
const VirtualList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlightedA11yProps, hasDropdownStatus, highlightText, listBottom, screenReaderContent, renderOption, }) => {
|
|
11
12
|
const scrollRef = useRef(null);
|
|
12
13
|
// update component, when it gets wider or narrower to reposition items
|
|
13
14
|
const [width, strutRef] = useContainerQuery(rect => rect.contentBoxWidth, []);
|
|
@@ -27,13 +28,16 @@ const VirtualList = ({ autosuggestItemsState, handleLoadMore, menuProps, highlig
|
|
|
27
28
|
rowVirtualizer.scrollToIndex(autosuggestItemsState.highlightedIndex);
|
|
28
29
|
}
|
|
29
30
|
}, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex, rowVirtualizer]);
|
|
31
|
+
let lastGroupIndex = -1;
|
|
30
32
|
return (React.createElement(OptionsList, { ...menuProps, onLoadMore: handleLoadMore, ref: scrollRef, open: true },
|
|
31
33
|
React.createElement("div", { "aria-hidden": "true", key: "total-size", className: styles['layout-strut'], style: { height: rowVirtualizer.totalSize + (autosuggestItemsState.items.length === 1 ? 1 : 0) } }),
|
|
32
34
|
rowVirtualizer.virtualItems.map(virtualRow => {
|
|
33
35
|
const { index, start, measureRef } = virtualRow;
|
|
34
36
|
const item = autosuggestItemsState.items[index];
|
|
35
37
|
const optionProps = getOptionProps(index, item, autosuggestItemsState.items, highlightedA11yProps, autosuggestItemsState.highlightedOption, hasDropdownStatus);
|
|
36
|
-
|
|
38
|
+
const { parentProps, updatedLastGroupIndex } = getParentProps(item, index, lastGroupIndex, index);
|
|
39
|
+
lastGroupIndex = updatedLastGroupIndex;
|
|
40
|
+
return (React.createElement(AutosuggestOption, { parentProps: parentProps, index: index, virtualIndex: index, renderOption: renderOption, key: index, ref: measureRef, highlightText: highlightText, option: item, highlighted: item === autosuggestItemsState.highlightedOption, current: item.value === highlightText, "data-mouse-target": index, virtualPosition: start + (index === 0 ? 1 : 0), screenReaderContent: screenReaderContent, ariaSetsize: autosuggestItemsState.items.length, ariaPosinset: index + 1, highlightType: autosuggestItemsState.highlightType, ...optionProps }));
|
|
37
41
|
}),
|
|
38
42
|
listBottom ? (React.createElement("div", { role: "option", className: styles['list-bottom'] }, listBottom)) : null));
|
|
39
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../src/autosuggest/virtual-list.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"virtual-list.js","sourceRoot":"","sources":["../../../src/autosuggest/virtual-list.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, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\nimport OptionsList from '../internal/components/options-list';\nimport { useVirtual } from '../internal/hooks/use-virtual';\nimport AutosuggestOption from './autosuggest-option';\nimport { getOptionProps, ListProps } from './plain-list';\nimport { getParentProps } from './utils/parent-props';\n\nimport styles from './styles.css.js';\n\nconst VirtualList = ({\n autosuggestItemsState,\n handleLoadMore,\n menuProps,\n highlightedA11yProps,\n hasDropdownStatus,\n highlightText,\n listBottom,\n screenReaderContent,\n renderOption,\n}: ListProps) => {\n const scrollRef = useRef<HTMLDivElement>(null);\n // update component, when it gets wider or narrower to reposition items\n const [width, strutRef] = useContainerQuery(rect => rect.contentBoxWidth, []);\n useImperativeHandle(strutRef, () => scrollRef.current);\n\n const rowVirtualizer = useVirtual({\n items: autosuggestItemsState.items,\n parentRef: scrollRef,\n // estimateSize is a dependency of measurements memo. We update it to force full recalculation\n // when the height of any option could have changed:\n // 1: because the component got resized (width property got updated)\n // 2: because the option changed its content (highlightText property controls the highlight and the visibility of hidden tags)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n estimateSize: useCallback(() => 31, [width, highlightText]),\n });\n\n useEffect(() => {\n if (autosuggestItemsState.highlightType.moveFocus) {\n rowVirtualizer.scrollToIndex(autosuggestItemsState.highlightedIndex);\n }\n }, [autosuggestItemsState.highlightType, autosuggestItemsState.highlightedIndex, rowVirtualizer]);\n\n let lastGroupIndex = -1;\n\n return (\n <OptionsList {...menuProps} onLoadMore={handleLoadMore} ref={scrollRef} open={true}>\n <div\n aria-hidden=\"true\"\n key=\"total-size\"\n className={styles['layout-strut']}\n style={{ height: rowVirtualizer.totalSize + (autosuggestItemsState.items.length === 1 ? 1 : 0) }}\n />\n {rowVirtualizer.virtualItems.map(virtualRow => {\n const { index, start, measureRef } = virtualRow;\n const item = autosuggestItemsState.items[index];\n const optionProps = getOptionProps(\n index,\n item,\n autosuggestItemsState.items,\n highlightedA11yProps,\n autosuggestItemsState.highlightedOption,\n hasDropdownStatus\n );\n\n const { parentProps, updatedLastGroupIndex } = getParentProps(item, index, lastGroupIndex, index);\n lastGroupIndex = updatedLastGroupIndex;\n\n return (\n <AutosuggestOption\n parentProps={parentProps}\n index={index}\n virtualIndex={index}\n renderOption={renderOption}\n key={index}\n ref={measureRef}\n highlightText={highlightText}\n option={item}\n highlighted={item === autosuggestItemsState.highlightedOption}\n current={item.value === highlightText}\n data-mouse-target={index}\n virtualPosition={start + (index === 0 ? 1 : 0)}\n screenReaderContent={screenReaderContent}\n ariaSetsize={autosuggestItemsState.items.length}\n ariaPosinset={index + 1}\n highlightType={autosuggestItemsState.highlightType}\n {...optionProps}\n />\n );\n })}\n {listBottom ? (\n <div role=\"option\" className={styles['list-bottom']}>\n {listBottom}\n </div>\n ) : null}\n </OptionsList>\n );\n};\n\nexport default VirtualList;\n"]}
|
|
@@ -302,10 +302,8 @@ body {
|
|
|
302
302
|
--color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
|
|
303
303
|
--color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
|
|
304
304
|
--color-background-popover-8fgrfw:var(--color-white-jf0w15);
|
|
305
|
-
--color-background-progress-bar-value-default-
|
|
306
|
-
--color-background-progress-bar-
|
|
307
|
-
--color-background-progress-bar-default-at8clm:var(--color-neutral-250-hdfqdx);
|
|
308
|
-
--color-background-progress-bar-in-flash-5pgc5p:var(--color-grey-opaque-25-14nktr);
|
|
305
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-600-be1v6a);
|
|
306
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-250-hdfqdx);
|
|
309
307
|
--color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
|
|
310
308
|
--color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
|
|
311
309
|
--color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
|
|
@@ -922,9 +920,8 @@ body {
|
|
|
922
920
|
--color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
|
|
923
921
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
924
922
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
925
|
-
--color-background-progress-bar-value-default-
|
|
926
|
-
--color-background-progress-bar-
|
|
927
|
-
--color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
|
|
923
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
924
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
928
925
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
929
926
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
930
927
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -1184,9 +1181,8 @@ body {
|
|
|
1184
1181
|
--color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
|
|
1185
1182
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
1186
1183
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
1187
|
-
--color-background-progress-bar-value-default-
|
|
1188
|
-
--color-background-progress-bar-
|
|
1189
|
-
--color-background-progress-bar-default-at8clm:var(--color-neutral-700-heh17v);
|
|
1184
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
1185
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
1190
1186
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
1191
1187
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
1192
1188
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -1375,6 +1371,8 @@ body {
|
|
|
1375
1371
|
--color-background-button-normal-default-odgg8b:transparent;
|
|
1376
1372
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
|
|
1377
1373
|
--color-background-inline-code-zh1kkf:rgba(0, 0, 0, 0.2);
|
|
1374
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
|
|
1375
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
|
|
1378
1376
|
--color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
|
|
1379
1377
|
--color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
|
|
1380
1378
|
--color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
|
|
@@ -1422,8 +1420,8 @@ body {
|
|
|
1422
1420
|
--color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
|
|
1423
1421
|
--color-background-button-normal-default-odgg8b:transparent;
|
|
1424
1422
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
|
|
1425
|
-
--color-background-progress-bar-value-
|
|
1426
|
-
--color-background-progress-bar-
|
|
1423
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
|
|
1424
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
|
|
1427
1425
|
--color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
|
|
1428
1426
|
--color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
|
|
1429
1427
|
--color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
|
|
@@ -1597,7 +1595,6 @@ body {
|
|
|
1597
1595
|
--color-background-layout-toggle-default-q2nv0b:var(--color-neutral-650-92yp10);
|
|
1598
1596
|
--color-background-layout-toggle-hover-t77zty:var(--color-neutral-600-boivn8);
|
|
1599
1597
|
--color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
|
|
1600
|
-
--color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
|
|
1601
1598
|
--color-background-chat-bubble-incoming-m85frs:var(--color-neutral-150-8fqber);
|
|
1602
1599
|
--color-border-button-normal-active-soiq8b:var(--color-primary-900-fp8i41);
|
|
1603
1600
|
--color-border-button-normal-default-5aez2l:var(--color-primary-600-be1v6a);
|
|
@@ -1854,8 +1851,8 @@ body {
|
|
|
1854
1851
|
--color-background-notification-stack-bar-y058lw:var(--color-neutral-750-gjawa6);
|
|
1855
1852
|
--color-background-notification-stack-bar-active-ckgod9:var(--color-neutral-750-gjawa6);
|
|
1856
1853
|
--color-background-notification-stack-bar-hover-p3fzky:var(--color-neutral-650-92yp10);
|
|
1857
|
-
--color-background-progress-bar-value-default-
|
|
1858
|
-
--color-background-progress-bar-default-
|
|
1854
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-600-be1v6a);
|
|
1855
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-250-hdfqdx);
|
|
1859
1856
|
--color-background-segment-active-pvua4h:var(--color-primary-600-be1v6a);
|
|
1860
1857
|
--color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
|
|
1861
1858
|
--color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
|
|
@@ -2028,8 +2025,8 @@ body {
|
|
|
2028
2025
|
--color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
|
|
2029
2026
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
2030
2027
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
2031
|
-
--color-background-progress-bar-value-default-
|
|
2032
|
-
--color-background-progress-bar-default-
|
|
2028
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
2029
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
2033
2030
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
2034
2031
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
2035
2032
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -2203,7 +2200,6 @@ body {
|
|
|
2203
2200
|
--color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
|
|
2204
2201
|
--color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
|
|
2205
2202
|
--color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
|
|
2206
|
-
--color-background-progress-bar-value-in-flash-lx9kew:var(--color-white-jf0w15);
|
|
2207
2203
|
--color-background-tiles-disabled-t4fvzv:var(--color-neutral-800-u27ub9);
|
|
2208
2204
|
--color-background-toggle-checked-disabled-i9a3za:var(--color-primary-900-fp8i41);
|
|
2209
2205
|
--color-border-button-normal-active-soiq8b:var(--color-primary-300-jwvz31);
|
|
@@ -2340,8 +2336,8 @@ body {
|
|
|
2340
2336
|
--color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
|
|
2341
2337
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
2342
2338
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
2343
|
-
--color-background-progress-bar-value-default-
|
|
2344
|
-
--color-background-progress-bar-default-
|
|
2339
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
2340
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
2345
2341
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
2346
2342
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
2347
2343
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -2558,8 +2554,8 @@ body {
|
|
|
2558
2554
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
2559
2555
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
2560
2556
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
2561
|
-
--color-background-progress-bar-value-default-
|
|
2562
|
-
--color-background-progress-bar-default-
|
|
2557
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
2558
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
2563
2559
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
2564
2560
|
--color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
|
|
2565
2561
|
--color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
|
|
@@ -2801,8 +2797,8 @@ body {
|
|
|
2801
2797
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
2802
2798
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
2803
2799
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
2804
|
-
--color-background-progress-bar-value-default-
|
|
2805
|
-
--color-background-progress-bar-default-
|
|
2800
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
2801
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
2806
2802
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
2807
2803
|
--color-background-segment-default-zwi7m6:var(--color-neutral-950-qehfms);
|
|
2808
2804
|
--color-background-segment-disabled-etp65k:var(--color-neutral-950-qehfms);
|
|
@@ -3020,6 +3016,8 @@ body {
|
|
|
3020
3016
|
.awsui-context-flashbar.awsui-visual-refresh:not(#\9) {
|
|
3021
3017
|
--color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
|
|
3022
3018
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
|
|
3019
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
|
|
3020
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
|
|
3023
3021
|
--color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
|
|
3024
3022
|
--color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
|
|
3025
3023
|
--color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
|
|
@@ -3083,7 +3081,8 @@ body {
|
|
|
3083
3081
|
.awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
|
|
3084
3082
|
--color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.1);
|
|
3085
3083
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
|
|
3086
|
-
--color-background-progress-bar-value-
|
|
3084
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
|
|
3085
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
|
|
3087
3086
|
--color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
|
|
3088
3087
|
--color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
|
|
3089
3088
|
--color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
|
|
@@ -3229,8 +3228,8 @@ body {
|
|
|
3229
3228
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
3230
3229
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
3231
3230
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
3232
|
-
--color-background-progress-bar-value-default-
|
|
3233
|
-
--color-background-progress-bar-default-
|
|
3231
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
3232
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
3234
3233
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
3235
3234
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
3236
3235
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -3460,8 +3459,8 @@ body {
|
|
|
3460
3459
|
--color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
|
|
3461
3460
|
--color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
|
|
3462
3461
|
--color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
|
|
3463
|
-
--color-background-progress-bar-value-default-
|
|
3464
|
-
--color-background-progress-bar-default-
|
|
3462
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
|
|
3463
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-neutral-700-heh17v);
|
|
3465
3464
|
--color-background-segment-active-pvua4h:var(--color-primary-400-i8y8uk);
|
|
3466
3465
|
--color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
|
|
3467
3466
|
--color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
|
|
@@ -3671,6 +3670,8 @@ body {
|
|
|
3671
3670
|
--color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
|
|
3672
3671
|
--color-background-button-normal-default-odgg8b:transparent;
|
|
3673
3672
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.15);
|
|
3673
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-white-jf0w15);
|
|
3674
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-25-14nktr);
|
|
3674
3675
|
--color-border-button-normal-active-soiq8b:var(--color-white-jf0w15);
|
|
3675
3676
|
--color-border-button-normal-default-5aez2l:var(--color-neutral-100-wbgy1o);
|
|
3676
3677
|
--color-border-button-normal-hover-3y34o0:var(--color-white-jf0w15);
|
|
@@ -3706,6 +3707,8 @@ body {
|
|
|
3706
3707
|
--color-background-button-normal-default-odgg8b:transparent;
|
|
3707
3708
|
--color-background-button-normal-hover-r7x40d:rgba(0, 7, 22, 0.05);
|
|
3708
3709
|
--color-background-inline-code-zh1kkf:rgba(0, 0, 0, 0.1);
|
|
3710
|
+
--color-background-progress-bar-value-default-1bekh3:var(--color-neutral-950-qehfms);
|
|
3711
|
+
--color-background-progress-bar-default-kw9ow4:var(--color-grey-opaque-10-qsc933);
|
|
3709
3712
|
--color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-neutral-850-m3u7h5);
|
|
3710
3713
|
--color-border-divider-default-ipvpev:var(--color-text-notification-yellow-g3zcoy);
|
|
3711
3714
|
--color-border-input-focused-lslq4r:var(--color-primary-400-i8y8uk);
|
|
@@ -3810,5 +3813,5 @@ body {
|
|
|
3810
3813
|
}
|
|
3811
3814
|
}
|
|
3812
3815
|
:root {
|
|
3813
|
-
--awsui-version-info-
|
|
3816
|
+
--awsui-version-info-ea2b35b0: true;
|
|
3814
3817
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (ea2b35b0)";
|
|
3
|
+
export var GIT_SHA = "ea2b35b0";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -341,9 +341,7 @@ export const colorBackgroundNotificationStackBarActive: string;
|
|
|
341
341
|
export const colorBackgroundNotificationStackBarHover: string;
|
|
342
342
|
export const colorBackgroundPopover: string;
|
|
343
343
|
export const colorBackgroundProgressBarValueDefault: string;
|
|
344
|
-
export const colorBackgroundProgressBarValueInFlash: string;
|
|
345
344
|
export const colorBackgroundProgressBarDefault: string;
|
|
346
|
-
export const colorBackgroundProgressBarInFlash: string;
|
|
347
345
|
export const colorBackgroundSegmentActive: string;
|
|
348
346
|
export const colorBackgroundSegmentDefault: string;
|
|
349
347
|
export const colorBackgroundSegmentDisabled: string;
|
|
@@ -340,10 +340,8 @@ export var colorBackgroundNotificationStackBar = "var(--color-background-notific
|
|
|
340
340
|
export var colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active-a4h9r8, #232b37)";
|
|
341
341
|
export var colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover-jh82oo, #424650)";
|
|
342
342
|
export var colorBackgroundPopover = "var(--color-background-popover-e20fy8, #ffffff)";
|
|
343
|
-
export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-
|
|
344
|
-
export var
|
|
345
|
-
export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-4755ec, #ebebf0)";
|
|
346
|
-
export var colorBackgroundProgressBarInFlash = "var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25))";
|
|
343
|
+
export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-69ydqg, #006ce0)";
|
|
344
|
+
export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-j8kyxd, #ebebf0)";
|
|
347
345
|
export var colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
|
|
348
346
|
export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
|
|
349
347
|
export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";
|