@codeandfunction/callaloo 2.0.0 → 2.1.0

package/dist/types.d.ts

@@ -0,0 +1,586 @@
+export declare enum Align {
+    Left = "left",
+    Center = "center",
+    Right = "right"
+}
+export interface BannerProps {
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
+    align?: Align;
+    /** Sets the aria-label on the banner if the `onClick` property has been set. It should be used when the `onClick` property has been set. */
+    ariaLabel?: string;
+    /** A boolean value when set to `true`, adds a border to the banner.  */
+    bordered?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: BorderRadius;
+    /** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
+    busy?: boolean;
+    /** Sets the color of the Badge. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: Colors;
+    /** Sets the height of the Banner, it's default value is `auto`. */
+    height?: string;
+    /** The text to be displayed as the message. */
+    message?: string;
+    /** A callback function to handle click events. It should be used when in conjunction with the `ariaLabel` property. */
+    onClick?: GenericFunction;
+    /** A callback function to handle when the banner is dismissed. */
+    onDismiss?: GenericFunction;
+    /** When set to `false` it will not render a Banner with rounded corners. */
+    rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the text of the title which should be displayed. */
+    title?: string;
+    /** Sets the width of the Banner, it's default value is `100%`. */
+    width?: string;
+    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    variant?: ColorVariants;
+}
+export type BlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
+export declare enum BorderRadius {
+    Full = "rounded-full",
+    Large = "rounded-lg",
+    Medium = "rounded-md",
+    None = "rounded-none",
+    Small = "rounded-sm",
+    XLarge = "rounded-xl",
+    XXLarge = "rounded-2xl",
+    XXXLarge = "rounded-3xl",
+    XSmall = "rounded-xs"
+}
+export declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit"
+}
+export declare enum CardTypes {
+    Tiny = "tiny",
+    Compact = "compact",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export interface CardProps {
+    /** When set to `true`, it elelvates the card to indicate it's active state. */
+    active?: boolean;
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
+    align?: Align;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: BorderRadius;
+    /** A boolean value when set to `true`, adds a border to the card.  */
+    bordered?: boolean;
+    /** A `boolean` value which dictates the busy state of the card. When set to `true`, it utilizes the `<CLSkeleton />` component. */
+    busy?: boolean;
+    /** Appears below the title. Can be used to provide meta data, e.g. the time and date. */
+    byline?: string;
+    /** Sets the color of the Card. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: Colors;
+    /** The `elevated` property displays a shadow to indicate elevation. */
+    elevated?: boolean;
+    /** A callback function which provides a reference to the button. */
+    forwardRef?: (elem: HTMLDivElement) => void;
+    /** Sets the height of the Card, it's default value is `auto`. */
+    height?: string;
+    /** Provide a URL for the entire Card to behave as a link. */
+    href?: string;
+    /** Provide a URL/relative path to an image to be displayed. */
+    image?: string;
+    /** Set the alt text for an image, when the image prop has been set. */
+    imageAltText?: string;
+    /** Set the position of the image. If the row prop is not set, the image can be set to appear to the left or right of the slot content. */
+    imageOrder?: Order;
+    /** Sets the height of the image, it's default value is `auto`. */
+    imageHeight?: string;
+    /** Sets the width of the image, it's default value is `auto`. */
+    imageWidth?: string;
+    /** Indicates how the browser should load the image. Default is `CLLoading.Eager`*/
+    imageLoading?: Loading;
+    /** A callback function to handle click events. */
+    onClick?: GenericFunction;
+    /** When set to `false`, it will remove any horizontal and vertical padding of the slot content. */
+    padded?: boolean;
+    /** When set to `false` it will not render a Card with rounded corners. */
+    rounded?: boolean;
+    /** Sets where to display the linked URL. */
+    target?: LinkTarget;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the text of the title which should be displayed. */
+    title?: string;
+    /** Set the title type. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    titleType?: HeadingTypes;
+    /** Set the title heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
+    titleHLevel?: HeadingLevels;
+    /** Sets the Card type. The property can be one of `CLCardTypes`, e.g. `CLCardTypes.Medium`. */
+    type?: CardTypes;
+    /** Sets the width of the Card, it's default value is `auto`. */
+    width?: string;
+    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    variant?: ColorVariants;
+}
+export declare enum Colors {
+    Primary = "primary",
+    Secondary = "secondary",
+    Danger = "danger",
+    Info = "info",
+    Neutral = "neutral",
+    Warning = "warning",
+    Success = "success"
+}
+export declare enum ColorVariants {
+    Contrast = "contrast",
+    Ghost = "ghost",
+    Outline = "outline",
+    Soft = "soft",
+    Solid = "solid"
+}
+export type GenericFunction = (event?: Event) => void;
+export type GenericFocusFunction = (event: FocusEvent) => void;
+export declare enum HeadingLevels {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6"
+}
+export declare enum HeadingTypes {
+    Title = "title",
+    PageTitle = "pagetitle",
+    Section = "section",
+    SubSection = "subsection",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export declare enum IconSizes {
+    Tiny = "tiny",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge",
+    XXLarge = "xxlarge",
+    XXXLarge = "xxxlarge",
+    XXXXLarge = "xxxxlarge"
+}
+export declare enum IconNames {
+    Activity = "tabler:activity",
+    Ai = "tabler:ai",
+    Alarm = "tabler:alarm",
+    AlertSquare = "tabler:alert-square",
+    AlignBoxLeftTop = "tabler:align-box-left-top",
+    AlignBoxLeftMiddle = "tabler:align-box-left-middle",
+    AlignBoxLeftBottom = "tabler:align-box-left-bottom",
+    AlignBoxCenterTop = "tabler:align-box-center-top",
+    AlignBoxCenterMiddle = "tabler:align-box-center-middle",
+    AlignBoxCenterBottom = "tabler:align-box-center-bottom",
+    AlignBoxRightTop = "tabler:align-box-right-top",
+    AlignBoxRightMiddle = "tabler:align-box-right-middle",
+    AlignBoxRightBottom = "tabler:align-box-right-bottom",
+    AlignCenter = "tabler:align-center",
+    AlignLeft = "tabler:align-left",
+    AlignRight = "tabler:align-right",
+    AlignJustified = "tabler:align-justified",
+    Apps = "tabler:apps",
+    Archive = "tabler:archive",
+    ArrowBackUp = "tabler:arrow-back-up",
+    ArrowForwardUp = "tabler:arrow-forward-up",
+    ArrowsMove = "tabler:arrows-move",
+    ArrowBigUpLine = "tabler:arrow-big-up-line",
+    ArrowBigDownLine = "tabler:arrow-big-down-line",
+    ArrowBack = "tabler:arrow-back",
+    ArrowDown = "tabler:arrow-down",
+    ArrowForward = "tabler:arrow-forward",
+    ArrowLeft = "tabler:arrow-left",
+    ArrowRight = "tabler:arrow-right",
+    ArrowUp = "tabler:arrow-up",
+    ArrowNarrowDown = "tabler:arrow-narrow-down",
+    ArrowNarrowLeft = "tabler:arrow-narrow-left",
+    ArrowNarrowRight = "tabler:arrow-narrow-right",
+    ArrowNarrowUp = "tabler:arrow-narrow-up",
+    ArrowsDiagonal = "tabler:arrows-diagonal",
+    ArrowsMaximize = "tabler:arrows-maximize",
+    ArrowsMinimize = "tabler:arrows-minimize",
+    AtSign = "tabler:at",
+    Auth2fa = "tabler:auth-2fa",
+    Backspace = "tabler:backspace",
+    Book = "tabler:book",
+    BorderCorners = "tabler:border-corners",
+    BoxMargin = "tabler:box-margin",
+    Brush = "tabler:brush",
+    BrandApple = "tabler:brand-apple",
+    BrandAws = "tabler:brand-aws",
+    BrandCloudflare = "tabler:brand-cloudflare",
+    BrandFacebook = "tabler:brand-facebook-filled",
+    BrandGitlab = "tabler:brand-gitlab",
+    BrandGithub = "tabler:brand-github",
+    BrandGoogle = "tabler:brand-google-filled",
+    BrandInstagram = "tabler:brand-instagram",
+    BrandLinkedIn = "tabler:brand-linkedin",
+    BrandMastercard = "tabler:brand-mastercard",
+    BrandNpm = "tabler:brand-npm",
+    BrandNuxt = "tabler:brand-nuxt",
+    BrandReact = "tabler:brand-react",
+    BrandReactNative = "tabler:brand-react-native",
+    BrandSpotify = "tabler:brand-spotify",
+    BrandTidal = "tabler:brand-tidal",
+    BrandTikTok = "tabler:brand-tiktok",
+    BrandTwitter = "tabler:brand-twitter-filled",
+    BrandVercel = "tabler:brand-vercel",
+    BrandVisa = "tabler:brand-visa",
+    BrandVue = "tabler:brand-vue",
+    BrandWhatsApp = "tabler:brand-whatsapp",
+    BrandX = "tabler:brand-x",
+    BrandYouTube = "tabler:brand-youtube-filled",
+    Broadcast = "tabler:broadcast",
+    Browser = "tabler:browser",
+    Calendar = "tabler:calendar",
+    Calculator = "tabler:calculator",
+    CaretDown = "tabler:caret-down",
+    CaretLeft = "tabler:caret-left",
+    CaretRight = "tabler:caret-right",
+    CaretUp = "tabler:caret-up",
+    CarouselHorizontal = "tabler:carousel-horizontal",
+    Check = "tabler:check",
+    ChevronLeft = "tabler:chevron-left",
+    ChevronRight = "tabler:chevron-right",
+    ChevronUp = "tabler:chevron-up",
+    ChevronDown = "tabler:chevron-down",
+    CircleCheck = "tabler:circle-check",
+    CircleNumber0 = "tabler:circle-number-0",
+    CircleNumber1 = "tabler:circle-number-1",
+    CircleNumber2 = "tabler:circle-number-2",
+    CircleNumber3 = "tabler:circle-number-3",
+    CircleNumber4 = "tabler:circle-number-4",
+    CircleNumber5 = "tabler:circle-number-5",
+    CircleNumber6 = "tabler:circle-number-6",
+    CircleNumber7 = "tabler:circle-number-7",
+    CircleNumber8 = "tabler:circle-number-8",
+    CircleNumber9 = "tabler:circle-number-9",
+    Click = "tabler:click",
+    ClipboardCopy = "tabler:clipboard-copy",
+    ClipboardText = "tabler:clipboard-text",
+    Clock = "tabler:clock",
+    Clock2 = "tabler:clock-2",
+    Cloud = "tabler:cloud",
+    CloudComputing = "tabler:cloud-computing",
+    CloudDataConnection = "tabler:cloud-data-connection",
+    CloudUpload = "tabler:cloud-upload",
+    Code = "tabler:code",
+    Columns1 = "tabler:columns-1",
+    Columns2 = "tabler:columns-2",
+    Columns3 = "tabler:columns-3",
+    Command = "tabler:command",
+    Components = "tabler:components",
+    Contrast = "tabler:contrast",
+    Copy = "tabler:copy",
+    CreditCard = "tabler:credit-card",
+    Dasboard = "tabler:dashboard",
+    Database = "tabler:database",
+    DatabaseExport = "tabler:database-export",
+    Delete = "tabler:x",
+    Devices = "tabler:devices",
+    DeviceDesktop = "tabler:device-desktop",
+    DeviceGamepad = "tabler:device-gamepad",
+    DeviceMobile = "tabler:device-mobile",
+    DeviceTablet = "tabler:device-tablet",
+    DeviceTv = "tabler:device-tv",
+    Dialpad = "tabler:dialpad",
+    Download = "tabler:download",
+    DragDrop = "tabler:drag-drop",
+    EditItem = "tabler:edit-circle",
+    EditPencil = "tabler:edit",
+    Email = "tabler:mail",
+    ExternalLink = "tabler:external-link",
+    Eye = "tabler:eye",
+    EyeOff = "tabler:eye-off",
+    FaceId = "tabler:face-id",
+    FileText = "tabler:file-text",
+    FileTypeCss = "tabler:file-type-css",
+    FileTypeCsv = "tabler:file-type-csv",
+    FileTypeHtml = "tabler:file-type-html",
+    FileTypePng = "tabler:file-type-png",
+    FileTypeJpg = "tabler:file-type-jpg",
+    FileTypeJs = "tabler:file-type-js",
+    FileTypeJsx = "tabler:file-type-jsx",
+    FileTypeSvg = "tabler:file-type-svg",
+    FileTypeTs = "tabler:file-type-ts",
+    FileTypeVue = "tabler:file-type-vue",
+    Folder = "tabler:folder",
+    Forms = "tabler:forms",
+    Frame = "tabler:frame",
+    Hanger = "tabler:hanger",
+    HandStop = "tabler:hand-stop",
+    Heading = "tabler:heading",
+    Help = "tabler:help",
+    HelpCircle = "tabler:help-circle",
+    HelpSmall = "tabler:help-small",
+    Html = "tabler:html",
+    Image = "tabler:photo",
+    InfoCircle = "tabler:info-circle",
+    InfoSmall = "tabler:info-small",
+    GripHorizontal = "tabler:grip-horizontal",
+    GripVertical = "tabler:grip-vertical",
+    Keyboard = "tabler:keyboard",
+    Label = "tabler:label",
+    Layers = "tabler:layers-subtract",
+    Layout = "tabler:layout",
+    LayoutBottomBar = "tabler:layout-bottombar",
+    LayoutDashboard = "tabler:layout-dashboard",
+    LayoutGrid = "tabler:layout-grid",
+    LayoutNavbar = "tabler:layout-navbar",
+    LayoutRows = "tabler:layout-rows",
+    LayoutSidebar = "tabler:layout-sidebar",
+    LayoutSidebarRight = "tabler:layout-sidebar-right",
+    Link = "tabler:link",
+    List = "tabler:list",
+    ListNumbers = "tabler:list-numbers",
+    ListTree = "tabler:list-tree",
+    LoadBalancer = "tabler:load-balancer",
+    LogIn = "tabler:login",
+    LogOut = "tabler:logout",
+    Logs = "tabler:logs",
+    Palette = "tabler:palette",
+    Paint = "tabler:paint",
+    PhotoScan = "tabler:photo-scan",
+    Marquee = "tabler:marquee",
+    MarqueeOff = "tabler:marquee-off",
+    Mail = "tabler:mail",
+    Maximize = "tabler:maximize",
+    Menu = "tabler:menu-2",
+    Message = "tabler:message",
+    MessageDots = "tabler:message-dots",
+    MoodDollar = "tabler:mood-dollar",
+    MoodHeart = "tabler:mood-heart",
+    MoodKid = "tabler:mood-kid",
+    MoodNerd = "tabler:mood-nerd",
+    MoodNeutral = "tabler:mood-neutral",
+    MoodPuzzled = "tabler:mood-puzzled",
+    MoodSadSquint = "tabler:mood-sad-squint",
+    MoodSmile = "tabler:mood-smile",
+    MoodTongue = "tabler:mood-tongue",
+    MoodTongueWink = "tabler:mood-tongue-wink",
+    MoodTongueWink2 = "tabler:mood-tongue-wink-2",
+    MoodWink2 = "tabler:mood-wink-2",
+    MoodWrrr = "tabler:mood-wrrr",
+    Moon = "tabler:moon",
+    Mouse = "tabler:mouse",
+    MoreHorizontal = "tabler:dots",
+    MoreVertical = "tabler:dots-vertical",
+    Movie = "tabler:movie",
+    Music = "tabler:music",
+    NewSection = "tabler:new-section",
+    PlusCircle = "tabler:circle-plus",
+    Plus = "tabler:plus",
+    Pointer = "tabler:pointer",
+    Rectangle = "tabler:rectangle",
+    Refresh = "tabler:refresh",
+    Restore = "tabler:restore",
+    Rocket = "tabler:rocket",
+    RowInsertTop = "tabler:row-insert-top",
+    RowInsertBottom = "tabler:row-insert-bottom",
+    RowRemove = "tabler:row-remove",
+    Rss = "tabler:rss",
+    Scoreboard = "tabler:scoreboard",
+    Seo = "tabler:seo",
+    ShoppingCart = "tabler:shopping-cart",
+    ShieldCheck = "tabler:shield-check",
+    Search = "tabler:search",
+    Section = "tabler:section",
+    Select = "tabler:select",
+    Server = "tabler:server",
+    Server2 = "tabler:server-2",
+    Settings = "tabler:settings",
+    Share = "tabler:share",
+    Share2 = "tabler:share-2",
+    Share3 = "tabler:share-3",
+    Sliders = "tabler:adjustments",
+    Square = "tabler:square",
+    SquareCheck = "tabler:square-check",
+    SquarePlus = "tabler:square-plus",
+    Stack = "tabler:stack",
+    Stack2 = "tabler:stack-2",
+    Stack3 = "tabler:stack-3",
+    Sun = "tabler:sun",
+    Table = "tabler:table",
+    Ticket = "tabler:ticket",
+    Template = "tabler:template",
+    Terminal = "tabler:terminal",
+    Terminal2 = "tabler:terminal-2",
+    TextSize = "tabler:text-size",
+    TrashCan = "tabler:trash",
+    Typography = "tabler:typography",
+    Upload = "tabler:upload",
+    User = "tabler:user",
+    Users = "tabler:users",
+    UserCircle = "tabler:user-circle",
+    UsersGroup = "tabler:users-group",
+    UsersMinus = "tabler:users-minus",
+    UsersPlus = "tabler:users-plus",
+    UserSquareRounded = "tabler:user-square-rounded",
+    Video = "tabler:video",
+    WindowMaximize = "tabler:window-maximize",
+    WindowMinimize = "tabler:window-minimize",
+    WordlWww = "tabler:world-www"
+}
+export type InlineTextHtmlTags = 'a' | 'abbr' | 'b' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr';
+export declare enum InputTypes {
+    Color = "color",
+    Date = "date",
+    DateTimeLocal = "datetime-local",
+    Decimal = "decimal",
+    Email = "email",
+    Hidden = "hidden",
+    File = "file",
+    None = "none",
+    Number = "number",
+    Password = "password",
+    Search = "search",
+    Tel = "tel",
+    Text = "text",
+    Time = "time",
+    Url = "url"
+}
+export declare enum Loading {
+    Eager = "eager",
+    Lazy = "lazy"
+}
+export declare enum LinkTarget {
+    Blank = "_blank",
+    Self = "_self"
+}
+export declare enum MessageType {
+    Danger = "danger",
+    Default = "default",
+    Success = "success",
+    Warning = "warning"
+}
+export declare enum Mode {
+    Dark = "dark",
+    Light = "light"
+}
+export interface NavItem {
+    /** Sets the aria-label on the NavLink element. */
+    ariaLabel?: string;
+    /** Sets the external attribute on the NavLink element. If set, it adds an icon indicating that the link will open a new tab/window. */
+    /** Sets the color of the NavLink element. The property can be one of `CLColors`, e.g. `CLColors.Default` */
+    color?: Colors;
+    external?: boolean;
+    /** Sets the href attribute on the NavLink element. */
+    href?: string;
+    /** Sets the ID attribute on the NavLink element. */
+    id: string;
+    /** The text to be displayed as the label. */
+    label: string;
+    /** A callback function to handle click events. */
+    onClick?: GenericFunction;
+    /** Sets the rel attribute on the NavLink element. */
+    rel?: string;
+    /** Sets the target attribute on the NavLink element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
+    target?: LinkTarget;
+}
+export interface Option {
+    label: string;
+    value: string | number | null;
+}
+export declare enum Order {
+    After = "after",
+    Before = "before"
+}
+export declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare enum PaginationType {
+    Dots = "dots",
+    Hidden = "hidden",
+    Numbered = "numbered"
+}
+export interface Palette {
+    primary?: Shades;
+    secondary?: Shades;
+    neutral?: Shades;
+    danger?: Shades;
+    warning?: Shades;
+    success?: Shades;
+    info?: Shades;
+}
+export declare enum Placement {
+    Bottom = "bottom",
+    BottomEnd = "bottom-end",
+    BottomStart = "bottom-start",
+    Left = "left",
+    LeftEnd = "left-end",
+    LeftStart = "left-start",
+    Right = "right",
+    RightEnd = "right-end",
+    RightStart = "right-start",
+    Top = "top",
+    TopEnd = "top-end",
+    TopStart = "top-start"
+}
+export declare enum Position {
+    Absolute = "absolute",
+    Relative = "relative"
+}
+export declare enum Sizes {
+    Tiny = "tiny",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export declare enum TableTypes {
+    Condensed = "condensed",
+    Default = "default",
+    Plain = "plain"
+}
+export type TextHtmlTags = BlockTextHtmlTags | InlineTextHtmlTags;
+export declare enum TextTypes {
+    Body = "body",
+    Summary = "summary",
+    Tiny = "tiny",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export type Shades = Record<number, string>;
+export interface ThemeConfig {
+    colors?: Palette;
+    darkMode: boolean;
+    fontFamily?: string;
+    mode?: Mode;
+    radius?: BorderRadius;
+}
+export type PaletteKeys = keyof Palette;
+export interface ToastProps {
+    /** The action label text to be displayed. */
+    actionLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: BorderRadius;
+    /** Sets the color of the buttons and icons. The property can be one of `CLColors`, e.g. `CLColors.Default` */
+    color?: Colors;
+    /** Time in seconds e.g 5 = 5 seconds */
+    dismissTimer?: number;
+    /** The icon to be displayed. The property can be one of `CLIconNames`, e.g. `CLIconNames.Info`. */
+    icon?: IconNames;
+    /** The size of the icon. The property can be one of `CLSizes`, e.g. `CLSizes.Medium */
+    iconSize?: IconSizes;
+    /** The text to be displayed as the message. */
+    message?: string;
+    /** A callback function to handle click events. */
+    onAction?: GenericFunction;
+    /** A callback function to handle when the toast is dismissed. */
+    onDismiss: GenericFunction;
+    /** When set to `false` it will not render a Toast with rounded corners. */
+    rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the text of the title which should be displayed. */
+    title?: string;
+    /** Sets the color variant o the buttons and icons. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    variant?: ColorVariants;
+    /** Sets the width of the Toast, it's default value is `24rem`. */
+    width?: string;
+}

package/dist/utils/helper.d.ts

@@ -0,0 +1,16 @@
+export interface IAnimate {
+    start: (duration: number, callbackFn: (elapsedTime: number) => void) => void;
+    stop: () => void;
+}
+export declare const animate: () => IAnimate;
+interface ChildIsVisibleInput {
+    parent: HTMLElement;
+    child: HTMLElement;
+    threshold?: number;
+}
+export declare const childIsVisible: ({ parent, child, threshold }: ChildIsVisibleInput) => boolean;
+export declare const debounce: (fn: () => void, ms?: number) => (this: any, ...args: any | any[]) => void;
+export declare const isBrowser: boolean;
+export declare const isDarkMode: () => boolean;
+export declare const getMaxZIndex: () => number;
+export {};

package/package.json

@@ -17,11 +17,11 @@
     "ui components",
     "vuejs"
   ],
-  "version": "2.0.0",
+  "version": "2.1.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build:lib": "yarn export:icons && vite build && npm pack",
+    "build:lib": "yarn export:icons && vite build",
     "build:watch": "vite build --watch",
     "build:web": "yarn export:icons && yarn storybook build",
     "coverage": "vitest run --coverage",
@@ -70,6 +70,7 @@
     "@iconify/tools": "^4.1.1",
     "@iconify/types": "^2.0.0",
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.4",
     "@storybook/addon-a11y": "^8.5.1",
     "@storybook/addon-essentials": "^8.5.1",