@cloudscape-design/components 3.0.276 → 3.0.277
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/attribute-editor/internal.js +1 -1
- package/attribute-editor/internal.js.map +1 -1
- package/button/index.d.ts.map +1 -1
- package/button/index.js +2 -2
- package/button/index.js.map +1 -1
- package/button/interfaces.d.ts +4 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +2 -2
- package/button/internal.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +6 -2
- package/flashbar/flash.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +8 -0
- package/internal/generated/styles/tokens.js +8 -0
- package/internal/generated/theming/index.cjs +16 -0
- package/internal/generated/theming/index.cjs.d.ts +48 -0
- package/internal/generated/theming/index.d.ts +48 -0
- package/internal/generated/theming/index.js +16 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/tabs/interfaces.d.ts +1 -0
- package/tabs/interfaces.d.ts.map +1 -1
- package/tabs/interfaces.js.map +1 -1
|
@@ -52,7 +52,7 @@ const InternalAttributeEditor = React.forwardRef((_a, ref) => {
|
|
|
52
52
|
React.createElement(InternalBox, { margin: { bottom: 'l' } },
|
|
53
53
|
isEmpty && React.createElement("div", { className: clsx(styles.empty, wasNonEmpty.current && styles['empty-appear']) }, empty),
|
|
54
54
|
items.map((item, index) => (React.createElement(Row, { key: index, index: index, breakpoint: breakpoint, item: item, definition: definition, i18nStrings: i18nStrings, removable: isItemRemovable(item), removeButtonText: removeButtonText, removeButtonRefs: removeButtonRefs.current, onRemoveButtonClick: onRemoveButtonClick })))),
|
|
55
|
-
React.createElement(InternalButton, { className: styles['add-button'], disabled: disableAddButton, onClick: onAddButtonClick, formAction: "none", ref: addButtonRef,
|
|
55
|
+
React.createElement(InternalButton, { className: styles['add-button'], disabled: disableAddButton, onClick: onAddButtonClick, formAction: "none", ref: addButtonRef, ariaDescribedby: infoAriaDescribedBy }, addButtonText),
|
|
56
56
|
React.createElement(LiveRegion, { "data-testid": "removal-announcement", delay: 5, key: items.length }, removalAnnouncement),
|
|
57
57
|
!!additionalInfo && React.createElement(AdditionalInfo, { id: infoAriaDescribedBy }, additionalInfo)));
|
|
58
58
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["attribute-editor/internal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["attribute-editor/internal.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, { useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\n\nimport { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';\nimport { AdditionalInfo } from './additional-info';\nimport { Row } from './row';\n\nimport styles from './styles.css.js';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport InternalBox from '../box/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { usePrevious } from '../internal/hooks/use-previous';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items'> & InternalBaseComponentProps;\n\nconst InternalAttributeEditor = React.forwardRef(\n <T,>(\n {\n additionalInfo,\n disableAddButton,\n definition,\n items,\n isItemRemovable = () => true,\n empty,\n addButtonText,\n removeButtonText,\n i18nStrings,\n onAddButtonClick,\n onRemoveButtonClick,\n __internalRootRef = null,\n ...props\n }: InternalAttributeEditorProps<T>,\n ref: React.Ref<AttributeEditorProps.Ref>\n ) => {\n const [breakpoint, breakpointRef] = useContainerBreakpoints(['default', 'xxs', 'xs']);\n const removeButtonRefs = useRef<Array<ButtonProps.Ref | undefined>>([]);\n const addButtonRef = useRef<ButtonProps.Ref>(null);\n const wasNonEmpty = useRef<boolean>(false);\n const [removalAnnouncement, setRemovalAnnouncement] = useState<string>('');\n\n const baseProps = getBaseProps(props);\n const isEmpty = items && items.length === 0;\n\n wasNonEmpty.current = wasNonEmpty.current || !isEmpty;\n\n useImperativeHandle(ref, () => ({\n focusRemoveButton(rowIndex: number) {\n removeButtonRefs.current[rowIndex]?.focus();\n },\n focusAddButton() {\n addButtonRef.current?.focus();\n },\n }));\n\n const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n const additionalInfoId = useUniqueId('attribute-editor-info');\n const infoAriaDescribedBy = additionalInfo ? additionalInfoId : undefined;\n\n const prevItemsLength = usePrevious(items.length);\n\n React.useEffect(() => {\n if (prevItemsLength && prevItemsLength > items.length && i18nStrings?.itemRemovedAriaLive) {\n setRemovalAnnouncement(i18nStrings.itemRemovedAriaLive);\n } else {\n setRemovalAnnouncement('');\n }\n // we only want to announce when the number of items decreases (i.e. when an item is removed)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [items, i18nStrings?.itemRemovedAriaLive]);\n\n return (\n <div {...baseProps} ref={mergedRef} className={clsx(baseProps.className, styles.root)}>\n <InternalBox margin={{ bottom: 'l' }}>\n {isEmpty && <div className={clsx(styles.empty, wasNonEmpty.current && styles['empty-appear'])}>{empty}</div>}\n {items.map((item, index) => (\n <Row\n key={index}\n index={index}\n breakpoint={breakpoint}\n item={item}\n definition={definition}\n i18nStrings={i18nStrings}\n removable={isItemRemovable(item)}\n removeButtonText={removeButtonText}\n removeButtonRefs={removeButtonRefs.current}\n onRemoveButtonClick={onRemoveButtonClick}\n />\n ))}\n </InternalBox>\n\n <InternalButton\n className={styles['add-button']}\n disabled={disableAddButton}\n onClick={onAddButtonClick}\n formAction=\"none\"\n ref={addButtonRef}\n ariaDescribedby={infoAriaDescribedBy}\n >\n {addButtonText}\n </InternalButton>\n <LiveRegion data-testid=\"removal-announcement\" delay={5} key={items.length}>\n {removalAnnouncement}\n </LiveRegion>\n {!!additionalInfo && <AdditionalInfo id={infoAriaDescribedBy}>{additionalInfo}</AdditionalInfo>}\n </div>\n );\n }\n) as AttributeEditorForwardRefType;\n\nexport default InternalAttributeEditor;\n"]}
|
package/button/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,qFA8DX,CAAC;AAGF,eAAe,MAAM,CAAC"}
|
package/button/index.js
CHANGED
|
@@ -7,10 +7,10 @@ import { InternalButton } from './internal';
|
|
|
7
7
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
8
8
|
import useBaseComponent from '../internal/hooks/use-base-component';
|
|
9
9
|
const Button = React.forwardRef((_a, ref) => {
|
|
10
|
-
var { children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, onClick, onFollow, ariaExpanded, form } = _a, props = __rest(_a, ["children", "iconName", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "onClick", "onFollow", "ariaExpanded", "form"]);
|
|
10
|
+
var { children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, onClick, onFollow, ariaExpanded, form } = _a, props = __rest(_a, ["children", "iconName", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "onClick", "onFollow", "ariaExpanded", "form"]);
|
|
11
11
|
const baseComponentProps = useBaseComponent('Button');
|
|
12
12
|
const baseProps = getBaseProps(props);
|
|
13
|
-
return (React.createElement(InternalButton, Object.assign({}, baseProps, baseComponentProps, { ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, wrapText: wrapText, href: href, target: target, rel: rel, download: download, formAction: formAction, ariaLabel: ariaLabel, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, form: form }), children));
|
|
13
|
+
return (React.createElement(InternalButton, Object.assign({}, baseProps, baseComponentProps, { ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, wrapText: wrapText, href: href, target: target, rel: rel, download: download, formAction: formAction, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, form: form }), children));
|
|
14
14
|
});
|
|
15
15
|
applyDisplayName(Button, 'Button');
|
|
16
16
|
export default Button;
|
package/button/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EAwBc,EACd,GAA+B,EAC/B,EAAE;QA1BF,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,IAAI,OAEQ,EADT,KAAK,cAvBV,qQAwBC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,KAET,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { ButtonProps } from './interfaces';\nimport { InternalButton } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { ButtonProps };\n\nconst Button = React.forwardRef(\n (\n {\n children,\n iconName,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n onClick,\n onFollow,\n ariaExpanded,\n form,\n ...props\n }: ButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Button');\n const baseProps = getBaseProps(props);\n return (\n <InternalButton\n {...baseProps}\n {...baseComponentProps}\n ref={ref}\n iconName={iconName}\n iconAlign={iconAlign}\n iconUrl={iconUrl}\n iconSvg={iconSvg}\n iconAlt={iconAlt}\n variant={variant}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n wrapText={wrapText}\n href={href}\n target={target}\n rel={rel}\n download={download}\n formAction={formAction}\n ariaLabel={ariaLabel}\n ariaDescribedby={ariaDescribedby}\n onClick={onClick}\n onFollow={onFollow}\n ariaExpanded={ariaExpanded}\n form={form}\n >\n {children}\n </InternalButton>\n );\n }\n);\n\napplyDisplayName(Button, 'Button');\nexport default Button;\n"]}
|
package/button/interfaces.d.ts
CHANGED
|
@@ -66,6 +66,10 @@ export interface ButtonProps extends BaseComponentProps {
|
|
|
66
66
|
* them accessible.
|
|
67
67
|
*/
|
|
68
68
|
ariaLabel?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Adds `aria-describedby` to the button.
|
|
71
|
+
*/
|
|
72
|
+
ariaDescribedby?: string;
|
|
69
73
|
/**
|
|
70
74
|
* Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).
|
|
71
75
|
* For example, if you have a 'help' button that links to a documentation page.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE/G,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE/G,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;QAII;IACJ,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAE1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;IAC7E,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,KAAY,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C,KAAY,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAEzC,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
|
package/button/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n /**\n * Renders the button as disabled and prevents clicks.\n */\n disabled?: boolean;\n /**\n * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n */\n loading?: boolean;\n /**\n * Specifies the text that screen reader announces when the button is in a loading state.\n */\n loadingText?: string;\n /**\n * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n */\n iconName?: IconProps.Name;\n /**\n * Specifies the alignment of the icon.\n */\n iconAlign?: ButtonProps.IconAlign;\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n */\n iconUrl?: string;\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n iconSvg?: React.ReactNode;\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n iconAlt?: string;\n /**\n * The form action that is performed by a button click.\n */\n formAction?: ButtonProps.FormAction;\n /**\n * Adds `aria-label` to the button element. It should be used in buttons that don't have text in order to make\n * them accessible.\n */\n ariaLabel?: string;\n /**\n * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n */\n href?: string;\n\n /**\n * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n */\n target?: string;\n\n /**\n * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n */\n rel?: string;\n\n /**\n * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n **/\n download?: boolean | string;\n\n /**\n * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n */\n wrapText?: boolean;\n\n /** Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n */\n variant?: ButtonProps.Variant;\n\n /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the ancestor of a form element, such as when used in a modal.\n */\n form?: string;\n\n /**\n * Text displayed in the button element.\n * @displayname text\n */\n children?: React.ReactNode;\n\n /**\n * Called when the user clicks on the button and the button is not disabled or in loading state.\n */\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /**\n * Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n */\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /**\n * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n */\n\n ariaExpanded?: boolean;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' | 'none';\n\n export type IconAlign = 'left' | 'right';\n\n export interface Ref {\n /**\n * Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n /**\n * Renders the button as disabled and prevents clicks.\n */\n disabled?: boolean;\n /**\n * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n */\n loading?: boolean;\n /**\n * Specifies the text that screen reader announces when the button is in a loading state.\n */\n loadingText?: string;\n /**\n * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n */\n iconName?: IconProps.Name;\n /**\n * Specifies the alignment of the icon.\n */\n iconAlign?: ButtonProps.IconAlign;\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n */\n iconUrl?: string;\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n iconSvg?: React.ReactNode;\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n iconAlt?: string;\n /**\n * The form action that is performed by a button click.\n */\n formAction?: ButtonProps.FormAction;\n\n /**\n * Adds `aria-label` to the button element. It should be used in buttons that don't have text in order to make\n * them accessible.\n */\n ariaLabel?: string;\n\n /**\n * Adds `aria-describedby` to the button.\n */\n ariaDescribedby?: string;\n\n /**\n * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n */\n href?: string;\n\n /**\n * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n */\n target?: string;\n\n /**\n * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n */\n rel?: string;\n\n /**\n * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n **/\n download?: boolean | string;\n\n /**\n * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n */\n wrapText?: boolean;\n\n /** Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n */\n variant?: ButtonProps.Variant;\n\n /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the ancestor of a form element, such as when used in a modal.\n */\n form?: string;\n\n /**\n * Text displayed in the button element.\n * @displayname text\n */\n children?: React.ReactNode;\n\n /**\n * Called when the user clicks on the button and the button is not disabled or in loading state.\n */\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /**\n * Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n */\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /**\n * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n */\n\n ariaExpanded?: boolean;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' | 'none';\n\n export type IconAlign = 'left' | 'right';\n\n export interface Ref {\n /**\n * Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n}\n"]}
|
package/button/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,eAAO,MAAM,cAAc;cANf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,eAAO,MAAM,cAAc;cANf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;sEAuI3G,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/button/internal.js
CHANGED
|
@@ -11,7 +11,7 @@ import { checkSafeUrl } from '../internal/utils/check-safe-url';
|
|
|
11
11
|
import { useMergeRefs } from '../internal/hooks/use-merge-refs';
|
|
12
12
|
import LiveRegion from '../internal/components/live-region';
|
|
13
13
|
export const InternalButton = React.forwardRef((_a, ref) => {
|
|
14
|
-
var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaExpanded, __nativeAttributes, __internalRootRef = null, __activated = false } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaExpanded", "__nativeAttributes", "__internalRootRef", "__activated"]);
|
|
14
|
+
var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, ariaExpanded, __nativeAttributes, __internalRootRef = null, __activated = false } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "ariaExpanded", "__nativeAttributes", "__internalRootRef", "__activated"]);
|
|
15
15
|
checkSafeUrl('Button', href);
|
|
16
16
|
const isAnchor = Boolean(href);
|
|
17
17
|
const isNotInteractive = loading || disabled;
|
|
@@ -36,7 +36,7 @@ export const InternalButton = React.forwardRef((_a, ref) => {
|
|
|
36
36
|
});
|
|
37
37
|
const buttonProps = Object.assign(Object.assign(Object.assign({}, props), __nativeAttributes), {
|
|
38
38
|
// https://github.com/microsoft/TypeScript/issues/36659
|
|
39
|
-
ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, className: buttonClass, onClick: handleClick });
|
|
39
|
+
ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-expanded': ariaExpanded, className: buttonClass, onClick: handleClick });
|
|
40
40
|
const iconProps = {
|
|
41
41
|
loading,
|
|
42
42
|
iconName,
|
package/button/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAmB,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAS5D,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/internal.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 clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n __nativeAttributes?: Record<string, any>;\n __iconClass?: string;\n __activated?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n __nativeAttributes,\n __internalRootRef = null,\n __activated = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading || disabled;\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const handleClick = useCallback(\n (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n },\n [isAnchor, isNotInteractive, onClick, onFollow, href, target]\n );\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['is-activated']]: __activated,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef as any, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n className: buttonClass,\n onClick: handleClick,\n } as const;\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n tabIndex={isNotInteractive ? -1 : undefined}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled}\n aria-disabled={loading && !disabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
|
package/flashbar/flash.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flash.d.ts","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAoD1B,eAAO,MAAM,cAAc,mEACf,WAAW,GAAG,IAAI,UAAU,MAAM,UAM7C,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,aAAa,CAAC,iBAAiB;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"flash.d.ts","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAoD1B,eAAO,MAAM,cAAc,mEACf,WAAW,GAAG,IAAI,UAAU,MAAM,UAM7C,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,aAAa,CAAC,iBAAiB;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,mFAiGjB,CAAC"}
|
package/flashbar/flash.js
CHANGED
|
@@ -41,7 +41,6 @@ export const Flash = React.forwardRef(({ id, header, content, dismissible, dismi
|
|
|
41
41
|
const iconType = ICON_TYPES[type];
|
|
42
42
|
const icon = loading ? React.createElement(InternalSpinner, null) : React.createElement(InternalIcon, { name: iconType });
|
|
43
43
|
const effectiveType = loading ? 'info' : type;
|
|
44
|
-
const announcement = [statusIconAriaLabel, header, content].filter(Boolean).join(' ');
|
|
45
44
|
const handleDismiss = event => {
|
|
46
45
|
sendDismissMetric(effectiveType);
|
|
47
46
|
onDismiss && onDismiss(event);
|
|
@@ -65,6 +64,11 @@ export const Flash = React.forwardRef(({ id, header, content, dismissible, dismi
|
|
|
65
64
|
React.createElement("div", { className: styles['flash-content'] }, content))),
|
|
66
65
|
button && React.createElement("div", { className: styles['action-button-wrapper'] }, button)),
|
|
67
66
|
dismissible && dismissButton(dismissLabel, handleDismiss),
|
|
68
|
-
ariaRole === 'status' && React.createElement(LiveRegion, null,
|
|
67
|
+
ariaRole === 'status' && (React.createElement(LiveRegion, null,
|
|
68
|
+
statusIconAriaLabel,
|
|
69
|
+
" ",
|
|
70
|
+
header,
|
|
71
|
+
" ",
|
|
72
|
+
content))));
|
|
69
73
|
});
|
|
70
74
|
//# sourceMappingURL=flash.js.map
|
package/flashbar/flash.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flash.js","sourceRoot":"lib/default/","sources":["flashbar/flash.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAG5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,iBAAiB;CAChB,CAAC;AAEX,SAAS,YAAY,CACnB,UAAyD,EACzD,aAA+D;IAE/D,OAAO,CACL,oBAAC,cAAc,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,UAAU,EAAC,MAAM,IAC1F,UAAU,CACI,CAClB,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,YAA6D,EAC7D,SAAuD;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;QAC9C,oBAAC,cAAc,IACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACnC,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,YAAY,GACvB,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CACpC,CAAC,OAA2B,EAAE,MAAc,EAAE,EAAE;;IAC9C,MAAM,QAAQ,GAAG,iBAAiB,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,MAAM,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAC7F,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAc,QAAQ,CAAC,0CAAE,KAAK,EAAE,CAAC;AACzD,CAAC,EACD,oBAAoB,EACpB,EAAE,QAAQ,EAAE,KAAK,EAAE,CACpB,CAAC;AAOF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,EAAE,EACF,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,SAAS,EACT,SAAS,EACT,eAAe,EACf,QAAQ,EACR,IAAI,GAAG,MAAM,GACF,EACb,GAA8B,EAC9B,EAAE;IACF,IAAI,aAAa,EAAE;QACjB,IAAI,UAAU,IAAI,CAAC,aAAa,EAAE;YAChC,QAAQ,CACN,UAAU,EACV,4HAA4H,CAC7H,CAAC;SACH;QAED,IAAI,WAAW,IAAI,CAAC,SAAS,EAAE;YAC7B,QAAQ,CACN,UAAU,EACV,4HAA4H,CAC7H,CAAC;SACH;KACF;IAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjF,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAElC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI,CAAC;IAE9E,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,MAAM,
|
|
1
|
+
{"version":3,"file":"flash.js","sourceRoot":"lib/default/","sources":["flashbar/flash.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 { FlashbarProps } from './interfaces';\nimport React from 'react';\nimport InternalSpinner from '../spinner/internal';\nimport InternalIcon from '../icon/internal';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { InternalButton } from '../button/internal';\nimport { warnOnce } from '../internal/logging';\nimport { isDevelopment } from '../internal/is-development';\nimport { throttle } from '../internal/utils/throttle';\nimport LiveRegion from '../internal/components/live-region';\nimport { ButtonProps } from '../button/interfaces';\n\nimport { sendDismissMetric } from './internal/analytics';\n\nimport { FOCUS_THROTTLE_DELAY } from './utils';\n\nconst ICON_TYPES = {\n success: 'status-positive',\n warning: 'status-warning',\n info: 'status-info',\n error: 'status-negative',\n} as const;\n\nfunction actionButton(\n buttonText: FlashbarProps.MessageDefinition['buttonText'],\n onButtonClick: FlashbarProps.MessageDefinition['onButtonClick']\n) {\n return (\n <InternalButton onClick={onButtonClick} className={styles['action-button']} formAction=\"none\">\n {buttonText}\n </InternalButton>\n );\n}\n\nfunction dismissButton(\n dismissLabel: FlashbarProps.MessageDefinition['dismissLabel'],\n onDismiss: FlashbarProps.MessageDefinition['onDismiss']\n) {\n return (\n <div className={styles['dismiss-button-wrapper']}>\n <InternalButton\n onClick={onDismiss}\n className={styles['dismiss-button']}\n variant=\"flashbar-icon\"\n iconName=\"close\"\n formAction=\"none\"\n ariaLabel={dismissLabel}\n />\n </div>\n );\n}\n\nexport const focusFlashById = throttle(\n (element: HTMLElement | null, itemId: string) => {\n const selector = `[data-itemid=\"${CSS.escape(itemId)}\"] .${styles['flash-focus-container']}`;\n element?.querySelector<HTMLElement>(selector)?.focus();\n },\n FOCUS_THROTTLE_DELAY,\n { trailing: false }\n);\n\nexport interface FlashProps extends FlashbarProps.MessageDefinition {\n className: string;\n transitionState?: string;\n}\n\nexport const Flash = React.forwardRef(\n (\n {\n id,\n header,\n content,\n dismissible,\n dismissLabel,\n statusIconAriaLabel,\n loading,\n action,\n buttonText,\n onButtonClick,\n onDismiss,\n className,\n transitionState,\n ariaRole,\n type = 'info',\n }: FlashProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n if (isDevelopment) {\n if (buttonText && !onButtonClick) {\n warnOnce(\n 'Flashbar',\n `You provided a \\`buttonText\\` prop without an \\`onButtonClick\\` handler. This will render a non-interactive action button.`\n );\n }\n\n if (dismissible && !onDismiss) {\n warnOnce(\n 'Flashbar',\n `You have set the \\`dismissible\\` prop without an \\`onDismiss\\` handler. This will render a non-interactive dismiss button.`\n );\n }\n }\n\n const button = action || (buttonText && actionButton(buttonText, onButtonClick));\n\n const iconType = ICON_TYPES[type];\n\n const icon = loading ? <InternalSpinner /> : <InternalIcon name={iconType} />;\n\n const effectiveType = loading ? 'info' : type;\n\n const handleDismiss: ButtonProps['onClick'] = event => {\n sendDismissMetric(effectiveType);\n onDismiss && onDismiss(event);\n };\n\n return (\n // We're not using \"polite\" or \"assertive\" here, just turning default behavior off.\n // eslint-disable-next-line @cloudscape-design/prefer-live-region\n <div\n ref={ref}\n role={ariaRole}\n aria-live={ariaRole ? 'off' : undefined}\n data-itemid={id}\n className={clsx(\n styles.flash,\n styles[`flash-type-${effectiveType}`],\n className,\n transitionState && {\n [styles.enter]: transitionState === 'enter',\n [styles.entering]: transitionState === 'entering',\n [styles.entered]: transitionState === 'entered',\n [styles.exit]: transitionState === 'exit',\n [styles.exiting]: transitionState === 'exiting',\n [styles.exited]: transitionState === 'exited',\n }\n )}\n >\n <div className={styles['flash-body']}>\n <div className={styles['flash-focus-container']} tabIndex={-1}>\n <div\n className={clsx(styles['flash-icon'], styles['flash-text'])}\n role=\"img\"\n aria-label={statusIconAriaLabel}\n >\n {icon}\n </div>\n <div className={clsx(styles['flash-message'], styles['flash-text'])}>\n <div className={styles['flash-header']}>{header}</div>\n <div className={styles['flash-content']}>{content}</div>\n </div>\n </div>\n {button && <div className={styles['action-button-wrapper']}>{button}</div>}\n </div>\n {dismissible && dismissButton(dismissLabel, handleDismiss)}\n {ariaRole === 'status' && (\n <LiveRegion>\n {statusIconAriaLabel} {header} {content}\n </LiveRegion>\n )}\n </div>\n );\n }\n);\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -170,6 +170,12 @@ export const colorBackgroundInputDefault: string;
|
|
|
170
170
|
export const colorBackgroundInputDisabled: string;
|
|
171
171
|
export const colorBackgroundItemSelected: string;
|
|
172
172
|
export const colorBackgroundLayoutMain: string;
|
|
173
|
+
export const colorBackgroundLayoutToggleActive: string;
|
|
174
|
+
export const colorBackgroundLayoutToggleDefault: string;
|
|
175
|
+
export const colorBackgroundLayoutToggleHover: string;
|
|
176
|
+
export const colorBackgroundLayoutToggleSelectedActive: string;
|
|
177
|
+
export const colorBackgroundLayoutToggleSelectedDefault: string;
|
|
178
|
+
export const colorBackgroundLayoutToggleSelectedHover: string;
|
|
173
179
|
export const colorBackgroundNotificationBlue: string;
|
|
174
180
|
export const colorBackgroundNotificationGreen: string;
|
|
175
181
|
export const colorBackgroundNotificationRed: string;
|
|
@@ -217,6 +223,7 @@ export const colorTextHomeHeaderDefault: string;
|
|
|
217
223
|
export const colorTextHomeHeaderSecondary: string;
|
|
218
224
|
export const colorTextInputDisabled: string;
|
|
219
225
|
export const colorTextInputPlaceholder: string;
|
|
226
|
+
export const colorTextInteractiveActive: string;
|
|
220
227
|
export const colorTextInteractiveDefault: string;
|
|
221
228
|
export const colorTextInteractiveDisabled: string;
|
|
222
229
|
export const colorTextInteractiveHover: string;
|
|
@@ -231,6 +238,7 @@ export const colorTextStatusInactive: string;
|
|
|
231
238
|
export const colorTextStatusInfo: string;
|
|
232
239
|
export const colorTextStatusSuccess: string;
|
|
233
240
|
export const colorTextStatusWarning: string;
|
|
241
|
+
export const colorTextTopNavigationTitle: string;
|
|
234
242
|
export const colorBoardPlaceholderActive: string;
|
|
235
243
|
export const colorBoardPlaceholderHover: string;
|
|
236
244
|
export const colorDragPlaceholderActive: string;
|
|
@@ -170,6 +170,12 @@ export var colorBackgroundInputDefault = "var(--color-background-input-default-u
|
|
|
170
170
|
export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-wu9j6u, #e9ebed)";
|
|
171
171
|
export var colorBackgroundItemSelected = "var(--color-background-item-selected-ebt4bi, #f2f8fd)";
|
|
172
172
|
export var colorBackgroundLayoutMain = "var(--color-background-layout-main-sfhm4y, #ffffff)";
|
|
173
|
+
export var colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-d15dki, #354150)";
|
|
174
|
+
export var colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-f9hnkv, #192534)";
|
|
175
|
+
export var colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-gi0e0b, #354150)";
|
|
176
|
+
export var colorBackgroundLayoutToggleSelectedActive = "var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3)";
|
|
177
|
+
export var colorBackgroundLayoutToggleSelectedDefault = "var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3)";
|
|
178
|
+
export var colorBackgroundLayoutToggleSelectedHover = "var(--color-background-layout-toggle-selected-hover-mes33s, #065299)";
|
|
173
179
|
export var colorBackgroundNotificationBlue = "var(--color-background-notification-blue-vqb59v, #0972d3)";
|
|
174
180
|
export var colorBackgroundNotificationGreen = "var(--color-background-notification-green-0d9ow8, #037f0c)";
|
|
175
181
|
export var colorBackgroundNotificationRed = "var(--color-background-notification-red-v7js1f, #d91515)";
|
|
@@ -217,6 +223,7 @@ export var colorTextHomeHeaderDefault = "var(--color-text-home-header-default-1d
|
|
|
217
223
|
export var colorTextHomeHeaderSecondary = "var(--color-text-home-header-secondary-qfyemi, #d1d5db)";
|
|
218
224
|
export var colorTextInputDisabled = "var(--color-text-input-disabled-oawyzo, #9ba7b6)";
|
|
219
225
|
export var colorTextInputPlaceholder = "var(--color-text-input-placeholder-j53j3c, #5f6b7a)";
|
|
226
|
+
export var colorTextInteractiveActive = "var(--color-text-interactive-active-vol84d, #000716)";
|
|
220
227
|
export var colorTextInteractiveDefault = "var(--color-text-interactive-default-eg5fsa, #414d5c)";
|
|
221
228
|
export var colorTextInteractiveDisabled = "var(--color-text-interactive-disabled-3pbb07, #9ba7b6)";
|
|
222
229
|
export var colorTextInteractiveHover = "var(--color-text-interactive-hover-v3lasm, #000716)";
|
|
@@ -231,6 +238,7 @@ export var colorTextStatusInactive = "var(--color-text-status-inactive-5ei55p, #
|
|
|
231
238
|
export var colorTextStatusInfo = "var(--color-text-status-info-utupcz, #0972d3)";
|
|
232
239
|
export var colorTextStatusSuccess = "var(--color-text-status-success-0fzhv9, #037f0c)";
|
|
233
240
|
export var colorTextStatusWarning = "var(--color-text-status-warning-27nlyh, #d91515)";
|
|
241
|
+
export var colorTextTopNavigationTitle = "var(--color-text-top-navigation-title-oypxe3, #000716)";
|
|
234
242
|
export var colorBoardPlaceholderActive = "var(--color-board-placeholder-active-vaxzdf, #e9ebed)";
|
|
235
243
|
export var colorBoardPlaceholderHover = "var(--color-board-placeholder-hover-v1s7kq, #d3e7f9)";
|
|
236
244
|
export var colorDragPlaceholderActive = "var(--color-drag-placeholder-active-fkpj7i, #e9ebed)";
|
|
@@ -6980,6 +6980,12 @@ module.exports.preset = {
|
|
|
6980
6980
|
"colorBackgroundInputDisabled",
|
|
6981
6981
|
"colorBackgroundItemSelected",
|
|
6982
6982
|
"colorBackgroundLayoutMain",
|
|
6983
|
+
"colorBackgroundLayoutToggleActive",
|
|
6984
|
+
"colorBackgroundLayoutToggleDefault",
|
|
6985
|
+
"colorBackgroundLayoutToggleHover",
|
|
6986
|
+
"colorBackgroundLayoutToggleSelectedActive",
|
|
6987
|
+
"colorBackgroundLayoutToggleSelectedDefault",
|
|
6988
|
+
"colorBackgroundLayoutToggleSelectedHover",
|
|
6983
6989
|
"colorBackgroundNotificationBlue",
|
|
6984
6990
|
"colorBackgroundNotificationGreen",
|
|
6985
6991
|
"colorBackgroundNotificationRed",
|
|
@@ -7030,6 +7036,7 @@ module.exports.preset = {
|
|
|
7030
7036
|
"colorTextHomeHeaderSecondary",
|
|
7031
7037
|
"colorTextInputDisabled",
|
|
7032
7038
|
"colorTextInputPlaceholder",
|
|
7039
|
+
"colorTextInteractiveActive",
|
|
7033
7040
|
"colorTextInteractiveDefault",
|
|
7034
7041
|
"colorTextInteractiveDisabled",
|
|
7035
7042
|
"colorTextInteractiveHover",
|
|
@@ -7044,6 +7051,7 @@ module.exports.preset = {
|
|
|
7044
7051
|
"colorTextStatusInfo",
|
|
7045
7052
|
"colorTextStatusSuccess",
|
|
7046
7053
|
"colorTextStatusWarning",
|
|
7054
|
+
"colorTextTopNavigationTitle",
|
|
7047
7055
|
"fontFamilyBase",
|
|
7048
7056
|
"fontFamilyMonospace",
|
|
7049
7057
|
"borderRadiusAlert",
|
|
@@ -7236,6 +7244,12 @@ module.exports.preset = {
|
|
|
7236
7244
|
"colorBackgroundInputDisabled",
|
|
7237
7245
|
"colorBackgroundItemSelected",
|
|
7238
7246
|
"colorBackgroundLayoutMain",
|
|
7247
|
+
"colorBackgroundLayoutToggleActive",
|
|
7248
|
+
"colorBackgroundLayoutToggleDefault",
|
|
7249
|
+
"colorBackgroundLayoutToggleHover",
|
|
7250
|
+
"colorBackgroundLayoutToggleSelectedActive",
|
|
7251
|
+
"colorBackgroundLayoutToggleSelectedDefault",
|
|
7252
|
+
"colorBackgroundLayoutToggleSelectedHover",
|
|
7239
7253
|
"colorBackgroundNotificationBlue",
|
|
7240
7254
|
"colorBackgroundNotificationGreen",
|
|
7241
7255
|
"colorBackgroundNotificationRed",
|
|
@@ -7283,6 +7297,7 @@ module.exports.preset = {
|
|
|
7283
7297
|
"colorTextHomeHeaderSecondary",
|
|
7284
7298
|
"colorTextInputDisabled",
|
|
7285
7299
|
"colorTextInputPlaceholder",
|
|
7300
|
+
"colorTextInteractiveActive",
|
|
7286
7301
|
"colorTextInteractiveDefault",
|
|
7287
7302
|
"colorTextInteractiveDisabled",
|
|
7288
7303
|
"colorTextInteractiveHover",
|
|
@@ -7297,6 +7312,7 @@ module.exports.preset = {
|
|
|
7297
7312
|
"colorTextStatusInfo",
|
|
7298
7313
|
"colorTextStatusSuccess",
|
|
7299
7314
|
"colorTextStatusWarning",
|
|
7315
|
+
"colorTextTopNavigationTitle",
|
|
7300
7316
|
"colorBoardPlaceholderActive",
|
|
7301
7317
|
"colorBoardPlaceholderHover",
|
|
7302
7318
|
"colorDragPlaceholderActive",
|
|
@@ -81,6 +81,12 @@ export declare interface TypedOverride {
|
|
|
81
81
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
82
82
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
83
83
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
84
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
85
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
86
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
87
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
88
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
89
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
84
90
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
85
91
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
86
92
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -131,6 +137,7 @@ export declare interface TypedOverride {
|
|
|
131
137
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
132
138
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
133
139
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
140
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
134
141
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
135
142
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
136
143
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -145,6 +152,7 @@ export declare interface TypedOverride {
|
|
|
145
152
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
146
153
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
147
154
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
155
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
148
156
|
fontFamilyBase?: GlobalValue;
|
|
149
157
|
fontFamilyMonospace?: GlobalValue;
|
|
150
158
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -246,6 +254,12 @@ export declare interface TypedOverride {
|
|
|
246
254
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
247
255
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
248
256
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
257
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
258
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
259
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
260
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
261
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
262
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
249
263
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
250
264
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
251
265
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -296,6 +310,7 @@ export declare interface TypedOverride {
|
|
|
296
310
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
297
311
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
298
312
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
313
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
299
314
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
300
315
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
301
316
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -310,6 +325,7 @@ export declare interface TypedOverride {
|
|
|
310
325
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
311
326
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
312
327
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
328
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
313
329
|
fontFamilyBase?: GlobalValue;
|
|
314
330
|
fontFamilyMonospace?: GlobalValue;
|
|
315
331
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -411,6 +427,12 @@ export declare interface TypedOverride {
|
|
|
411
427
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
412
428
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
413
429
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
430
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
431
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
432
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
433
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
434
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
435
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
414
436
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
415
437
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
416
438
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -461,6 +483,7 @@ export declare interface TypedOverride {
|
|
|
461
483
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
462
484
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
463
485
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
486
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
464
487
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
465
488
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
466
489
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -475,6 +498,7 @@ export declare interface TypedOverride {
|
|
|
475
498
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
476
499
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
477
500
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
501
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
478
502
|
fontFamilyBase?: GlobalValue;
|
|
479
503
|
fontFamilyMonospace?: GlobalValue;
|
|
480
504
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -576,6 +600,12 @@ export declare interface TypedOverride {
|
|
|
576
600
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
577
601
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
578
602
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
603
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
604
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
605
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
606
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
607
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
579
609
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
580
610
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
581
611
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -626,6 +656,7 @@ export declare interface TypedOverride {
|
|
|
626
656
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
627
657
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
628
658
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
659
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
629
660
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
630
661
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
631
662
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -640,6 +671,7 @@ export declare interface TypedOverride {
|
|
|
640
671
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
641
672
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
642
673
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
674
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
643
675
|
fontFamilyBase?: GlobalValue;
|
|
644
676
|
fontFamilyMonospace?: GlobalValue;
|
|
645
677
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -741,6 +773,12 @@ export declare interface TypedOverride {
|
|
|
741
773
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
742
774
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
743
775
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
776
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
777
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
778
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
779
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
780
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
781
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
744
782
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
745
783
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
746
784
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -791,6 +829,7 @@ export declare interface TypedOverride {
|
|
|
791
829
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
792
830
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
793
831
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
832
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
794
833
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
795
834
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
796
835
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -805,6 +844,7 @@ export declare interface TypedOverride {
|
|
|
805
844
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
806
845
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
807
846
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
847
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
808
848
|
fontFamilyBase?: GlobalValue;
|
|
809
849
|
fontFamilyMonospace?: GlobalValue;
|
|
810
850
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -906,6 +946,12 @@ export declare interface TypedOverride {
|
|
|
906
946
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
907
947
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
908
948
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
949
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
950
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
951
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
952
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
953
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
954
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
909
955
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
910
956
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
911
957
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -956,6 +1002,7 @@ export declare interface TypedOverride {
|
|
|
956
1002
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
957
1003
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
958
1004
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1005
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
959
1006
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
960
1007
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
961
1008
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -970,6 +1017,7 @@ export declare interface TypedOverride {
|
|
|
970
1017
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
971
1018
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
972
1019
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1020
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
973
1021
|
fontFamilyBase?: GlobalValue;
|
|
974
1022
|
fontFamilyMonospace?: GlobalValue;
|
|
975
1023
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -81,6 +81,12 @@ export declare interface TypedOverride {
|
|
|
81
81
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
82
82
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
83
83
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
84
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
85
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
86
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
87
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
88
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
89
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
84
90
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
85
91
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
86
92
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -131,6 +137,7 @@ export declare interface TypedOverride {
|
|
|
131
137
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
132
138
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
133
139
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
140
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
134
141
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
135
142
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
136
143
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -145,6 +152,7 @@ export declare interface TypedOverride {
|
|
|
145
152
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
146
153
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
147
154
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
155
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
148
156
|
fontFamilyBase?: GlobalValue;
|
|
149
157
|
fontFamilyMonospace?: GlobalValue;
|
|
150
158
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -246,6 +254,12 @@ export declare interface TypedOverride {
|
|
|
246
254
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
247
255
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
248
256
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
257
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
258
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
259
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
260
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
261
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
262
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
249
263
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
250
264
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
251
265
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -296,6 +310,7 @@ export declare interface TypedOverride {
|
|
|
296
310
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
297
311
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
298
312
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
313
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
299
314
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
300
315
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
301
316
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -310,6 +325,7 @@ export declare interface TypedOverride {
|
|
|
310
325
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
311
326
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
312
327
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
328
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
313
329
|
fontFamilyBase?: GlobalValue;
|
|
314
330
|
fontFamilyMonospace?: GlobalValue;
|
|
315
331
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -411,6 +427,12 @@ export declare interface TypedOverride {
|
|
|
411
427
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
412
428
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
413
429
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
430
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
431
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
432
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
433
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
434
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
435
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
414
436
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
415
437
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
416
438
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -461,6 +483,7 @@ export declare interface TypedOverride {
|
|
|
461
483
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
462
484
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
463
485
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
486
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
464
487
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
465
488
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
466
489
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -475,6 +498,7 @@ export declare interface TypedOverride {
|
|
|
475
498
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
476
499
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
477
500
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
501
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
478
502
|
fontFamilyBase?: GlobalValue;
|
|
479
503
|
fontFamilyMonospace?: GlobalValue;
|
|
480
504
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -576,6 +600,12 @@ export declare interface TypedOverride {
|
|
|
576
600
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
577
601
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
578
602
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
603
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
604
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
605
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
606
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
607
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
579
609
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
580
610
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
581
611
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -626,6 +656,7 @@ export declare interface TypedOverride {
|
|
|
626
656
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
627
657
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
628
658
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
659
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
629
660
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
630
661
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
631
662
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -640,6 +671,7 @@ export declare interface TypedOverride {
|
|
|
640
671
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
641
672
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
642
673
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
674
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
643
675
|
fontFamilyBase?: GlobalValue;
|
|
644
676
|
fontFamilyMonospace?: GlobalValue;
|
|
645
677
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -741,6 +773,12 @@ export declare interface TypedOverride {
|
|
|
741
773
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
742
774
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
743
775
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
776
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
777
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
778
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
779
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
780
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
781
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
744
782
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
745
783
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
746
784
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -791,6 +829,7 @@ export declare interface TypedOverride {
|
|
|
791
829
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
792
830
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
793
831
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
832
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
794
833
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
795
834
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
796
835
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -805,6 +844,7 @@ export declare interface TypedOverride {
|
|
|
805
844
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
806
845
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
807
846
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
847
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
808
848
|
fontFamilyBase?: GlobalValue;
|
|
809
849
|
fontFamilyMonospace?: GlobalValue;
|
|
810
850
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -906,6 +946,12 @@ export declare interface TypedOverride {
|
|
|
906
946
|
colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
907
947
|
colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
908
948
|
colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
949
|
+
colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
950
|
+
colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
951
|
+
colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
952
|
+
colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
953
|
+
colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
954
|
+
colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
909
955
|
colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
910
956
|
colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
911
957
|
colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -956,6 +1002,7 @@ export declare interface TypedOverride {
|
|
|
956
1002
|
colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
957
1003
|
colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
958
1004
|
colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1005
|
+
colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
959
1006
|
colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
960
1007
|
colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
961
1008
|
colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -970,6 +1017,7 @@ export declare interface TypedOverride {
|
|
|
970
1017
|
colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
971
1018
|
colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
972
1019
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1020
|
+
colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
973
1021
|
fontFamilyBase?: GlobalValue;
|
|
974
1022
|
fontFamilyMonospace?: GlobalValue;
|
|
975
1023
|
borderRadiusAlert?: GlobalValue;
|
|
@@ -6980,6 +6980,12 @@ export var preset = {
|
|
|
6980
6980
|
"colorBackgroundInputDisabled",
|
|
6981
6981
|
"colorBackgroundItemSelected",
|
|
6982
6982
|
"colorBackgroundLayoutMain",
|
|
6983
|
+
"colorBackgroundLayoutToggleActive",
|
|
6984
|
+
"colorBackgroundLayoutToggleDefault",
|
|
6985
|
+
"colorBackgroundLayoutToggleHover",
|
|
6986
|
+
"colorBackgroundLayoutToggleSelectedActive",
|
|
6987
|
+
"colorBackgroundLayoutToggleSelectedDefault",
|
|
6988
|
+
"colorBackgroundLayoutToggleSelectedHover",
|
|
6983
6989
|
"colorBackgroundNotificationBlue",
|
|
6984
6990
|
"colorBackgroundNotificationGreen",
|
|
6985
6991
|
"colorBackgroundNotificationRed",
|
|
@@ -7030,6 +7036,7 @@ export var preset = {
|
|
|
7030
7036
|
"colorTextHomeHeaderSecondary",
|
|
7031
7037
|
"colorTextInputDisabled",
|
|
7032
7038
|
"colorTextInputPlaceholder",
|
|
7039
|
+
"colorTextInteractiveActive",
|
|
7033
7040
|
"colorTextInteractiveDefault",
|
|
7034
7041
|
"colorTextInteractiveDisabled",
|
|
7035
7042
|
"colorTextInteractiveHover",
|
|
@@ -7044,6 +7051,7 @@ export var preset = {
|
|
|
7044
7051
|
"colorTextStatusInfo",
|
|
7045
7052
|
"colorTextStatusSuccess",
|
|
7046
7053
|
"colorTextStatusWarning",
|
|
7054
|
+
"colorTextTopNavigationTitle",
|
|
7047
7055
|
"fontFamilyBase",
|
|
7048
7056
|
"fontFamilyMonospace",
|
|
7049
7057
|
"borderRadiusAlert",
|
|
@@ -7236,6 +7244,12 @@ export var preset = {
|
|
|
7236
7244
|
"colorBackgroundInputDisabled",
|
|
7237
7245
|
"colorBackgroundItemSelected",
|
|
7238
7246
|
"colorBackgroundLayoutMain",
|
|
7247
|
+
"colorBackgroundLayoutToggleActive",
|
|
7248
|
+
"colorBackgroundLayoutToggleDefault",
|
|
7249
|
+
"colorBackgroundLayoutToggleHover",
|
|
7250
|
+
"colorBackgroundLayoutToggleSelectedActive",
|
|
7251
|
+
"colorBackgroundLayoutToggleSelectedDefault",
|
|
7252
|
+
"colorBackgroundLayoutToggleSelectedHover",
|
|
7239
7253
|
"colorBackgroundNotificationBlue",
|
|
7240
7254
|
"colorBackgroundNotificationGreen",
|
|
7241
7255
|
"colorBackgroundNotificationRed",
|
|
@@ -7283,6 +7297,7 @@ export var preset = {
|
|
|
7283
7297
|
"colorTextHomeHeaderSecondary",
|
|
7284
7298
|
"colorTextInputDisabled",
|
|
7285
7299
|
"colorTextInputPlaceholder",
|
|
7300
|
+
"colorTextInteractiveActive",
|
|
7286
7301
|
"colorTextInteractiveDefault",
|
|
7287
7302
|
"colorTextInteractiveDisabled",
|
|
7288
7303
|
"colorTextInteractiveHover",
|
|
@@ -7297,6 +7312,7 @@ export var preset = {
|
|
|
7297
7312
|
"colorTextStatusInfo",
|
|
7298
7313
|
"colorTextStatusSuccess",
|
|
7299
7314
|
"colorTextStatusWarning",
|
|
7315
|
+
"colorTextTopNavigationTitle",
|
|
7300
7316
|
"colorBoardPlaceholderActive",
|
|
7301
7317
|
"colorBoardPlaceholderHover",
|
|
7302
7318
|
"colorDragPlaceholderActive",
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
package/select/parts/filter.d.ts
CHANGED
|
@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
|
|
|
5
5
|
ref?: React.Ref<HTMLInputElement>;
|
|
6
6
|
filteringType: SelectProps.FilteringType;
|
|
7
7
|
}
|
|
8
|
-
declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "invalid" | "__internalRootRef" | "ariaLabel" | "
|
|
8
|
+
declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "invalid" | "__internalRootRef" | "ariaLabel" | "ariaDescribedby" | "__nativeAttributes" | "ariaLabelledby" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
|
|
9
9
|
export default Filter;
|
|
10
10
|
//# sourceMappingURL=filter.d.ts.map
|
package/tabs/interfaces.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export interface TabsProps extends BaseComponentProps {
|
|
|
21
21
|
* * `default` - Use in any context.
|
|
22
22
|
* * `container` - Use this variant to have the tabs displayed within a container header.
|
|
23
23
|
* * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).
|
|
24
|
+
* @visualrefresh `stacked` variant
|
|
24
25
|
*/
|
|
25
26
|
variant?: TabsProps.Variant;
|
|
26
27
|
/**
|
package/tabs/interfaces.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,EAAE,MAAM,CAAC;QAC5B;;WAEG;QACH,oBAAoB,EAAE,MAAM,CAAC;KAC9B;CACF"}
|
package/tabs/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n /**\n * Specifies the tabs to display. Each tab object has the following properties:\n *\n * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n * - `label` (ReactNode) - Tab label shown in the UI.\n * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n * ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n * if your application routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n tabs: ReadonlyArray<TabsProps.Tab>;\n\n /**\n * The possible visual variants of tabs are the following:\n * * `default` - Use in any context.\n * * `container` - Use this variant to have the tabs displayed within a container header.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n */\n variant?: TabsProps.Variant;\n\n /**\n * Called whenever the user selects a different tab.\n * The event's `detail` contains the new `activeTabId`.\n */\n onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n /**\n * The `id` of the currently active tab.\n * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n */\n activeTabId?: string;\n\n /**\n * Provides an `aria-label` to the tab container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n\n /**\n * Sets the `aria-labelledby` property on the tab container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n\n /**\n * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n export type Variant = 'default' | 'container' | 'stacked';\n\n export interface Tab {\n /**\n * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n */\n id: string;\n /**\n * Tab label shown in the UI.\n */\n label: React.ReactNode;\n /**\n * Tab content to render in the container.\n */\n content?: React.ReactNode;\n /**\n * Whether this tab is disabled.\n */\n disabled?: boolean;\n /**\n * You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n * when the routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n href?: string;\n }\n\n export interface ChangeDetail {\n /**\n * The ID of the clicked tab.\n */\n activeTabId: string;\n /**\n * The `href` attribute of the clicked tab, if defined.\n */\n activeTabHref?: string;\n }\n\n export interface I18nStrings {\n /**\n * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n */\n scrollLeftAriaLabel: string;\n /**\n * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n */\n scrollRightAriaLabel: string;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n /**\n * Specifies the tabs to display. Each tab object has the following properties:\n *\n * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n * - `label` (ReactNode) - Tab label shown in the UI.\n * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n * ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n * if your application routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n tabs: ReadonlyArray<TabsProps.Tab>;\n\n /**\n * The possible visual variants of tabs are the following:\n * * `default` - Use in any context.\n * * `container` - Use this variant to have the tabs displayed within a container header.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n */\n variant?: TabsProps.Variant;\n\n /**\n * Called whenever the user selects a different tab.\n * The event's `detail` contains the new `activeTabId`.\n */\n onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n /**\n * The `id` of the currently active tab.\n * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n */\n activeTabId?: string;\n\n /**\n * Provides an `aria-label` to the tab container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n\n /**\n * Sets the `aria-labelledby` property on the tab container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n\n /**\n * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n export type Variant = 'default' | 'container' | 'stacked';\n\n export interface Tab {\n /**\n * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n */\n id: string;\n /**\n * Tab label shown in the UI.\n */\n label: React.ReactNode;\n /**\n * Tab content to render in the container.\n */\n content?: React.ReactNode;\n /**\n * Whether this tab is disabled.\n */\n disabled?: boolean;\n /**\n * You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n * when the routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n href?: string;\n }\n\n export interface ChangeDetail {\n /**\n * The ID of the clicked tab.\n */\n activeTabId: string;\n /**\n * The `href` attribute of the clicked tab, if defined.\n */\n activeTabHref?: string;\n }\n\n export interface I18nStrings {\n /**\n * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n */\n scrollLeftAriaLabel: string;\n /**\n * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n */\n scrollRightAriaLabel: string;\n }\n}\n"]}
|