design-system-silkhaus 0.0.6 → 0.0.8-3.beta.1

package/dist/index.d.ts

@@ -1,32 +1,96 @@
 import { ClassProp } from 'class-variance-authority/types';
-import { default as React_2 } from 'react';
-import * as React_3 from 'react';
+import { default as default_2 } from 'react';
+import { HTMLAttributes } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AccordionProps {
+    title: string | ReactNode;
+    content: ReactNode;
+    expandIcon?: string | ReactNode;
+    collapseIcon?: string | ReactNode;
+    accordionClass?: string | undefined;
+    accordionHeaderClass?: string | undefined;
+    accordionTitleClass?: string | undefined;
+    accordionContentClass?: string | undefined;
+    isEnabled?: boolean;
+    isExpanded?: boolean;
+}
+
+export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AlertDialogProps {
+    outerDivClassName?: string;
+    banner?: string;
+    title: string;
+    description?: string;
+    disablePrimaryBtn: boolean;
+    showPrimaryBtn: boolean;
+    disableSecondaryBtn: boolean;
+    showSecondaryBtn: boolean;
+    primaryBtnText?: string | ReactNode;
+    secondaryBtnText?: string | ReactNode;
+    onPrimaryBtnClick?: () => void;
+    onSecondaryBtnClick?: () => void;
+}
+
+export declare const AnimatedModal: default_2.ForwardRefExoticComponent<AnimatedModalProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
+    show: boolean;
+    handleClose?: () => void;
+    staticBackdrop?: boolean;
+    animation?: 'slideDown' | 'fadeIn' | 'none';
+    closeAnimation?: 'slideUp' | 'fadeOut' | 'none';
+}
+
+export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare interface AsteriskProps {
+    className?: string;
+}
+
+export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    items: BookingQuoteLineItemType[];
+    isExpandedInMobile?: boolean;
+}
+
+export declare interface BookingQuoteLineItemType {
+    key_name: string;
+    display_name: string;
+    currency_converted_amount: string;
+    type: string;
+}
 
-export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
     size?: 'small' | 'large';
     disabled?: true | false;
 }
 
-export declare const Card: React_3.ForwardRefExoticComponent<CardProps & React_3.RefAttributes<HTMLDivElement>>;
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardContent: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardDescription: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardFooter: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CardHeader: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface CardProps extends React_3.HTMLAttributes<HTMLDivElement>, CardVariantProps {
+declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
     asChild?: boolean;
     as?: string;
 }
 
-export declare const CardTitle: React_3.ForwardRefExoticComponent<React_3.HTMLAttributes<HTMLDivElement> & React_3.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type CardVariantProps = VariantProps<typeof cardVariants>;
 
@@ -34,9 +98,15 @@ declare const cardVariants: (props?: ({
     cardType?: "default" | "shadowCard" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Grid: React_3.ForwardRefExoticComponent<GridProps & React_3.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: default_2.ForwardRefExoticComponent<DialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+}
 
-export declare interface GridProps extends React_3.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
+export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
     asChild?: boolean;
 }
 
@@ -44,9 +114,9 @@ export declare type GridVariantProps = VariantProps<typeof gridVariants>;
 
 declare const gridVariants: (props?: ({
     display?: "grid" | "inlineGrid" | null | undefined;
-    gap?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
-    gapX?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
-    gapY?: "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gap?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapX?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapY?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
     justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
     justifyItems?: "start" | "end" | "center" | "stretch" | null | undefined;
     alignContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
@@ -55,13 +125,100 @@ declare const gridVariants: (props?: ({
     placeItems?: "start" | "end" | "center" | "stretch" | "baseline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    images: string[];
+}
 
-export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
     textarea?: true | false | undefined;
     label?: string | undefined;
     caption?: string | undefined;
-    color: 'primary' | 'success' | 'error';
+    color: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
+    required?: boolean;
+    labelClass?: string | undefined;
+    InputDivClass?: string | undefined;
+    captionClass?: string | undefined;
+}
+
+export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface RoundedProgressBarProps {
+    progress: number;
+    text?: string;
+    progressColor?: string;
+    borderColor?: string;
+    size?: string | number;
+    strokeWidth?: number;
+    textClass?: string;
+}
+
+export declare interface Step {
+    number: number;
+    title: string;
+    status: 'active' | 'completed' | 'pending';
+    mobileTitle: string;
+    mobileNextTitle: string;
+}
+
+export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface StepperProps {
+    steps: Step[];
+    outerDivClass?: string;
+    outerMobileDivClass?: string;
+}
+
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface SwitchProps {
+    checked: boolean;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    htmlId?: string;
+}
+
+export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TimerProps {
+    time: number;
+    text?: string;
+    outerDivClass?: string;
+}
+
+export declare const TopNavBar: default_2.ForwardRefExoticComponent<TopNavBarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
+    text?: string | ReactNode;
+    onNavBarClick?: () => void;
+    isMarquee?: boolean;
+    direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
+}
+
+export declare const TopNavContainerMobile: default_2.ForwardRefExoticComponent<TopNavContainerMobileProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
+    img: string;
+    handleDialogButtonClick?: () => void;
+    handleCloseButtonClick?: () => void;
+    dialogHeader: string;
+    dialogDescription: string;
+    buttonIcon?: string;
+    buttonText: string;
+}
+
+export declare const TwoColumnDialog: default_2.ForwardRefExoticComponent<TwoColumnDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
+    img: string;
+    handleDialogButtonClick?: () => void;
+    dialogHeader: string;
+    dialogDescription: string;
+    buttonIcon?: string;
+    buttonText: string;
 }
 
 export { }