@drawbridge/components 0.0.39 → 0.0.40

package/types/icons/minus.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/muted.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/pause.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/pencil.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/play.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/plus.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/powered-by.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/qr-code.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/queue.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/refresh.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/refund.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/rocket.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/search.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/share.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/shop.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/sparkles.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/star.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/switch.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/times.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/trash.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/underline.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/upload.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/volume.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/icons/warning.d.ts

@@ -0,0 +1,5 @@
+import { ComponentType, SVGProps } from 'react';
+
+declare const Icon: ComponentType<SVGProps<SVGSVGElement>>;
+
+export default Icon;

package/types/input-checkbox.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType, ButtonHTMLAttributes, ReactNode } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputCheckboxProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'style' | 'value'> {
+	label?: ReactNode;
+	labelId?: string;
+	onChange: ( value: boolean ) => void;
+	style?: BrandStyle;
+	value?: boolean;
+}
+
+declare const InputCheckbox: ComponentType<InputCheckboxProps>;
+
+export default InputCheckbox;

package/types/input-group.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputGroupProps {
+	className?: string;
+	error?: ReactNode;
+	input?: ReactNode;
+	label?: ReactNode;
+	message?: ReactNode;
+	style?: BrandStyle;
+}
+
+declare const InputGroup: ComponentType<InputGroupProps>;
+
+export default InputGroup;

package/types/input-number.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, InputHTMLAttributes } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'style' | 'value'> {
+	inline?: boolean;
+	layout?: 'split' | 'after';
+	max?: number;
+	min?: number;
+	onChange: ( value: number ) => void;
+	small?: boolean;
+	style?: BrandStyle;
+	value?: number;
+}
+
+declare const InputNumber: ComponentType<InputNumberProps>;
+
+export default InputNumber;

package/types/input-select.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType, SelectHTMLAttributes } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputSelectOption {
+	label?: string;
+	option?: string;
+	value?: string;
+}
+
+export interface InputSelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'style' | 'value'> {
+	onChange: ( value: string ) => void;
+	options?: InputSelectOption[];
+	style?: BrandStyle;
+	value?: string;
+}
+
+declare const InputSelect: ComponentType<InputSelectProps>;
+
+export default InputSelect;

package/types/input-text.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, InputHTMLAttributes } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'style' | 'value'> {
+	onChange: ( value: string ) => void;
+	style?: BrandStyle;
+	value?: string;
+}
+
+declare const InputText: ComponentType<InputTextProps>;
+
+export default InputText;

package/types/input-textarea.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, TextareaHTMLAttributes } from 'react';
+import { BrandStyle } from './styles';
+
+export interface InputTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'style' | 'value'> {
+	onChange: ( value: string ) => void;
+	rows?: number;
+	style?: BrandStyle;
+	value?: string;
+}
+
+declare const InputTextarea: ComponentType<InputTextareaProps>;
+
+export default InputTextarea;

package/types/product.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from './styles';
+
+export interface ProductProps {
+	action?: 'add' | 'buy' | null;
+	disabled?: boolean;
+	errors?: { variant?: ReactNode; root?: ReactNode };
+	header?: ReactNode;
+	ImageComponent?: ComponentType<any>;
+	onAdd?: () => void;
+	onBuy?: () => void;
+	onVariantChange?: ( value: string ) => void;
+	product?: any;
+	style?: BrandStyle;
+	variant?: string;
+}
+
+declare const Product: ComponentType<ProductProps>;
+
+export default Product;

package/types/styles.d.ts

@@ -0,0 +1,37 @@
+export interface BrandStyle {
+	background?: { color?: { rgb?: string; hex?: string } };
+	text?: { color?: { rgb?: string; hex?: string } };
+	button?: {
+		background?: { color?: { rgb?: string; hex?: string } };
+		text?: { color?: { rgb?: string; hex?: string } };
+		radius?: number;
+	};
+	heading?: { family?: string; weight?: string | number; transform?: string };
+	input?: { radius?: number };
+}
+
+type StyleObject = Record<string, string | number | undefined>;
+
+export declare const backgroundStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const borderStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const buttonStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const closeStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const headerStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const inputStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const inputCheckboxStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const inputNameStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const inputPhoneStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const menuStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const selectStyle: ( style?: BrandStyle ) => StyleObject;
+
+export declare const textStyle: ( style?: BrandStyle ) => StyleObject;

package/types/video.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+
+export interface VideoProps {
+	controls?: boolean;
+	hls?: string;
+	loop?: boolean;
+	mp4?: string;
+	muted?: boolean;
+	onDuration?: ( seconds: number ) => void;
+	onEnded?: () => void;
+	onPlay?: () => void;
+	playing?: boolean;
+	poster?: string;
+	reset?: boolean;
+	style?: { background?: { color?: { hex?: string } } };
+}
+
+declare const Video: ComponentType<VideoProps>;
+
+export default Video;

package/types/wrapper-gradient.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface WrapperGradientProps {
+	children?: ReactNode;
+	className?: string;
+	classNameGradient?: string;
+	classNameScroll?: string;
+	color?: string;
+	gradientTopOffset?: number | string;
+	horizontal?: boolean | 'both';
+}
+
+export declare const useWrapperGradient: () => { atBottom: boolean; atRight: boolean } | null;
+
+declare const WrapperGradient: ComponentType<WrapperGradientProps>;
+
+export default WrapperGradient;