@televet/kibble-ui 1.0.11 → 1.0.12-beta.1

package/build/components/Button/button.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IconName } from '../Icon/icon.types';
+import { IconName } from '../Icon';
 import { ButtonOptions } from '@chakra-ui/button/dist/declarations/src/button';
 import { ButtonSize, ButtonVariant } from './button.types';
 export interface ButtonProps extends ButtonOptions {

package/build/components/Drawer/drawer.records.d.ts

@@ -0,0 +1,13 @@
+export declare const DrawerConfig: {
+    variants: {
+        alwaysOpen: {
+            parts: string[];
+            dialog: {
+                pointerEvents: string;
+            };
+            dialogContainer: {
+                pointerEvents: string;
+            };
+        };
+    };
+};

package/build/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer.records';

package/build/components/Icon/index.d.ts

@@ -1 +1,2 @@
 export * from './icon.component';
+export * from './icon.types';

package/build/components/Textarea/index.d.ts

@@ -1,3 +1,4 @@
 export * from './textarea.component';
 export * from './textarea.types';
 export * from './textarea.config';
+export * from './textarea.config';

package/build/components/Textarea/textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler } from 'react';
+import { ChangeEventHandler, LegacyRef } from 'react';
 import { TextareaResizeOrientation, TextareaSize } from './textarea.types';
 export interface TextareaProps {
     value: string;
@@ -9,5 +9,7 @@ export interface TextareaProps {
     placeholder?: string;
     size?: TextareaSize;
     resize?: TextareaResizeOrientation;
+    autofocus?: boolean;
+    ref?: LegacyRef<HTMLTextAreaElement>;
 }
 export declare const Textarea: (props: TextareaProps) => JSX.Element;

package/build/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tooltip.component';
+export * from './tooltip.model';
+export * from './tooltip.records';

package/build/components/Tooltip/tooltip.model.d.ts

@@ -1,4 +1,4 @@
-import { AdaptiveColor } from '../../theme/tokens/colors';
+import { AdaptiveColor } from '../../theme/tokens';
 export interface TooltipStyleConfig {
     color: AdaptiveColor;
 }

package/build/components/Tooltip/tooltip.records.d.ts

@@ -0,0 +1,9 @@
+import { TooltipStyleConfig } from './tooltip.model';
+export declare const TooltipGlobalStyle: {
+    '[id^=tooltip]': {
+        padding: string;
+        borderRadius: string;
+        textTransform: string;
+    };
+};
+export declare const TooltipConfig: TooltipStyleConfig;

package/build/components/Typography/Heading/heading.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
+import { HeadingSize, HeadingVariant } from './heading.types';
+export interface HeadingProps extends ChakraHeadingProps {
+    children: ReactNode;
+    size?: HeadingSize;
+    variant?: HeadingVariant;
+}
+export declare const Heading: ({ children, size, variant, ...rest }: HeadingProps) => JSX.Element;

package/build/components/Typography/Heading/heading.records.d.ts

@@ -0,0 +1,2 @@
+import { HeadingStyleConfig } from './heading.types';
+export declare const HeadingConfig: HeadingStyleConfig;

package/build/components/Typography/Heading/heading.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare type HeadingStyleConfig = {
+    variants: Record<HeadingVariant, ComponentStyleConfig>;
+};
+export declare type HeadingVariant = 'large' | 'small';
+export declare type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';

package/build/components/Typography/Heading/index.d.ts

@@ -1,7 +1,3 @@
-import { ReactNode } from 'react';
-import type { ComponentStyleConfig } from '@chakra-ui/theme';
-declare const Heading: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-export declare const HeadingConfig: ComponentStyleConfig;
-export default Heading;
+export * from './heading.component';
+export * from './heading.types';
+export * from './heading.records';

package/build/components/Typography/Text/index.d.ts

@@ -1,7 +1,3 @@
-import { ReactNode } from 'react';
-import type { ComponentStyleConfig } from '@chakra-ui/theme';
-declare const Text: ({ children }: {
-    children: ReactNode;
-}) => JSX.Element;
-export declare const TextConfig: ComponentStyleConfig;
-export default Text;
+export * from './text.component';
+export * from './text.records';
+export * from './text.types';

package/build/components/Typography/Text/text.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { TextProps as ChakraTextProps } from '@chakra-ui/react';
+import { TextVariant } from './text.types';
+export interface TextProps extends ChakraTextProps {
+    children: ReactNode;
+    variant?: TextVariant;
+}
+export declare const Text: ({ children, variant, ...rest }: TextProps) => JSX.Element;

package/build/components/Typography/Text/text.records.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/theme';
+export declare const TextConfig: ComponentStyleConfig;

package/build/components/Typography/Text/text.types.d.ts

@@ -0,0 +1 @@
+export declare type TextVariant = 'regular' | 'semibold';

package/build/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Heading';
+export * from './Text';

package/build/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Button';
+export * from './Drawer';
+export * from './Icon';
+export * from './Logo';
+export * from './Typography';
+export * from './Tooltip';
+export * from './Textarea';

package/build/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/build/hooks/useTheme.d.ts

@@ -1,3 +1,3 @@
 import { WithCSSVar } from '@chakra-ui/react';
-import { ITheme } from '../theme';
-export declare const useTheme: () => WithCSSVar<ITheme>;
+import { Theme } from '../theme';
+export declare const useTheme: () => WithCSSVar<Theme>;

package/build/index.d.ts

@@ -1,6 +1,4 @@
-import theme, { ITheme } from './theme';
-import KibbleThemeProvider from './providers/ThemeProvider';
-import { Button } from './components/Button';
-import { Icon } from './components/Icon';
-import Logo from './components/Logo';
-export { theme, ITheme, KibbleThemeProvider, Icon, Logo, Button };
+export * from './components';
+export * from './theme';
+export * from './providers';
+export * from './hooks';