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

package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts

@@ -1,4 +1,192 @@
-export declare const StyledPromotedFilters: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPromotedFiltersButton: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTextWithEllipsis: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
+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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}) | (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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "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 & {
+    children?: import("react").ReactNode;
+    ref?: import("react").Ref<Element>;
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+    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">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    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;
+}), {
+    $compact?: boolean;
+}>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").FlexProps>, keyof import("react").Component<any, {}, any>>;
+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"> & {
+    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;
+}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTextWithEllipsis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | 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<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=PromotedFilters.styles.d.ts.map

package/lib/components/PromotedFilters/PromotedFilters.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,yGAgBhC,CAAC;AAIH,eAAO,MAAM,2BAA2B,oNAOvC,CAAC;AAIF,eAAO,MAAM,sBAAsB,kNAIlC,CAAC"}
+{"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

@@ -1,9 +1,10 @@
 import styled, { css } from 'styled-components';
-import { defaultThemeProp, Button, Text } from '@pega/cosmos-react-core';
+import { defaultThemeProp, Button, Flex, Text } from '@pega/cosmos-react-core';
+import { StyledFlex } from '@pega/cosmos-react-core/lib/components/Flex/Flex';
 import { StyledModalChildrenWrap } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';
 import { StyledSelectInput } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.styles';
-export const StyledPromotedFilters = styled.div(({ theme }) => {
-    return css `
+export const StyledPromotedFilters = styled(Flex)(({ theme, $compact }) => css `
+    max-width: 100%;
     border-radius: var(--border-radius, ${theme.components.card['border-radius']});
     background-color: ${theme.base.palette['secondary-background']};
     padding-block: ${theme.base.spacing};
@@ -17,8 +18,15 @@ export const StyledPromotedFilters = styled.div(({ theme }) => {
         );
       }
     }
-  `;
-});
+
+    ${$compact &&
+    css `
+      > ${StyledFlex}:first-child {
+        flex: 1 1 0%;
+        min-width: min-content;
+      }
+    `}
+  `);
 StyledPromotedFilters.defaultProps = defaultThemeProp;
 export const StyledPromotedFiltersButton = styled(Button) `
   margin: 1.125rem 0 0.625rem;

package/lib/components/PromotedFilters/PromotedFilters.styles.js.map

@@ -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"]}
+{"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/lib/components/PromotedFilters/PromotedFilters.types.d.ts

@@ -55,6 +55,8 @@ export interface PromotedFiltersProps extends BaseProps, NoChildrenProp {
      * Used to fetch the currently visible condition, regardless of the `Apply` click
      */
     handle?: Ref<HandleValue>;
+    /** IANA timezone string used to initialize date/time pickers with the operator's timezone */
+    timeZone?: string;
 }
 export interface PromotedFiltersContentProps extends BaseProps, NoChildrenProp {
     /** Configuration of filters for every field that has been defined as promoted. */
@@ -74,6 +76,8 @@ export interface PromotedFiltersContentProps extends BaseProps, NoChildrenProp {
     fields?: Field[];
     /** Ref for the wrapping element. */
     ref?: Ref<HTMLDivElement>;
+    /** IANA timezone string used to initialize date/time pickers with the operator's timezone */
+    timeZone?: string;
 }
 export interface FilterModalProps extends Pick<PromotedFiltersContentProps, 'filters' | 'conditionStore' | 'fields'> {
     /** Callback fired on apply */

package/lib/components/PromotedFilters/PromotedFilters.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtF,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC/E;AAED,MAAM,WAAW,WAAW;IAC1B,iEAAiE;IACjE,YAAY,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,kHAAkH;IAClH,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE;YAAE,SAAS,EAAE,aAAa,GAAG;gBAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,EAAE,CAAA;KAAE,CAAC;IAC5E;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE;YAAE,SAAS,EAAE,aAAa,GAAG;gBAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAChG,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,2BAA4B,SAAQ,SAAS,EAAE,cAAc;IAC5E,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gDAAgD;IAChD,cAAc,EAAE,WAAW,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CAAC;IAClF,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"version":3,"file":"PromotedFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtF,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC/E;AAED,MAAM,WAAW,WAAW;IAC1B,iEAAiE;IACjE,YAAY,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,kHAAkH;IAClH,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE;YAAE,SAAS,EAAE,aAAa,GAAG;gBAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,EAAE,CAAA;KAAE,CAAC;IAC5E;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE;YAAE,SAAS,EAAE,aAAa,GAAG;gBAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAChG,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAC1B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,2BAA4B,SAAQ,SAAS,EAAE,cAAc;IAC5E,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gDAAgD;IAChD,cAAc,EAAE,WAAW,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,2BAA2B,EAAE,SAAS,GAAG,gBAAgB,GAAG,QAAQ,CAAC;IAClF,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/lib/components/PromotedFilters/PromotedFilters.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.types.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, SimpleStore } from '@pega/cosmos-react-core';\n\nimport type { Field, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport type { ConditionInputMode, ConditionField } from '../ConditionInput/ConditionInput.types';\n\nexport interface PromotedFilter {\n  /** Optional for multiple filters on the same field. */\n  id?: string;\n  /** Definition of the field to be filtered. */\n  field: ConditionField;\n  /** Display mode. */\n  mode: ConditionInputMode;\n  /** Label for the filter. */\n  label?: string;\n  /** List of possible predefined Conditions */\n  predefinedConditions?: { id: string; value: LeafCondition; label?: string }[];\n}\n\nexport interface HandleValue {\n  /** Returns currently visible condition in the PromotedFilters */\n  getCondition: () => PromotedFiltersProps['condition'];\n}\n\nexport interface PromotedFiltersProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the current condition state. Optional filterId for multiple filters per field support. */\n  condition?: { AND: { condition: LeafCondition & { filterId?: string } }[] };\n  /**\n   * Orientation mode.\n   * @default 'horizontal'\n   */\n  orientation?: 'vertical' | 'horizontal';\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields?: Field[];\n  /** Callback fired on apply click. */\n  onChange: (condition?: { AND: { condition: LeafCondition & { filterId?: string } }[] }) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Imperative handle.\n   * Used to fetch the currently visible condition, regardless of the `Apply` click\n   */\n  handle?: Ref<HandleValue>;\n}\n\nexport interface PromotedFiltersContentProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the condition store. */\n  conditionStore: SimpleStore<{ [key: string]: LeafCondition | undefined }>;\n  /** Callback fired on apply */\n  onApply?: () => void;\n  /**\n   * Orientation mode.\n   * @default 'horizontal'\n   */\n  orientation?: 'vertical' | 'horizontal';\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields?: Field[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface FilterModalProps\n  extends Pick<PromotedFiltersContentProps, 'filters' | 'conditionStore' | 'fields'> {\n  /** Callback fired on apply */\n  onApply: () => void;\n  /** Callback fired on cancel */\n  onCancel: () => void;\n}\n"]}
+{"version":3,"file":"PromotedFilters.types.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, SimpleStore } from '@pega/cosmos-react-core';\n\nimport type { Field, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport type { ConditionInputMode, ConditionField } from '../ConditionInput/ConditionInput.types';\n\nexport interface PromotedFilter {\n  /** Optional for multiple filters on the same field. */\n  id?: string;\n  /** Definition of the field to be filtered. */\n  field: ConditionField;\n  /** Display mode. */\n  mode: ConditionInputMode;\n  /** Label for the filter. */\n  label?: string;\n  /** List of possible predefined Conditions */\n  predefinedConditions?: { id: string; value: LeafCondition; label?: string }[];\n}\n\nexport interface HandleValue {\n  /** Returns currently visible condition in the PromotedFilters */\n  getCondition: () => PromotedFiltersProps['condition'];\n}\n\nexport interface PromotedFiltersProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the current condition state. Optional filterId for multiple filters per field support. */\n  condition?: { AND: { condition: LeafCondition & { filterId?: string } }[] };\n  /**\n   * Orientation mode.\n   * @default 'horizontal'\n   */\n  orientation?: 'vertical' | 'horizontal';\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields?: Field[];\n  /** Callback fired on apply click. */\n  onChange: (condition?: { AND: { condition: LeafCondition & { filterId?: string } }[] }) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Imperative handle.\n   * Used to fetch the currently visible condition, regardless of the `Apply` click\n   */\n  handle?: Ref<HandleValue>;\n  /** IANA timezone string used to initialize date/time pickers with the operator's timezone */\n  timeZone?: string;\n}\n\nexport interface PromotedFiltersContentProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the condition store. */\n  conditionStore: SimpleStore<{ [key: string]: LeafCondition | undefined }>;\n  /** Callback fired on apply */\n  onApply?: () => void;\n  /**\n   * Orientation mode.\n   * @default 'horizontal'\n   */\n  orientation?: 'vertical' | 'horizontal';\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields?: Field[];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** IANA timezone string used to initialize date/time pickers with the operator's timezone */\n  timeZone?: string;\n}\n\nexport interface FilterModalProps\n  extends Pick<PromotedFiltersContentProps, 'filters' | 'conditionStore' | 'fields'> {\n  /** Callback fired on apply */\n  onApply: () => void;\n  /** Callback fired on cancel */\n  onCancel: () => void;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-condition-builder",
-  "version": "9.0.0-build.9.9",
+  "version": "9.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": [
@@ -17,20 +17,19 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "9.0.0-build.9.9",
+    "@pega/cosmos-react-core": "9.0.0",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
-    "@types/styled-components": "^5.1.26",
     "dayjs": "^1.11.13",
     "polished": "^4.1.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "styled-components": "^5.2.0"
+    "styled-components": "~6.3.11"
   },
   "devDependencies": {
     "@storybook/react": "~8.2.9",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.3"
   }
 }