@julien-wiegandt/open-ui 0.1.52 → 0.1.53

package/dist/components/popover/index.d.ts

@@ -0,0 +1,40 @@
+import { Color, Radius } from '../../theme/types';
+import { default as React } from 'react';
+import { MarginProps, PaddingProps } from '../common/types';
+export declare const getPlacementStyle: (props: {
+    popoverSize: {
+        height: number;
+        width: number;
+    };
+    childrenSize: {
+        height: number;
+        width: number;
+    };
+    gap: number;
+}) => Record<NonNullable<PopoverStyleProps["placement"]>, {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+}>;
+export type PopoverStyleProps = {
+    color: Color;
+    content: React.ReactNode;
+    children: React.ReactNode;
+    visible?: boolean;
+    zIndex?: number;
+    placement?: "left" | "right" | "top" | "bottom";
+    bgcolor?: string;
+    radius?: Radius;
+} & MarginProps & PaddingProps & React.HTMLAttributes<HTMLDivElement>;
+export type PopoverProps = {} & PopoverStyleProps;
+export declare const Popover: React.ForwardRefExoticComponent<{
+    color: Color;
+    content: React.ReactNode;
+    children: React.ReactNode;
+    visible?: boolean;
+    zIndex?: number;
+    placement?: "left" | "right" | "top" | "bottom";
+    bgcolor?: string;
+    radius?: Radius;
+} & MarginProps & PaddingProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/popover/style.d.ts

@@ -0,0 +1,36 @@
+import { PopoverStyleProps } from '.';
+export declare const StyledPopover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>, Omit<PopoverStyleProps, "body"> & {
+    popoverSize: {
+        height: number;
+        width: number;
+    };
+    childrenSize: {
+        height: number;
+        width: number;
+    };
+    placement: NonNullable<PopoverStyleProps["placement"]>;
+}>> & string & Omit<import('react').ForwardRefExoticComponent<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/flex';
 export * from './components/icons';
 export * from './components/input';
 export * from './components/modal';
+export * from './components/popover';
 export * from './components/progress-bar';
 export * from './components/select';
 export * from './components/skeleton';