@televet/kibble-ui 1.3.2-release.1 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Forms/Textarea/index.d.ts +1 -0
- package/build/components/Forms/Textarea/textarea.component.d.ts +3 -5
- package/build/components/Forms/index.d.ts +0 -4
- package/build/components/index.d.ts +0 -1
- package/build/index.js +28 -2374
- package/build/index.js.map +1 -1
- package/build/theme/theme.types.d.ts +2 -4
- package/package.json +1 -1
- package/build/components/Avatar/avatar.component.d.ts +0 -26
- package/build/components/Avatar/avatar.config.d.ts +0 -2
- package/build/components/Avatar/avatar.types.d.ts +0 -1
- package/build/components/Avatar/index.d.ts +0 -3
- package/build/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
- package/build/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
- package/build/components/AvatarGroup/index.d.ts +0 -1
- package/build/components/Button/button.component.d.ts +0 -13
- package/build/components/Button/button.config.d.ts +0 -16
- package/build/components/Button/button.model.d.ts +0 -5
- package/build/components/Button/button.records.d.ts +0 -2
- package/build/components/Button/button.types.d.ts +0 -8
- package/build/components/Button/index.d.ts +0 -3
- package/build/components/DataDisplay/Badge/index.d.ts +0 -1
- package/build/components/DataDisplay/Code/index.d.ts +0 -1
- package/build/components/DataDisplay/Divider/index.d.ts +0 -1
- package/build/components/DataDisplay/Kbd/index.d.ts +0 -1
- package/build/components/DataDisplay/List/index.d.ts +0 -1
- package/build/components/DataDisplay/Tag/index.d.ts +0 -1
- package/build/components/Disclosure/Accordion/index.d.ts +0 -1
- package/build/components/Disclosure/Tabs/index.d.ts +0 -1
- package/build/components/Disclosure/VisuallyHidden/index.d.ts +0 -1
- package/build/components/Disclosure/index.d.ts +0 -3
- package/build/components/Drawer/drawer.config.d.ts +0 -13
- package/build/components/Drawer/drawer.records.d.ts +0 -13
- package/build/components/Drawer/index.d.ts +0 -1
- package/build/components/Feedback/Alert/index.d.ts +0 -1
- package/build/components/Feedback/CircularProgress/index.d.ts +0 -1
- package/build/components/Feedback/Progress/index.d.ts +0 -1
- package/build/components/Feedback/Skeleton/index.d.ts +0 -1
- package/build/components/Feedback/Spinner/index.d.ts +0 -1
- package/build/components/Feedback/Toast/index.d.ts +0 -1
- package/build/components/Feedback/index.d.ts +0 -6
- package/build/components/FormControl/formControl.argTypes.d.ts +0 -125
- package/build/components/FormControl/formControl.component.d.ts +0 -12
- package/build/components/FormControl/formControl.config.d.ts +0 -2
- package/build/components/Forms/FormControl/formControl.argTypes.d.ts +0 -125
- package/build/components/Forms/FormControl/formControl.component.d.ts +0 -12
- package/build/components/Forms/FormControl/formControl.config.d.ts +0 -2
- package/build/components/Forms/RatingDots/index.d.ts +0 -2
- package/build/components/Forms/RatingDots/ratingDot.component.d.ts +0 -9
- package/build/components/Forms/RatingDots/ratingDots.component.d.ts +0 -10
- package/build/components/Forms/Select/index.d.ts +0 -3
- package/build/components/Forms/Select/select.component.d.ts +0 -9
- package/build/components/Forms/Select/select.config.d.ts +0 -2
- package/build/components/Forms/Select/select.types.d.ts +0 -4
- package/build/components/Forms/Switch/index.d.ts +0 -2
- package/build/components/Forms/Switch/switch.component.d.ts +0 -7
- package/build/components/Forms/Switch/switch.config.d.ts +0 -2
- package/build/components/Forms/TextInput/index.d.ts +0 -2
- package/build/components/Forms/TextInput/textInput.component.d.ts +0 -9
- package/build/components/Forms/TextInput/textInput.config.d.ts +0 -2
- package/build/components/Icon/icon.component.d.ts +0 -8
- package/build/components/Icon/icon.config.d.ts +0 -3
- package/build/components/Icon/icon.records.d.ts +0 -3
- package/build/components/Icon/icon.types.d.ts +0 -3
- package/build/components/Icon/index.d.ts +0 -2
- package/build/components/Logo/index.d.ts +0 -2
- package/build/components/Logo/logo.component.d.ts +0 -14
- package/build/components/Logo/logo.config.d.ts +0 -6
- package/build/components/Logo/logo.records.d.ts +0 -33
- package/build/components/Logo/logo.types.d.ts +0 -3
- package/build/components/Logo/logos.d.ts +0 -22
- package/build/components/Media/Icon/icon.component.d.ts +0 -8
- package/build/components/Media/Icon/icon.records.d.ts +0 -3
- package/build/components/Media/Icon/icon.types.d.ts +0 -3
- package/build/components/Media/Icon/index.d.ts +0 -2
- package/build/components/Media/Logo/index.d.ts +0 -2
- package/build/components/Media/Logo/logo.component.d.ts +0 -14
- package/build/components/Media/Logo/logo.config.d.ts +0 -6
- package/build/components/Media/Logo/logo.types.d.ts +0 -3
- package/build/components/Media/Logo/logos.d.ts +0 -22
- package/build/components/Navigation/Breadcrumb/index.d.ts +0 -1
- package/build/components/Navigation/Link/index.d.ts +0 -1
- package/build/components/Navigation/LinkOverlay/index.d.ts +0 -1
- package/build/components/Navigation/index.d.ts +0 -3
- package/build/components/Overlay/AlertDialog/index.d.ts +0 -1
- package/build/components/Overlay/Menu/index.d.ts +0 -1
- package/build/components/RatingDots/index.d.ts +0 -2
- package/build/components/RatingDots/ratingDot.component.d.ts +0 -9
- package/build/components/RatingDots/ratingDots.component.d.ts +0 -10
- package/build/components/Select/index.d.ts +0 -3
- package/build/components/Select/select.component.d.ts +0 -9
- package/build/components/Select/select.config.d.ts +0 -2
- package/build/components/Select/select.types.d.ts +0 -4
- package/build/components/Switch/index.d.ts +0 -2
- package/build/components/Switch/switch.component.d.ts +0 -7
- package/build/components/Switch/switch.config.d.ts +0 -2
- package/build/components/TextInput/index.d.ts +0 -2
- package/build/components/TextInput/textInput.component.d.ts +0 -9
- package/build/components/TextInput/textInput.config.d.ts +0 -2
- package/build/components/Textarea/index.d.ts +0 -2
- package/build/components/Textarea/textarea.component.d.ts +0 -7
- package/build/components/Textarea/textarea.config.d.ts +0 -2
- package/build/components/Textarea/textarea.types.d.ts +0 -2
- package/build/components/Tooltip/index.d.ts +0 -3
- package/build/components/Tooltip/tooltip.component.d.ts +0 -8
- package/build/components/Tooltip/tooltip.config.d.ts +0 -8
- package/build/components/Tooltip/tooltip.model.d.ts +0 -4
- package/build/components/Tooltip/tooltip.records.d.ts +0 -9
- package/build/components/Tooltip/tooltip.types.d.ts +0 -4
- package/build/components/Typography/Heading/heading.records.d.ts +0 -2
- package/build/components/Typography/Text/text.records.d.ts +0 -2
- package/build/shared/interfaces/SelectOption.d.ts +0 -4
- package/build/theme/theme.model.d.ts +0 -37
- package/build/theme/theme.record.d.ts +0 -2
- package/build/theme/tokens/colors/color.model.d.ts +0 -96
- package/build/theme/tokens/colors/color.type.d.ts +0 -102
- package/build/theme/tokens/colors.d.ts +0 -82
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowCircle' | 'arrowDown' | 'arrowDownRight' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'bell' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'bulkSelect' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'chevronUpDown' | 'circleDotted' | 'clock' | 'close' | 'closeCircle' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'externalLink' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'kanbanBoard' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'manHeadset' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'minus' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'team' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website';
|
|
2
|
-
export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
3
|
-
export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { LogoHoliday, LogoType, LogoColor } from './logo.types';
|
|
3
|
-
export interface ILogoProps {
|
|
4
|
-
type?: LogoType;
|
|
5
|
-
color?: LogoColor;
|
|
6
|
-
holiday?: LogoHoliday;
|
|
7
|
-
height?: number;
|
|
8
|
-
width?: number;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const Logo: {
|
|
12
|
-
({ type, color, holiday, height, width, handleClick, }: ILogoProps): JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props } from 'framer-motion/types/types';
|
|
3
|
-
import { LogoColor, LogoHoliday } from './logo.types';
|
|
4
|
-
export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
|
|
5
|
-
export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
|
|
6
|
-
export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type LogoType = 'full' | 'icon';
|
|
3
|
-
export declare type LogoColor = 'teal' | 'black' | 'white';
|
|
4
|
-
export declare enum LogoHoliday {
|
|
5
|
-
NewYears = "NewYears",
|
|
6
|
-
Valentines = "Valentines",
|
|
7
|
-
StPatricks = "StPatricks",
|
|
8
|
-
Easter1 = "Easter1",
|
|
9
|
-
Easter2 = "Easter2",
|
|
10
|
-
Easter3 = "Easter3",
|
|
11
|
-
Easter4 = "Easter4",
|
|
12
|
-
Easter5 = "Easter5",
|
|
13
|
-
Easter6 = "Easter6",
|
|
14
|
-
MothersDay = "MothersDay",
|
|
15
|
-
MemorialDay = "MemorialDay",
|
|
16
|
-
FathersDay = "FathersDay",
|
|
17
|
-
Halloween = "Halloween",
|
|
18
|
-
Thanksgiving = "Thanksgiving",
|
|
19
|
-
Christmas = "Christmas"
|
|
20
|
-
}
|
|
21
|
-
export declare const holidaysLogoIconMap: {
|
|
22
|
-
[key in LogoHoliday]: React.FC;
|
|
23
|
-
};
|
|
24
|
-
export declare const logoIconMap: {
|
|
25
|
-
black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
26
|
-
white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
27
|
-
teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
28
|
-
};
|
|
29
|
-
export declare const fullLogoMap: {
|
|
30
|
-
black: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
31
|
-
white: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
32
|
-
teal: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
33
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
|
|
2
|
-
export declare type LogoType = 'full' | 'icon';
|
|
3
|
-
export declare type LogoColor = 'teal' | 'black' | 'white';
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ReactComponent as TealLogo } from '../../assets/logos/teal.svg';
|
|
2
|
-
import { ReactComponent as TealLogoIcon } from '../../assets/logos/tealIcon.svg';
|
|
3
|
-
import { ReactComponent as BlackLogo } from '../../assets/logos/black.svg';
|
|
4
|
-
import { ReactComponent as BlackLogoIcon } from '../../assets/logos/blackIcon.svg';
|
|
5
|
-
import { ReactComponent as WhiteLogo } from '../../assets/logos/white.svg';
|
|
6
|
-
import { ReactComponent as WhiteLogoIcon } from '../../assets/logos/whiteIcon.svg';
|
|
7
|
-
import { ReactComponent as NewYearsLogoIcon } from '../../assets/logos/holidays/newYears.svg';
|
|
8
|
-
import { ReactComponent as ValentinesLogoIcon } from '../../assets/logos/holidays/valentines.svg';
|
|
9
|
-
import { ReactComponent as StPatricksLogoIcon } from '../../assets/logos/holidays/stPatricks.svg';
|
|
10
|
-
import { ReactComponent as Easter1LogoIcon } from '../../assets/logos/holidays/easter1.svg';
|
|
11
|
-
import { ReactComponent as Easter2LogoIcon } from '../../assets/logos/holidays/easter2.svg';
|
|
12
|
-
import { ReactComponent as Easter3LogoIcon } from '../../assets/logos/holidays/easter3.svg';
|
|
13
|
-
import { ReactComponent as Easter4LogoIcon } from '../../assets/logos/holidays/easter4.svg';
|
|
14
|
-
import { ReactComponent as Easter5LogoIcon } from '../../assets/logos/holidays/easter5.svg';
|
|
15
|
-
import { ReactComponent as Easter6LogoIcon } from '../../assets/logos/holidays/easter6.svg';
|
|
16
|
-
import { ReactComponent as MothersDayLogoIcon } from '../../assets/logos/holidays/mothersDay.svg';
|
|
17
|
-
import { ReactComponent as MemorialDayLogoIcon } from '../../assets/logos/holidays/memorialDay.svg';
|
|
18
|
-
import { ReactComponent as FathersDayLogoIcon } from '../../assets/logos/holidays/fathersDay.svg';
|
|
19
|
-
import { ReactComponent as HalloweenLogoIcon } from '../../assets/logos/holidays/halloween.svg';
|
|
20
|
-
import { ReactComponent as ThanksgivingLogoIcon } from '../../assets/logos/holidays/thanksgiving.svg';
|
|
21
|
-
import { ReactComponent as ChristmasLogoIcon } from '../../assets/logos/holidays/christmas.svg';
|
|
22
|
-
export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon, NewYearsLogoIcon, ValentinesLogoIcon, StPatricksLogoIcon, Easter1LogoIcon, Easter2LogoIcon, Easter3LogoIcon, Easter4LogoIcon, Easter5LogoIcon, Easter6LogoIcon, MothersDayLogoIcon, MemorialDayLogoIcon, FathersDayLogoIcon, HalloweenLogoIcon, ThanksgivingLogoIcon, ChristmasLogoIcon, };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconColor, IconName, IconsSize } from './icon.types';
|
|
3
|
-
export interface IconProps {
|
|
4
|
-
name: IconName;
|
|
5
|
-
size?: IconsSize;
|
|
6
|
-
color?: IconColor;
|
|
7
|
-
}
|
|
8
|
-
export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowDownRight' | 'arrowCircle' | 'arrowLeft' | 'arrowRight' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'bell' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circleDotted' | 'clock' | 'close' | 'closeCircle' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'manHeadset' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'team' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website';
|
|
2
|
-
export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
3
|
-
export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { LogoHoliday, LogoType, LogoColor } from './logo.types';
|
|
3
|
-
export interface ILogoProps {
|
|
4
|
-
type?: LogoType;
|
|
5
|
-
color?: LogoColor;
|
|
6
|
-
holiday?: LogoHoliday;
|
|
7
|
-
height?: number;
|
|
8
|
-
width?: number;
|
|
9
|
-
handleClick?: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const Logo: {
|
|
12
|
-
({ type, color, holiday, height, width, handleClick, }: ILogoProps): JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props } from 'framer-motion/types/types';
|
|
3
|
-
import { LogoColor, LogoHoliday } from './logo.types';
|
|
4
|
-
export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
|
|
5
|
-
export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
|
|
6
|
-
export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
|
|
2
|
-
export declare type LogoType = 'full' | 'icon';
|
|
3
|
-
export declare type LogoColor = 'teal' | 'black' | 'white';
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ReactComponent as TealLogo } from '../../../assets/logos/teal.svg';
|
|
2
|
-
import { ReactComponent as TealLogoIcon } from '../../../assets/logos/tealIcon.svg';
|
|
3
|
-
import { ReactComponent as BlackLogo } from '../../../assets/logos/black.svg';
|
|
4
|
-
import { ReactComponent as BlackLogoIcon } from '../../../assets/logos/blackIcon.svg';
|
|
5
|
-
import { ReactComponent as WhiteLogo } from '../../../assets/logos/white.svg';
|
|
6
|
-
import { ReactComponent as WhiteLogoIcon } from '../../../assets/logos/whiteIcon.svg';
|
|
7
|
-
import { ReactComponent as NewYearsLogoIcon } from '../../../assets/logos/holidays/newYears.svg';
|
|
8
|
-
import { ReactComponent as ValentinesLogoIcon } from '../../../assets/logos/holidays/valentines.svg';
|
|
9
|
-
import { ReactComponent as StPatricksLogoIcon } from '../../../assets/logos/holidays/stPatricks.svg';
|
|
10
|
-
import { ReactComponent as Easter1LogoIcon } from '../../../assets/logos/holidays/easter1.svg';
|
|
11
|
-
import { ReactComponent as Easter2LogoIcon } from '../../../assets/logos/holidays/easter2.svg';
|
|
12
|
-
import { ReactComponent as Easter3LogoIcon } from '../../../assets/logos/holidays/easter3.svg';
|
|
13
|
-
import { ReactComponent as Easter4LogoIcon } from '../../../assets/logos/holidays/easter4.svg';
|
|
14
|
-
import { ReactComponent as Easter5LogoIcon } from '../../../assets/logos/holidays/easter5.svg';
|
|
15
|
-
import { ReactComponent as Easter6LogoIcon } from '../../../assets/logos/holidays/easter6.svg';
|
|
16
|
-
import { ReactComponent as MothersDayLogoIcon } from '../../../assets/logos/holidays/mothersDay.svg';
|
|
17
|
-
import { ReactComponent as MemorialDayLogoIcon } from '../../../assets/logos/holidays/memorialDay.svg';
|
|
18
|
-
import { ReactComponent as FathersDayLogoIcon } from '../../../assets/logos/holidays/fathersDay.svg';
|
|
19
|
-
import { ReactComponent as HalloweenLogoIcon } from '../../../assets/logos/holidays/halloween.svg';
|
|
20
|
-
import { ReactComponent as ThanksgivingLogoIcon } from '../../../assets/logos/holidays/thanksgiving.svg';
|
|
21
|
-
import { ReactComponent as ChristmasLogoIcon } from '../../../assets/logos/holidays/christmas.svg';
|
|
22
|
-
export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon, NewYearsLogoIcon, ValentinesLogoIcon, StPatricksLogoIcon, Easter1LogoIcon, Easter2LogoIcon, Easter3LogoIcon, Easter4LogoIcon, Easter5LogoIcon, Easter6LogoIcon, MothersDayLogoIcon, MemorialDayLogoIcon, FathersDayLogoIcon, HalloweenLogoIcon, ThanksgivingLogoIcon, ChristmasLogoIcon, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '@chakra-ui/react';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Link } from '@chakra-ui/react';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { LinkBox, LinkOverlay } from '@chakra-ui/react';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, AlertDialogContent, AlertDialogOverlay, } from '@chakra-ui/react';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Menu, MenuButton, MenuList, MenuItem, MenuItemOption, MenuGroup, MenuOptionGroup, MenuDivider, } from '@chakra-ui/react';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IRatingDotProps {
|
|
3
|
-
number: number;
|
|
4
|
-
isInteractive?: boolean;
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
onClick?: (value: number) => void;
|
|
7
|
-
selected: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IRatingDotsProps {
|
|
3
|
-
minValue: number;
|
|
4
|
-
maxValue: number;
|
|
5
|
-
isInteractive?: boolean;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
onClick?: (value: number) => void;
|
|
8
|
-
selected?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare const RatingDots: ({ minValue, maxValue, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SelectProps as CSelectProps } from '@chakra-ui/react';
|
|
3
|
-
import { WithFormControlProps } from '../FormControl/formControl.component';
|
|
4
|
-
import { SelectOptionProps } from './select.types';
|
|
5
|
-
export interface SelectProps extends WithFormControlProps, CSelectProps {
|
|
6
|
-
options: SelectOptionProps[];
|
|
7
|
-
}
|
|
8
|
-
declare const WrappedSelect: React.FC<SelectProps & WithFormControlProps>;
|
|
9
|
-
export { WrappedSelect as Select };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
|
|
3
|
-
import { WithFormControlProps } from '../FormControl/formControl.component';
|
|
4
|
-
export interface SwitchProps extends WithFormControlProps, CSwitchProps {
|
|
5
|
-
}
|
|
6
|
-
declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
|
|
7
|
-
export { WrappedSwitch as Switch };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { InputProps as CInputProps } from '@chakra-ui/react';
|
|
3
|
-
import { WithFormControlProps } from 'components/FormControl/formControl.component';
|
|
4
|
-
export interface TextInputProps extends WithFormControlProps, CInputProps {
|
|
5
|
-
leftElement?: ReactElement;
|
|
6
|
-
rightElement?: ReactElement;
|
|
7
|
-
}
|
|
8
|
-
declare const WrappedTextInput: React.FC<TextInputProps & WithFormControlProps>;
|
|
9
|
-
export { WrappedTextInput as TextInput };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
|
|
3
|
-
import { WithFormControlProps } from '../FormControl/formControl.component';
|
|
4
|
-
export interface TextareaProps extends WithFormControlProps, CTextareaProps {
|
|
5
|
-
}
|
|
6
|
-
declare const WrappedTextArea: React.FC<TextareaProps & WithFormControlProps>;
|
|
7
|
-
export { WrappedTextArea as Textarea };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PlacementWithLogical, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
|
|
3
|
-
export interface TooltipProps extends ChakraTooltipProps {
|
|
4
|
-
label: string;
|
|
5
|
-
placement?: PlacementWithLogical;
|
|
6
|
-
titleCaseLabel?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const Tooltip: ({ children, label, openDelay, placement, titleCaseLabel, ...rest }: TooltipProps) => JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as tokens from './tokens';
|
|
2
|
-
import { ButtonStyleType, HeadingStyleConfig, TooltipStyleConfig } from '../components';
|
|
3
|
-
import { ComponentStyleConfig } from '@chakra-ui/theme';
|
|
4
|
-
import { Colors } from './tokens/colors/color.type';
|
|
5
|
-
export interface ThemeProps {
|
|
6
|
-
theme: Theme;
|
|
7
|
-
}
|
|
8
|
-
export interface Theme {
|
|
9
|
-
blur: tokens.Blur;
|
|
10
|
-
borders: tokens.Borders;
|
|
11
|
-
colors: Colors;
|
|
12
|
-
radii: tokens.Radii;
|
|
13
|
-
shadows: tokens.Shadows;
|
|
14
|
-
sizes: tokens.Sizes;
|
|
15
|
-
fonts: tokens.Fonts;
|
|
16
|
-
fontSizes: tokens.FontSizes;
|
|
17
|
-
fontWeights: tokens.FontWeights;
|
|
18
|
-
lineHeights: tokens.LineHeights;
|
|
19
|
-
space: tokens.Space;
|
|
20
|
-
transition: tokens.Transition;
|
|
21
|
-
zIndices: tokens.ZIndices;
|
|
22
|
-
semanticTokens: tokens.SemanticTokens;
|
|
23
|
-
initialColorMode: string;
|
|
24
|
-
useSystemColorMode: boolean;
|
|
25
|
-
config: {
|
|
26
|
-
initialColorMode: string;
|
|
27
|
-
useSystemColorMode: boolean;
|
|
28
|
-
};
|
|
29
|
-
components: {
|
|
30
|
-
Drawer: ComponentStyleConfig;
|
|
31
|
-
Textarea: ComponentStyleConfig;
|
|
32
|
-
Heading: HeadingStyleConfig;
|
|
33
|
-
Text: ComponentStyleConfig;
|
|
34
|
-
Button: ButtonStyleType;
|
|
35
|
-
Tooltip: TooltipStyleConfig;
|
|
36
|
-
};
|
|
37
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { IconColor } from '../../../components';
|
|
2
|
-
import { AdaptiveColorMap, ColorValueMap } from './color.type';
|
|
3
|
-
export interface BaseColors {
|
|
4
|
-
transparent: string;
|
|
5
|
-
current: string;
|
|
6
|
-
black: string;
|
|
7
|
-
white: string;
|
|
8
|
-
whiteAlpha: ColorValueMap;
|
|
9
|
-
blackAlpha: ColorValueMap;
|
|
10
|
-
gray: ColorValueMap;
|
|
11
|
-
red: ColorValueMap;
|
|
12
|
-
orange: ColorValueMap;
|
|
13
|
-
yellow: ColorValueMap;
|
|
14
|
-
green: ColorValueMap;
|
|
15
|
-
teal: ColorValueMap;
|
|
16
|
-
blue: ColorValueMap;
|
|
17
|
-
comet: ColorValueMap;
|
|
18
|
-
}
|
|
19
|
-
export interface SemanticTokens {
|
|
20
|
-
text: {
|
|
21
|
-
light: {
|
|
22
|
-
default: string;
|
|
23
|
-
headline: string;
|
|
24
|
-
subtle: string;
|
|
25
|
-
link: string;
|
|
26
|
-
placeholder: string;
|
|
27
|
-
success: string;
|
|
28
|
-
warning: string;
|
|
29
|
-
error: string;
|
|
30
|
-
};
|
|
31
|
-
dark: {
|
|
32
|
-
default: string;
|
|
33
|
-
headline: string;
|
|
34
|
-
subtle: string;
|
|
35
|
-
link: string;
|
|
36
|
-
placeholder: string;
|
|
37
|
-
success: string;
|
|
38
|
-
warning: string;
|
|
39
|
-
error: string;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
background: {
|
|
43
|
-
light: string;
|
|
44
|
-
grayLight: string;
|
|
45
|
-
grayDark: string;
|
|
46
|
-
tealLight: string;
|
|
47
|
-
dark: string;
|
|
48
|
-
table: string;
|
|
49
|
-
overlay: string;
|
|
50
|
-
info: string;
|
|
51
|
-
error: string;
|
|
52
|
-
warning: string;
|
|
53
|
-
success: string;
|
|
54
|
-
};
|
|
55
|
-
border: {
|
|
56
|
-
light: {
|
|
57
|
-
default: string;
|
|
58
|
-
heavy: string;
|
|
59
|
-
focus: string;
|
|
60
|
-
success: string;
|
|
61
|
-
warning: string;
|
|
62
|
-
error: string;
|
|
63
|
-
info: string;
|
|
64
|
-
};
|
|
65
|
-
dark: {
|
|
66
|
-
default: string;
|
|
67
|
-
heavy: string;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
divider: {
|
|
71
|
-
light: {
|
|
72
|
-
default: string;
|
|
73
|
-
};
|
|
74
|
-
dark: {
|
|
75
|
-
default: string;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
status: {
|
|
79
|
-
open: string;
|
|
80
|
-
confirmed: string;
|
|
81
|
-
success: string;
|
|
82
|
-
warning: string;
|
|
83
|
-
action: string;
|
|
84
|
-
negative: string;
|
|
85
|
-
error: string;
|
|
86
|
-
archived: string;
|
|
87
|
-
closed: string;
|
|
88
|
-
};
|
|
89
|
-
general: {
|
|
90
|
-
brand: string;
|
|
91
|
-
error: string;
|
|
92
|
-
};
|
|
93
|
-
}
|
|
94
|
-
export interface AdaptiveColorTokens {
|
|
95
|
-
icon: AdaptiveColorMap<IconColor>;
|
|
96
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { ColorMode } from '@chakra-ui/react';
|
|
2
|
-
import { IconColor } from '../../../components';
|
|
3
|
-
export declare type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
4
|
-
export declare type ColorValueMap = Record<ColorValue, string>;
|
|
5
|
-
export declare type AdaptiveColor = Record<ColorMode, string>;
|
|
6
|
-
export declare type AdaptiveColorMap<T extends keyof any> = Record<ColorMode, Record<T, string>>;
|
|
7
|
-
export declare type AdaptiveColorConfig<K extends keyof any, T extends keyof any> = Record<K, AdaptiveColorMap<T>>;
|
|
8
|
-
export interface BaseColors {
|
|
9
|
-
transparent: string;
|
|
10
|
-
current: string;
|
|
11
|
-
black: string;
|
|
12
|
-
white: string;
|
|
13
|
-
whiteAlpha: ColorValueMap;
|
|
14
|
-
blackAlpha: ColorValueMap;
|
|
15
|
-
gray: ColorValueMap;
|
|
16
|
-
red: ColorValueMap;
|
|
17
|
-
orange: ColorValueMap;
|
|
18
|
-
yellow: ColorValueMap;
|
|
19
|
-
green: ColorValueMap;
|
|
20
|
-
teal: ColorValueMap;
|
|
21
|
-
blue: ColorValueMap;
|
|
22
|
-
comet: ColorValueMap;
|
|
23
|
-
}
|
|
24
|
-
export interface SemanticTokens {
|
|
25
|
-
text: {
|
|
26
|
-
light: {
|
|
27
|
-
default: string;
|
|
28
|
-
headline: string;
|
|
29
|
-
subtle: string;
|
|
30
|
-
link: string;
|
|
31
|
-
placeholder: string;
|
|
32
|
-
success: string;
|
|
33
|
-
warning: string;
|
|
34
|
-
error: string;
|
|
35
|
-
};
|
|
36
|
-
dark: {
|
|
37
|
-
default: string;
|
|
38
|
-
headline: string;
|
|
39
|
-
subtle: string;
|
|
40
|
-
link: string;
|
|
41
|
-
placeholder: string;
|
|
42
|
-
success: string;
|
|
43
|
-
warning: string;
|
|
44
|
-
error: string;
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
background: {
|
|
48
|
-
light: string;
|
|
49
|
-
grayLight: string;
|
|
50
|
-
grayDark: string;
|
|
51
|
-
tealLight: string;
|
|
52
|
-
dark: string;
|
|
53
|
-
table: string;
|
|
54
|
-
overlay: string;
|
|
55
|
-
info: string;
|
|
56
|
-
error: string;
|
|
57
|
-
warning: string;
|
|
58
|
-
success: string;
|
|
59
|
-
};
|
|
60
|
-
border: {
|
|
61
|
-
light: {
|
|
62
|
-
default: string;
|
|
63
|
-
heavy: string;
|
|
64
|
-
focus: string;
|
|
65
|
-
success: string;
|
|
66
|
-
warning: string;
|
|
67
|
-
error: string;
|
|
68
|
-
info: string;
|
|
69
|
-
};
|
|
70
|
-
dark: {
|
|
71
|
-
default: string;
|
|
72
|
-
heavy: string;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
divider: {
|
|
76
|
-
light: {
|
|
77
|
-
default: string;
|
|
78
|
-
};
|
|
79
|
-
dark: {
|
|
80
|
-
default: string;
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
|
-
status: {
|
|
84
|
-
open: string;
|
|
85
|
-
confirmed: string;
|
|
86
|
-
success: string;
|
|
87
|
-
warning: string;
|
|
88
|
-
action: string;
|
|
89
|
-
negative: string;
|
|
90
|
-
error: string;
|
|
91
|
-
archived: string;
|
|
92
|
-
closed: string;
|
|
93
|
-
};
|
|
94
|
-
general: {
|
|
95
|
-
brand: string;
|
|
96
|
-
error: string;
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
export interface AdaptiveColorTokens {
|
|
100
|
-
icon: AdaptiveColorMap<IconColor>;
|
|
101
|
-
}
|
|
102
|
-
export declare type Colors = BaseColors & SemanticTokens & AdaptiveColorTokens;
|