labsense-ui-kit 1.0.4 → 1.0.6

package/README.md

@@ -2,6 +2,10 @@
 
 LabSense UI Kit is a modern UI components library built with React, designed to streamline and accelerate web application development.
 
+You can review online a React project example and test some of the components on storybook in the live page:
+
+  **Storybook Link:** https://labsense-ui-kit-9e54b5.gitlab.io
+
 ---
 
 ## Getting Started

package/dist/Buttons/Button.d.ts

@@ -1,20 +1,26 @@
-import React from "react";
+import React from 'react';
+import { IconNames } from '../Icons';
+export declare type buttonSizes = 'small' | 'medium' | 'large' | 'custom';
+export declare type buttonVariant = 'primary' | 'secondary' | 'tertiary' | 'error' | 'outline-primary' | 'outline-secondary' | 'outline-error';
+export declare type iconPosition = 'right' | 'left';
 interface ButtonProps {
     onClick?: () => void;
-    svg?: React.ReactNode;
-    text: string;
-    size?: 'Small' | 'Regular' | 'Large' | 'CustomUsingPadding';
+    text?: string;
+    icon?: IconNames;
+    size?: buttonSizes;
     background?: string;
     color?: string;
     fontWeight?: string;
-    fontStyle?: string;
     fontSize?: string;
     fontFamily?: string;
-    lineHeight?: string;
     border?: string;
     borderRadius?: string;
     padding?: string;
     gap?: string;
+    iconPosition?: iconPosition;
+    iconWeight?: string;
+    disabled?: boolean;
+    variant?: buttonVariant;
 }
 declare const ButtonComponent: React.FC<ButtonProps>;
 export default ButtonComponent;

package/dist/Buttons/Old.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { colorVariables } from "../Themes/Colors";
+interface ButtonProps {
+    onClick?: () => void;
+    svg?: React.ReactNode;
+    text: string;
+    size?: 'Small' | 'Regular' | 'Large' | 'CustomUsingPadding';
+    background?: keyof typeof colorVariables.default;
+    color?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    lineHeight?: string;
+    border?: string;
+    borderRadius?: string;
+    padding?: string;
+    gap?: string;
+}
+declare const ButtonComponent: React.FC<ButtonProps>;
+export default ButtonComponent;

package/dist/Fonts/Font.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export default GlobalStyle;

package/dist/Icons/index.d.ts

@@ -1,12 +1,13 @@
-import React from "react";
-declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const IconWrapperForSVG: import("styled-components").StyledComponent<"g", any, {}, never>;
+import React from 'react';
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const IconWrapperForSVG: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGGElement>, never>> & string;
 export { IconWrapper, IconWrapperForSVG };
 export interface SVGProps {
     size: number;
     color: string;
     weight: string;
 }
+export declare type IconNames = 'Forward' | 'RunAway' | 'Back' | 'Download' | 'Wallet' | 'Bin' | 'Business' | 'Client' | 'Close' | 'Copy' | 'CloseCircle' | 'Cyber' | 'Shield' | 'Lock' | 'DownArrow' | 'Email' | 'FilesBox' | 'Filter' | 'Team' | 'History' | 'Information' | 'Letter' | 'Logout' | 'Mute' | 'Notifications' | 'Circle' | 'Phone' | 'Play' | 'Settings' | 'Profile_1' | 'Profile_2' | 'Search' | 'Edit' | 'RightArrow' | 'LeftArrow' | 'ThumbsUp' | 'Tick' | 'SandTimer' | 'Zapper';
 declare const IconSVGs: {
     [key: string]: React.FC<SVGProps>;
 };

package/dist/Loader/CircularLoader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface CircularSpinnerProps {
+    size?: "small" | "medium" | "large";
+    color?: string;
+    speed?: number;
+    dotSize?: number;
+    text?: React.ReactNode;
+}
+declare const _default: React.NamedExoticComponent<CircularSpinnerProps>;
+export default _default;

package/dist/Loader/index.d.ts

@@ -0,0 +1,2 @@
+import CircularLoader from "./CircularLoader";
+export { CircularLoader };

package/dist/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ProgressBarProps {
+    totalSteps?: number;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressBar from "./ProgressBar";
+export { ProgressBar };

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TabProps {
+    content: string;
+}
+declare const Tabs: React.FC<TabProps>;
+export default Tabs;

package/dist/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+import Tabs from "./Tabs";
+export { Tabs };

package/dist/Themes/Colors.d.ts

@@ -0,0 +1,36 @@
+export declare const colorVariables: {
+    brand: {
+        'brand-1': string;
+        'brand-2': string;
+        'brand-3': string;
+    };
+    grays: {
+        'gray-1': string;
+        'gray-2': string;
+        'gray-3': string;
+        'gray-4': string;
+    };
+    accent: {
+        'accent-1': string;
+        'accent-2': string;
+        'accent-3': string;
+    };
+    default: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+    hover: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+};

package/dist/index.d.ts

@@ -1,4 +1,11 @@
 import { Button } from "./Buttons";
 import { Input } from "./Inputs";
-import { Icon } from './Icons';
-export { Button, Input, Icon };
+import { Icon, IconNames } from './Icons';
+import { Tabs } from './Tabs';
+import { ProgressBar } from './ProgressBar';
+import { colorVariables } from "./Themes/Colors";
+import { CircularLoader } from './Loader';
+import GlobalFonts from './Fonts/Font';
+export { Button, Input, Icon, Tabs, ProgressBar, colorVariables, GlobalFonts };
+export { CircularLoader };
+export { IconNames };