labsense-ui-kit 1.3.22 → 1.3.24

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconNames } from '../Icons/index';
+interface BadgeProps {
+    text: string;
+    height?: string;
+    fontSize?: string;
+    padding?: string;
+    background?: string;
+    textColor?: string;
+    icon?: {
+        icon: IconNames;
+        size?: number;
+        color?: string;
+        weight?: string;
+        onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement | SVGElement>) => void;
+    };
+    image?: {
+        src: string;
+        img_alt: string;
+        width: string;
+        height: string;
+    };
+    tooltipText?: string;
+    tooltipCSS?: {
+        background?: string;
+        color?: string;
+        border?: string;
+        fontSize?: string;
+        fontWeight?: string;
+        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+    };
+}
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/Badge/IconTooltip.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../Icons/index';
+interface ITooltipProps {
+    icon?: IconProps;
+    image?: {
+        src: string;
+        img_alt: string;
+        width: string;
+        height: string;
+    };
+    infoIcon?: IconProps;
+    infoText: React.ReactNode;
+    tooltipCSS?: {
+        background?: string;
+        gap?: string;
+        minWidth?: string;
+        maxWidth?: string;
+        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+        tooltipTop?: string;
+        border?: string;
+        borderRadius?: string;
+    };
+}
+declare const IconTooltip: React.FC<ITooltipProps>;
+export default IconTooltip;

package/dist/Badge/index.d.ts

@@ -0,0 +1,3 @@
+import Badge from './Badge';
+import IconTooltip from './IconTooltip';
+export { Badge, IconTooltip };

package/dist/Breadcrums/Breadcrums.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface BreadcrumbDetail {
+    navigateLink?: string;
+    text: string;
+}
+interface BreadcrumbsProps {
+    backLink?: boolean;
+    disabled?: boolean;
+    breadcrumbs: BreadcrumbDetail[];
+    onBackClick?: () => void;
+}
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/dist/Breadcrums/index.d.ts

@@ -0,0 +1,2 @@
+import Breadcrumbs, { BreadcrumbDetail } from './Breadcrums';
+export { Breadcrumbs, BreadcrumbDetail };

package/dist/Buttons/Button.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconNames } from '../Icons/index';
+export type buttonSizes = 'small' | 'medium' | 'large' | 'custom';
+export type buttonVariant = 'primary' | 'secondary' | 'tertiary' | 'error' | 'outline-primary' | 'outline-secondary' | 'outline-error' | 'custom';
+export type iconPosition = 'right' | 'left';
+export interface ButtonLoaderProps {
+    loading?: boolean;
+    loaderPosition?: 'right' | 'left';
+    loaderColor?: string;
+}
+export interface ButtonProps {
+    onClick?: () => void;
+    text?: string;
+    icon?: IconNames;
+    size?: buttonSizes;
+    buttonWidth?: string;
+    background?: string;
+    hoverColor?: string;
+    color?: string;
+    colorHover?: string;
+    fontWeight?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    borderDefault?: string;
+    borderHover?: string;
+    borderRadius?: string;
+    padding?: string;
+    gap?: string;
+    iconClick?: () => void;
+    iconPosition?: iconPosition;
+    iconWeight?: string;
+    iconSize?: number;
+    disabled?: boolean;
+    variant?: buttonVariant;
+    loaderProps?: ButtonLoaderProps;
+}
+declare const ButtonComponent: React.FC<ButtonProps>;
+export default ButtonComponent;

package/dist/Buttons/index.d.ts

@@ -0,0 +1,2 @@
+import Button, { ButtonProps, ButtonLoaderProps } from './Button';
+export { Button, ButtonProps, ButtonLoaderProps };

package/dist/Carousel/ButtonCarousel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface InnerContentProps {
+    contentLength: number;
+    innerNode?: React.ReactNode;
+}
+declare const ButtonCarousel: React.FC<InnerContentProps>;
+export default ButtonCarousel;

package/dist/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+import ButtonCarousel from './ButtonCarousel';
+export { ButtonCarousel };

package/dist/Container&Span/StyledComponents.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width?: string | undefined;
+    $minWidth?: string | undefined;
+    $maxWidth?: string | undefined;
+    $height?: string | undefined;
+    $minHeight?: string | undefined;
+    $maxHeight?: string | undefined;
+    $flex?: string | undefined;
+    $flexDirection?: string | undefined;
+    $justifyContent?: string | undefined;
+    $alignItems?: string | undefined;
+    $gap?: string | undefined;
+    $padding?: string | undefined;
+    $background?: string | undefined;
+    $fontSize?: string | undefined;
+    $objectfit?: string | undefined;
+    $margin?: string | undefined;
+    $cursor?: string | undefined;
+    $opacity?: number | undefined;
+    $pointerEvents?: string | undefined;
+    $position?: string | undefined;
+    $top?: string | undefined;
+    $bottom?: string | undefined;
+    $left?: string | undefined;
+    $right?: string | undefined;
+    $flexWrap?: string | undefined;
+    $textAlign?: string | undefined;
+    $overflow?: string | undefined;
+    $overflowWrap?: string | undefined;
+    $overflowY?: string | undefined;
+    $color?: string | undefined;
+    $zIndex?: number | undefined;
+    $scrollbarWidth?: string | undefined;
+    $border?: string | undefined;
+    $borderRadius?: string | undefined;
+    $borderTopLeftRadius?: string | undefined;
+    $borderTopRightRadius?: string | undefined;
+    $borderBottomRightRadius?: string | undefined;
+    $borderBottomLeftRadius?: string | undefined;
+    $borderTop?: string | undefined;
+    $borderBottom?: string | undefined;
+    $borderLeft?: string | undefined;
+    $fontWeight?: string | undefined;
+    $hoverBackground?: string | undefined;
+    $hoverColor?: string | undefined;
+    $transition?: string | undefined;
+    $transform?: string | undefined;
+    $boxShadow?: string | undefined;
+    $backDropFilter?: string | undefined;
+    $whiteSpace?: string | undefined;
+}>> & string;
+export declare const Span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $fontFamily?: string | undefined;
+    $fontWeight?: string | undefined;
+    $fontSize?: string | undefined;
+    $fontStyle?: string | undefined;
+    $color?: string | undefined;
+    $lineHeight?: string | undefined;
+    $textAlign?: string | undefined;
+    $width?: string | undefined;
+    $minWidth?: string | undefined;
+    $overflowWrap?: string | undefined;
+    $whiteSpace?: string | undefined;
+}>> & string;

package/dist/Date-Time/DatePicker.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface DatePickerProps {
+    dateSize?: number;
+    futureDateTime?: boolean;
+    dateTime: {
+        startDate: Date | null;
+        endDate: Date | null;
+    };
+    setDateTime: React.Dispatch<React.SetStateAction<{
+        startDate: Date | null;
+        endDate: Date | null;
+    }>>;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/Date-Time/index.d.ts

@@ -0,0 +1,2 @@
+import DatePicker from './DatePicker';
+export { DatePicker };

package/dist/Dropdown/ButtonDropdown.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface DropdownOption {
+    label: string;
+    value: string;
+    onClick: () => void;
+}
+interface ButtonDropdownProps {
+    options: DropdownOption[];
+    initialValue?: string;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'primary' | 'outline-primary' | 'secondary';
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare const ButtonDropdown: React.FC<ButtonDropdownProps>;
+export default ButtonDropdown;

package/dist/Dropdown/MultiSelectDropdown.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { Icon, IconNames } from '../Icons';
+export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+interface IconProps {
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface Icon {
+    name?: IconNames;
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface Option {
+    value: string;
+    labelText: string;
+}
+interface MultiSelectDropdownProps {
+    options: Option[];
+    title?: string;
+    titleWeight?: string;
+    titleSize?: number;
+    titleColor?: string;
+    labelText?: string;
+    handleSelectChange: (selectedValues: string[]) => void;
+    placeholder?: string;
+    width?: string;
+    height?: string;
+    background?: string;
+    border?: string;
+    borderRadius?: string;
+    menuBackground?: string;
+    optionBorder?: string;
+    optionColor?: string;
+    searchIcon?: IconProps;
+    searchbarTextColor?: string;
+    optionsBorderRadius?: string;
+    selectedOptionBackground?: string;
+    selectedOptionColor?: string;
+    selectedOptions: string[];
+    placeholderColor?: string;
+    removeIconBackground?: string;
+    removeIcon?: IconProps;
+    searchBoxBackground?: string;
+    searchBoxBorder?: string;
+    searchBoxBorderRadius?: string;
+    type?: 'add' | 'remove';
+    size?: 'small' | 'medium' | 'large';
+    replaceLabel?: boolean;
+    icon?: Icon;
+    optionWidth?: string;
+    labelStyle?: string;
+    labelColor?: string;
+    disabled?: boolean;
+    required?: boolean;
+    searchBox?: boolean;
+    NoOptionsText?: string;
+}
+declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
+export default MultiSelectDropdown;

package/dist/Dropdown/OptionComponent.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+interface Option {
+    value: string;
+    labelText: string;
+}
+interface IconProps {
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface OptionProps {
+    options: Option[];
+    selectedOptions: string[];
+    onChange: (selectedValues: string[]) => void;
+    placeholder?: string;
+    placeholderColor?: string;
+    optionBorder?: string;
+    optionColor?: string;
+    searchIcon?: IconProps;
+    searchbarTextColor?: string;
+    searchBoxBorder?: string;
+    searchBoxBorderRadius?: string;
+    searchBoxBackground?: string;
+    searchBox?: boolean;
+    NoOptionsText?: string;
+}
+declare const OptionComponent: React.FC<OptionProps>;
+export default OptionComponent;

package/dist/Dropdown/SelectOption.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Icon, IconNames } from '../Icons';
+export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $optionColor?: string | undefined;
+    $optionFontSize?: string | undefined;
+    $optionFontWeight?: string | undefined;
+    $optionBackgroundColor?: string | undefined;
+    $optionSelected?: boolean | undefined;
+}>> & string;
+export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $menuBackground?: string | undefined;
+    $optionsBorderRadius?: string | undefined;
+    $width?: string | undefined;
+    $top?: string | undefined;
+    $bottom?: string | undefined;
+    $optionsAvailable: boolean;
+    $dropDownPosition?: "center" | "left" | "right" | undefined;
+}>> & string;
+interface Option {
+    label: string;
+    value: string;
+}
+interface Icon {
+    name: IconNames;
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface SearchIconProps {
+    size?: number;
+    weight?: string;
+    color?: string;
+}
+interface SelectOption {
+    title?: string;
+    titlecolor?: string;
+    titleWeight?: string;
+    options: Option[];
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    labelText?: string;
+    width?: string;
+    color?: string;
+    padding?: string;
+    optionColor?: string;
+    optionFontSize?: string;
+    optionFontWeight?: string;
+    optionBackgroundColor?: string;
+    border?: string;
+    background?: string;
+    borderRadius?: string;
+    menuBackground?: string;
+    optionsBorderRadius?: string;
+    required?: boolean;
+    NoOptionsText?: string;
+    positionRef?: React.RefObject<HTMLElement>;
+    fontStyle?: string;
+    icon?: Icon;
+    searchBox?: boolean;
+    searchBoxBackground?: string;
+    searchBoxBorder?: string;
+    searchBoxBorderRadius?: string;
+    searchIcon?: SearchIconProps;
+    searchbarTextColor?: string;
+    placeholderText?: string;
+    iconColor?: string;
+    placeholderColor?: string;
+    inputColor?: string;
+    iconSize?: number;
+    allowDeselect?: boolean;
+    titleRightNode?: {
+        gap: string;
+        node: React.ReactNode;
+    };
+    dropDownPosition?: 'left' | 'center' | 'right';
+}
+declare const SelectOption: React.FC<SelectOption>;
+export default SelectOption;

package/dist/Dropdown/SelectedOption.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Option {
+    value: string;
+    labelText: string;
+}
+interface SelectedOptionProps {
+    selectedOptions: string[];
+    allOptions: Option[];
+    selectedOptionBackground?: string;
+    selectedOptionColor?: string;
+    removeIconBackground?: string;
+    removeIconColor?: string;
+    onChange?: (selectedValues: string[]) => void;
+    type?: 'add' | 'remove';
+}
+declare const SelectedOption: React.FC<SelectedOptionProps>;
+export default SelectedOption;

package/dist/Dropdown/index.d.ts

@@ -0,0 +1,6 @@
+import ButtonDropdown from './ButtonDropdown';
+import MultiSelectDropdown from './MultiSelectDropdown';
+import OptionComponent from './OptionComponent';
+import SelectedOption from './SelectedOption';
+import SelectOption, { DropdownMenu, Options } from './SelectOption';
+export { ButtonDropdown, MultiSelectDropdown, OptionComponent, SelectedOption, SelectOption, DropdownMenu, Options };

package/dist/Fonts/Font.d.ts

@@ -0,0 +1,6 @@
+export declare const fontFaces: import("styled-components").RuleSet<object>;
+export declare const GlobalFonts: {
+    bold: string;
+    regular: string;
+    light: string;
+};

package/dist/Icons/SVGs/AI_Brain.d.ts

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

package/dist/Icons/SVGs/AI_License.d.ts

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

package/dist/Icons/SVGs/AI_Web.d.ts

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

package/dist/Icons/SVGs/Action.d.ts

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

package/dist/Icons/SVGs/AddProfile.d.ts

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

package/dist/Icons/SVGs/AddUser.d.ts

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

package/dist/Icons/SVGs/Add_1.d.ts

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

package/dist/Icons/SVGs/Add_2.d.ts

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

package/dist/Icons/SVGs/Analytics.d.ts

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

package/dist/Icons/SVGs/App.d.ts

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

package/dist/Icons/SVGs/ArrowDown.d.ts

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

package/dist/Icons/SVGs/ArrowUp.d.ts

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

package/dist/Icons/SVGs/Arrow_Up_Down_Left_Right.d.ts

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

package/dist/Icons/SVGs/Ascending.d.ts

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

package/dist/Icons/SVGs/Back.d.ts

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

package/dist/Icons/SVGs/Bag.d.ts

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

package/dist/Icons/SVGs/Bank.d.ts

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

package/dist/Icons/SVGs/Bell.d.ts

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

package/dist/Icons/SVGs/Bin.d.ts

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

package/dist/Icons/SVGs/BookmarkAdd.d.ts

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

package/dist/Icons/SVGs/BookmarkSaved.d.ts

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

package/dist/Icons/SVGs/Bookmarks.d.ts

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

package/dist/Icons/SVGs/BrainNetworking.d.ts

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

package/dist/Icons/SVGs/Building.d.ts

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

package/dist/Icons/SVGs/Bulb.d.ts

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

package/dist/Icons/SVGs/Bus.d.ts

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

package/dist/Icons/SVGs/Business.d.ts

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

package/dist/Icons/SVGs/CCTV_1.d.ts

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

package/dist/Icons/SVGs/CCTV_2.d.ts

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

package/dist/Icons/SVGs/CPU.d.ts

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

package/dist/Icons/SVGs/Calendar.d.ts

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

package/dist/Icons/SVGs/Car.d.ts

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

package/dist/Icons/SVGs/Cart_check.d.ts

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