@julien-wiegandt/open-ui 0.1.60 → 0.1.62

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

@@ -2,7 +2,7 @@ import { Color, Radius, Variant } from '../../theme/types';
 import { default as React } from 'react';
 import { MarginProps, PaddingProps } from '../common/types';
 import { TextProps } from '../text';
-export type Icon = "bell" | "check" | "hamburger" | "heart";
+export type Icon = "bell" | "check" | "hamburger" | "heart" | "sync";
 export type ButtonProps = {
     color: Color;
     variant: Variant;

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

@@ -0,0 +1,28 @@
+import { Color, Radius } from '../../theme/types';
+import { default as React } from 'react';
+import { MarginProps, PaddingProps } from '../common/types';
+import { TextProps } from '../text';
+export type CheckboxProps = {
+    color: Color;
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: "sm" | "md" | "lg";
+    radius?: Radius;
+    disabled?: boolean;
+    labelProps?: TextProps;
+    labelPosition?: "left" | "right";
+} & MarginProps & PaddingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">;
+export declare const Checkbox: React.ForwardRefExoticComponent<{
+    color: Color;
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: "sm" | "md" | "lg";
+    radius?: Radius;
+    disabled?: boolean;
+    labelProps?: TextProps;
+    labelPosition?: "left" | "right";
+} & MarginProps & PaddingProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,28 @@
+import { Color, Theme } from '../../theme/types';
+import { CheckboxProps } from '.';
+import { TextProps } from '../text';
+export declare const getCheckboxStyle: ({ color, theme }: {
+    color: Color;
+    theme: Theme;
+}) => {
+    borderColor: string;
+    bgColor: string;
+    checkColor: string;
+};
+export declare const sizeMap: Record<NonNullable<CheckboxProps["size"]>, {
+    size: number;
+    fontSize: TextProps["size"];
+    iconSize: number;
+    gap: string;
+}>;
+export declare const StyledCheckboxContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Pick<CheckboxProps, "disabled"> & {
+    m?: any;
+    mb?: any;
+    ml?: any;
+    mr?: any;
+    mt?: any;
+    mx?: any;
+    my?: any;
+    gap?: string;
+}>> & string;
+export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<CheckboxProps, "color" | "size" | "disabled" | "radius" | "checked">>> & string;

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

@@ -2,3 +2,4 @@ export * from './bell';
 export * from './check';
 export * from './hamburger';
 export * from './heart';
+export * from './sync';

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

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

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

@@ -3,7 +3,7 @@ export type ModalProps = {
     isOpen: boolean;
     fullScreen?: boolean;
     title?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "s" | "m" | "l" | "xl";
     children?: React.ReactNode;
     footer?: React.ReactNode;
     style?: React.CSSProperties;
@@ -14,7 +14,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     isOpen: boolean;
     fullScreen?: boolean;
     title?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "s" | "m" | "l" | "xl";
     children?: React.ReactNode;
     footer?: React.ReactNode;
     style?: React.CSSProperties;