@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.
Files changed (56) hide show
  1. package/code-editor/index.d.ts.map +1 -1
  2. package/code-editor/index.js +14 -13
  3. package/code-editor/index.js.map +1 -1
  4. package/code-editor/styles.css.js +33 -32
  5. package/code-editor/styles.scoped.css +122 -116
  6. package/code-editor/styles.selectors.js +33 -32
  7. package/container/internal.d.ts +2 -1
  8. package/container/internal.d.ts.map +1 -1
  9. package/container/internal.js +3 -2
  10. package/container/internal.js.map +1 -1
  11. package/container/styles.css.js +16 -15
  12. package/container/styles.scoped.css +29 -24
  13. package/container/styles.selectors.js +16 -15
  14. package/date-picker/styles.css.js +24 -24
  15. package/date-picker/styles.scoped.css +41 -41
  16. package/date-picker/styles.selectors.js +24 -24
  17. package/date-range-picker/styles.css.js +41 -41
  18. package/date-range-picker/styles.scoped.css +50 -50
  19. package/date-range-picker/styles.selectors.js +41 -41
  20. package/expandable-section/expandable-section-container.d.ts.map +1 -1
  21. package/expandable-section/expandable-section-container.js +1 -1
  22. package/expandable-section/expandable-section-container.js.map +1 -1
  23. package/icon/interfaces.d.ts +1 -1
  24. package/icon/interfaces.js.map +1 -1
  25. package/internal/environment.js +1 -1
  26. package/internal/generated/styles/tokens.d.ts +16 -0
  27. package/internal/generated/styles/tokens.js +16 -0
  28. package/internal/generated/theming/index.cjs +33 -1
  29. package/internal/generated/theming/index.cjs.d.ts +80 -0
  30. package/internal/generated/theming/index.d.ts +80 -0
  31. package/internal/generated/theming/index.js +33 -1
  32. package/package.json +1 -1
  33. package/property-filter/controller.d.ts +14 -28
  34. package/property-filter/controller.d.ts.map +1 -1
  35. package/property-filter/controller.js +8 -8
  36. package/property-filter/controller.js.map +1 -1
  37. package/property-filter/index.d.ts.map +1 -1
  38. package/property-filter/index.js +6 -7
  39. package/property-filter/index.js.map +1 -1
  40. package/property-filter/interfaces.d.ts +25 -0
  41. package/property-filter/interfaces.d.ts.map +1 -1
  42. package/property-filter/interfaces.js.map +1 -1
  43. package/property-filter/token-editor.d.ts +16 -7
  44. package/property-filter/token-editor.d.ts.map +1 -1
  45. package/property-filter/token-editor.js +1 -2
  46. package/property-filter/token-editor.js.map +1 -1
  47. package/property-filter/token.d.ts +20 -9
  48. package/property-filter/token.d.ts.map +1 -1
  49. package/property-filter/token.js +1 -1
  50. package/property-filter/token.js.map +1 -1
  51. package/property-filter/use-load-items.d.ts +1 -2
  52. package/property-filter/use-load-items.d.ts.map +1 -1
  53. package/property-filter/use-load-items.js.map +1 -1
  54. package/property-filter/utils.d.ts +4 -4
  55. package/property-filter/utils.d.ts.map +1 -1
  56. 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": "awsui_calendar_mgja0_622o7_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_622o7_1",
7
- "root": "awsui_root_mgja0_622o7_120",
8
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_622o7_132",
9
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_622o7_136",
10
- "one-grid": "awsui_one-grid_mgja0_622o7_144",
11
- "calendar-header": "awsui_calendar-header_mgja0_622o7_147",
12
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_622o7_153",
13
- "calendar-header-month": "awsui_calendar-header-month_mgja0_622o7_153",
14
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_622o7_173",
15
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_622o7_176",
16
- "calendar-day-names": "awsui_calendar-day-names_mgja0_622o7_179",
17
- "calendar-day-name": "awsui_calendar-day-name_mgja0_622o7_179",
18
- "calendar-week": "awsui_calendar-week_mgja0_622o7_194",
19
- "first-grid": "awsui_first-grid_mgja0_622o7_199",
20
- "second-grid": "awsui_second-grid_mgja0_622o7_200",
21
- "grid": "awsui_grid_mgja0_622o7_204",
22
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_622o7_208",
23
- "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_622o7_212",
24
- "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_622o7_215",
25
- "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_622o7_219",
26
- "footer": "awsui_footer_mgja0_622o7_226",
27
- "has-clear-button": "awsui_has-clear-button_mgja0_622o7_233",
28
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_622o7_240",
29
- "icon-wrapper": "awsui_icon-wrapper_mgja0_622o7_244",
30
- "label": "awsui_label_mgja0_622o7_249",
31
- "label-enabled": "awsui_label-enabled_mgja0_622o7_254",
32
- "label-text": "awsui_label-text_mgja0_622o7_258",
33
- "mode-switch": "awsui_mode-switch_mgja0_622o7_263",
34
- "dropdown": "awsui_dropdown_mgja0_622o7_267",
35
- "dropdown-content": "awsui_dropdown-content_mgja0_622o7_283",
36
- "start-date-input": "awsui_start-date-input_mgja0_622o7_292",
37
- "start-time-input": "awsui_start-time-input_mgja0_622o7_293",
38
- "end-date-input": "awsui_end-date-input_mgja0_622o7_294",
39
- "end-time-input": "awsui_end-time-input_mgja0_622o7_295",
40
- "validation-section": "awsui_validation-section_mgja0_622o7_299",
41
- "validation-error": "awsui_validation-error_mgja0_622o7_303",
42
- "clear-button": "awsui_clear-button_mgja0_622o7_307",
43
- "apply-button": "awsui_apply-button_mgja0_622o7_311",
44
- "cancel-button": "awsui_cancel-button_mgja0_622o7_315",
45
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_622o7_319"
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,gBAuBjC,CAAC"}
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"]}
@@ -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;
@@ -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"]}
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (ef3bc06)';
2
+ export var PACKAGE_VERSION = '3.0.0 (3f2f553)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
@@ -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
@@ -111,6 +111,6 @@
111
111
  "./internal/base-component/index.js",
112
112
  "./internal/base-component/styles.css.js"
113
113
  ],
114
- "version": "3.0.45",
114
+ "version": "3.0.48",
115
115
  "license": "Apache-2.0"
116
116
  }
@@ -1,30 +1,17 @@
1
- import { PropertyFilterProps } from './interfaces';
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: PropertyFilterProps['query'], onChange: PropertyFilterProps['onChange'], inputRef: React.RefObject<AutosuggestInputRef>, preventFocus: React.MutableRefObject<boolean>) => {
5
- setToken: (index: number, newToken: PropertyFilterProps.Token) => void;
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: PropertyFilterProps.Token) => void;
9
- setOperation: (newOperation: PropertyFilterProps.JoinOperation) => void;
9
+ addToken: (newToken: Token) => void;
10
+ setOperation: (newOperation: JoinOperation) => void;
10
11
  };
11
- export declare type ParsedText = {
12
- step: 'property';
13
- property: PropertyFilterProps.FilteringProperty;
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: PropertyFilterProps['filteringOptions'], filteringProperties: PropertyFilterProps['filteringProperties'], operator: PropertyFilterProps.ComparisonOperator | undefined, i18nStrings: Pick<PropertyFilterProps.I18nStrings, 'groupValuesText'>, customGroupsText: PropertyFilterProps['customGroupsText']) => OptionGroup<ExtendedAutosuggestOption>[];
36
- export declare const getPropertyByKey: (filteringProperties: PropertyFilterProps['filteringProperties'], key: string) => PropertyFilterProps.FilteringProperty | undefined;
37
- export declare function getPropertySuggestions<T>(filteringProperties: PropertyFilterProps['filteringProperties'], customGroupsText: PropertyFilterProps['customGroupsText'], i18nStrings: Pick<PropertyFilterProps['i18nStrings'], 'groupPropertiesText'>, filteringPropertyToOption: (filteringProperty: PropertyFilterProps.FilteringProperty) => T): OptionGroup<T>[];
38
- export declare type OperatorStrings = 'operatorLessText' | 'operatorLessOrEqualText' | 'operatorGreaterText' | 'operatorGreaterOrEqualText' | 'operatorContainsText' | 'operatorDoesNotContainText' | 'operatorEqualsText' | 'operatorDoesNotEqualText';
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: PropertyFilterProps.ComparisonOperator, i18nStrings: Pick<PropertyFilterProps['i18nStrings'], OperatorStrings>) => string;
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":"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"}
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"}