@app-studio/web 0.8.66 → 0.8.69

package/dist/components/Alert/Alert/Alert.type.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'default' | 'info' | 'success' | 'error' | 'warning';
 export declare type AlertStyles = {
-    container?: CSSProperties;
-    title?: any;
-    description?: any;
-    icon?: any;
+    container?: ViewProps;
+    title?: ViewProps;
+    description?: ViewProps;
+    icon?: ViewProps;
 };

package/dist/components/AspectRatio/AspectRatio/AspectRatio.props.d.ts

@@ -1,4 +1,9 @@
 import { ViewProps } from 'app-studio';
 export interface AspectRatioProps extends ViewProps {
     ratio?: number;
+    views?: {
+        container?: ViewProps;
+        center?: ViewProps;
+        view?: ViewProps;
+    };
 }

package/dist/components/AspectRatio/AspectRatio/AspectRatio.view.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AspectRatioProps } from './AspectRatio.props';
-export declare const AspectRatioView: ({ ratio, children, ...props }: AspectRatioProps) => React.JSX.Element;
+export declare const AspectRatioView: ({ ratio, children, views, ...props }: AspectRatioProps) => React.JSX.Element;

package/dist/components/Avatar/Avatar/Avatar.type.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type AvatarStyles = {
-    container?: CSSProperties;
-    image?: CSSProperties;
-    fallback?: any;
+    container?: ViewProps;
+    image?: ViewProps;
+    fallback?: ViewProps;
 };

package/dist/components/Badge/Badge/Badge.style.d.ts

@@ -1,7 +1,8 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
+import { ViewProps } from 'app-studio';
 import { Shape, Size } from './Badge.type';
 export declare type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const BadgeSizes: Record<Size, CSSProperties>;
+export declare const BadgeSizes: Record<Size, ViewProps>;
 export declare const BadgeShapes: Record<Shape, number | string>;
 export declare const PositionStyles: {
     [key: string]: React.CSSProperties;

package/dist/components/Badge/Badge/Badge.type.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type Variant = 'filled' | 'outline' | 'link' | 'ghost';
 export declare type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export declare type BadgeStyles = {
-    container?: CSSProperties;
-    text?: any;
+    container?: ViewProps;
+    text?: ViewProps;
 };

package/dist/components/Button/Button/Button.props.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { ButtonProps as $ButtonProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../utils/elevation';
 import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './Button.type';
@@ -17,7 +17,7 @@ export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     isIconRounded?: boolean;
     onClick?: Function;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
     ariaLabel?: string;
     variant?: Variant;

package/dist/components/Button/Button/Button.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Shape, Size } from './Button.type';
-export declare const ButtonSizes: Record<Size, CSSProperties>;
+export declare const ButtonSizes: Record<Size, ViewProps>;
 export declare const ButtonShapes: Record<Shape, number | string>;
-export declare const IconSizes: Record<Size, CSSProperties>;
+export declare const IconSizes: Record<Size, ViewProps>;

package/dist/components/Button/Button/Button.view.d.ts

@@ -1,4 +1,12 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { ButtonProps } from './Button.props';
-declare const ButtonView: React.FC<ButtonProps>;
+interface Props extends ButtonProps {
+    views?: {
+        container?: ViewProps;
+        link?: ViewProps;
+        horizontal?: ViewProps;
+    };
+}
+declare const ButtonView: React.FC<Props>;
 export default ButtonView;

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.props.d.ts

@@ -7,3 +7,13 @@ export interface DragAndDropProps {
     containerProps?: ViewProps;
     itemProps?: ViewProps;
 }
+export interface DragAndDropViewProps extends DragAndDropProps {
+    draggedIndex: number | null;
+    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+    views?: {
+        container?: ViewProps;
+        item?: ViewProps;
+    };
+}

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.view.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import { DragAndDropProps } from './DragAndDrop.props';
-interface DragAndDropViewProps extends DragAndDropProps {
-    draggedIndex: number | null;
-    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
-    renderItem?: (item: any, index: number) => React.ReactNode;
-    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
-}
+import { DragAndDropViewProps } from './DragAndDrop.props';
 export declare const DragAndDropView: React.FC<DragAndDropViewProps>;
-export {};

package/dist/components/File/File.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import { ViewProps, ImageProps } from 'app-studio';
-export declare type FileProps = {
+export interface FileProps extends ViewProps {
     src: string;
     color?: string;
-} & ViewProps;
-export declare const FileSVG: ({ src, color, themeMode: elementMode, ...props }: FileProps) => React.JSX.Element;
+    views?: {
+        container?: ViewProps;
+        image?: ImageProps;
+    };
+}
+export declare const FileSVG: ({ src, color, views, themeMode: elementMode, ...props }: FileProps) => React.JSX.Element;
 export declare const FileImage: ({ path, ...props }: {
     path: string;
 } & ImageProps) => React.JSX.Element;

package/dist/components/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -1,7 +1,8 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../../utils/elevation';
 import { InputProps, Shadow } from 'app-studio';
 import { CheckboxStyles, Size } from './Checkbox.type';
+import { ViewProps } from 'app-studio';
 export interface CheckboxProps extends Omit<InputProps, 'size'> {
     id?: string;
     icon?: React.ReactNode;
@@ -18,7 +19,7 @@ export interface CheckboxProps extends Omit<InputProps, 'size'> {
     onValueChange?: Function;
     views?: CheckboxStyles;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     infoText?: string;
 }
 export interface CheckboxViewProps extends CheckboxProps {

package/dist/components/Form/Checkbox/Checkbox/Checkbox.style.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Checkbox.type';
-export declare const Sizes: Record<Size, CSSProperties>;
+export declare const Sizes: Record<Size, ViewProps>;
 export declare const IconSizes: Record<Size, number>;

package/dist/components/Form/CountryPicker/CountryPicker/CountryPicker.props.d.ts

@@ -1,6 +1,5 @@
-import { CSSProperties } from 'react';
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
 export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     id?: string;
@@ -19,7 +18,7 @@ export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     size?: Size;
     value?: string | number;
     variant?: Variant;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface CountryPickerViewProps extends CountryPickerProps {
     isHovered?: boolean;
@@ -36,12 +35,12 @@ export interface CountryPickerViewProps extends CountryPickerProps {
 export interface CountryPickerDropDownProps extends Omit<InputProps, 'size'> {
     size?: Size;
     callback?: Function;
-    options: Array<Country>;
+    options?: Array<Country>;
     views?: CountryPickerStyles;
 }
-export interface DropDownItemProps extends Omit<InputProps, 'size'> {
+export interface DropDownItemProps extends InputProps {
     callback?: Function;
-    option: string;
+    option?: string;
     size?: Size;
     views?: CountryPickerStyles;
 }

package/dist/components/Form/DatePicker/DatePicker/DatePicker.props.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
 import { DatePickerStyles, Shape, Size, Variant } from './DatePicker.type';
@@ -62,7 +62,7 @@ export interface DatePickerProps extends Omit<ViewProps, 'size'> {
     /**
      * Adds a shadow effect to the DatePicker.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface DatePickerViewProps extends DatePickerProps {
     /**

package/dist/components/Form/Select/Select/Select.props.d.ts

@@ -1,6 +1,5 @@
-import { CSSProperties } from 'react';
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { SelectStyles, Shape, Size, Variant, Option } from './Select.type';
 export interface SelectProps extends Omit<InputProps, 'size'> {
     id?: string;
@@ -18,7 +17,7 @@ export interface SelectProps extends Omit<InputProps, 'size'> {
     variant?: Variant;
     views?: SelectStyles;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     isScrollable?: boolean;
 }
 export interface SelectViewProps extends SelectProps {

package/dist/components/Form/Select/Select/Select.style.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Select.type';
-export declare const Sizes: Record<Size, CSSProperties>;
+export declare const Sizes: Record<Size, ViewProps>;
 export declare const IconSizes: Record<Size, number>;

package/dist/components/Form/Switch/Switch/Switch.props.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Size, SwitchStyles } from './Switch.type';
 export interface SwitchProps extends Omit<InputProps, 'size'> {
     activeChild?: React.ReactNode;
@@ -11,7 +11,7 @@ export interface SwitchProps extends Omit<InputProps, 'size'> {
     name?: string;
     inActiveChild?: React.ReactNode;
     views?: SwitchStyles;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     size?: Size;
     labelPosition?: 'left' | 'right';
 }

package/dist/components/Form/Switch/Switch/Switch.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Switch.type';
-export declare const KnobSizes: Record<Size, CSSProperties>;
-export declare const SliderSizes: Record<Size, CSSProperties>;
+export declare const KnobSizes: Record<Size, ViewProps>;
+export declare const SliderSizes: Record<Size, ViewProps>;
 export declare const SliderPadding: Record<Size, Record<string, number>>;

package/dist/components/Form/TextArea/TextArea/TextArea.props.d.ts

@@ -1,5 +1,4 @@
-import { CSSProperties } from 'react';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../../utils/elevation';
 import { Shape, Size, TextAreaStyles, Variant } from './TextArea.type';
 export interface TextAreaProps extends Omit<InputProps, 'size'> {
@@ -22,7 +21,7 @@ export interface TextAreaProps extends Omit<InputProps, 'size'> {
     onBlur?: (value: any) => void;
     onFocus?: () => void;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
     views?: TextAreaStyles;
     value?: string | number;

package/dist/components/Form/TextArea/TextArea/TextArea.type.d.ts

@@ -1,11 +1,11 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
 export declare type Shape = 'default' | 'sharp' | 'rounded';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextAreaStyles = {
-    box?: CSSProperties;
-    text?: CSSProperties;
-    label?: CSSProperties;
-    helperText?: CSSProperties;
-    field?: CSSProperties;
+    box?: ViewProps;
+    text?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
+    field?: ViewProps;
 };

package/dist/components/Form/TextField/TextField/TextField.props.d.ts

@@ -1,5 +1,5 @@
-import React, { CSSProperties } from 'react';
-import { InputProps, Shadow } from 'app-studio';
+import React from 'react';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../../utils/elevation';
 import { Shape, Size, TextFieldStyles, Variant } from './TextField.type';
 export interface TextFieldProps extends Omit<InputProps, 'size'> {
@@ -21,7 +21,7 @@ export interface TextFieldProps extends Omit<InputProps, 'size'> {
     onClick?: () => void;
     onFocus?: () => void;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
     views?: TextFieldStyles;
     value?: string;

package/dist/components/Icon/Icon.d.ts

@@ -1,10 +1,8 @@
 import { ViewProps } from 'app-studio';
 import React from 'react';
-export interface IconProps extends Omit<ViewProps, 'size'> {
-    size?: number;
+export interface IconProps extends ViewProps {
     color?: string;
     filled?: boolean;
-    strokeWidth?: number;
     orientation?: 'left' | 'right' | 'up' | 'down';
 }
 export declare const ChevronIcon: React.FC<IconProps>;

package/dist/components/Layout/Center/Center.props.d.ts

@@ -1,3 +1,3 @@
-import { ViewProps } from '../View/View';
+import { ViewProps } from 'app-studio';
 export interface CenterProps extends ViewProps {
 }

package/dist/components/Layout/Input/FieldContent/FieldContent/FieldContent.props.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Shape, Size, TextFieldStyles, Variant } from '../../../../Layout/configs/Input.type';
 import { Elevation } from '../../../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
@@ -62,5 +62,5 @@ export interface ContentProps extends Omit<ViewProps, 'size'> {
     /**
      * The shadow effect applied to the Content component.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }

package/dist/components/Layout/Input/FieldLabel/FieldLabel/FieldLabel.props.d.ts

@@ -22,6 +22,6 @@ export interface LabelProps extends Omit<ViewProps, 'size'> {
      * CSS styles applied to the Label
      */
     views?: {
-        label: any;
+        label?: ViewProps;
     };
 }

package/dist/components/Layout/View/View.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { ViewProps } from 'app-studio';
+import type { ViewProps as $ViewProps } from 'app-studio';
+export declare type ViewProps = $ViewProps;
 export declare const Top: (props: ViewProps) => React.JSX.Element;
 export declare const Bottom: (props: ViewProps) => React.JSX.Element;
 export declare const Left: (props: ViewProps) => React.JSX.Element;
 export declare const Right: (props: ViewProps) => React.JSX.Element;
 export declare const Inline: (props: ViewProps) => React.JSX.Element;
-export type { ViewProps };
-export declare const View: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & ViewProps>;
+export declare const View: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & $ViewProps>;

package/dist/components/Layout/configs/Input.style.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Shape, Size, Variant } from './Input.type';
-export declare const Shapes: Record<Shape, CSSProperties>;
+export declare const Shapes: Record<Shape, ViewProps>;
 export declare const LabelSizes: Record<Size, number>;
-export declare const InputVariants: Record<Variant, CSSProperties>;
+export declare const InputVariants: Record<Variant, ViewProps>;
 export declare const PadddingWithLabel: {
     paddingTop: number;
     paddingBottom: number;

package/dist/components/Layout/configs/Input.type.d.ts

@@ -1,12 +1,12 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
 export declare type Shape = 'default' | 'sharp' | 'rounded' | 'pillShaped';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextFieldStyles = {
-    box?: CSSProperties;
-    text?: CSSProperties;
-    label?: CSSProperties;
-    helperText?: CSSProperties;
+    box?: ViewProps;
+    text?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
 };
 export declare type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 export declare type Justify = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/components/Loader/Loader/Loader.view.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { LoaderProps } from '../Loader/Loader.props';
-declare const LoaderView: React.FC<LoaderProps>;
+interface Props extends LoaderProps {
+    views?: {
+        container?: ViewProps;
+        text?: ViewProps;
+    };
+}
+declare const LoaderView: React.FC<Props>;
 export default LoaderView;

package/dist/components/Message/Message/Message.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { MessageType, Shape, Size } from './Message.type';
-export declare const ContainerShapes: Record<Shape, CSSProperties>;
+export declare const ContainerShapes: Record<Shape, ViewProps>;
 export declare const HeaderIconSizes: Record<Size, number>;
 export declare const Themes: Record<MessageType, any>;

package/dist/components/Message/Message/Message.type.d.ts

@@ -1,17 +1,18 @@
+import { ViewProps } from 'app-studio';
 export declare type Position = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export declare type Shape = 'sharp' | 'rounded';
 export declare type CloseButtonPosition = 'left' | 'right' | 'none';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type MessageType = 'info' | 'warning' | 'error' | 'success';
 export declare type MessageViewStyles = {
-    container?: any;
-    title?: any;
-    subtitle?: any;
-    icon?: any;
-    actionText?: any;
+    container?: ViewProps;
+    title?: ViewProps;
+    subtitle?: ViewProps;
+    icon?: ViewProps;
+    actionText?: ViewProps;
     closingIcon?: {
-        container?: any;
-        icon?: any;
+        container?: ViewProps;
+        icon?: ViewProps;
     };
 };
 export declare type Theme = {

package/dist/components/Modal/Modal/Modal.props.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
 import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
@@ -46,7 +46,7 @@ export interface ModalProps extends Omit<ViewProps, 'size'> {
     /**
      * Applies a shadow effect to the button.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface ModalType extends React.FunctionComponent<ModalProps> {
     /**
@@ -74,7 +74,7 @@ export interface ModalType extends React.FunctionComponent<ModalProps> {
      */
     Layout: React.FC<ModalLayoutProps>;
 }
-export interface OverlayProps extends Omit<ViewProps, 'size'> {
+export interface OverlayProps extends Omit<ViewProps, 'position' | 'isOpen'> {
     /**
      * The content of the Overlay
      */
@@ -101,6 +101,10 @@ export interface OverlayProps extends Omit<ViewProps, 'size'> {
     onClose: () => void;
 }
 export interface HeaderProps extends Omit<ViewProps, 'size'> {
+    views?: {
+        container?: ViewProps;
+        header?: ViewProps;
+    };
     /**
      * The content of the header
      */
@@ -130,6 +134,9 @@ export interface ModalLayoutProps {
     onHide?: (name?: string, props?: any) => void;
 }
 export interface ContainerProps extends Omit<ViewProps, 'size'> {
+    views?: {
+        container?: ViewProps;
+    };
     /**
      * The content of the modal container
      */
@@ -145,9 +152,15 @@ export interface ContainerProps extends Omit<ViewProps, 'size'> {
     /**
      * Set a shadow effect on the button.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
-export interface BodyProps extends Omit<ViewProps, 'size'> {
+export interface BodyProps extends ViewProps {
+    views?: {
+        view?: ViewProps;
+    };
 }
 export interface FooterProps extends ViewProps {
+    views?: {
+        container?: ViewProps;
+    };
 }

package/dist/components/Modal/Modal/Modal.style.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
-import { Position, Shape, Size } from './Modal.type';
-export declare const ContainerShapes: Record<Shape, CSSProperties>;
-export declare const OverlayAlignments: Record<Position, CSSProperties>;
+import { ViewProps } from 'app-studio';
+import { Shape, Size } from './Modal.type';
+export declare const ContainerShapes: Record<Shape, ViewProps>;
+export declare const OverlayAlignments: Record<string, ViewProps>;
 export declare const HeaderIconSizes: Record<Size, number>;

package/dist/components/Modal/Modal/Modal.view.d.ts

@@ -1,6 +1,20 @@
 import React from 'react';
-import { BodyProps, ContainerProps, FooterProps, HeaderProps, OverlayProps } from '../Modal/Modal.props';
-export declare const ModalOverlay: React.FC<OverlayProps>;
+import { ViewProps } from 'app-studio';
+import { BodyProps, ContainerProps, FooterProps, HeaderProps } from '../Modal/Modal.props';
+import { Position } from './Modal.type';
+export interface OverlayProps {
+    views?: {
+        container?: ViewProps;
+        view?: ViewProps;
+    };
+    blur?: number;
+    isOpen?: boolean;
+    isClosePrevented?: boolean;
+    onClose?: () => void;
+    position?: Position;
+    children?: React.ReactNode;
+}
+export declare const ModalOverlay: React.FC<OverlayProps & any>;
 export declare const ModalContainer: React.FC<ContainerProps>;
 export declare const ModalHeader: React.FC<HeaderProps>;
 export declare const ModalBody: React.FC<BodyProps>;

package/dist/components/Table/Table/Table.context.d.ts

@@ -1,20 +1,23 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
+import { ViewProps } from 'app-studio';
 export declare type TableViewStyles = {
-    table?: CSSProperties;
-    thead?: CSSProperties;
-    tfoot?: CSSProperties;
-    tbody?: CSSProperties;
-    tr?: CSSProperties;
-    td?: CSSProperties;
-    th?: CSSProperties;
-    caption?: CSSProperties;
+    table?: ViewProps;
+    thead?: ViewProps;
+    tfoot?: ViewProps;
+    tbody?: ViewProps;
+    tr?: ViewProps;
+    td?: ViewProps;
+    th?: ViewProps;
+    caption?: ViewProps;
 };
+interface TableContextProps {
+    views: TableViewStyles;
+    onRowClick?: Function;
+}
 export declare const TableProvider: React.FC<{
     children: React.ReactNode;
     views?: TableViewStyles;
     onRowClick?: Function;
 }>;
-export declare const useTableContext: () => {
-    views: TableViewStyles;
-    onRowClick?: Function | undefined;
-};
+export declare const useTableContext: () => TableContextProps;
+export {};