@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.
Files changed (117) hide show
  1. package/build/components/Forms/Textarea/index.d.ts +1 -0
  2. package/build/components/Forms/Textarea/textarea.component.d.ts +3 -5
  3. package/build/components/Forms/index.d.ts +0 -4
  4. package/build/components/index.d.ts +0 -1
  5. package/build/index.js +28 -2374
  6. package/build/index.js.map +1 -1
  7. package/build/theme/theme.types.d.ts +2 -4
  8. package/package.json +1 -1
  9. package/build/components/Avatar/avatar.component.d.ts +0 -26
  10. package/build/components/Avatar/avatar.config.d.ts +0 -2
  11. package/build/components/Avatar/avatar.types.d.ts +0 -1
  12. package/build/components/Avatar/index.d.ts +0 -3
  13. package/build/components/AvatarGroup/avatarGroup.component.d.ts +0 -13
  14. package/build/components/AvatarGroup/avatarGroup.utilities.d.ts +0 -6
  15. package/build/components/AvatarGroup/index.d.ts +0 -1
  16. package/build/components/Button/button.component.d.ts +0 -13
  17. package/build/components/Button/button.config.d.ts +0 -16
  18. package/build/components/Button/button.model.d.ts +0 -5
  19. package/build/components/Button/button.records.d.ts +0 -2
  20. package/build/components/Button/button.types.d.ts +0 -8
  21. package/build/components/Button/index.d.ts +0 -3
  22. package/build/components/DataDisplay/Badge/index.d.ts +0 -1
  23. package/build/components/DataDisplay/Code/index.d.ts +0 -1
  24. package/build/components/DataDisplay/Divider/index.d.ts +0 -1
  25. package/build/components/DataDisplay/Kbd/index.d.ts +0 -1
  26. package/build/components/DataDisplay/List/index.d.ts +0 -1
  27. package/build/components/DataDisplay/Tag/index.d.ts +0 -1
  28. package/build/components/Disclosure/Accordion/index.d.ts +0 -1
  29. package/build/components/Disclosure/Tabs/index.d.ts +0 -1
  30. package/build/components/Disclosure/VisuallyHidden/index.d.ts +0 -1
  31. package/build/components/Disclosure/index.d.ts +0 -3
  32. package/build/components/Drawer/drawer.config.d.ts +0 -13
  33. package/build/components/Drawer/drawer.records.d.ts +0 -13
  34. package/build/components/Drawer/index.d.ts +0 -1
  35. package/build/components/Feedback/Alert/index.d.ts +0 -1
  36. package/build/components/Feedback/CircularProgress/index.d.ts +0 -1
  37. package/build/components/Feedback/Progress/index.d.ts +0 -1
  38. package/build/components/Feedback/Skeleton/index.d.ts +0 -1
  39. package/build/components/Feedback/Spinner/index.d.ts +0 -1
  40. package/build/components/Feedback/Toast/index.d.ts +0 -1
  41. package/build/components/Feedback/index.d.ts +0 -6
  42. package/build/components/FormControl/formControl.argTypes.d.ts +0 -125
  43. package/build/components/FormControl/formControl.component.d.ts +0 -12
  44. package/build/components/FormControl/formControl.config.d.ts +0 -2
  45. package/build/components/Forms/FormControl/formControl.argTypes.d.ts +0 -125
  46. package/build/components/Forms/FormControl/formControl.component.d.ts +0 -12
  47. package/build/components/Forms/FormControl/formControl.config.d.ts +0 -2
  48. package/build/components/Forms/RatingDots/index.d.ts +0 -2
  49. package/build/components/Forms/RatingDots/ratingDot.component.d.ts +0 -9
  50. package/build/components/Forms/RatingDots/ratingDots.component.d.ts +0 -10
  51. package/build/components/Forms/Select/index.d.ts +0 -3
  52. package/build/components/Forms/Select/select.component.d.ts +0 -9
  53. package/build/components/Forms/Select/select.config.d.ts +0 -2
  54. package/build/components/Forms/Select/select.types.d.ts +0 -4
  55. package/build/components/Forms/Switch/index.d.ts +0 -2
  56. package/build/components/Forms/Switch/switch.component.d.ts +0 -7
  57. package/build/components/Forms/Switch/switch.config.d.ts +0 -2
  58. package/build/components/Forms/TextInput/index.d.ts +0 -2
  59. package/build/components/Forms/TextInput/textInput.component.d.ts +0 -9
  60. package/build/components/Forms/TextInput/textInput.config.d.ts +0 -2
  61. package/build/components/Icon/icon.component.d.ts +0 -8
  62. package/build/components/Icon/icon.config.d.ts +0 -3
  63. package/build/components/Icon/icon.records.d.ts +0 -3
  64. package/build/components/Icon/icon.types.d.ts +0 -3
  65. package/build/components/Icon/index.d.ts +0 -2
  66. package/build/components/Logo/index.d.ts +0 -2
  67. package/build/components/Logo/logo.component.d.ts +0 -14
  68. package/build/components/Logo/logo.config.d.ts +0 -6
  69. package/build/components/Logo/logo.records.d.ts +0 -33
  70. package/build/components/Logo/logo.types.d.ts +0 -3
  71. package/build/components/Logo/logos.d.ts +0 -22
  72. package/build/components/Media/Icon/icon.component.d.ts +0 -8
  73. package/build/components/Media/Icon/icon.records.d.ts +0 -3
  74. package/build/components/Media/Icon/icon.types.d.ts +0 -3
  75. package/build/components/Media/Icon/index.d.ts +0 -2
  76. package/build/components/Media/Logo/index.d.ts +0 -2
  77. package/build/components/Media/Logo/logo.component.d.ts +0 -14
  78. package/build/components/Media/Logo/logo.config.d.ts +0 -6
  79. package/build/components/Media/Logo/logo.types.d.ts +0 -3
  80. package/build/components/Media/Logo/logos.d.ts +0 -22
  81. package/build/components/Navigation/Breadcrumb/index.d.ts +0 -1
  82. package/build/components/Navigation/Link/index.d.ts +0 -1
  83. package/build/components/Navigation/LinkOverlay/index.d.ts +0 -1
  84. package/build/components/Navigation/index.d.ts +0 -3
  85. package/build/components/Overlay/AlertDialog/index.d.ts +0 -1
  86. package/build/components/Overlay/Menu/index.d.ts +0 -1
  87. package/build/components/RatingDots/index.d.ts +0 -2
  88. package/build/components/RatingDots/ratingDot.component.d.ts +0 -9
  89. package/build/components/RatingDots/ratingDots.component.d.ts +0 -10
  90. package/build/components/Select/index.d.ts +0 -3
  91. package/build/components/Select/select.component.d.ts +0 -9
  92. package/build/components/Select/select.config.d.ts +0 -2
  93. package/build/components/Select/select.types.d.ts +0 -4
  94. package/build/components/Switch/index.d.ts +0 -2
  95. package/build/components/Switch/switch.component.d.ts +0 -7
  96. package/build/components/Switch/switch.config.d.ts +0 -2
  97. package/build/components/TextInput/index.d.ts +0 -2
  98. package/build/components/TextInput/textInput.component.d.ts +0 -9
  99. package/build/components/TextInput/textInput.config.d.ts +0 -2
  100. package/build/components/Textarea/index.d.ts +0 -2
  101. package/build/components/Textarea/textarea.component.d.ts +0 -7
  102. package/build/components/Textarea/textarea.config.d.ts +0 -2
  103. package/build/components/Textarea/textarea.types.d.ts +0 -2
  104. package/build/components/Tooltip/index.d.ts +0 -3
  105. package/build/components/Tooltip/tooltip.component.d.ts +0 -8
  106. package/build/components/Tooltip/tooltip.config.d.ts +0 -8
  107. package/build/components/Tooltip/tooltip.model.d.ts +0 -4
  108. package/build/components/Tooltip/tooltip.records.d.ts +0 -9
  109. package/build/components/Tooltip/tooltip.types.d.ts +0 -4
  110. package/build/components/Typography/Heading/heading.records.d.ts +0 -2
  111. package/build/components/Typography/Text/text.records.d.ts +0 -2
  112. package/build/shared/interfaces/SelectOption.d.ts +0 -4
  113. package/build/theme/theme.model.d.ts +0 -37
  114. package/build/theme/theme.record.d.ts +0 -2
  115. package/build/theme/tokens/colors/color.model.d.ts +0 -96
  116. package/build/theme/tokens/colors/color.type.d.ts +0 -102
  117. 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,2 +0,0 @@
1
- export * from './icon.component';
2
- export * from './icon.types';
@@ -1,2 +0,0 @@
1
- export * from './logo.component';
2
- export * from './logo.types';
@@ -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
- import { IconName, IconsSize } from './icon.types';
2
- export declare const IconMap: Record<IconName, any>;
3
- export declare const IconSizeMap: Record<IconsSize, number>;
@@ -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,2 +0,0 @@
1
- export * from './icon.component';
2
- export * from './icon.types';
@@ -1,2 +0,0 @@
1
- export * from './logo.component';
2
- export * from './logo.types';
@@ -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,3 +0,0 @@
1
- export * from './Breadcrumb';
2
- export * from './Link';
3
- export * from './LinkOverlay';
@@ -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,2 +0,0 @@
1
- export * from './ratingDot.component';
2
- export * from './ratingDots.component';
@@ -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,3 +0,0 @@
1
- export * from './select.component';
2
- export * from './select.config';
3
- export * from './select.types';
@@ -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,2 +0,0 @@
1
- import { ComponentStyleConfig } from '@chakra-ui/react';
2
- export declare const SelectConfig: ComponentStyleConfig;
@@ -1,4 +0,0 @@
1
- export interface SelectOptionProps {
2
- value: string;
3
- text: string;
4
- }
@@ -1,2 +0,0 @@
1
- export * from './switch.component';
2
- export * from './switch.config';
@@ -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,2 +0,0 @@
1
- import { ComponentStyleConfig } from '@chakra-ui/react';
2
- export declare const SwitchConfig: ComponentStyleConfig;
@@ -1,2 +0,0 @@
1
- export * from './textInput.component';
2
- export * from './textInput.config';
@@ -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,2 +0,0 @@
1
- import { ComponentStyleConfig } from '@chakra-ui/react';
2
- export declare const TextInputConfig: ComponentStyleConfig;
@@ -1,2 +0,0 @@
1
- export * from './textarea.component';
2
- export * from './textarea.config';
@@ -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,2 +0,0 @@
1
- import { ComponentStyleConfig } from '@chakra-ui/react';
2
- export declare const TextareaConfig: ComponentStyleConfig;
@@ -1,2 +0,0 @@
1
- export declare type TextareaSize = 'sm' | 'md' | 'lg';
2
- export declare type TextareaResizeOrientation = 'horizontal' | 'vertical' | 'none';
@@ -1,3 +0,0 @@
1
- export * from './tooltip.component';
2
- export * from './tooltip.types';
3
- export * from './tooltip.config';
@@ -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,8 +0,0 @@
1
- import { TooltipStyleConfig } from './tooltip.types';
2
- export declare const TooltipGlobalStyle: {
3
- '[id^=tooltip]': {
4
- padding: string;
5
- borderRadius: string;
6
- };
7
- };
8
- export declare const TooltipConfig: TooltipStyleConfig;
@@ -1,4 +0,0 @@
1
- import { AdaptiveColor } from '../../theme/tokens';
2
- export interface TooltipStyleConfig {
3
- color: AdaptiveColor;
4
- }
@@ -1,9 +0,0 @@
1
- import { TooltipStyleConfig } from './tooltip.model';
2
- export declare const TooltipGlobalStyle: {
3
- '[id^=tooltip]': {
4
- padding: string;
5
- borderRadius: string;
6
- textTransform: string;
7
- };
8
- };
9
- export declare const TooltipConfig: TooltipStyleConfig;
@@ -1,4 +0,0 @@
1
- import { AdaptiveColor } from '../../theme/tokens';
2
- export interface TooltipStyleConfig {
3
- color: AdaptiveColor;
4
- }
@@ -1,2 +0,0 @@
1
- import { HeadingStyleConfig } from './heading.types';
2
- export declare const HeadingConfig: HeadingStyleConfig;
@@ -1,2 +0,0 @@
1
- import { ComponentStyleConfig } from '@chakra-ui/theme';
2
- export declare const TextConfig: ComponentStyleConfig;
@@ -1,4 +0,0 @@
1
- export interface SelectOption {
2
- value: string;
3
- text: string;
4
- }
@@ -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,2 +0,0 @@
1
- import { ITheme } from './theme.model';
2
- export declare const theme: ITheme;
@@ -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;