@televet/kibble-ui 1.17.8 → 1.17.9
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/Button/button.component.d.ts +3 -1
- package/build/components/Typography/Text/text.component.d.ts +4 -1
- package/build/components/Typography/TruncatedText/truncatedText.component.d.ts +3 -2
- package/build/index.js +14493 -14486
- package/build/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
|
|
3
|
+
import { IconsSize } from '../../MediaAndIcons';
|
|
3
4
|
import { ButtonSizeType, ButtonVariantType } from './button.types';
|
|
4
5
|
import { IconName } from '@televet/kibble-icons';
|
|
5
6
|
export interface ButtonProps extends ChakraButtonProps {
|
|
@@ -7,7 +8,8 @@ export interface ButtonProps extends ChakraButtonProps {
|
|
|
7
8
|
variant?: ButtonVariantType;
|
|
8
9
|
size?: ButtonSizeType;
|
|
9
10
|
iconName?: IconName;
|
|
10
|
-
|
|
11
|
+
iconSize?: IconsSize;
|
|
12
|
+
iconPosition?: 'left' | 'right' | 'top';
|
|
11
13
|
darkMode?: boolean;
|
|
12
14
|
}
|
|
13
15
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2,11 +2,14 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { TextProps as ChakraTextProps } from '@chakra-ui/react';
|
|
3
3
|
import { HTMLTagName, TextVariant } from './text.types';
|
|
4
4
|
import { TextColor } from '../typography.types';
|
|
5
|
+
import { TruncatedTextProps } from '../TruncatedText';
|
|
5
6
|
export interface TextProps extends ChakraTextProps {
|
|
6
7
|
children: ReactNode;
|
|
7
8
|
as?: HTMLTagName;
|
|
8
9
|
variant?: TextVariant;
|
|
9
10
|
colorToken?: TextColor;
|
|
10
11
|
darkMode?: boolean;
|
|
12
|
+
truncate?: boolean;
|
|
13
|
+
truncateProps?: TruncatedTextProps;
|
|
11
14
|
}
|
|
12
|
-
export declare const Text: ({ children, variant, as, color, colorToken, darkMode, ...rest }: TextProps) => JSX.Element;
|
|
15
|
+
export declare const Text: ({ children, variant, as, color, colorToken, darkMode, truncate, truncateProps, size, fontSize, ...rest }: TextProps) => JSX.Element;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { PlacementWithLogical, TextProps as ChakraTextProps } from '@chakra-ui/react';
|
|
2
2
|
import { TypographyProps as ChakraTypographyProps } from '@chakra-ui/system';
|
|
3
3
|
export interface TruncatedTextProps extends ChakraTextProps, ChakraTypographyProps {
|
|
4
|
+
children?: string;
|
|
4
5
|
noOfLines?: number;
|
|
5
|
-
textContent
|
|
6
|
+
textContent?: string;
|
|
6
7
|
placement?: PlacementWithLogical;
|
|
7
8
|
titleCaseTooltipLabel?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare const TruncatedText: ({ noOfLines, textContent, placement, titleCaseTooltipLabel, ...rest }: TruncatedTextProps) => JSX.Element;
|
|
10
|
+
export declare const TruncatedText: ({ children, noOfLines, textContent, placement, titleCaseTooltipLabel, ...rest }: TruncatedTextProps) => JSX.Element;
|