@elpassion/taco
Advanced tools
Comparing version 0.0.29 to 0.0.30
@@ -1,43 +0,43 @@ | ||
import Accordion from "@components/Accordion"; | ||
import Anchor from "@components/Anchor"; | ||
import Avatar from "@components/Avatar"; | ||
import AvatarGroup from "@components/AvatarGroup"; | ||
import Badge from "@components/Badge"; | ||
import Button from "@components/Button"; | ||
import ButtonGroup from "@components/ButtonGroup"; | ||
import Checkbox from "@components/Checkbox"; | ||
import Chips from "@components/Chips"; | ||
import Divider from "@components/Divider"; | ||
import DragAndDropFileUpload from "@components/FileUpload/DragAndDropFileUpload"; | ||
import SmallFileUpload from "@components/FileUpload/SmallFileUpload"; | ||
import FAB from "@components/FAB"; | ||
import Icon from "@components/Icon"; | ||
import IconButton from "@components/IconButton"; | ||
import IconButtonGroup from "@components/IconButtonGroup"; | ||
import MenuItem from "@components/Items/MenuItem"; | ||
import WorkspaceItem from "@components/Items/WorkspaceItem"; | ||
import NavTabs from "@components/NavTabs"; | ||
import Notification from "@components/Notification"; | ||
import Pagination from "@components/Pagination"; | ||
import CircularProgressBar from "@components/ProgressBar/CircularProgressBar"; | ||
import LinearProgressBar from "@components/ProgressBar/LinearProgressBar"; | ||
import Radio from "@components/Radio"; | ||
import Rating from "@components/Rating"; | ||
import Search from "@components/Search"; | ||
import * as Skeleton from "@components/Skeleton"; | ||
import HorizontalStepper from "@components/Stepper/HorizontalStepper"; | ||
import VerticalStepper from "@components/Stepper/VerticalStepper"; | ||
import Textarea from "@components/Textarea"; | ||
import Toast from "@components/Toast/Toast"; | ||
import SmallToast from "@components/Toast/SmallToast"; | ||
import Toggle from "@components/Toggle"; | ||
import Tooltip from "@components/Tooltip"; | ||
import BreadCrumbs from "@components/BreadCrumbs"; | ||
import FeaturedText from "@components/FeaturedText"; | ||
import RangeSlider from "@components/RangeSlider"; | ||
import MenuDropdown from "@components/Dropdown/MenuDropdown"; | ||
import SelectDropdown from "@components/Dropdown/SelectDropdown"; | ||
import Legend from "@components/Legend"; | ||
import Input from "@components/Input"; | ||
import { initDefaultTheme } from "@helpers/generators"; | ||
import Accordion from "./components/Accordion"; | ||
import Anchor from "./components/Anchor"; | ||
import Avatar from "./components/Avatar"; | ||
import AvatarGroup from "./components/AvatarGroup"; | ||
import Badge from "./components/Badge"; | ||
import Button from "./components/Button"; | ||
import ButtonGroup from "./components/ButtonGroup"; | ||
import Checkbox from "./components/Checkbox"; | ||
import Chips from "./components/Chips"; | ||
import Divider from "./components/Divider"; | ||
import DragAndDropFileUpload from "./components/FileUpload/DragAndDropFileUpload"; | ||
import SmallFileUpload from "./components/FileUpload/SmallFileUpload"; | ||
import FAB from "./components/FAB"; | ||
import Icon from "./components/Icon"; | ||
import IconButton from "./components/IconButton"; | ||
import IconButtonGroup from "./components/IconButtonGroup"; | ||
import MenuItem from "./components/Items/MenuItem"; | ||
import WorkspaceItem from "./components/Items/WorkspaceItem"; | ||
import NavTabs from "./components/NavTabs"; | ||
import Notification from "./components/Notification"; | ||
import Pagination from "./components/Pagination"; | ||
import CircularProgressBar from "./components/ProgressBar/CircularProgressBar"; | ||
import LinearProgressBar from "./components/ProgressBar/LinearProgressBar"; | ||
import Radio from "./components/Radio"; | ||
import Rating from "./components/Rating"; | ||
import Search from "./components/Search"; | ||
import * as Skeleton from "./components/Skeleton"; | ||
import HorizontalStepper from "./components/Stepper/HorizontalStepper"; | ||
import VerticalStepper from "./components/Stepper/VerticalStepper"; | ||
import Textarea from "./components/Textarea"; | ||
import Toast from "./components/Toast/Toast"; | ||
import SmallToast from "./components/Toast/SmallToast"; | ||
import Toggle from "./components/Toggle"; | ||
import Tooltip from "./components/Tooltip"; | ||
import BreadCrumbs from "./components/BreadCrumbs"; | ||
import FeaturedText from "./components/FeaturedText"; | ||
import RangeSlider from "./components/RangeSlider"; | ||
import MenuDropdown from "./components/Dropdown/MenuDropdown"; | ||
import SelectDropdown from "./components/Dropdown/SelectDropdown"; | ||
import Legend from "./components/Legend"; | ||
import Input from "./components/Input"; | ||
import { initDefaultTheme } from "./helpers/generators"; | ||
export { initDefaultTheme, Accordion, Anchor, Avatar, Skeleton, AvatarGroup, Badge, Button, ButtonGroup, Checkbox, Chips, Divider, DragAndDropFileUpload, SmallFileUpload, FAB, Icon, IconButton, IconButtonGroup, MenuItem, WorkspaceItem, NavTabs, Notification, Pagination, CircularProgressBar, LinearProgressBar, Radio, Rating, Search, HorizontalStepper, VerticalStepper, Textarea, Toast, SmallToast, Toggle, Tooltip, BreadCrumbs, FeaturedText, RangeSlider, MenuDropdown, SelectDropdown, Legend, Input, }; |
707
index.d.ts
@@ -1,43 +0,664 @@ | ||
export { default as Accordion } from '@components/Accordion'; | ||
export { default as Anchor } from '@components/Anchor'; | ||
export { default as Avatar } from '@components/Avatar'; | ||
export { default as AvatarGroup } from '@components/AvatarGroup'; | ||
export { default as Badge } from '@components/Badge'; | ||
export { default as Button } from '@components/Button'; | ||
export { default as ButtonGroup } from '@components/ButtonGroup'; | ||
export { default as Checkbox } from '@components/Checkbox'; | ||
export { default as Chips } from '@components/Chips'; | ||
export { default as Divider } from '@components/Divider'; | ||
export { default as DragAndDropFileUpload } from '@components/FileUpload/DragAndDropFileUpload'; | ||
export { default as SmallFileUpload } from '@components/FileUpload/SmallFileUpload'; | ||
export { default as FAB } from '@components/FAB'; | ||
export { default as Icon } from '@components/Icon'; | ||
export { default as IconButton } from '@components/IconButton'; | ||
export { default as IconButtonGroup } from '@components/IconButtonGroup'; | ||
export { default as MenuItem } from '@components/Items/MenuItem'; | ||
export { default as WorkspaceItem } from '@components/Items/WorkspaceItem'; | ||
export { default as NavTabs } from '@components/NavTabs'; | ||
export { default as Notification } from '@components/Notification'; | ||
export { default as Pagination } from '@components/Pagination'; | ||
export { default as CircularProgressBar } from '@components/ProgressBar/CircularProgressBar'; | ||
export { default as LinearProgressBar } from '@components/ProgressBar/LinearProgressBar'; | ||
export { default as Radio } from '@components/Radio'; | ||
export { default as Rating } from '@components/Rating'; | ||
export { default as Search } from '@components/Search'; | ||
import * as Skeleton from '@components/Skeleton'; | ||
export { Skeleton }; | ||
export { default as HorizontalStepper } from '@components/Stepper/HorizontalStepper'; | ||
export { default as VerticalStepper } from '@components/Stepper/VerticalStepper'; | ||
export { default as Textarea } from '@components/Textarea'; | ||
export { default as Toast } from '@components/Toast/Toast'; | ||
export { default as SmallToast } from '@components/Toast/SmallToast'; | ||
export { default as Toggle } from '@components/Toggle'; | ||
export { default as Tooltip } from '@components/Tooltip'; | ||
export { default as BreadCrumbs } from '@components/BreadCrumbs'; | ||
export { default as FeaturedText } from '@components/FeaturedText'; | ||
export { default as RangeSlider } from '@components/RangeSlider'; | ||
export { default as MenuDropdown } from '@components/Dropdown/MenuDropdown'; | ||
export { default as SelectDropdown } from '@components/Dropdown/SelectDropdown'; | ||
export { default as Legend } from '@components/Legend'; | ||
export { default as Input } from '@components/Input'; | ||
export { initDefaultTheme } from '@helpers/generators'; | ||
/// <reference types="react" /> | ||
import * as react from 'react'; | ||
import react__default, { ReactNode, PropsWithChildren, HTMLAttributes, InputHTMLAttributes, FC, TextareaHTMLAttributes, RefObject } from 'react'; | ||
import { ClassName, TComponentIcon as TComponentIcon$1, BaseComponentSizes as BaseComponentSizes$1 } from '@helpers/types'; | ||
import { AvatarProps as AvatarProps$1 } from '@components/Avatar/Avatar.interface'; | ||
import { ButtonProps as ButtonProps$1, ButtonVariants as ButtonVariants$1 } from '@components/Button/Button.interface'; | ||
import { IconEntities } from '@helpers/icons/iconEntities'; | ||
import { IconNames } from '@helpers/icons/iconNames'; | ||
import { IconButtonProps as IconButtonProps$1 } from '@components/IconButton/IconButton.interface'; | ||
import { BaseInputProps as BaseInputProps$1 } from '@components/Input/Input.interface'; | ||
import { SingleValue, MultiValue } from 'react-select'; | ||
interface AccordionItemProps { | ||
id: number; | ||
title: string; | ||
description: ReactNode; | ||
} | ||
type iconPositions = "left" | "right"; | ||
interface AccordionProps { | ||
variant: "bordered" | "solid"; | ||
icon?: "chevron" | "plus"; | ||
iconPosition: iconPositions; | ||
expandedId: number; | ||
items: AccordionItemProps[]; | ||
} | ||
declare const AccordionComponent: React.FC<AccordionProps>; | ||
interface AnchorProps extends ClassName { | ||
text: string; | ||
link: string; | ||
decoration?: "none" | "bottom" | "left"; | ||
role?: string; | ||
} | ||
declare const Anchor: React.FC<AnchorProps>; | ||
type Sizes$1 = "xxs" | "xs" | BaseComponentSizes$1 | "xl" | "xxl"; | ||
type Shapes = "circle" | "square"; | ||
interface ContainerProps extends PropsWithChildren, ClassName { | ||
shape?: Shapes; | ||
size?: Sizes$1; | ||
} | ||
interface AvatarChildrenProps extends PropsWithChildren, ClassName { | ||
} | ||
interface ImageProps extends AvatarChildrenProps { | ||
src: string; | ||
alt?: string; | ||
} | ||
interface AvatarProps extends Pick<ContainerProps, "size" | "shape" | "className">, Pick<ImageProps, "alt"> { | ||
name?: string; | ||
label?: string; | ||
caption?: string; | ||
contentType?: "icon" | "text"; | ||
icon?: TComponentIcon$1; | ||
src?: string; | ||
} | ||
declare const Avatar: React.FC<AvatarProps>; | ||
interface UserInterface { | ||
name: string; | ||
src: string; | ||
alt?: string; | ||
} | ||
interface AvatarGroupProps extends Pick<AvatarProps$1, "size" | "shape" | "contentType">, ClassName { | ||
avatars: UserInterface[]; | ||
visibleAvatars?: number; | ||
} | ||
declare const AvatarGroup: React.FC<AvatarGroupProps>; | ||
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> { | ||
text: string; | ||
variant?: "filled" | "outline"; | ||
onClick?(): void; | ||
size?: BaseComponentSizes$1; | ||
} | ||
declare const Badge: React.FC<BadgeProps>; | ||
type TComponentIcon = ReactNode; | ||
type BaseComponentSizes = "sm" | "md" | "lg"; | ||
type ButtonVariants = "primary" | "outlined" | "ghost" | "destructive" | "destructiveGhost" | "destructiveOutlined"; | ||
type ButtonTypes = "button" | "submit" | "reset"; | ||
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { | ||
text: string; | ||
variant: ButtonVariants; | ||
leftIcon?: TComponentIcon; | ||
rightIcon?: TComponentIcon; | ||
disabled?: boolean; | ||
size?: BaseComponentSizes; | ||
ariaLabel?: string; | ||
type?: ButtonTypes; | ||
isFluid?: boolean; | ||
ref?: React.ForwardedRef<HTMLButtonElement>; | ||
} | ||
declare const Button: React.FC<ButtonProps>; | ||
interface ButtonGroupProps extends Pick<ButtonProps$1, "size"> { | ||
buttons: Omit<ButtonProps$1, "size" | "variant">[]; | ||
variant: "primary" | "outlined" | "ghost"; | ||
style: "default" | "withIcon" | "withText"; | ||
icon?: TComponentIcon$1; | ||
} | ||
declare const ButtonGroup: React.FC<ButtonGroupProps>; | ||
interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName { | ||
name: string; | ||
checked?: boolean; | ||
disabled?: boolean; | ||
required?: boolean; | ||
error?: boolean; | ||
size?: "sm" | "md"; | ||
labelText?: ReactNode; | ||
optionalLabelText?: string; | ||
supportingText?: string; | ||
labelPosition?: "left" | "right"; | ||
ariaLabel?: string; | ||
ariaDescribedBy?: string; | ||
alignItems?: "center" | "baseline"; | ||
} | ||
declare const Checkbox: React.FC<CheckboxProps>; | ||
interface ChipsProps extends HTMLAttributes<HTMLDivElement> { | ||
text: string; | ||
prefixIcon?: TComponentIcon$1; | ||
suffixIcon?: TComponentIcon$1; | ||
variant?: TChipsVariant; | ||
} | ||
type TChipsVariant = "default" | "avatar"; | ||
declare const Chips: React.FC<ChipsProps>; | ||
interface DividerProps extends ClassName { | ||
labelText: string; | ||
type: "horizontal" | "vertical"; | ||
} | ||
declare const Divider: React.FC<DividerProps>; | ||
interface FileUploadProps { | ||
supportingText?: string; | ||
errorMessage?: string; | ||
disabled?: boolean; | ||
} | ||
interface DragAndDropFileUploadProps extends FileUploadProps { | ||
text: string; | ||
uploadClickText: string; | ||
size?: "md" | "lg"; | ||
buttonText?: string; | ||
icon?: TComponentIcon$1; | ||
} | ||
interface SmallFileUploadProps extends FileUploadProps { | ||
buttonText: string; | ||
label?: string; | ||
} | ||
declare const DragAndDropFileUpload: react__default.FC<DragAndDropFileUploadProps>; | ||
declare const SmallFileUpload: react__default.FC<SmallFileUploadProps>; | ||
interface FABItemProps extends ClassName { | ||
size?: BaseComponentSizes$1; | ||
variant?: "primary" | "outlined" | "ghost"; | ||
label?: string; | ||
icon?: TComponentIcon$1; | ||
isActive?: boolean; | ||
disabled?: boolean; | ||
onClick(): void; | ||
} | ||
interface FABProps extends Omit<FABItemProps, "className">, ClassName { | ||
items: Pick<FABItemProps, "label" | "icon" | "onClick">[]; | ||
} | ||
declare const FAB: FC<FABProps>; | ||
type IconSizes = "none" | BaseComponentSizes$1; | ||
interface IconProps$1 extends HTMLAttributes<HTMLSpanElement>, ClassName { | ||
iconEntity?: IconEntities; | ||
iconName?: IconNames; | ||
customIcon?: TComponentIcon$1; | ||
size?: IconSizes; | ||
} | ||
declare const Icon: React.FC<IconProps$1>; | ||
interface IconButtonProps extends HTMLAttributes<HTMLButtonElement> { | ||
icon: TComponentIcon$1; | ||
variant: ButtonVariants$1; | ||
size?: BaseComponentSizes$1; | ||
disabled?: boolean; | ||
ariaLabel?: string; | ||
} | ||
declare const IconButton: React.FC<IconButtonProps>; | ||
interface IconButtonGroupProps extends Pick<IconButtonProps$1, "size"> { | ||
buttons: Omit<IconButtonProps$1, "size" | "variant">[]; | ||
variant: "primary" | "outlined" | "ghost"; | ||
} | ||
declare const IconButtonGroup: React.FC<IconButtonGroupProps>; | ||
type ItemVariants = "onlyIcon" | "fullWidth" | "fitWidth"; | ||
interface MenuItemProps { | ||
text: string; | ||
variant?: ItemVariants; | ||
leftIcon?: TComponentIcon$1; | ||
middleIcon?: TComponentIcon$1; | ||
rightIcon?: TComponentIcon$1; | ||
} | ||
interface WorkspaceItemProps extends Pick<AvatarProps$1, "shape" | "src" | "contentType" | "alt"> { | ||
size?: BaseComponentSizes$1; | ||
variant?: ItemVariants; | ||
} | ||
declare const MenuItem: FC<MenuItemProps>; | ||
declare const WorkspaceItem: FC<WorkspaceItemProps>; | ||
interface Tab { | ||
id: string; | ||
label: string; | ||
icon?: TComponentIcon$1; | ||
} | ||
interface NavTabsProps { | ||
layout: "horizontal" | "vertical"; | ||
tabs: Tab[]; | ||
activeTab: string; | ||
onClick: (id: string) => void; | ||
type: "filled" | "outlined" | "line"; | ||
} | ||
declare const NavTabs: FC<NavTabsProps>; | ||
interface EventInterface { | ||
name: string; | ||
src: string; | ||
message: string; | ||
time: string; | ||
details?: string; | ||
isNew?: boolean; | ||
} | ||
interface NotificationProps extends Pick<AvatarProps$1, "contentType" | "shape"> { | ||
events?: EventInterface[]; | ||
} | ||
declare const Notification: FC<NotificationProps>; | ||
interface PaginationProps extends HTMLAttributes<HTMLDivElement> { | ||
currentPage: number; | ||
totalPages: number; | ||
onPage: (page: number) => void; | ||
onPrevious: () => void; | ||
prevTitle: string; | ||
onNext: () => void; | ||
nextTitle: string; | ||
variant: "default" | "outlined" | "ghost"; | ||
size: BaseComponentSizes$1; | ||
} | ||
declare const Pagination: FC<PaginationProps>; | ||
interface CircularProgressBarProps { | ||
size: "sm" | "lg"; | ||
label?: string; | ||
labelPosition?: "inside" | "outside" | "none"; | ||
progress: number; | ||
} | ||
declare const CircularProgressBar: FC<CircularProgressBarProps>; | ||
interface LinearProgressBarProps { | ||
progress: number; | ||
label: "none" | "right" | "bottom" | "topFloating" | "bottomFloating"; | ||
} | ||
declare const LinearProgressBar: FC<LinearProgressBarProps>; | ||
interface RadioProps extends ClassName { | ||
name: string; | ||
id: string; | ||
checked?: boolean; | ||
disabled?: boolean; | ||
error?: boolean; | ||
size?: "sm" | "md"; | ||
labelText: string; | ||
supportingText: string; | ||
labelPosition?: "left" | "right"; | ||
onChange?: () => void; | ||
ariaLabel?: string; | ||
ariaDescribedBy?: string; | ||
} | ||
declare const Radio: FC<RadioProps>; | ||
interface RatingProps { | ||
title?: string; | ||
supportingText?: string; | ||
rate?: number; | ||
maxRate?: number; | ||
rateIsVisible?: boolean; | ||
disabled?: boolean; | ||
size?: "sm" | "md"; | ||
align?: "left" | "center"; | ||
ratingsAlign?: "left" | "top" | "right" | "bottom"; | ||
iconVariant?: "star" | "heart" | "custom"; | ||
icon?: TComponentIcon$1; | ||
onClick(rate: number): void; | ||
activeIconColorHex?: string; | ||
} | ||
declare const Rating: FC<RatingProps>; | ||
interface SearchProps extends BaseInputProps$1 { | ||
variant?: "default" | "withButton" | "withIconButton" | "inline"; | ||
suffixText?: string; | ||
} | ||
declare const Search: FC<SearchProps>; | ||
interface SkeletonCircleProps extends ClassName { | ||
size?: number; | ||
} | ||
interface SkeletonBarProps extends ClassName { | ||
height?: number; | ||
width: number; | ||
} | ||
declare const Circle: ({ size, className }: SkeletonCircleProps) => JSX.Element; | ||
declare const Text: ({ height, width, className }: SkeletonBarProps) => JSX.Element; | ||
declare const index_d_Circle: typeof Circle; | ||
declare const index_d_Text: typeof Text; | ||
declare namespace index_d { | ||
export { | ||
index_d_Circle as Circle, | ||
index_d_Text as Text, | ||
}; | ||
} | ||
type Sizes = BaseComponentSizes$1; | ||
type StepperVariants = "horizontal" | "vertical"; | ||
interface StepInterface { | ||
id: string | number; | ||
icon?: TComponentIcon$1; | ||
stepTitle?: string; | ||
stepDescription?: string; | ||
} | ||
declare enum StepStatuses { | ||
COMPLETE = "complete", | ||
CURRENT = "current", | ||
INCOMPLETE = "incomplete" | ||
} | ||
interface TitleSectionProps { | ||
stepTitle?: string; | ||
stepDescription?: string; | ||
size?: Sizes; | ||
variant: StepperVariants; | ||
status: StepStatuses; | ||
} | ||
interface StepProps extends Pick<TitleSectionProps, "stepTitle" | "stepDescription" | "size" | "variant">, ClassName { | ||
index: number; | ||
status: StepStatuses; | ||
onClick?: () => void; | ||
icon?: TComponentIcon$1; | ||
completeVariant?: "default" | "check"; | ||
} | ||
interface StepperProps extends Pick<StepProps, "size" | "onClick" | "completeVariant"> { | ||
steps: StepInterface[]; | ||
activeStep: number; | ||
} | ||
declare const HorizontalStepper: FC<StepperProps>; | ||
declare const VerticalStepper: FC<StepperProps>; | ||
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> { | ||
label: string; | ||
supportingText?: string; | ||
error?: boolean; | ||
} | ||
declare const Textarea: FC<TextareaProps>; | ||
interface ToastChildrenProps extends PropsWithChildren, ClassName { | ||
} | ||
interface CloseButtonProps extends ClassName { | ||
onClose?: () => void; | ||
} | ||
interface ActionToastProps extends ToastChildrenProps { | ||
onClick?: () => void; | ||
} | ||
interface ToastProps extends ActionToastProps, CloseButtonProps { | ||
title?: string; | ||
description?: string; | ||
icon?: TComponentIcon$1; | ||
firstActionText?: string; | ||
secondActionText?: string; | ||
sectionVariants?: "close" | "action"; | ||
backgroundColor?: string; | ||
} | ||
declare const Toast: FC<ToastProps>; | ||
declare const SmallToast: FC<ToastProps>; | ||
interface ToggleProps extends ClassName { | ||
size: "sm" | "md"; | ||
labelText?: string; | ||
supportingText?: string; | ||
disabled?: boolean; | ||
value: string; | ||
checked?: boolean; | ||
defaultChecked?: boolean; | ||
onChange(value: boolean): void; | ||
ariaLabel?: string; | ||
} | ||
declare const Toggle: FC<ToggleProps>; | ||
interface TooltipProps extends ClassName { | ||
text: string; | ||
position?: "top" | "right" | "bottom" | "left"; | ||
supportingText?: string; | ||
variant?: "white" | "dark"; | ||
} | ||
declare const Tooltip: FC<TooltipProps>; | ||
interface BreadCrumbsProps { | ||
variant: TBreadCrumbsVariant; | ||
backgroundColor?: string; | ||
homeIcon?: TComponentIcon$1; | ||
separatorIcon?: TComponentIcon$1; | ||
separator: TSeparatorVariant; | ||
breadCrumbs: IBreadcrumb[]; | ||
showAll: boolean; | ||
onClick?(): void; | ||
} | ||
interface IBreadcrumb { | ||
label: string; | ||
href: string; | ||
} | ||
type TBreadCrumbsVariant = "default" | "ghost" | "line" | "background"; | ||
type TSeparatorVariant = "chevron" | "dash" | "doubleDash" | "icon"; | ||
declare const BreadCrumbs: FC<BreadCrumbsProps>; | ||
interface FeaturedTextProps { | ||
variant: TFeaturedTextVariant; | ||
align?: "center" | "left"; | ||
size?: TFeaturedTextSize; | ||
icon?: TComponentIcon$1; | ||
title: string; | ||
content: string; | ||
linkedText: string; | ||
linkedUrl: string; | ||
} | ||
type TFeaturedTextSize = BaseComponentSizes$1; | ||
type TFeaturedTextVariant = "text" | "iconTop" | "iconLeft"; | ||
declare const FeaturedText: FC<FeaturedTextProps>; | ||
interface RangeSliderProps { | ||
step: number; | ||
value: IRange; | ||
labelPosition: TLabelPosition; | ||
onChange(range: IRange): void; | ||
} | ||
interface IRange { | ||
start: number; | ||
end: number; | ||
} | ||
type TLabelPosition = "none" | "top" | "bottom" | "topFloating" | "bottomFloating"; | ||
declare const RangeSlider: FC<RangeSliderProps>; | ||
interface IDropdownOption { | ||
id: string; | ||
value: string; | ||
label: string; | ||
supportingText?: string; | ||
leftIcon?: ReactNode; | ||
rightIcon?: ReactNode; | ||
caption?: string; | ||
onSelect?: (value?: IDropdownOption) => void; | ||
} | ||
type TDropdownVariant = "default" | "person" | "toggle" | "checkbox-left" | "checkbox-right"; | ||
interface IMenuDropdownProps { | ||
options: IDropdownOption[]; | ||
selectedItems: IDropdownOption | IDropdownOption[] | undefined; | ||
variant: TDropdownVariant; | ||
triggerVariant?: TTriggerVariantButton; | ||
user?: IUserData; | ||
buttonText?: string; | ||
leftMenuTriggerIcon?: ReactNode; | ||
rightMenuTriggerIcon?: ReactNode; | ||
withUserEntry?: boolean; | ||
extraAction?: IDropdownOption; | ||
extraActionHandler?: (value?: IDropdownOption) => void; | ||
onSelect?: (items: IDropdownOption | IDropdownOption[]) => void; | ||
} | ||
type TTriggerVariantButton = "default" | "avatar"; | ||
interface IUserData { | ||
avatarUrl?: string; | ||
email: string; | ||
firstName: string; | ||
lastName: string; | ||
} | ||
declare const MenuDropdown: react.ForwardRefExoticComponent<IMenuDropdownProps & react.RefAttributes<unknown>>; | ||
interface ISelectDropdownProps { | ||
options: IDropdownOption[]; | ||
variant?: TDropdownVariant; | ||
isMulti?: boolean; | ||
hideSelectedOptions?: boolean; | ||
placeholderText?: string; | ||
onSelect?: (items: SingleValue<IDropdownOption> | MultiValue<IDropdownOption>) => void; | ||
} | ||
declare const SelectDropdown: react.ForwardRefExoticComponent<ISelectDropdownProps & react.RefAttributes<unknown>>; | ||
interface LegendProps { | ||
entries: ILegendEntry[]; | ||
shape?: TLegendShape; | ||
background?: string; | ||
orientation?: "horizontal" | "vertical"; | ||
} | ||
interface ILegendEntry { | ||
label: string; | ||
value: string | number; | ||
color: string; | ||
} | ||
type TLegendShape = "circle" | "rounded" | "square"; | ||
declare const Legend: FC<LegendProps>; | ||
type suffixVariants = "dropdown"; | ||
type prefixVariants = "text" | "dropdown" | "icon"; | ||
interface IconProps { | ||
helpIcon?: TComponentIcon$1; | ||
isError?: boolean; | ||
onIconClick?: () => void; | ||
} | ||
interface PrefixProps extends ClassName { | ||
prefixText?: string; | ||
disabled?: boolean; | ||
prefixIcon?: TComponentIcon$1; | ||
isError?: boolean; | ||
prefixVariant?: prefixVariants; | ||
} | ||
interface BaseInputProps extends InputHTMLAttributes<HTMLInputElement>, PropsWithChildren, Omit<IconProps, "inputVariant"> { | ||
placeholder?: string; | ||
isError?: boolean; | ||
disabled?: boolean; | ||
required?: boolean; | ||
suffixVariant?: suffixVariants; | ||
prefixVariant?: prefixVariants; | ||
ariaLabel?: string; | ||
ariaDescribedBy?: string; | ||
ariaDescribedByError?: string; | ||
inputRef?: RefObject<HTMLInputElement>; | ||
} | ||
interface InputProps extends Omit<BaseInputProps, "isError">, PrefixProps { | ||
label?: string; | ||
supportingText?: string; | ||
prefixOrSuffixText?: string; | ||
errorMessage?: string; | ||
tooltipIcon?: TComponentIcon$1; | ||
prefixIcon?: TComponentIcon$1; | ||
ariaLive?: "polite" | "assertive" | "off"; | ||
} | ||
declare const Input: FC<InputProps>; | ||
declare const initDefaultTheme: () => { | ||
extend: { | ||
fontFamily: { | ||
icons: string; | ||
}; | ||
colors: { | ||
primary: { | ||
50: string; | ||
100: string; | ||
200: string; | ||
300: string; | ||
400: string; | ||
500: string; | ||
600: string; | ||
700: string; | ||
800: string; | ||
900: string; | ||
}; | ||
secondary: { | ||
50: string; | ||
100: string; | ||
200: string; | ||
300: string; | ||
400: string; | ||
500: string; | ||
600: string; | ||
700: string; | ||
800: string; | ||
900: string; | ||
}; | ||
neutral: { | ||
50: string; | ||
100: string; | ||
200: string; | ||
300: string; | ||
400: string; | ||
500: string; | ||
600: string; | ||
700: string; | ||
800: string; | ||
900: string; | ||
}; | ||
error: { | ||
50: string; | ||
100: string; | ||
200: string; | ||
300: string; | ||
400: string; | ||
500: string; | ||
600: string; | ||
700: string; | ||
800: string; | ||
900: string; | ||
}; | ||
}; | ||
boxShadow: { | ||
"elevation-xs": string; | ||
"elevation-sm": string; | ||
"elevation-md": string; | ||
"elevation-lg": string; | ||
button: string; | ||
tooltipTop: string; | ||
tooltipRight: string; | ||
tooltipBottom: string; | ||
tooltipLeft: string; | ||
focused: string; | ||
}; | ||
fontSize: { | ||
xxs: string; | ||
}; | ||
width: { | ||
smCircularProgress: string; | ||
lgCircularProgress: string; | ||
}; | ||
borderRadius: { | ||
px: string; | ||
}; | ||
}; | ||
}; | ||
export { AccordionComponent as Accordion, Anchor, Avatar, AvatarGroup, Badge, BreadCrumbs, Button, ButtonGroup, Checkbox, Chips, CircularProgressBar, Divider, DragAndDropFileUpload, FAB, FeaturedText, HorizontalStepper, Icon, IconButton, IconButtonGroup, Input, Legend, LinearProgressBar, MenuDropdown, MenuItem, NavTabs, Notification, Pagination, Radio, RangeSlider, Rating, Search, SelectDropdown, index_d as Skeleton, SmallFileUpload, SmallToast, Textarea, Toast, Toggle, Tooltip, VerticalStepper, WorkspaceItem, initDefaultTheme }; |
{ | ||
"name": "@elpassion/taco", | ||
"version": "0.0.29", | ||
"version": "0.0.30", | ||
"main": "cjs/index.js", | ||
@@ -5,0 +5,0 @@ "module": "index.js", |
297970
3731