@julien-wiegandt/open-ui 0.1.18 → 0.1.20

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

@@ -7,6 +7,7 @@ export type ButtonProps = {
     label?: string;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
+    endClickAnimation?: boolean;
     size?: "sm" | "md" | "lg";
     bgcolor?: string;
     radius?: Radius;
@@ -14,6 +15,9 @@ export type ButtonProps = {
     loading?: boolean;
     active?: boolean;
     txtColor?: string;
+    align?: "left" | "center" | "right";
+    w?: string;
+    h?: string;
 } & MarginProps & PaddingProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Button: React.ForwardRefExoticComponent<{
     color: Color;
@@ -21,6 +25,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     label?: string;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
+    endClickAnimation?: boolean;
     size?: "sm" | "md" | "lg";
     bgcolor?: string;
     radius?: Radius;
@@ -28,4 +33,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     loading?: boolean;
     active?: boolean;
     txtColor?: string;
+    align?: "left" | "center" | "right";
+    w?: string;
+    h?: string;
 } & MarginProps & PaddingProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,14 @@
+import { Color, Theme } from '../../theme/types';
 import { ButtonProps } from '.';
 import { TextProps } from '../text';
+export declare const getVariantStyle: ({ color, theme, }: {
+    color: Color;
+    theme: Theme;
+}) => Record<string, any>;
 export declare const sizeMap: Record<NonNullable<ButtonProps["size"]>, {
     padding: string;
     fontSize: TextProps["size"];
+    height: number;
 }>;
 export declare const sizeIconMap: Record<NonNullable<ButtonProps["size"]>, {
     padding: string;

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

@@ -1,7 +1,7 @@
 import { Elevation } from '../../theme/types';
 import { Styles } from 'styled-components/dist/types';
 import { MarginProps, PaddingProps } from '../common/types';
-export type FlexDirection = "row" | "column";
+export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
 export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
 export type FlexJustify = "center" | "start" | "end" | "between" | "around" | "evenly";
 export type FlexAlign = "normal" | "center" | "start" | "end" | "stretch";

package/dist/components/icons/check/index.d.ts

@@ -0,0 +1,15 @@
+export type CheckIconProps = {
+    isVisible: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+} & React.SVGAttributes<SVGSVGElement>;
+declare const CheckIcon: import('react').ForwardRefExoticComponent<{
+    isVisible: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+} & import('react').SVGAttributes<SVGSVGElement> & import('react').RefAttributes<SVGSVGElement>>;
+export default CheckIcon;

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

@@ -0,0 +1 @@
+export * from './check';

package/dist/components/progress-bar/index.d.ts

@@ -2,7 +2,8 @@ import { Color } from '../../theme/types';
 export type ProgressBarProps = {
     color: Color;
     value: number;
+    animationDurationInSeconds?: number;
     h?: string;
     w?: string;
 };
-export declare const ProgressBar: ({ color, value, h, w }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ color, value, h, w, animationDurationInSeconds, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,10 @@ export type TextProps = {
     width?: string;
     height?: string;
     align?: "left" | "center" | "right" | "justify";
+    onSizeChange?: (size: {
+        width: number;
+        height: number;
+    }) => void;
 } & MarginProps & PaddingProps & React.HTMLAttributes<HTMLParagraphElement>;
 export declare const Text: import('react').ForwardRefExoticComponent<{
     weight?: "regular" | "medium" | "semibold" | "bold";
@@ -12,4 +16,8 @@ export declare const Text: import('react').ForwardRefExoticComponent<{
     width?: string;
     height?: string;
     align?: "left" | "center" | "right" | "justify";
+    onSizeChange?: (size: {
+        width: number;
+        height: number;
+    }) => void;
 } & MarginProps & PaddingProps & import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/components/text/styled.d.ts

@@ -8,6 +8,10 @@ export declare const StyledText: import('styled-components/dist/types').IStyledC
     width?: string;
     height?: string;
     align?: "left" | "center" | "right" | "justify";
+    onSizeChange?: (size: {
+        width: number;
+        height: number;
+    }) => void;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & import('react').HTMLAttributes<HTMLParagraphElement> & {
     breakpoint: Breakpoint;
 }>> & string;

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

@@ -1,34 +1,17 @@
 import { Color } from '../../theme/types';
 import { FlexProps } from '../flex';
+/**
+ * TODO:
+ * - make children/custom toast component available
+ */
 export type ToastProps = {
-    title?: React.ReactNode;
+    id: string;
     color?: Color;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
+    title: string;
+    icon?: React.ReactNode;
+    duration?: number;
     children?: React.ReactNode;
     style?: React.CSSProperties;
     onClose?: () => void;
 } & FlexProps & React.HTMLAttributes<HTMLDivElement>;
-export declare const Toast: import('react').ForwardRefExoticComponent<{
-    title?: React.ReactNode;
-    color?: Color;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    onClose?: () => void;
-} & {
-    elevation?: import('../../theme/types').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>>;
+export declare const Toast: import('react').ForwardRefExoticComponent<Omit<ToastProps, "id"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -11,7 +11,7 @@ export declare const StyledToast: import('styled-components/dist/types').IStyled
     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>, ToastProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>, Omit<ToastProps, "id">>> & string & Omit<import('react').ForwardRefExoticComponent<{
     elevation?: import('../../theme/types').Elevation;
     direction?: import('../flex').FlexDirection;
     gap?: string | number;

package/dist/components/utils/use-combined-refs.d.ts

@@ -0,0 +1 @@
+export declare function useCombinedRefs<T>(...refs: React.Ref<T>[]): (element: T) => void;

package/dist/context/toast.d.ts

@@ -1,27 +1,19 @@
-import { Toast } from '../components/toast';
-import { Color } from '../theme/types';
-type Toast = {
-    id: string;
-    title: string;
-    color?: Color;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    duration?: number;
-    onClose?: () => void;
-};
+import { ToastProps } from '../components/toast';
 export type IToastContext = {
-    toasts: Toast[];
-    addToast: (toast: Omit<Toast, "id">) => void;
+    toasts: ToastProps[];
+    addToast: (toast: Omit<ToastProps, "id">) => void;
 };
 export declare const ToastContext: import('react').Context<IToastContext>;
-export declare const ToastContextProvider: ({ children }: {
+export type ToastSettings = {
+    maxToastDisplay: number;
+    durationInSeconds: number;
+} | undefined;
+export declare const ToastContextProvider: ({ children, ...props }: {
     children: React.ReactNode;
+    settings?: ToastSettings;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ToastProvider: ({ toasts, removeToast, }: {
-    toasts: Toast[];
+export declare const ToastProvider: ({ toasts, removeToast, settings, }: {
+    toasts: ToastProps[];
     removeToast: (id: string) => void;
+    settings: NonNullable<ToastSettings>;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components/button';
 export * from './components/chip';
 export * from './components/flex';
+export * from './components/icons';
 export * from './components/input';
 export * from './components/modal';
 export * from './components/progress-bar';