@televet/kibble-ui 1.2.1 → 1.2.2-beta.2p81ym7.2

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

@@ -0,0 +1,5 @@
+import { ButtonColorOptions } from './button.types';
+import { AdaptiveColorMap } from '../../theme/tokens';
+export interface ButtonVariantConfig extends AdaptiveColorMap<ButtonColorOptions> {
+    variant: 'solid' | 'outline' | 'ghost';
+}

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

@@ -0,0 +1,2 @@
+import { ButtonStyleConfig } from './button.types';
+export declare const ButtonConfig: ButtonStyleConfig;

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/Modal/index.d.ts

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

package/build/components/Modal/modal-section.component.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface props {
+    children: ReactNode;
+    alignContent?: 'left' | 'right';
+}
+export declare const ModalSection: ({ children, alignContent }: props) => JSX.Element;
+export {};

package/build/components/Modal/modal.component.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { ModalProps as ChakraModalProps } from '@chakra-ui/react';
+import { BlurAmount } from '../../theme/tokens';
+import { FocusableElement } from '@chakra-ui/utils';
+import { ModalSize } from './modal.types';
+declare type ResponsiveBreakpoints = 'base' | 'md';
+export interface ModalProps extends ChakraModalProps {
+    title?: string;
+    children: ReactNode;
+    footer?: ReactNode;
+    isOpen: boolean;
+    onClose: () => void;
+    modalSize?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;
+    allowEscape?: boolean;
+    useDefaultCloseButton?: boolean;
+    overlayBlur?: BlurAmount;
+    overlayHueShift?: number;
+    overlayBase?: 'whiteAlpha' | 'blackAlpha';
+    darkMode?: boolean;
+    initialFocusRef: React.RefObject<FocusableElement>;
+    scrollBehavior?: 'inside' | 'outside';
+}
+export declare const Modal: ({ title, children, footer, isOpen, onClose, modalSize, overlayBlur, allowEscape, useDefaultCloseButton, initialFocusRef, scrollBehavior, overlayHueShift, overlayBase, darkMode, ...rest }: ModalProps) => JSX.Element;
+export {};

package/build/components/Modal/modal.types.d.ts

@@ -0,0 +1 @@
+export declare type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | 'full';

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

@@ -0,0 +1,4 @@
+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

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
 import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/react';
-import { HeadingSize, HeadingVariant } from './heading.types';
+import { HeadingSize } from './heading.types';
+import { TextColor } from '../typography.types';
 export interface HeadingProps extends ChakraHeadingProps {
     children: ReactNode;
     size?: HeadingSize;
-    variant?: HeadingVariant;
+    color?: TextColor;
     darkMode?: boolean;
 }
-export declare const Heading: ({ children, size, variant, ...rest }: HeadingProps) => JSX.Element;
+export declare const Heading: ({ children, size, color, darkMode, ...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/Text/text.component.d.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 import { TextProps as ChakraTextProps } from '@chakra-ui/react';
-import { TextVariant } from './text.types';
+import { HTMLTagName, TextVariant } from './text.types';
+import { TextColor } from '../typography.types';
 export interface TextProps extends ChakraTextProps {
     children: ReactNode;
+    as?: HTMLTagName;
     variant?: TextVariant;
+    color?: TextColor;
+    darkMode?: boolean;
 }
-export declare const Text: ({ children, variant, ...rest }: TextProps) => JSX.Element;
+export declare const Text: ({ children, variant, as, color, darkMode, ...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

@@ -1 +1,2 @@
 export declare type TextVariant = 'regular' | 'semibold';
+export declare type HTMLTagName = 'p' | 'span' | 'div' | 'i' | 'u' | 's' | 'kbd' | 'sub' | 'sup';

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

@@ -1,2 +1,3 @@
 export * from './Heading';
 export * from './Text';
+export * from './typography.types';

package/build/components/Typography/typography.types.d.ts

@@ -0,0 +1 @@
+export declare type TextColor = 'default' | 'headline' | 'subtle' | 'link' | 'placeholder' | 'success' | 'warning' | 'error';