@televet/kibble-ui 1.14.10 → 1.15.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.
@@ -1,6 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
3
- import { IconName } from '../../MediaAndIcons/Icon';
3
+ import { IconName } from '../../MediaAndIcons';
4
4
  import { ButtonSizeType, ButtonVariantType } from './button.types';
5
5
  export interface ButtonProps extends ChakraButtonProps {
6
6
  children?: ReactNode;
@@ -1,2 +1,2 @@
1
1
  import { ButtonProps } from '../../../../Forms';
2
- export declare const ModalCloseButton: ({ right, left, size, ...rest }: ButtonProps) => JSX.Element;
2
+ export declare const ModalCloseButton: ({ right, top, size, ...rest }: ButtonProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { PopoverBodyProps } from '@chakra-ui/react';
2
+ export declare const PopoverBody: ({ children, ...rest }: PopoverBodyProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ButtonProps } from '../../../../Forms';
2
+ export declare const PopoverCloseButton: ({ size, ...rest }: ButtonProps) => JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PopoverFooterProps as ChakraPopoverFooterProps } from '@chakra-ui/react';
2
+ export interface PopoverFooterProps extends ChakraPopoverFooterProps {
3
+ }
4
+ export declare const PopoverFooter: ({ children, ...rest }: PopoverFooterProps) => JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { PopoverFooterProps as ChakraPopoverFooterProps } from '@chakra-ui/react';
2
+ export interface PopoverFooterButtonProps extends ChakraPopoverFooterProps {
3
+ submitText?: string;
4
+ isLoading?: boolean;
5
+ isDisabled?: boolean;
6
+ isDestructive?: boolean;
7
+ onSubmit?: () => void;
8
+ allowCancel?: boolean;
9
+ onCancel?: () => void;
10
+ }
11
+ export declare const PopoverFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: PopoverFooterButtonProps) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { PopoverHeaderProps as ChakraPopoverHeaderProps } from '@chakra-ui/react';
2
+ import { HeadingSize, TextColor } from '../../../../Typography';
3
+ export interface PopoverHeaderProps extends ChakraPopoverHeaderProps {
4
+ size?: HeadingSize;
5
+ colorToken?: TextColor;
6
+ }
7
+ export declare const PopoverHeader: ({ size, color, colorToken, children, ...rest }: PopoverHeaderProps) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ export * as BetaPopover from './popover.component';
2
+ export * from './popover.config';
3
+ export * from './components/PopoverBody/popoverBody.component';
4
+ export * from './components/PopoverFooter/popoverFooter.component';
5
+ export * from './components/PopoverCloseButton/popoverCloseButton.component';
6
+ export * from './components/PopoverHeader/popoverHeader.component';
7
+ export * from './components/PopoverFooterButtons/popoverFooterButtons.component';
8
+ export { usePopoverContext } from '@chakra-ui/react';
@@ -0,0 +1,14 @@
1
+ import { ReactNode } from 'react';
2
+ import { PopoverProps as ChakraPopoverProps } from '@chakra-ui/react';
3
+ import { PopoverSize } from './popover.types';
4
+ import { Token } from '@chakra-ui/styled-system/dist/declarations/src/utils';
5
+ import * as CSS from 'csstype';
6
+ export interface PopoverProps extends ChakraPopoverProps {
7
+ children: ReactNode;
8
+ popoverTrigger: ReactNode;
9
+ darkMode?: boolean;
10
+ allowEscape?: boolean;
11
+ size?: PopoverSize;
12
+ shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;
13
+ }
14
+ export declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, ...rest }: PopoverProps) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { PopoverSizeConfig } from './popover.types';
2
+ export declare const PopoverConfig: PopoverSizeConfig;
@@ -0,0 +1,6 @@
1
+ export declare type PopoverSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
+ interface SizeConfig {
3
+ width: number;
4
+ }
5
+ export declare type PopoverSizeConfig = Record<PopoverSize, SizeConfig>;
6
+ export {};
@@ -2,3 +2,4 @@ export * from './Drawer';
2
2
  export * from './Tooltip';
3
3
  export * from './Menu';
4
4
  export * from './Modal';
5
+ export * from './Popover';