chop-logic-components 3.7.2 → 4.0.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { AnchorHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { ChangeEventHandler } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
@@ -11,15 +12,12 @@ import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { MouseEventHandler } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
-import { SVGProps } from 'react';
-import { ThemeContextProps as ThemeContextProps_2 } from '../..';
 
 export declare const Accordion: FC<AccordionProps>;
 
@@ -68,16 +66,14 @@ export declare const Button: FC<ButtonProps & {
     visibleOn?: "hover" | "click" | "focus" | "contextmenu";
 }>;
 
-export declare interface ButtonProps extends Partial<ChopLogicInputProps> {
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
+export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     view?: ButtonView;
     icon?: IconName;
     text?: string;
     extended?: boolean;
-    type?: 'button' | 'reset' | 'submit';
     tooltip?: string;
+    label?: string;
+    iconSize?: ElementSize;
 }
 
 export declare enum ButtonView {
@@ -124,10 +120,6 @@ export declare type ChopLogicRegExpWithFlags = {
     flags?: string;
 };
 
-export declare interface ChopLogicSVGElementProps extends SVGProps<SVGSVGElement> {
-    title?: string;
-}
-
 export declare interface ChopLogicTabItem {
     content: ReactElement;
     title: string;
@@ -135,6 +127,10 @@ export declare interface ChopLogicTabItem {
     disabled?: boolean;
 }
 
+export declare const CL_DARK_THEME_CLASS = "cl-components-dark-theme";
+
+export declare const CL_LIGHT_THEME_CLASS = "cl-components-light-theme";
+
 export declare const Dialog: FC<DialogProps>;
 
 export declare interface DialogProps extends ChopLogicComponentProps, PropsWithChildren {
@@ -162,6 +158,15 @@ export declare interface EditableTextProps extends ChopLogicComponentProps {
     readOnly?: boolean;
 }
 
+export declare enum ElementSize {
+    ExtraSmall = "xs",
+    Small = "s",
+    Medium = "m",
+    Large = "l",
+    ExtraLarge = "xl",
+    ExtraExtraLarge = "2xl"
+}
+
 export declare const ErrorMessage: FC<ErrorMessageProps>;
 
 declare type ErrorMessageProps = {
@@ -245,54 +250,295 @@ export declare interface HeaderProps extends HTMLAttributes<HTMLHeadingElement>
 export declare const Icon: FC<IconProps>;
 
 export declare enum IconName {
-    ArrowDown = "arrow-down",
-    ArrowUp = "arrow-up",
-    Back = "back",
-    Cancel = "cancel",
-    CheckboxChecked = "checkbox-checked",
-    CheckboxUnchecked = "checkbox-unchecked",
-    CheckMark = "check-mark",
-    ChevronDown = "chevron-down",
-    ChevronLeft = "chevron-left",
-    ChevronRight = "chevron-right",
-    ChevronUp = "chevron-up",
-    ChopLogic = "chop-logic",
-    Clear = "clear",
-    Copy = "copy",
-    Cut = "cut",
-    Delete = "delete",
-    Documents = "documents",
-    Download = "download",
-    Edit = "edit",
-    Email = "email",
-    Error = "error",
-    Forward = "forward",
-    Graduate = "graduate",
-    Help = "help",
-    Hide = "hide",
-    Home = "home",
-    Image = "image",
-    Info = "info",
-    Login = "login",
-    Paste = "paste",
-    Phone = "phone",
-    PlusCircle = "plus-circle",
-    Projects = "projects",
-    Question = "question",
-    Save = "save",
-    Search = "search",
-    Settings = "settings",
-    Show = "show",
-    Upload = "upload",
-    Warning = "warning",
-    Remove = "remove"
-}
-
-export declare interface IconProps extends ChopLogicComponentProps, HTMLAttributes<SVGSVGElement> {
+    Activity = "chop-icon__activity",
+    Airplay = "chop-icon__airplay",
+    AlertCircle = "chop-icon__alert-circle",
+    AlertOctagon = "chop-icon__alert-octagon",
+    AlertTriangle = "chop-icon__alert-triangle",
+    AlignCenter = "chop-icon__align-center",
+    AlignJustify = "chop-icon__align-justify",
+    AlignLeft = "chop-icon__align-left",
+    AlignRight = "chop-icon__align-right",
+    Anchor = "chop-icon__anchor",
+    Aperture = "chop-icon__aperture",
+    Archive = "chop-icon__archive",
+    ArrowDown = "chop-icon__arrow-down",
+    ArrowDownCircle = "chop-icon__arrow-down-circle",
+    ArrowDownLeft = "chop-icon__arrow-down-left",
+    ArrowDownRight = "chop-icon__arrow-down-right",
+    ArrowLeft = "chop-icon__arrow-left",
+    ArrowLeftCircle = "chop-icon__arrow-left-circle",
+    ArrowRight = "chop-icon__arrow-right",
+    ArrowRightCircle = "chop-icon__arrow-right-circle",
+    ArrowUp = "chop-icon__arrow-up",
+    ArrowUpCircle = "chop-icon__arrow-up-circle",
+    ArrowUpLeft = "chop-icon__arrow-up-left",
+    ArrowUpRight = "chop-icon__arrow-up-right",
+    AtSign = "chop-icon__at-sign",
+    Award = "chop-icon__award",
+    BarChart = "chop-icon__bar-chart",
+    BarChart2 = "chop-icon__bar-chart-2",
+    Battery = "chop-icon__battery",
+    BatteryCharging = "chop-icon__battery-charging",
+    Bell = "chop-icon__bell",
+    BellOff = "chop-icon__bell-off",
+    Bluetooth = "chop-icon__bluetooth",
+    Bold = "chop-icon__bold",
+    Book = "chop-icon__book",
+    BookOpen = "chop-icon__book-open",
+    Bookmark = "chop-icon__bookmark",
+    Box = "chop-icon__box",
+    Briefcase = "chop-icon__briefcase",
+    Calendar = "chop-icon__calendar",
+    Camera = "chop-icon__camera",
+    CameraOff = "chop-icon__camera-off",
+    Cast = "chop-icon__cast",
+    Check = "chop-icon__check",
+    CheckCircle = "chop-icon__check-circle",
+    CheckSquare = "chop-icon__check-square",
+    ChevronDown = "chop-icon__chevron-down",
+    ChevronLeft = "chop-icon__chevron-left",
+    ChevronRight = "chop-icon__chevron-right",
+    ChevronUp = "chop-icon__chevron-up",
+    ChevronsDown = "chop-icon__chevrons-down",
+    ChevronsLeft = "chop-icon__chevrons-left",
+    ChevronsRight = "chop-icon__chevrons-right",
+    ChevronsUp = "chop-icon__chevrons-up",
+    Chrome = "chop-icon__chrome",
+    Circle = "chop-icon__circle",
+    Clipboard = "chop-icon__clipboard",
+    Clock = "chop-icon__clock",
+    Cloud = "chop-icon__cloud",
+    CloudDrizzle = "chop-icon__cloud-drizzle",
+    CloudLightning = "chop-icon__cloud-lightning",
+    CloudOff = "chop-icon__cloud-off",
+    CloudRain = "chop-icon__cloud-rain",
+    CloudSnow = "chop-icon__cloud-snow",
+    Code = "chop-icon__code",
+    Codepen = "chop-icon__codepen",
+    Codesandbox = "chop-icon__codesandbox",
+    Coffee = "chop-icon__coffee",
+    Columns = "chop-icon__columns",
+    Command = "chop-icon__command",
+    Compass = "chop-icon__compass",
+    Copy = "chop-icon__copy",
+    CornerDownLeft = "chop-icon__corner-down-left",
+    CornerDownRight = "chop-icon__corner-down-right",
+    CornerLeftDown = "chop-icon__corner-left-down",
+    CornerLeftUp = "chop-icon__corner-left-up",
+    CornerRightDown = "chop-icon__corner-right-down",
+    CornerRightUp = "chop-icon__corner-right-up",
+    CornerUpLeft = "chop-icon__corner-up-left",
+    CornerUpRight = "chop-icon__corner-up-right",
+    Cpu = "chop-icon__cpu",
+    CreditCard = "chop-icon__credit-card",
+    Crop = "chop-icon__crop",
+    Crosshair = "chop-icon__crosshair",
+    Database = "chop-icon__database",
+    Delete = "chop-icon__delete",
+    Disc = "chop-icon__disc",
+    DollarSign = "chop-icon__dollar-sign",
+    Download = "chop-icon__download",
+    DownloadCloud = "chop-icon__download-cloud",
+    Droplet = "chop-icon__droplet",
+    Edit = "chop-icon__edit",
+    Edit2 = "chop-icon__edit-2",
+    Edit3 = "chop-icon__edit-3",
+    ExternalLink = "chop-icon__external-link",
+    Eye = "chop-icon__eye",
+    EyeOff = "chop-icon__eye-off",
+    Facebook = "chop-icon__facebook",
+    FastForward = "chop-icon__fast-forward",
+    Feather = "chop-icon__feather",
+    Figma = "chop-icon__figma",
+    File = "chop-icon__file",
+    FileMinus = "chop-icon__file-minus",
+    FilePlus = "chop-icon__file-plus",
+    FileText = "chop-icon__file-text",
+    Film = "chop-icon__film",
+    Filter = "chop-icon__filter",
+    Flag = "chop-icon__flag",
+    Folder = "chop-icon__folder",
+    FolderMinus = "chop-icon__folder-minus",
+    FolderPlus = "chop-icon__folder-plus",
+    Framer = "chop-icon__framer",
+    Frown = "chop-icon__frown",
+    Gift = "chop-icon__gift",
+    GitBranch = "chop-icon__git-branch",
+    GitCommit = "chop-icon__git-commit",
+    GitMerge = "chop-icon__git-merge",
+    GitPullRequest = "chop-icon__git-pull-request",
+    Github = "chop-icon__github",
+    Gitlab = "chop-icon__gitlab",
+    Globe = "chop-icon__globe",
+    Grid = "chop-icon__grid",
+    HardDrive = "chop-icon__hard-drive",
+    Hash = "chop-icon__hash",
+    Headphones = "chop-icon__headphones",
+    Heart = "chop-icon__heart",
+    HelpCircle = "chop-icon__help-circle",
+    Hexagon = "chop-icon__hexagon",
+    Home = "chop-icon__home",
+    Image = "chop-icon__image",
+    Inbox = "chop-icon__inbox",
+    Info = "chop-icon__info",
+    Instagram = "chop-icon__instagram",
+    Italic = "chop-icon__italic",
+    Key = "chop-icon__key",
+    Layers = "chop-icon__layers",
+    Layout = "chop-icon__layout",
+    LifeBuoy = "chop-icon__life-buoy",
+    Link = "chop-icon__link",
+    Link2 = "chop-icon__link-2",
+    Linkedin = "chop-icon__linkedin",
+    List = "chop-icon__list",
+    Loader = "chop-icon__loader",
+    Lock = "chop-icon__lock",
+    LogIn = "chop-icon__log-in",
+    LogOut = "chop-icon__log-out",
+    Mail = "chop-icon__mail",
+    Map = "chop-icon__map",
+    MapPin = "chop-icon__map-pin",
+    Maximize = "chop-icon__maximize",
+    Maximize2 = "chop-icon__maximize-2",
+    Meh = "chop-icon__meh",
+    Menu = "chop-icon__menu",
+    MessageCircle = "chop-icon__message-circle",
+    MessageSquare = "chop-icon__message-square",
+    Mic = "chop-icon__mic",
+    MicOff = "chop-icon__mic-off",
+    Minimize = "chop-icon__minimize",
+    Minimize2 = "chop-icon__minimize-2",
+    Minus = "chop-icon__minus",
+    MinusCircle = "chop-icon__minus-circle",
+    MinusSquare = "chop-icon__minus-square",
+    Monitor = "chop-icon__monitor",
+    Moon = "chop-icon__moon",
+    MoreHorizontal = "chop-icon__more-horizontal",
+    MoreVertical = "chop-icon__more-vertical",
+    MousePointer = "chop-icon__mouse-pointer",
+    Move = "chop-icon__move",
+    Music = "chop-icon__music",
+    Navigation = "chop-icon__navigation",
+    Navigation2 = "chop-icon__navigation-2",
+    Octagon = "chop-icon__octagon",
+    Package = "chop-icon__package",
+    Paperclip = "chop-icon__paperclip",
+    Pause = "chop-icon__pause",
+    PauseCircle = "chop-icon__pause-circle",
+    PenTool = "chop-icon__pen-tool",
+    Percent = "chop-icon__percent",
+    Phone = "chop-icon__phone",
+    PhoneCall = "chop-icon__phone-call",
+    PhoneForwarded = "chop-icon__phone-forwarded",
+    PhoneIncoming = "chop-icon__phone-incoming",
+    PhoneMissed = "chop-icon__phone-missed",
+    PhoneOff = "chop-icon__phone-off",
+    PhoneOutgoing = "chop-icon__phone-outgoing",
+    PieChart = "chop-icon__pie-chart",
+    Play = "chop-icon__play",
+    PlayCircle = "chop-icon__play-circle",
+    Plus = "chop-icon__plus",
+    PlusCircle = "chop-icon__plus-circle",
+    PlusSquare = "chop-icon__plus-square",
+    Pocket = "chop-icon__pocket",
+    Power = "chop-icon__power",
+    Printer = "chop-icon__printer",
+    Radio = "chop-icon__radio",
+    RefreshCcw = "chop-icon__refresh-ccw",
+    RefreshCw = "chop-icon__refresh-cw",
+    Repeat = "chop-icon__repeat",
+    Rewind = "chop-icon__rewind",
+    RotateCcw = "chop-icon__rotate-ccw",
+    RotateCw = "chop-icon__rotate-cw",
+    Rss = "chop-icon__rss",
+    Save = "chop-icon__save",
+    Scissors = "chop-icon__scissors",
+    Search = "chop-icon__search",
+    Send = "chop-icon__send",
+    Server = "chop-icon__server",
+    Settings = "chop-icon__settings",
+    Share = "chop-icon__share",
+    Share2 = "chop-icon__share-2",
+    Shield = "chop-icon__shield",
+    ShieldOff = "chop-icon__shield-off",
+    ShoppingBag = "chop-icon__shopping-bag",
+    ShoppingCart = "chop-icon__shopping-cart",
+    Shuffle = "chop-icon__shuffle",
+    Sidebar = "chop-icon__sidebar",
+    SkipBack = "chop-icon__skip-back",
+    SkipForward = "chop-icon__skip-forward",
+    Slack = "chop-icon__slack",
+    Slash = "chop-icon__slash",
+    Sliders = "chop-icon__sliders",
+    Smartphone = "chop-icon__smartphone",
+    Smile = "chop-icon__smile",
+    Speaker = "chop-icon__speaker",
+    Square = "chop-icon__square",
+    Star = "chop-icon__star",
+    StopCircle = "chop-icon__stop-circle",
+    Sun = "chop-icon__sun",
+    Sunrise = "chop-icon__sunrise",
+    Sunset = "chop-icon__sunset",
+    Tablet = "chop-icon__tablet",
+    Tag = "chop-icon__tag",
+    Target = "chop-icon__target",
+    Terminal = "chop-icon__terminal",
+    Thermometer = "chop-icon__thermometer",
+    ThumbsDown = "chop-icon__thumbs-down",
+    ThumbsUp = "chop-icon__thumbs-up",
+    ToggleLeft = "chop-icon__toggle-left",
+    ToggleRight = "chop-icon__toggle-right",
+    Tool = "chop-icon__tool",
+    Trash = "chop-icon__trash",
+    Trash2 = "chop-icon__trash-2",
+    Trello = "chop-icon__trello",
+    TrendingDown = "chop-icon__trending-down",
+    TrendingUp = "chop-icon__trending-up",
+    Triangle = "chop-icon__triangle",
+    Truck = "chop-icon__truck",
+    Tv = "chop-icon__tv",
+    Twitch = "chop-icon__twitch",
+    Twitter = "chop-icon__twitter",
+    Type = "chop-icon__type",
+    Umbrella = "chop-icon__umbrella",
+    Underline = "chop-icon__underline",
+    Unlock = "chop-icon__unlock",
+    Upload = "chop-icon__upload",
+    UploadCloud = "chop-icon__upload-cloud",
+    User = "chop-icon__user",
+    UserCheck = "chop-icon__user-check",
+    UserMinus = "chop-icon__user-minus",
+    UserPlus = "chop-icon__user-plus",
+    UserX = "chop-icon__user-x",
+    Users = "chop-icon__users",
+    Video = "chop-icon__video",
+    VideoOff = "chop-icon__video-off",
+    Voicemail = "chop-icon__voicemail",
+    Volume = "chop-icon__volume",
+    Volume1 = "chop-icon__volume-1",
+    Volume2 = "chop-icon__volume-2",
+    VolumeX = "chop-icon__volume-x",
+    Watch = "chop-icon__watch",
+    Wifi = "chop-icon__wifi",
+    WifiOff = "chop-icon__wifi-off",
+    Wind = "chop-icon__wind",
+    X = "chop-icon__x",
+    XCircle = "chop-icon__x-circle",
+    XOctagon = "chop-icon__x-octagon",
+    XSquare = "chop-icon__x-square",
+    Youtube = "chop-icon__youtube",
+    Zap = "chop-icon__zap",
+    ZapOff = "chop-icon__zap-off",
+    ZoomIn = "chop-icon__zoom-in",
+    ZoomOut = "chop-icon__zoom-out"
+}
+
+declare interface IconProps extends ChopLogicComponentProps {
     name?: IconName;
     testId?: string;
-    title?: string;
     hidden?: boolean;
+    size?: ElementSize;
 }
 
 declare const Image_2: FC<ImageProps & {
@@ -336,6 +582,10 @@ declare type LabelProps = {
     isTextHidden?: boolean;
     icon?: IconName;
     iconPosition?: 'left' | 'right';
+    iconSize?: ElementSize;
+    disabled?: boolean;
+    className?: string;
+    testId?: string;
 };
 
 export declare const Link: FC<LinkProps>;
@@ -348,8 +598,6 @@ export declare interface LinkProps extends PropsWithChildren, AnchorHTMLAttribut
     disabled?: boolean;
 }
 
-export declare const Loader: FC<LoaderProps>;
-
 export declare interface LoaderProps extends ChopLogicComponentProps, HTMLAttributes<HTMLSpanElement> {
     view?: LoaderView;
 }
@@ -474,6 +722,14 @@ export declare type SelectValue = {
     [key in string]: unknown;
 };
 
+export declare enum SemanticColor {
+    Default = "default",
+    Info = "info",
+    Success = "success",
+    Warning = "warning",
+    Danger = "danger"
+}
+
 export declare const Switch: FC<SwitchProps>;
 
 export declare interface SwitchProps {
@@ -531,21 +787,18 @@ export declare interface TextInputProps extends ChopLogicInputProps {
 
 export declare type TextInputValidator = (input: string) => boolean;
 
-export declare const ThemeContext: Context<ThemeContextProps>;
+export declare const ThemeContext: Context<    {
+mode?: ThemeMode;
+setMode: (mode: ThemeMode) => void;
+}>;
 
-export declare interface ThemeContextProps {
-    mode?: ThemeMode;
-    setMode: (mode: ThemeMode) => void;
-}
+declare type ThemeMode = typeof CL_LIGHT_THEME_CLASS | typeof CL_DARK_THEME_CLASS;
 
-export declare enum ThemeMode {
-    Light = "cl-components-light-theme",
-    Dark = "cl-components-dark-theme"
-}
+declare type ThemeMode_2 = typeof CL_LIGHT_THEME_CLASS | typeof CL_DARK_THEME_CLASS;
 
 export declare const ThemeProvider: FC<{
     children: ReactNode;
-    injectedMode?: ThemeMode;
+    injectedMode?: ThemeMode_2;
 }>;
 
 export declare const Tooltip: FC<TooltipProps>;
@@ -564,6 +817,7 @@ export declare interface TooltipProps extends PropsWithChildren, ChopLogicCompon
     visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
     autoClose?: boolean;
     autoCloseDelay?: number;
+    color?: SemanticColor;
 }
 
 export declare const useAutoClose: ({ isOpened, onClose, autoClose, autoCloseDelay, }: {
@@ -616,18 +870,22 @@ declare type useKeyPressParams = {
 
 export declare const useModalFocusTrap: ({ modalRef, isOpened }: ModalFocusTrapParams) => void;
 
-export declare function useRemainingTimer({ isOpened, isHovered, onClose, autoCloseDelay, }: UseRemainingTimerProps): number;
+export declare function useRemainingTimer({ isOpened, isHovered, onClose, autoClose, autoCloseDelay, }: UseRemainingTimerProps): number;
 
 declare type UseRemainingTimerProps = {
     isOpened: boolean;
     isHovered: boolean;
     onClose: () => void;
+    autoClose?: boolean;
     autoCloseDelay?: number;
 };
 
 export declare const useResetFormInput: (onReset: () => void) => void;
 
-export declare const useTheme: () => ThemeContextProps_2;
+export declare const useTheme: () => {
+    mode?: "cl-components-light-theme" | "cl-components-dark-theme";
+    setMode: (mode: "cl-components-light-theme" | "cl-components-dark-theme") => void;
+};
 
 export declare const useTooltipPosition: ({ wrapperRef, tooltipRef, isOpened, spacing, }: useTooltipPositionParams) => {
     top: number;