@cloudscape-design/components 3.0.45 → 3.0.48
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/code-editor/index.d.ts.map +1 -1
- package/code-editor/index.js +14 -13
- package/code-editor/index.js.map +1 -1
- package/code-editor/styles.css.js +33 -32
- package/code-editor/styles.scoped.css +122 -116
- package/code-editor/styles.selectors.js +33 -32
- package/container/internal.d.ts +2 -1
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +3 -2
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +16 -15
- package/container/styles.scoped.css +29 -24
- package/container/styles.selectors.js +16 -15
- package/date-picker/styles.css.js +24 -24
- package/date-picker/styles.scoped.css +41 -41
- package/date-picker/styles.selectors.js +24 -24
- package/date-range-picker/styles.css.js +41 -41
- package/date-range-picker/styles.scoped.css +50 -50
- package/date-range-picker/styles.selectors.js +41 -41
- package/expandable-section/expandable-section-container.d.ts.map +1 -1
- package/expandable-section/expandable-section-container.js +1 -1
- package/expandable-section/expandable-section-container.js.map +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +16 -0
- package/internal/generated/styles/tokens.js +16 -0
- package/internal/generated/theming/index.cjs +33 -1
- package/internal/generated/theming/index.cjs.d.ts +80 -0
- package/internal/generated/theming/index.d.ts +80 -0
- package/internal/generated/theming/index.js +33 -1
- package/package.json +1 -1
- package/property-filter/controller.d.ts +14 -28
- package/property-filter/controller.d.ts.map +1 -1
- package/property-filter/controller.js +8 -8
- package/property-filter/controller.js.map +1 -1
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +6 -7
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +25 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/token-editor.d.ts +16 -7
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +1 -2
- package/property-filter/token-editor.js.map +1 -1
- package/property-filter/token.d.ts +20 -9
- package/property-filter/token.d.ts.map +1 -1
- package/property-filter/token.js +1 -1
- package/property-filter/token.js.map +1 -1
- package/property-filter/use-load-items.d.ts +1 -2
- package/property-filter/use-load-items.d.ts.map +1 -1
- package/property-filter/use-load-items.js.map +1 -1
- package/property-filter/utils.d.ts +4 -4
- package/property-filter/utils.d.ts.map +1 -1
- package/property-filter/utils.js.map +1 -1
|
@@ -2,46 +2,46 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"calendar": "
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"root": "
|
|
8
|
-
"trigger-wrapper": "awsui_trigger-
|
|
9
|
-
"trigger-flexbox": "awsui_trigger-
|
|
10
|
-
"one-grid": "awsui_one-
|
|
11
|
-
"calendar-header": "awsui_calendar-
|
|
12
|
-
"calendar-header-months-wrapper": "awsui_calendar-header-months-
|
|
13
|
-
"calendar-header-month": "awsui_calendar-header-
|
|
14
|
-
"calendar-next-month-btn": "awsui_calendar-next-month-
|
|
15
|
-
"calendar-prev-month-btn": "awsui_calendar-prev-month-
|
|
16
|
-
"calendar-day-names": "awsui_calendar-day-
|
|
17
|
-
"calendar-day-name": "awsui_calendar-day-
|
|
18
|
-
"calendar-week": "awsui_calendar-
|
|
19
|
-
"first-grid": "awsui_first-
|
|
20
|
-
"second-grid": "awsui_second-
|
|
21
|
-
"grid": "
|
|
22
|
-
"date-and-time-wrapper": "awsui_date-and-time-
|
|
23
|
-
"date-and-time-wrapper__date": "awsui_date-and-time-
|
|
24
|
-
"date-and-time-wrapper__time": "awsui_date-and-time-
|
|
25
|
-
"date-and-time-constrainttext": "awsui_date-and-time-
|
|
26
|
-
"footer": "
|
|
27
|
-
"has-clear-button": "awsui_has-clear-
|
|
28
|
-
"footer-button-wrapper": "awsui_footer-button-
|
|
29
|
-
"icon-wrapper": "awsui_icon-
|
|
30
|
-
"label": "
|
|
31
|
-
"label-enabled": "awsui_label-
|
|
32
|
-
"label-text": "awsui_label-
|
|
33
|
-
"mode-switch": "awsui_mode-
|
|
34
|
-
"dropdown": "
|
|
35
|
-
"dropdown-content": "awsui_dropdown-
|
|
36
|
-
"start-date-input": "awsui_start-date-
|
|
37
|
-
"start-time-input": "awsui_start-time-
|
|
38
|
-
"end-date-input": "awsui_end-date-
|
|
39
|
-
"end-time-input": "awsui_end-time-
|
|
40
|
-
"validation-section": "awsui_validation-
|
|
41
|
-
"validation-error": "awsui_validation-
|
|
42
|
-
"clear-button": "awsui_clear-
|
|
43
|
-
"apply-button": "awsui_apply-
|
|
44
|
-
"cancel-button": "awsui_cancel-
|
|
45
|
-
"calendar-aria-live": "awsui_calendar-aria-
|
|
5
|
+
"calendar": "awsui_calendar_mgja0_z4fdg_93",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1",
|
|
7
|
+
"root": "awsui_root_mgja0_z4fdg_120",
|
|
8
|
+
"trigger-wrapper": "awsui_trigger-wrapper_mgja0_z4fdg_132",
|
|
9
|
+
"trigger-flexbox": "awsui_trigger-flexbox_mgja0_z4fdg_136",
|
|
10
|
+
"one-grid": "awsui_one-grid_mgja0_z4fdg_144",
|
|
11
|
+
"calendar-header": "awsui_calendar-header_mgja0_z4fdg_147",
|
|
12
|
+
"calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_z4fdg_153",
|
|
13
|
+
"calendar-header-month": "awsui_calendar-header-month_mgja0_z4fdg_153",
|
|
14
|
+
"calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_z4fdg_173",
|
|
15
|
+
"calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_z4fdg_176",
|
|
16
|
+
"calendar-day-names": "awsui_calendar-day-names_mgja0_z4fdg_179",
|
|
17
|
+
"calendar-day-name": "awsui_calendar-day-name_mgja0_z4fdg_179",
|
|
18
|
+
"calendar-week": "awsui_calendar-week_mgja0_z4fdg_194",
|
|
19
|
+
"first-grid": "awsui_first-grid_mgja0_z4fdg_199",
|
|
20
|
+
"second-grid": "awsui_second-grid_mgja0_z4fdg_200",
|
|
21
|
+
"grid": "awsui_grid_mgja0_z4fdg_204",
|
|
22
|
+
"date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_z4fdg_208",
|
|
23
|
+
"date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_z4fdg_212",
|
|
24
|
+
"date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_z4fdg_215",
|
|
25
|
+
"date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_z4fdg_219",
|
|
26
|
+
"footer": "awsui_footer_mgja0_z4fdg_226",
|
|
27
|
+
"has-clear-button": "awsui_has-clear-button_mgja0_z4fdg_233",
|
|
28
|
+
"footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_z4fdg_240",
|
|
29
|
+
"icon-wrapper": "awsui_icon-wrapper_mgja0_z4fdg_244",
|
|
30
|
+
"label": "awsui_label_mgja0_z4fdg_249",
|
|
31
|
+
"label-enabled": "awsui_label-enabled_mgja0_z4fdg_254",
|
|
32
|
+
"label-text": "awsui_label-text_mgja0_z4fdg_258",
|
|
33
|
+
"mode-switch": "awsui_mode-switch_mgja0_z4fdg_263",
|
|
34
|
+
"dropdown": "awsui_dropdown_mgja0_z4fdg_267",
|
|
35
|
+
"dropdown-content": "awsui_dropdown-content_mgja0_z4fdg_283",
|
|
36
|
+
"start-date-input": "awsui_start-date-input_mgja0_z4fdg_292",
|
|
37
|
+
"start-time-input": "awsui_start-time-input_mgja0_z4fdg_293",
|
|
38
|
+
"end-date-input": "awsui_end-date-input_mgja0_z4fdg_294",
|
|
39
|
+
"end-time-input": "awsui_end-time-input_mgja0_z4fdg_295",
|
|
40
|
+
"validation-section": "awsui_validation-section_mgja0_z4fdg_299",
|
|
41
|
+
"validation-error": "awsui_validation-error_mgja0_z4fdg_303",
|
|
42
|
+
"clear-button": "awsui_clear-button_mgja0_z4fdg_307",
|
|
43
|
+
"apply-button": "awsui_apply-button_mgja0_z4fdg_311",
|
|
44
|
+
"cancel-button": "awsui_cancel-button_mgja0_z4fdg_315",
|
|
45
|
+
"calendar-aria-live": "awsui_calendar-aria-live_mgja0_z4fdg_319"
|
|
46
46
|
};
|
|
47
47
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,
|
|
1
|
+
{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAwBjC,CAAC"}
|
|
@@ -6,7 +6,7 @@ import React from 'react';
|
|
|
6
6
|
export var ExpandableSectionContainer = function (_a) {
|
|
7
7
|
var className = _a.className, children = _a.children, header = _a.header, variant = _a.variant, expanded = _a.expanded, disableContentPaddings = _a.disableContentPaddings, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["className", "children", "header", "variant", "expanded", "disableContentPaddings", "__internalRootRef"]);
|
|
8
8
|
if (variant === 'container') {
|
|
9
|
-
return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __internalRootRef: __internalRootRef }), children));
|
|
9
|
+
return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef }), children));
|
|
10
10
|
}
|
|
11
11
|
return (React.createElement("div", __assign({ className: className }, rest, { ref: __internalRootRef }),
|
|
12
12
|
header,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n className?: string;\n header: React.ReactNode;\n children?: React.ReactNode;\n variant: ExpandableSectionProps.Variant;\n expanded: boolean | undefined;\n disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n className,\n children,\n header,\n variant,\n expanded,\n disableContentPaddings,\n __internalRootRef,\n ...rest\n}: ExpandableSectionContainerProps) => {\n if (variant === 'container') {\n return (\n <InternalContainer\n {...rest}\n className={className}\n header={header}\n variant=\"default\"\n disableContentPaddings={disableContentPaddings || !expanded}\n disableHeaderPaddings={true}\n __internalRootRef={__internalRootRef}\n >\n {children}\n </InternalContainer>\n );\n }\n\n return (\n <div className={className} {...rest} ref={__internalRootRef}>\n {header}\n {children}\n </div>\n );\n};\n"]}
|
|
1
|
+
{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n className?: string;\n header: React.ReactNode;\n children?: React.ReactNode;\n variant: ExpandableSectionProps.Variant;\n expanded: boolean | undefined;\n disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n className,\n children,\n header,\n variant,\n expanded,\n disableContentPaddings,\n __internalRootRef,\n ...rest\n}: ExpandableSectionContainerProps) => {\n if (variant === 'container') {\n return (\n <InternalContainer\n {...rest}\n className={className}\n header={header}\n variant=\"default\"\n disableContentPaddings={disableContentPaddings || !expanded}\n disableHeaderPaddings={true}\n __hiddenContent={!expanded}\n __internalRootRef={__internalRootRef}\n >\n {children}\n </InternalContainer>\n );\n }\n\n return (\n <div className={className} {...rest} ref={__internalRootRef}>\n {header}\n {children}\n </div>\n );\n};\n"]}
|
package/icon/interfaces.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export interface IconProps extends BaseComponentProps {
|
|
|
27
27
|
*/
|
|
28
28
|
url?: string;
|
|
29
29
|
/**
|
|
30
|
-
* Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.
|
|
30
|
+
* Specifies alternate text for a custom icon (using the `url` attribute). We recommend that you provide this for accessibility.
|
|
31
31
|
* This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.
|
|
32
32
|
*/
|
|
33
33
|
alt?: string;
|
package/icon/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n /**\n * Specifies the icon to be displayed.\n */\n name?: IconProps.Name;\n /**\n * Specifies the size of the icon.\n *\n * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n * The icon will be vertically centered based on the height.\n *\n * @visualrefresh `medium` size\n */\n size?: IconProps.Size;\n\n /**\n * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n */\n variant?: IconProps.Variant;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n * For SVG icons, use the `svg` slot instead.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n */\n url?: string;\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 `svg` slot.\n */\n alt?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if the icon you want isn't available, and 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` and ensure icon `size` is not set to `inherit`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `url` and `svg`, `svg` 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 svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Name =\n | 'add-plus'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'arrow-left'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'copy'\n | 'download'\n | 'edit'\n | 'ellipsis'\n | 'envelope'\n | 'expand'\n | 'external'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'folder-open'\n | 'folder'\n | 'heart'\n | 'key'\n | 'lock-private'\n | 'menu'\n | 'microphone'\n | 'notification'\n | 'redo'\n | 'refresh'\n | 'search'\n | 'settings'\n | 'share'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload'\n | 'user-profile'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out';\n\n export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n /**\n * Specifies the icon to be displayed.\n */\n name?: IconProps.Name;\n /**\n * Specifies the size of the icon.\n *\n * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n * The icon will be vertically centered based on the height.\n *\n * @visualrefresh `medium` size\n */\n size?: IconProps.Size;\n\n /**\n * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n */\n variant?: IconProps.Variant;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n * For SVG icons, use the `svg` slot instead.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n */\n url?: string;\n /**\n * Specifies alternate text for a custom icon (using the `url` attribute). 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 `svg` slot.\n */\n alt?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if the icon you want isn't available, and 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` and ensure icon `size` is not set to `inherit`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `url` and `svg`, `svg` 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 svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Name =\n | 'add-plus'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'arrow-left'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'copy'\n | 'download'\n | 'edit'\n | 'ellipsis'\n | 'envelope'\n | 'expand'\n | 'external'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'folder-open'\n | 'folder'\n | 'heart'\n | 'key'\n | 'lock-private'\n | 'menu'\n | 'microphone'\n | 'notification'\n | 'redo'\n | 'refresh'\n | 'search'\n | 'settings'\n | 'share'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload'\n | 'user-profile'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out';\n\n export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -229,6 +229,22 @@ export const colorTextStatusSuccess: string;
|
|
|
229
229
|
export const colorTextStatusWarning: string;
|
|
230
230
|
export const fontFamilyBase: string;
|
|
231
231
|
export const fontFamilyMonospace: string;
|
|
232
|
+
export const borderRadiusAlert: string;
|
|
233
|
+
export const borderRadiusBadge: string;
|
|
234
|
+
export const borderRadiusButton: string;
|
|
235
|
+
export const borderRadiusCalendarDayFocusRing: string;
|
|
236
|
+
export const borderRadiusContainer: string;
|
|
237
|
+
export const borderRadiusControlCircularFocusRing: string;
|
|
238
|
+
export const borderRadiusControlDefaultFocusRing: string;
|
|
239
|
+
export const borderRadiusDropdown: string;
|
|
240
|
+
export const borderRadiusFlashbar: string;
|
|
241
|
+
export const borderRadiusItem: string;
|
|
242
|
+
export const borderRadiusInput: string;
|
|
243
|
+
export const borderRadiusPopover: string;
|
|
244
|
+
export const borderRadiusTabsFocusRing: string;
|
|
245
|
+
export const borderRadiusTiles: string;
|
|
246
|
+
export const borderRadiusToken: string;
|
|
247
|
+
export const borderRadiusTutorialPanelItem: string;
|
|
232
248
|
export const motionEasingResponsive: string;
|
|
233
249
|
export const motionEasingSticky: string;
|
|
234
250
|
export const motionEasingExpressive: string;
|
|
@@ -229,6 +229,22 @@ export var colorTextStatusSuccess = "var(--color-text-status-success-0fzhv9, #03
|
|
|
229
229
|
export var colorTextStatusWarning = "var(--color-text-status-warning-27nlyh, #d91515)";
|
|
230
230
|
export var fontFamilyBase = "var(--font-family-base-qnistn, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
|
|
231
231
|
export var fontFamilyMonospace = "var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
|
|
232
|
+
export var borderRadiusAlert = "var(--border-radius-alert-n0skwy, 12px)";
|
|
233
|
+
export var borderRadiusBadge = "var(--border-radius-badge-x5oehc, 4px)";
|
|
234
|
+
export var borderRadiusButton = "var(--border-radius-button-axewzv, 20px)";
|
|
235
|
+
export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px)";
|
|
236
|
+
export var borderRadiusContainer = "var(--border-radius-container-gh9ysk, 16px)";
|
|
237
|
+
export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-qawzn7, 4px)";
|
|
238
|
+
export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-7661kz, 4px)";
|
|
239
|
+
export var borderRadiusDropdown = "var(--border-radius-dropdown-ujknaf, 8px)";
|
|
240
|
+
export var borderRadiusFlashbar = "var(--border-radius-flashbar-i7jm55, 12px)";
|
|
241
|
+
export var borderRadiusItem = "var(--border-radius-item-u2ibpi, 8px)";
|
|
242
|
+
export var borderRadiusInput = "var(--border-radius-input-txq8zy, 8px)";
|
|
243
|
+
export var borderRadiusPopover = "var(--border-radius-popover-8g1bwn, 8px)";
|
|
244
|
+
export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-j968on, 20px)";
|
|
245
|
+
export var borderRadiusTiles = "var(--border-radius-tiles-kl8mtb, 8px)";
|
|
246
|
+
export var borderRadiusToken = "var(--border-radius-token-wohc9e, 8px)";
|
|
247
|
+
export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-5wuccf, 8px)";
|
|
232
248
|
export var motionEasingResponsive = "var(--motion-easing-responsive-5yj747, cubic-bezier(0, 0, 0, 1))";
|
|
233
249
|
export var motionEasingSticky = "var(--motion-easing-sticky-yt83ho, cubic-bezier(1, 0, 0.83, 1))";
|
|
234
250
|
export var motionEasingExpressive = "var(--motion-easing-expressive-zns6oe, cubic-bezier(0.84, 0, 0.16, 1))";
|
|
@@ -6326,7 +6326,23 @@ module.exports.preset = {
|
|
|
6326
6326
|
"colorTextStatusSuccess",
|
|
6327
6327
|
"colorTextStatusWarning",
|
|
6328
6328
|
"fontFamilyBase",
|
|
6329
|
-
"fontFamilyMonospace"
|
|
6329
|
+
"fontFamilyMonospace",
|
|
6330
|
+
"borderRadiusAlert",
|
|
6331
|
+
"borderRadiusBadge",
|
|
6332
|
+
"borderRadiusButton",
|
|
6333
|
+
"borderRadiusCalendarDayFocusRing",
|
|
6334
|
+
"borderRadiusContainer",
|
|
6335
|
+
"borderRadiusControlCircularFocusRing",
|
|
6336
|
+
"borderRadiusControlDefaultFocusRing",
|
|
6337
|
+
"borderRadiusDropdown",
|
|
6338
|
+
"borderRadiusFlashbar",
|
|
6339
|
+
"borderRadiusItem",
|
|
6340
|
+
"borderRadiusInput",
|
|
6341
|
+
"borderRadiusPopover",
|
|
6342
|
+
"borderRadiusTabsFocusRing",
|
|
6343
|
+
"borderRadiusTiles",
|
|
6344
|
+
"borderRadiusToken",
|
|
6345
|
+
"borderRadiusTutorialPanelItem"
|
|
6330
6346
|
],
|
|
6331
6347
|
"exposed": [
|
|
6332
6348
|
"colorChartsRed300",
|
|
@@ -6560,6 +6576,22 @@ module.exports.preset = {
|
|
|
6560
6576
|
"colorTextStatusWarning",
|
|
6561
6577
|
"fontFamilyBase",
|
|
6562
6578
|
"fontFamilyMonospace",
|
|
6579
|
+
"borderRadiusAlert",
|
|
6580
|
+
"borderRadiusBadge",
|
|
6581
|
+
"borderRadiusButton",
|
|
6582
|
+
"borderRadiusCalendarDayFocusRing",
|
|
6583
|
+
"borderRadiusContainer",
|
|
6584
|
+
"borderRadiusControlCircularFocusRing",
|
|
6585
|
+
"borderRadiusControlDefaultFocusRing",
|
|
6586
|
+
"borderRadiusDropdown",
|
|
6587
|
+
"borderRadiusFlashbar",
|
|
6588
|
+
"borderRadiusItem",
|
|
6589
|
+
"borderRadiusInput",
|
|
6590
|
+
"borderRadiusPopover",
|
|
6591
|
+
"borderRadiusTabsFocusRing",
|
|
6592
|
+
"borderRadiusTiles",
|
|
6593
|
+
"borderRadiusToken",
|
|
6594
|
+
"borderRadiusTutorialPanelItem",
|
|
6563
6595
|
"motionEasingResponsive",
|
|
6564
6596
|
"motionEasingSticky",
|
|
6565
6597
|
"motionEasingExpressive",
|
|
@@ -146,6 +146,22 @@ export declare interface TypedOverride {
|
|
|
146
146
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
147
147
|
fontFamilyBase?: GlobalValue;
|
|
148
148
|
fontFamilyMonospace?: GlobalValue;
|
|
149
|
+
borderRadiusAlert?: GlobalValue;
|
|
150
|
+
borderRadiusBadge?: GlobalValue;
|
|
151
|
+
borderRadiusButton?: GlobalValue;
|
|
152
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
153
|
+
borderRadiusContainer?: GlobalValue;
|
|
154
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
155
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
156
|
+
borderRadiusDropdown?: GlobalValue;
|
|
157
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
158
|
+
borderRadiusItem?: GlobalValue;
|
|
159
|
+
borderRadiusInput?: GlobalValue;
|
|
160
|
+
borderRadiusPopover?: GlobalValue;
|
|
161
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
162
|
+
borderRadiusTiles?: GlobalValue;
|
|
163
|
+
borderRadiusToken?: GlobalValue;
|
|
164
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
149
165
|
},
|
|
150
166
|
contexts?: {
|
|
151
167
|
'top-navigation'?: {
|
|
@@ -294,6 +310,22 @@ export declare interface TypedOverride {
|
|
|
294
310
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
295
311
|
fontFamilyBase?: GlobalValue;
|
|
296
312
|
fontFamilyMonospace?: GlobalValue;
|
|
313
|
+
borderRadiusAlert?: GlobalValue;
|
|
314
|
+
borderRadiusBadge?: GlobalValue;
|
|
315
|
+
borderRadiusButton?: GlobalValue;
|
|
316
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
317
|
+
borderRadiusContainer?: GlobalValue;
|
|
318
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
319
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
320
|
+
borderRadiusDropdown?: GlobalValue;
|
|
321
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
322
|
+
borderRadiusItem?: GlobalValue;
|
|
323
|
+
borderRadiusInput?: GlobalValue;
|
|
324
|
+
borderRadiusPopover?: GlobalValue;
|
|
325
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
326
|
+
borderRadiusTiles?: GlobalValue;
|
|
327
|
+
borderRadiusToken?: GlobalValue;
|
|
328
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
297
329
|
}
|
|
298
330
|
};
|
|
299
331
|
'header'?: {
|
|
@@ -442,6 +474,22 @@ export declare interface TypedOverride {
|
|
|
442
474
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
443
475
|
fontFamilyBase?: GlobalValue;
|
|
444
476
|
fontFamilyMonospace?: GlobalValue;
|
|
477
|
+
borderRadiusAlert?: GlobalValue;
|
|
478
|
+
borderRadiusBadge?: GlobalValue;
|
|
479
|
+
borderRadiusButton?: GlobalValue;
|
|
480
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
481
|
+
borderRadiusContainer?: GlobalValue;
|
|
482
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
483
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
484
|
+
borderRadiusDropdown?: GlobalValue;
|
|
485
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
486
|
+
borderRadiusItem?: GlobalValue;
|
|
487
|
+
borderRadiusInput?: GlobalValue;
|
|
488
|
+
borderRadiusPopover?: GlobalValue;
|
|
489
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
490
|
+
borderRadiusTiles?: GlobalValue;
|
|
491
|
+
borderRadiusToken?: GlobalValue;
|
|
492
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
445
493
|
}
|
|
446
494
|
};
|
|
447
495
|
'flashbar'?: {
|
|
@@ -590,6 +638,22 @@ export declare interface TypedOverride {
|
|
|
590
638
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
591
639
|
fontFamilyBase?: GlobalValue;
|
|
592
640
|
fontFamilyMonospace?: GlobalValue;
|
|
641
|
+
borderRadiusAlert?: GlobalValue;
|
|
642
|
+
borderRadiusBadge?: GlobalValue;
|
|
643
|
+
borderRadiusButton?: GlobalValue;
|
|
644
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
645
|
+
borderRadiusContainer?: GlobalValue;
|
|
646
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
647
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
648
|
+
borderRadiusDropdown?: GlobalValue;
|
|
649
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
650
|
+
borderRadiusItem?: GlobalValue;
|
|
651
|
+
borderRadiusInput?: GlobalValue;
|
|
652
|
+
borderRadiusPopover?: GlobalValue;
|
|
653
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
654
|
+
borderRadiusTiles?: GlobalValue;
|
|
655
|
+
borderRadiusToken?: GlobalValue;
|
|
656
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
593
657
|
}
|
|
594
658
|
};
|
|
595
659
|
'alert'?: {
|
|
@@ -738,6 +802,22 @@ export declare interface TypedOverride {
|
|
|
738
802
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
739
803
|
fontFamilyBase?: GlobalValue;
|
|
740
804
|
fontFamilyMonospace?: GlobalValue;
|
|
805
|
+
borderRadiusAlert?: GlobalValue;
|
|
806
|
+
borderRadiusBadge?: GlobalValue;
|
|
807
|
+
borderRadiusButton?: GlobalValue;
|
|
808
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
809
|
+
borderRadiusContainer?: GlobalValue;
|
|
810
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
811
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
812
|
+
borderRadiusDropdown?: GlobalValue;
|
|
813
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
814
|
+
borderRadiusItem?: GlobalValue;
|
|
815
|
+
borderRadiusInput?: GlobalValue;
|
|
816
|
+
borderRadiusPopover?: GlobalValue;
|
|
817
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
818
|
+
borderRadiusTiles?: GlobalValue;
|
|
819
|
+
borderRadiusToken?: GlobalValue;
|
|
820
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
741
821
|
}
|
|
742
822
|
}
|
|
743
823
|
}
|
|
@@ -146,6 +146,22 @@ export declare interface TypedOverride {
|
|
|
146
146
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
147
147
|
fontFamilyBase?: GlobalValue;
|
|
148
148
|
fontFamilyMonospace?: GlobalValue;
|
|
149
|
+
borderRadiusAlert?: GlobalValue;
|
|
150
|
+
borderRadiusBadge?: GlobalValue;
|
|
151
|
+
borderRadiusButton?: GlobalValue;
|
|
152
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
153
|
+
borderRadiusContainer?: GlobalValue;
|
|
154
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
155
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
156
|
+
borderRadiusDropdown?: GlobalValue;
|
|
157
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
158
|
+
borderRadiusItem?: GlobalValue;
|
|
159
|
+
borderRadiusInput?: GlobalValue;
|
|
160
|
+
borderRadiusPopover?: GlobalValue;
|
|
161
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
162
|
+
borderRadiusTiles?: GlobalValue;
|
|
163
|
+
borderRadiusToken?: GlobalValue;
|
|
164
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
149
165
|
},
|
|
150
166
|
contexts?: {
|
|
151
167
|
'top-navigation'?: {
|
|
@@ -294,6 +310,22 @@ export declare interface TypedOverride {
|
|
|
294
310
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
295
311
|
fontFamilyBase?: GlobalValue;
|
|
296
312
|
fontFamilyMonospace?: GlobalValue;
|
|
313
|
+
borderRadiusAlert?: GlobalValue;
|
|
314
|
+
borderRadiusBadge?: GlobalValue;
|
|
315
|
+
borderRadiusButton?: GlobalValue;
|
|
316
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
317
|
+
borderRadiusContainer?: GlobalValue;
|
|
318
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
319
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
320
|
+
borderRadiusDropdown?: GlobalValue;
|
|
321
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
322
|
+
borderRadiusItem?: GlobalValue;
|
|
323
|
+
borderRadiusInput?: GlobalValue;
|
|
324
|
+
borderRadiusPopover?: GlobalValue;
|
|
325
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
326
|
+
borderRadiusTiles?: GlobalValue;
|
|
327
|
+
borderRadiusToken?: GlobalValue;
|
|
328
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
297
329
|
}
|
|
298
330
|
};
|
|
299
331
|
'header'?: {
|
|
@@ -442,6 +474,22 @@ export declare interface TypedOverride {
|
|
|
442
474
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
443
475
|
fontFamilyBase?: GlobalValue;
|
|
444
476
|
fontFamilyMonospace?: GlobalValue;
|
|
477
|
+
borderRadiusAlert?: GlobalValue;
|
|
478
|
+
borderRadiusBadge?: GlobalValue;
|
|
479
|
+
borderRadiusButton?: GlobalValue;
|
|
480
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
481
|
+
borderRadiusContainer?: GlobalValue;
|
|
482
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
483
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
484
|
+
borderRadiusDropdown?: GlobalValue;
|
|
485
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
486
|
+
borderRadiusItem?: GlobalValue;
|
|
487
|
+
borderRadiusInput?: GlobalValue;
|
|
488
|
+
borderRadiusPopover?: GlobalValue;
|
|
489
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
490
|
+
borderRadiusTiles?: GlobalValue;
|
|
491
|
+
borderRadiusToken?: GlobalValue;
|
|
492
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
445
493
|
}
|
|
446
494
|
};
|
|
447
495
|
'flashbar'?: {
|
|
@@ -590,6 +638,22 @@ export declare interface TypedOverride {
|
|
|
590
638
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
591
639
|
fontFamilyBase?: GlobalValue;
|
|
592
640
|
fontFamilyMonospace?: GlobalValue;
|
|
641
|
+
borderRadiusAlert?: GlobalValue;
|
|
642
|
+
borderRadiusBadge?: GlobalValue;
|
|
643
|
+
borderRadiusButton?: GlobalValue;
|
|
644
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
645
|
+
borderRadiusContainer?: GlobalValue;
|
|
646
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
647
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
648
|
+
borderRadiusDropdown?: GlobalValue;
|
|
649
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
650
|
+
borderRadiusItem?: GlobalValue;
|
|
651
|
+
borderRadiusInput?: GlobalValue;
|
|
652
|
+
borderRadiusPopover?: GlobalValue;
|
|
653
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
654
|
+
borderRadiusTiles?: GlobalValue;
|
|
655
|
+
borderRadiusToken?: GlobalValue;
|
|
656
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
593
657
|
}
|
|
594
658
|
};
|
|
595
659
|
'alert'?: {
|
|
@@ -738,6 +802,22 @@ export declare interface TypedOverride {
|
|
|
738
802
|
colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
739
803
|
fontFamilyBase?: GlobalValue;
|
|
740
804
|
fontFamilyMonospace?: GlobalValue;
|
|
805
|
+
borderRadiusAlert?: GlobalValue;
|
|
806
|
+
borderRadiusBadge?: GlobalValue;
|
|
807
|
+
borderRadiusButton?: GlobalValue;
|
|
808
|
+
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
809
|
+
borderRadiusContainer?: GlobalValue;
|
|
810
|
+
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
811
|
+
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
812
|
+
borderRadiusDropdown?: GlobalValue;
|
|
813
|
+
borderRadiusFlashbar?: GlobalValue;
|
|
814
|
+
borderRadiusItem?: GlobalValue;
|
|
815
|
+
borderRadiusInput?: GlobalValue;
|
|
816
|
+
borderRadiusPopover?: GlobalValue;
|
|
817
|
+
borderRadiusTabsFocusRing?: GlobalValue;
|
|
818
|
+
borderRadiusTiles?: GlobalValue;
|
|
819
|
+
borderRadiusToken?: GlobalValue;
|
|
820
|
+
borderRadiusTutorialPanelItem?: GlobalValue;
|
|
741
821
|
}
|
|
742
822
|
}
|
|
743
823
|
}
|
|
@@ -6326,7 +6326,23 @@ export var preset = {
|
|
|
6326
6326
|
"colorTextStatusSuccess",
|
|
6327
6327
|
"colorTextStatusWarning",
|
|
6328
6328
|
"fontFamilyBase",
|
|
6329
|
-
"fontFamilyMonospace"
|
|
6329
|
+
"fontFamilyMonospace",
|
|
6330
|
+
"borderRadiusAlert",
|
|
6331
|
+
"borderRadiusBadge",
|
|
6332
|
+
"borderRadiusButton",
|
|
6333
|
+
"borderRadiusCalendarDayFocusRing",
|
|
6334
|
+
"borderRadiusContainer",
|
|
6335
|
+
"borderRadiusControlCircularFocusRing",
|
|
6336
|
+
"borderRadiusControlDefaultFocusRing",
|
|
6337
|
+
"borderRadiusDropdown",
|
|
6338
|
+
"borderRadiusFlashbar",
|
|
6339
|
+
"borderRadiusItem",
|
|
6340
|
+
"borderRadiusInput",
|
|
6341
|
+
"borderRadiusPopover",
|
|
6342
|
+
"borderRadiusTabsFocusRing",
|
|
6343
|
+
"borderRadiusTiles",
|
|
6344
|
+
"borderRadiusToken",
|
|
6345
|
+
"borderRadiusTutorialPanelItem"
|
|
6330
6346
|
],
|
|
6331
6347
|
"exposed": [
|
|
6332
6348
|
"colorChartsRed300",
|
|
@@ -6560,6 +6576,22 @@ export var preset = {
|
|
|
6560
6576
|
"colorTextStatusWarning",
|
|
6561
6577
|
"fontFamilyBase",
|
|
6562
6578
|
"fontFamilyMonospace",
|
|
6579
|
+
"borderRadiusAlert",
|
|
6580
|
+
"borderRadiusBadge",
|
|
6581
|
+
"borderRadiusButton",
|
|
6582
|
+
"borderRadiusCalendarDayFocusRing",
|
|
6583
|
+
"borderRadiusContainer",
|
|
6584
|
+
"borderRadiusControlCircularFocusRing",
|
|
6585
|
+
"borderRadiusControlDefaultFocusRing",
|
|
6586
|
+
"borderRadiusDropdown",
|
|
6587
|
+
"borderRadiusFlashbar",
|
|
6588
|
+
"borderRadiusItem",
|
|
6589
|
+
"borderRadiusInput",
|
|
6590
|
+
"borderRadiusPopover",
|
|
6591
|
+
"borderRadiusTabsFocusRing",
|
|
6592
|
+
"borderRadiusTiles",
|
|
6593
|
+
"borderRadiusToken",
|
|
6594
|
+
"borderRadiusTutorialPanelItem",
|
|
6563
6595
|
"motionEasingResponsive",
|
|
6564
6596
|
"motionEasingSticky",
|
|
6565
6597
|
"motionEasingExpressive",
|
package/package.json
CHANGED
|
@@ -1,30 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComparisonOperator, FilteringOption, FilteringProperty, GroupText, I18nStrings, JoinOperation, ParsedText, Query, Token } from './interfaces';
|
|
2
|
+
import { NonCancelableEventHandler } from '../internal/events';
|
|
2
3
|
import { AutosuggestProps } from '../autosuggest/interfaces';
|
|
3
4
|
import { AutosuggestInputRef } from '../internal/components/autosuggest-input';
|
|
4
|
-
export declare const getQueryActions: (query:
|
|
5
|
-
setToken: (index: number, newToken:
|
|
5
|
+
export declare const getQueryActions: (query: Query, onChange: NonCancelableEventHandler<Query>, inputRef: React.RefObject<AutosuggestInputRef>) => {
|
|
6
|
+
setToken: (index: number, newToken: Token) => void;
|
|
6
7
|
removeToken: (index: number) => void;
|
|
7
8
|
removeAllTokens: () => void;
|
|
8
|
-
addToken: (newToken:
|
|
9
|
-
setOperation: (newOperation:
|
|
9
|
+
addToken: (newToken: Token) => void;
|
|
10
|
+
setOperation: (newOperation: JoinOperation) => void;
|
|
10
11
|
};
|
|
11
|
-
export declare
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
operator: PropertyFilterProps.ComparisonOperator;
|
|
15
|
-
value: string;
|
|
16
|
-
} | {
|
|
17
|
-
step: 'operator';
|
|
18
|
-
property: PropertyFilterProps.FilteringProperty;
|
|
19
|
-
operatorPrefix: string;
|
|
20
|
-
} | {
|
|
21
|
-
step: 'free-text';
|
|
22
|
-
operator?: PropertyFilterProps.ComparisonOperator;
|
|
23
|
-
value: string;
|
|
24
|
-
};
|
|
25
|
-
export declare const getAllowedOperators: (property: PropertyFilterProps.FilteringProperty) => PropertyFilterProps.ComparisonOperator[];
|
|
26
|
-
export declare const parseText: (filteringText: string, filteringProperties: readonly PropertyFilterProps.FilteringProperty[] | undefined, disableFreeTextFiltering: boolean) => ParsedText;
|
|
27
|
-
export declare const getPropertyOptions: (filteringProperty: PropertyFilterProps.FilteringProperty, filteringOptions: PropertyFilterProps['filteringOptions']) => import("@cloudscape-design/collection-hooks").PropertyFilterOption[] | undefined;
|
|
12
|
+
export declare const getAllowedOperators: (property: FilteringProperty) => ComparisonOperator[];
|
|
13
|
+
export declare const parseText: (filteringText: string, filteringProperties: readonly import("./interfaces").PropertyFilterProps.FilteringProperty[] | undefined, disableFreeTextFiltering: boolean) => ParsedText;
|
|
14
|
+
export declare const getPropertyOptions: (filteringProperty: FilteringProperty, filteringOptions: readonly FilteringOption[]) => import("@cloudscape-design/collection-hooks").PropertyFilterOption[];
|
|
28
15
|
interface OptionGroup<T> {
|
|
29
16
|
label: string;
|
|
30
17
|
options: T[];
|
|
@@ -32,11 +19,10 @@ interface OptionGroup<T> {
|
|
|
32
19
|
interface ExtendedAutosuggestOption extends AutosuggestProps.Option {
|
|
33
20
|
tokenValue: string;
|
|
34
21
|
}
|
|
35
|
-
export declare const getAllValueSuggestions: (filteringOptions:
|
|
36
|
-
export declare const getPropertyByKey: (filteringProperties:
|
|
37
|
-
export declare function getPropertySuggestions<T>(filteringProperties:
|
|
38
|
-
export declare
|
|
39
|
-
export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOptions: PropertyFilterProps['filteringOptions'], filteringProperties: PropertyFilterProps['filteringProperties'], customGroupsText: PropertyFilterProps['customGroupsText'], i18nStrings: Pick<PropertyFilterProps['i18nStrings'], 'groupPropertiesText' | 'groupValuesText' | 'operatorsText' | OperatorStrings>) => {
|
|
22
|
+
export declare const getAllValueSuggestions: (filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], operator: ComparisonOperator | undefined, i18nStrings: I18nStrings, customGroupsText: readonly GroupText[]) => OptionGroup<ExtendedAutosuggestOption>[];
|
|
23
|
+
export declare const getPropertyByKey: (filteringProperties: readonly FilteringProperty[], key: string) => import("./interfaces").PropertyFilterProps.FilteringProperty | undefined;
|
|
24
|
+
export declare function getPropertySuggestions<T>(filteringProperties: readonly FilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings, filteringPropertyToOption: (filteringProperty: FilteringProperty) => T): OptionGroup<T>[];
|
|
25
|
+
export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOptions: readonly FilteringOption[], filteringProperties: readonly FilteringProperty[], customGroupsText: readonly GroupText[], i18nStrings: I18nStrings) => {
|
|
40
26
|
filterText: string;
|
|
41
27
|
options: {
|
|
42
28
|
options: {
|
|
@@ -53,6 +39,6 @@ export declare const getAutosuggestOptions: (parsedText: ParsedText, filteringOp
|
|
|
53
39
|
keepOpenOnSelect: boolean;
|
|
54
40
|
}>)[];
|
|
55
41
|
};
|
|
56
|
-
export declare const operatorToDescription: (operator:
|
|
42
|
+
export declare const operatorToDescription: (operator: ComparisonOperator, i18nStrings: I18nStrings) => string;
|
|
57
43
|
export {};
|
|
58
44
|
//# sourceMappingURL=controller.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/property-filter/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,UAAU,EACV,KAAK,EACL,KAAK,EACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,eAAO,MAAM,eAAe,UACnB,KAAK,YACF,0BAA0B,KAAK,CAAC,YAChC,MAAM,SAAS,CAAC,mBAAmB,CAAC;sBAKrB,MAAM,YAAY,KAAK;yBAOpB,MAAM;;yBASN,KAAK;iCAKG,aAAa;CAUlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,iBAAiB,KAAG,kBAAkB,EAWnF,CAAC;AAQF,eAAO,MAAM,SAAS,kBACL,MAAM,sIAEK,OAAO,KAChC,UA6CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,sBACV,iBAAiB,oBAClB,SAAS,eAAe,EAAE,yEAG7C,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,EAAE,CAAC;CACd;AAED,UAAU,yBAA0B,SAAQ,gBAAgB,CAAC,MAAM;IACjE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,qBACf,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,YACvC,kBAAkB,GAAG,SAAS,eAC3B,WAAW,oBACN,SAAS,SAAS,EAAE,6CAmCvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wBAAyB,SAAS,iBAAiB,EAAE,OAAO,MAAM,6EAM9F,CAAC;AAOF,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,EACjD,gBAAgB,EAAE,SAAS,SAAS,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,CAAC,oBA0BvE;AAED,eAAO,MAAM,qBAAqB,eACpB,UAAU,oBACJ,SAAS,eAAe,EAAE,uBACvB,SAAS,iBAAiB,EAAE,oBAC/B,SAAS,SAAS,EAAE,eACzB,WAAW;;;;;;;;;;;;;;;;CAqEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,eAAe,WAAW,WAY3F,CAAC"}
|