@televet/kibble-ui 1.2.0-beta.2 → 1.2.0-beta.2f7t92n.0
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/Avatar/avatar.component.d.ts +26 -0
- package/build/components/Avatar/avatar.config.d.ts +2 -0
- package/build/components/Avatar/avatar.types.d.ts +1 -0
- package/build/components/Avatar/index.d.ts +3 -0
- package/build/components/AvatarGroup/avatarGroup.component.d.ts +13 -0
- package/build/components/AvatarGroup/avatarGroup.utilities.d.ts +6 -0
- package/build/components/AvatarGroup/index.d.ts +1 -0
- package/build/components/Icon/icon.config.d.ts +3 -0
- package/build/components/Logo/logo.records.d.ts +6 -0
- package/build/components/Textarea/index.d.ts +0 -1
- package/build/components/index.d.ts +1 -0
- package/build/hooks/useAdaptiveColor.d.ts +1 -1
- package/build/hooks/useTheme.d.ts +2 -2
- package/build/index.js +242 -42
- package/build/index.js.map +1 -1
- package/build/theme/index.d.ts +1 -1
- package/build/theme/theme.config.d.ts +2 -2
- package/build/theme/theme.model.d.ts +21 -17
- package/build/theme/theme.types.d.ts +1 -3
- package/package.json +3 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { AvatarSize } from './avatar.types';
|
|
4
|
+
export declare enum AvatarVariant {
|
|
5
|
+
Green = "green",
|
|
6
|
+
Red = "red",
|
|
7
|
+
Blue = "blue",
|
|
8
|
+
Comet = "comet",
|
|
9
|
+
Number = "number",
|
|
10
|
+
Dashed = "dashed",
|
|
11
|
+
Image = "image"
|
|
12
|
+
}
|
|
13
|
+
export interface AvatarProps extends CAvatarProps {
|
|
14
|
+
name: string;
|
|
15
|
+
size?: AvatarSize;
|
|
16
|
+
isClinic?: boolean;
|
|
17
|
+
showTooltip?: boolean;
|
|
18
|
+
tooltipPlacement?: Placement;
|
|
19
|
+
style?: CSSProperties;
|
|
20
|
+
handleClick?: () => void;
|
|
21
|
+
showRemoveButton?: boolean;
|
|
22
|
+
handleRemoveButtonClick?: () => void;
|
|
23
|
+
variant?: AvatarVariant;
|
|
24
|
+
tooltipText?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, tooltipText, ...rest }: AvatarProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AvatarProps, AvatarSize } from 'components/Avatar';
|
|
3
|
+
export interface AvatarGroupProps {
|
|
4
|
+
avatars: AvatarProps[];
|
|
5
|
+
max?: number;
|
|
6
|
+
size?: AvatarSize;
|
|
7
|
+
handleAddButtonClick?: () => void;
|
|
8
|
+
showAddButton?: boolean;
|
|
9
|
+
addButtonTooltipText?: string;
|
|
10
|
+
showRemoveAvatarButton?: boolean;
|
|
11
|
+
handleRemoveButtonClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './avatarGroup.component';
|
|
@@ -0,0 +1,6 @@
|
|
|
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>>;
|
|
@@ -3,6 +3,7 @@ export * from './Icon';
|
|
|
3
3
|
export * from './Logo';
|
|
4
4
|
export * from './Typography';
|
|
5
5
|
export * from './Textarea';
|
|
6
|
+
export * from './Avatar';
|
|
6
7
|
export * from './Button';
|
|
7
8
|
export * from './Tooltip';
|
|
8
9
|
export { Box, BoxProps, Center, CenterProps, Flex, FlexProps, Hide, HideProps, Show, ShowProps, Tbody, Td, Th, Thead, Tr, VStack, HStack, } from '@chakra-ui/react';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { AdaptiveColor } from '../theme/tokens
|
|
1
|
+
import { AdaptiveColor } from '../theme/tokens';
|
|
2
2
|
export declare const useAdaptiveColor: (color: AdaptiveColor) => string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { WithCSSVar } from '@chakra-ui/react';
|
|
2
|
-
import {
|
|
3
|
-
export declare const useTheme: () => WithCSSVar<
|
|
2
|
+
import { Theme } from '../theme';
|
|
3
|
+
export declare const useTheme: () => WithCSSVar<Theme>;
|