@dev-blinq/ui-systems 1.0.10 → 1.0.12

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/CustomButton/CustomButton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CustomButtonProps } from './CustomButtonProps';
+declare const CustomButton: React.FC<CustomButtonProps>;
+export default CustomButton;

package/dist/components/CustomButton/CustomButtonProps.d.ts

@@ -0,0 +1,11 @@
+import { ButtonSize, ButtonColorHierarchyType } from './CustomButtonTypes';
+import { ReactNode } from 'react';
+export interface CustomButtonProps {
+    size?: ButtonSize;
+    colorHierarchy?: ButtonColorHierarchyType;
+    disabled?: boolean;
+    text: string;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    onClick?: () => void;
+}

package/dist/components/CustomButton/CustomButtonTypes.d.ts

@@ -0,0 +1,10 @@
+export type ButtonSize = "sm" | "md" | "lg" | "xl";
+export type ButtonColor = "brand" | "gray" | "destructive" | "white";
+export type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
+export type ButtonState = "default" | "hover" | "focused" | "disabled";
+export type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
+export declare const buttonSizeArray: ButtonSize[];
+export declare const buttonColorArray: ButtonColor[];
+export declare const buttonHierarchyArray: ButtonHierarchy[];
+export declare const buttonStateArray: ButtonState[];
+export declare const buttonColorHierarchyArray: ButtonColorHierarchyType[];

package/dist/components/CustomCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type CustomCheckboxProps = {
+    checked: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+};
+declare const CustomCheckbox: React.FC<CustomCheckboxProps>;
+export default CustomCheckbox;

package/dist/components/CustomInput/ChooseInput.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from './CustomInputProps';
+export declare const ChooseInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/CustomInput.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CustomInputProps } from './CustomInputProps';
+declare const CustomInput: React.FC<CustomInputProps>;
+export default CustomInput;

package/dist/components/CustomInput/CustomInputProps.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+export type Size = "md" | "lg";
+export type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
+export interface CustomInputProps {
+    Size?: Size;
+    type?: Type;
+    label?: string;
+    disabled?: boolean;
+    errExists?: boolean;
+    placeholder: string;
+    leftIcon?: any;
+    rightIcon?: any;
+    onAction?: () => void;
+    style?: CSSProperties;
+    [key: string]: any;
+}
+export interface InputContext {
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    errExists: boolean;
+    leftIcon?: any;
+    rightIcon?: any;
+    onAction?: (text: string | undefined) => void;
+    [key: string]: any;
+}

package/dist/components/CustomInput/types/Action.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const ActionInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/CreditCard.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const CreditCardInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Currency.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const CurrencyInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Date.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const DateInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Link.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const LinkInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Number.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const NumberInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Password.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const PasswordInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CustomInput/types/Text.d.ts

@@ -0,0 +1,2 @@
+import { InputContext } from '../CustomInputProps';
+export declare const DefaultInput: (context: InputContext) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import { TypographyProps } from '@mui/material';
+type category = "display" | "heading" | "text";
+type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+type bold = "semibold" | "bold" | "extrabold" | "medium";
+interface TypegraphyCustomType extends TypographyProps {
+    Size?: size;
+    category?: category;
+    bold?: bold;
+}
+declare const TypographyCustom: React.FC<TypegraphyCustomType>;
+export default TypographyCustom;

package/dist/icons/details.d.ts

@@ -0,0 +1 @@
+export declare const DetailsIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/icons/index.d.ts

@@ -0,0 +1,2 @@
+import { default as MailIcon } from './mail.svg?react';
+export { MailIcon };

package/dist/icons/lock.d.ts

@@ -0,0 +1 @@
+export declare const LockIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/icons/mail.d.ts

@@ -0,0 +1,5 @@
+interface MailIconProps {
+    style?: React.CSSProperties;
+}
+export declare const MailIcon: ({ style }: MailIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/icons/password-eye.d.ts

@@ -0,0 +1 @@
+export declare const PasswordEyeIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Button } from './components/CustomButton/CustomButton';
+export { default as CustomInput } from './components/CustomInput/CustomInput';
+export { default as CustomCheckbox } from './components/CustomCheckbox';
+export { default as TypographyCustom } from './components/Typography/Typography';