@julien-wiegandt/open-ui 0.1.25 → 0.1.26

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

@@ -2,13 +2,14 @@ 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 ButtonProps = {
     color: Color;
     variant: Variant;
     label?: string;
-    starticon?: React.ReactNode;
-    endicon?: React.ReactNode;
-    endClickAnimation?: boolean;
+    starticon?: React.ReactNode | Icon;
+    endicon?: React.ReactNode | Icon;
+    endanimation?: boolean;
     size?: "sm" | "md" | "lg";
     bgcolor?: string;
     radius?: Radius;
@@ -24,9 +25,9 @@ export declare const Button: React.ForwardRefExoticComponent<{
     color: Color;
     variant: Variant;
     label?: string;
-    starticon?: React.ReactNode;
-    endicon?: React.ReactNode;
-    endClickAnimation?: boolean;
+    starticon?: React.ReactNode | Icon;
+    endicon?: React.ReactNode | Icon;
+    endanimation?: boolean;
     size?: "sm" | "md" | "lg";
     bgcolor?: string;
     radius?: Radius;

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

@@ -0,0 +1,16 @@
+export type BellIconProps = {
+    hasNotification: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+} & React.SVGAttributes<SVGSVGElement>;
+export declare const BellIcon: import('react').ForwardRefExoticComponent<{
+    hasNotification: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+} & import('react').SVGAttributes<SVGSVGElement> & import('react').RefAttributes<SVGSVGElement>>;

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

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

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

@@ -0,0 +1,16 @@
+export type HeartIconProps = {
+    isLiked: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+} & React.SVGAttributes<SVGSVGElement>;
+export declare const HeartIcon: import('react').ForwardRefExoticComponent<{
+    isLiked: boolean;
+    size?: number;
+    animated?: boolean;
+    strokeWidth?: number;
+    color?: string;
+    style?: React.CSSProperties;
+} & import('react').SVGAttributes<SVGSVGElement> & import('react').RefAttributes<SVGSVGElement>>;

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

@@ -1 +1,4 @@
+export * from '../switch';
 export * from './check';
+export * from './hamburger';
+export * from './heart';

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

@@ -6,13 +6,14 @@ export type SelectOption = {
 export type SelectProps = {
     options: Array<SelectOption>;
     initialValue?: SelectOption;
+    value?: SelectOption;
     onChange?: (value: SelectOption) => void;
     label?: string;
     required?: boolean;
     placeholder?: string;
     CustomOption?: (props: {
-        option: SelectOption;
-        handleChange: (option: SelectOption) => void;
+        option?: SelectOption;
+        handleChange?: (option: SelectOption) => void;
     }) => React.ReactNode;
 };
 export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+export type SkeletonProps = {
+    width?: string;
+    height?: string;
+    radius?: string;
+};
+export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { SkeletonProps } from '.';
+export declare const SkeletonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;
+export declare const ShimmerEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,13 @@
+import { Color } from '../../theme/types';
+export type SwitchProps = {
+    value?: boolean;
+    size?: number;
+    color?: Color;
+    onChange?: (isOn: boolean) => void;
+} & Omit<React.SVGAttributes<SVGSVGElement>, "onChange">;
+export declare const Switch: import('react').ForwardRefExoticComponent<{
+    value?: boolean;
+    size?: number;
+    color?: Color;
+    onChange?: (isOn: boolean) => void;
+} & Omit<import('react').SVGAttributes<SVGSVGElement>, "onChange"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export * from './components/input';
 export * from './components/modal';
 export * from './components/progress-bar';
 export * from './components/select';
+export * from './components/skeleton';
+export * from './components/switch';
 export * from './components/text';
 export * from './components/textarea';
 export * from './components/title';