@pega/cosmos-react-condition-builder 9.0.0-build.29.2 → 9.0.0-build.29.21

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 (25) hide show
  1. package/lib/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
  2. package/lib/components/ConditionBuilder/ConditionBuilder.js +3 -4
  3. package/lib/components/ConditionBuilder/ConditionBuilder.js.map +1 -1
  4. package/lib/components/ConditionBuilder/RhsControls/ValueSelector.d.ts.map +1 -1
  5. package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js +6 -13
  6. package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js.map +1 -1
  7. package/lib/components/ConditionBuilder/RhsControls/index.d.ts +1 -1
  8. package/lib/components/ConditionBuilder/RhsControls/index.d.ts.map +1 -1
  9. package/lib/components/ConditionBuilder/RhsControls/index.js +10 -7
  10. package/lib/components/ConditionBuilder/RhsControls/index.js.map +1 -1
  11. package/lib/components/ConditionBuilder/core/time-utils.d.ts +1 -1
  12. package/lib/components/ConditionBuilder/core/time-utils.d.ts.map +1 -1
  13. package/lib/components/ConditionBuilder/core/time-utils.js +4 -3
  14. package/lib/components/ConditionBuilder/core/time-utils.js.map +1 -1
  15. package/lib/components/ConditionBuilder/core/transformer.d.ts.map +1 -1
  16. package/lib/components/ConditionBuilder/core/transformer.js +85 -71
  17. package/lib/components/ConditionBuilder/core/transformer.js.map +1 -1
  18. package/lib/components/PromotedFilters/PromotedFilters.d.ts.map +1 -1
  19. package/lib/components/PromotedFilters/PromotedFilters.js +13 -8
  20. package/lib/components/PromotedFilters/PromotedFilters.js.map +1 -1
  21. package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts +185 -1
  22. package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts.map +1 -1
  23. package/lib/components/PromotedFilters/PromotedFilters.styles.js +13 -5
  24. package/lib/components/PromotedFilters/PromotedFilters.styles.js.map +1 -1
  25. package/package.json +3 -3
package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts CHANGED
@@ -1,4 +1,188 @@
1
- export declare const StyledPromotedFilters: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ export declare const StyledPromotedFilters: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
2
+ children?: import("react").ReactNode;
3
+ ref?: import("react").Ref<Element>;
4
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
5
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
6
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
7
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
8
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
9
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
10
+ children?: import("react").ReactNode;
11
+ ref?: import("react").Ref<Element>;
12
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
13
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
14
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
15
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
16
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
17
+ }, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
18
+ children?: import("react").ReactNode;
19
+ ref?: import("react").Ref<Element>;
20
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
21
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
22
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
23
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
24
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
25
+ }, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
26
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
27
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
28
+ children?: import("react").ReactNode;
29
+ ref?: import("react").Ref<Element>;
30
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
31
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
32
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
33
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
34
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
35
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
36
+ children?: import("react").ReactNode;
37
+ ref?: import("react").Ref<Element>;
38
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
39
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
40
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
41
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
42
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
43
+ }, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
44
+ children?: import("react").ReactNode;
45
+ ref?: import("react").Ref<Element>;
46
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
47
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
48
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
49
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
50
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
51
+ }, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
52
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
53
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
54
+ children?: import("react").ReactNode;
55
+ ref?: import("react").Ref<Element>;
56
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
57
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
58
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
59
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
60
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
61
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
62
+ children?: import("react").ReactNode;
63
+ ref?: import("react").Ref<Element>;
64
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
65
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
66
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
67
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
68
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
69
+ }, "xs">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
70
+ children?: import("react").ReactNode;
71
+ ref?: import("react").Ref<Element>;
72
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
73
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
74
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
75
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
76
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
77
+ }, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
78
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
79
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
80
+ children?: import("react").ReactNode;
81
+ ref?: import("react").Ref<Element>;
82
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
83
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
84
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
85
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
86
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
87
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
88
+ children?: import("react").ReactNode;
89
+ ref?: import("react").Ref<Element>;
90
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
91
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
92
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
93
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
94
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
95
+ }, "xl">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
96
+ children?: import("react").ReactNode;
97
+ ref?: import("react").Ref<Element>;
98
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
99
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
100
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
101
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
102
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
103
+ }, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
104
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
105
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
106
+ children?: import("react").ReactNode;
107
+ ref?: import("react").Ref<Element>;
108
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
109
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
110
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
111
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
112
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
113
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
114
+ children?: import("react").ReactNode;
115
+ ref?: import("react").Ref<Element>;
116
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
117
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
118
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
119
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
120
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
121
+ }, "sm">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
122
+ children?: import("react").ReactNode;
123
+ ref?: import("react").Ref<Element>;
124
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
125
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
126
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
127
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
128
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
129
+ }, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
130
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
131
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
132
+ children?: import("react").ReactNode;
133
+ ref?: import("react").Ref<Element>;
134
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
135
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
136
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
137
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
138
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
139
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
140
+ children?: import("react").ReactNode;
141
+ ref?: import("react").Ref<Element>;
142
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
143
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
144
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
145
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
146
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
147
+ }, "md">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
148
+ children?: import("react").ReactNode;
149
+ ref?: import("react").Ref<Element>;
150
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
151
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
152
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
153
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
154
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
155
+ }, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
156
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
157
+ }) | (Omit<Omit<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
158
+ children?: import("react").ReactNode;
159
+ ref?: import("react").Ref<Element>;
160
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
161
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
162
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
163
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
164
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
165
+ }, "ref" | "className" | "children" | keyof import("@pega/cosmos-react-core").AsProp> & Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
166
+ children?: import("react").ReactNode;
167
+ ref?: import("react").Ref<Element>;
168
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
169
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
170
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
171
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
172
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
173
+ }, "lg">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps & import("@pega/cosmos-react-core").BaseProps & import("@pega/cosmos-react-core").AsProp & {
174
+ children?: import("react").ReactNode;
175
+ ref?: import("react").Ref<Element>;
176
+ xs?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
177
+ sm?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
178
+ md?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
179
+ lg?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
180
+ xl?: Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("@pega/cosmos-react-core/lib/components/Flex/Flex").BaseFlexProps, "container">>));
181
+ }, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
182
+ ref?: ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<Element> | null | undefined;
183
+ }), {
184
+ $compact?: boolean;
185
+ }>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, keyof import("react").Component<any, {}, any>>;
2
186
  export declare const StyledPromotedFiltersButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
3
187
  ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
4
188
  }, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, keyof import("react").Component<any, {}, any>>;
package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,6NAgBhC,CAAC;AAIH,eAAO,MAAM,2BAA2B;;2LAOvC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAIlC,CAAC"}
1
+ {"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAA6B,OAAO;kLAyBrE,CAAC;AAIF,eAAO,MAAM,2BAA2B;;2LAOvC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;yLAIlC,CAAC"}
package/lib/components/PromotedFilters/PromotedFilters.styles.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import styled, { css } from 'styled-components';
2
- import { defaultThemeProp, Button, Text } from '@pega/cosmos-react-core';
2
+ import { defaultThemeProp, Button, Flex, Text } from '@pega/cosmos-react-core';
3
+ import { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';
3
4
  import { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';
4
5
  import { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';
5
- export const StyledPromotedFilters = styled.div(({ theme }) => {
6
- return css `
6
+ export const StyledPromotedFilters = styled(Flex)(({ theme, $compact }) => css `
7
+ max-width: 100%;
7
8
  border-radius: var(--border-radius, ${theme.components.card['border-radius']});
8
9
  background-color: ${theme.base.palette['secondary-background']};
9
10
  padding-block: ${theme.base.spacing};
@@ -17,8 +18,15 @@ export const StyledPromotedFilters = styled.div(({ theme }) => {
17
18
  );
18
19
  }
19
20
  }
20
- `;
21
- });
21
+
22
+ ${$compact &&
23
+ css `
24
+ > ${StyledFlex}:first-child {
25
+ flex: 1 1 0%;
26
+ min-width: min-content;
27
+ }
28
+ `}
29
+ `);
22
30
  StyledPromotedFilters.defaultProps = defaultThemeProp;
23
31
  export const StyledPromotedFiltersButton = styled(Button) `
24
32
  margin: 1.125rem 0 0.625rem;
package/lib/components/PromotedFilters/PromotedFilters.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AACpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,OAAO,GAAG,CAAA;0CAC8B,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACxD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;qBAC7C,KAAK,CAAC,IAAI,CAAC,OAAO;;MAEjC,iBAAiB;wBACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;;YAInF,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;;GAIjF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;IAIrD,uBAAuB;;;CAG1B,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Button, Text } from '@pega/cosmos-react-core';\nimport { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\n\nexport const StyledPromotedFilters = styled.div(({ theme }) => {\n return css`\n border-radius: var(--border-radius, ${theme.components.card['border-radius']});\n background-color: ${theme.base.palette['secondary-background']};\n padding-block: ${theme.base.spacing};\n\n ${StyledSelectInput} {\n min-width: calc(${theme.base['content-width'].xs} + ${theme.base['hit-area']['mouse-min']});\n\n @media (pointer: coarse) {\n min-width: calc(\n ${theme.base['content-width'].xs} + ${theme.base['hit-area']['finger-min']}\n );\n }\n }\n `;\n});\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFiltersButton = styled(Button)`\n margin: 1.125rem 0 0.625rem;\n white-space: nowrap;\n\n ${StyledModalChildrenWrap} & {\n margin-top: 0;\n }\n`;\n\nStyledPromotedFiltersButton.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}
1
+ {"version":3,"file":"PromotedFilters.styles.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,kDAAkD,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AACpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,CAC/C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;0CAEY,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;wBACxD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC;qBAC7C,KAAK,CAAC,IAAI,CAAC,OAAO;;MAEjC,iBAAiB;wBACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC;;;;YAInF,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC;;;;;MAK9E,QAAQ;IACV,GAAG,CAAA;UACG,UAAU;;;;KAIf;GACF,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;IAIrD,uBAAuB;;;CAG1B,CAAC;AAEF,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIjD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Button, Flex, Text } from '@pega/cosmos-react-core';\nimport { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';\nimport { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';\n\nexport const StyledPromotedFilters = styled(Flex)<{ $compact?: boolean }>(\n ({ theme, $compact }) => css`\n max-width: 100%;\n border-radius: var(--border-radius, ${theme.components.card['border-radius']});\n background-color: ${theme.base.palette['secondary-background']};\n padding-block: ${theme.base.spacing};\n\n ${StyledSelectInput} {\n min-width: calc(${theme.base['content-width'].xs} + ${theme.base['hit-area']['mouse-min']});\n\n @media (pointer: coarse) {\n min-width: calc(\n ${theme.base['content-width'].xs} + ${theme.base['hit-area']['finger-min']}\n );\n }\n }\n\n ${$compact &&\n css`\n > ${StyledFlex}:first-child {\n flex: 1 1 0%;\n min-width: min-content;\n }\n `}\n `\n);\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nexport const StyledPromotedFiltersButton = styled(Button)`\n margin: 1.125rem 0 0.625rem;\n white-space: nowrap;\n\n ${StyledModalChildrenWrap} & {\n margin-top: 0;\n }\n`;\n\nStyledPromotedFiltersButton.defaultProps = defaultThemeProp;\n\nexport const StyledTextWithEllipsis = styled(Text)`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nStyledTextWithEllipsis.defaultProps = defaultThemeProp;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/cosmos-react-condition-builder",
3
- "version": "9.0.0-build.29.2",
3
+ "version": "9.0.0-build.29.21",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "author": "Pegasystems",
6
6
  "sideEffects": [
@@ -17,14 +17,14 @@
17
17
  "build": "tsc -b tsconfig.build.json"
18
18
  },
19
19
  "dependencies": {
20
- "@pega/cosmos-react-core": "9.0.0-build.29.2",
20
+ "@pega/cosmos-react-core": "9.0.0-build.29.21",
21
21
  "@types/react": "^17.0.62 || ^18.3.3",
22
22
  "@types/react-dom": "^17.0.20 || ^18.3.0",
23
23
  "dayjs": "^1.11.13",
24
24
  "polished": "^4.1.0",
25
25
  "react": "^17.0.0 || ^18.0.0",
26
26
  "react-dom": "^17.0.0 || ^18.0.0",
27
- "styled-components": "^6.3.11"
27
+ "styled-components": "~6.3.11"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@storybook/react": "~8.2.9",