@app-studio/web 0.7.10 → 0.7.12

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import { ViewProps, ImageProps } from 'app-studio';
 export declare const FileSVG: ({ src, color, ...props }: {
     src: string;
     color?: string | undefined;
-}) => React.JSX.Element;
-export declare const FileImage: ({ path, ...props }: any) => React.JSX.Element;
+} & ViewProps) => React.JSX.Element;
+export declare const FileImage: ({ path, ...props }: {
+    path: string;
+} & ImageProps) => React.JSX.Element;

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

@@ -34,7 +34,7 @@ export interface LoaderProps extends Omit<ViewProps, 'size'> {
      */
     speed?: Speed;
 }
-export interface DefaultSpinnerProps {
+export interface DefaultSpinnerProps extends Omit<ViewProps, 'size'> {
     /**
      * To set the spinner height and width
      */
@@ -47,12 +47,8 @@ export interface DefaultSpinnerProps {
      * To change the spinner color
      */
     color?: string;
-    /**
-     * Other props
-     *  */
-    [x: string]: any;
 }
-export interface DottedProps {
+export interface DottedProps extends Omit<ViewProps, 'size'> {
     /**
      * To set the spinner height and width
      */
@@ -65,12 +61,8 @@ export interface DottedProps {
      * To change the spinner color
      */
     color?: string;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
 }
-export interface QuarterProps {
+export interface QuarterProps extends Omit<ViewProps, 'size'> {
     /**
      * To set the spinner height and width
      */
@@ -83,8 +75,4 @@ export interface QuarterProps {
      * To change the spinner color
      */
     color?: string;
-    /**
-     *Other properties
-     */
-    [x: string]: any;
 }

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

@@ -1,12 +1,8 @@
 import React, { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
+import { Shadow, ViewProps } from 'app-studio';
 import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
-export interface ModalProps {
-    /**
-     * The content to be displayed inside the modal.
-     */
-    children: React.ReactNode;
+export interface ModalProps extends Omit<ViewProps, 'size'> {
     /**
      * The color of the close button in the header.
      */
@@ -51,10 +47,6 @@ export interface ModalProps {
      * Applies a shadow effect to the button.
      */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Additional properties.
-     */
-    [x: string]: any;
 }
 export interface ModalType extends React.FunctionComponent<ModalProps> {
     /**
@@ -82,7 +74,7 @@ export interface ModalType extends React.FunctionComponent<ModalProps> {
      */
     Layout: React.FC<ModalLayoutProps>;
 }
-export interface OverlayProps {
+export interface OverlayProps extends Omit<ViewProps, 'size'> {
     /**
      * The content of the Overlay
      */
@@ -107,12 +99,8 @@ export interface OverlayProps {
      * Action to be handled when the button close is clicked or pressed
      */
     onClose: () => void;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
 }
-export interface HeaderProps {
+export interface HeaderProps extends Omit<ViewProps, 'size'> {
     /**
      * The content of the header
      */
@@ -133,17 +121,13 @@ export interface HeaderProps {
      * Action to be handled when the button close is clicked or pressed
      */
     onClose?: () => void;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
 }
 export interface ModalLayoutProps {
     modals: {
         [x: string]: React.FC<any>;
     };
 }
-export interface ContainerProps {
+export interface ContainerProps extends Omit<ViewProps, 'size'> {
     /**
      * The content of the modal container
      */
@@ -160,28 +144,8 @@ export interface ContainerProps {
      * Set a shadow effect on the button.
      */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
 }
-export interface BodyProps {
-    /**
-     * The content of the Body
-     */
-    children?: React.ReactNode;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
+export interface BodyProps extends Omit<ViewProps, 'size'> {
 }
-export interface FooterProps {
-    /**
-     * The content of the Footer
-     */
-    children?: React.ReactNode;
-    /**
-     * Other properties
-     */
-    [x: string]: any;
+export interface FooterProps extends ViewProps {
 }

package/dist/components/Svg/ArrowDown.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const ArrowDownSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/ArrowUp.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const ArrowUpSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Check.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const CheckSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Close.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const CloseSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/CloseEye.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const CloseEyeSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/DustBin.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const DustBinSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Edit.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const EditSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Error.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const ErrorSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/ExternalLink.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const ExternalLinkSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Indeterminate.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const IndeterminateSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Info.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const InfoSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/OpenEye.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const OpenEyeSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Plus.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const PlusSvg: React.FC<SvgProps>;
 export default PlusSvg;

package/dist/components/Svg/Profile.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const ProfileSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/RightArrow.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const RightArrowSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Search.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const SearchLoopSvg: React.FC<SvgProps>;
 export default SearchLoopSvg;

package/dist/components/Svg/Success.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const SuccessSvg: React.FC<SvgProps>;
 export {};

package/dist/components/Svg/Tick.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const TickSvg: React.FC<SvgProps>;
 export default TickSvg;

package/dist/components/Svg/Warning.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-interface SvgProps {
+import { ViewProps } from 'app-studio';
+interface SvgProps extends Omit<ViewProps, 'size'> {
     size?: number;
     color?: string;
-    [x: string]: any;
 }
 export declare const WarningSvg: React.FC<SvgProps>;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { InputProps } from 'app-studio';
 import { Shape, Variant } from './Toggle.type';
-export interface ToggleProps {
+export interface ToggleProps extends Omit<InputProps, 'size'> {
     shape?: Shape;
     isToggled?: boolean;
     isDisabled?: boolean;
@@ -8,7 +9,6 @@ export interface ToggleProps {
     variant?: Variant;
     colorScheme?: string;
     onToggle?: (isToggled: boolean) => void;
-    [x: string]: any;
 }
 export interface ToggleViewProps extends ToggleProps {
     isHovered: boolean;

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

@@ -1,14 +1,14 @@
 /// <reference types="react" />
 export interface ToggleGroupProps {
 }
+import { InputProps } from 'app-studio';
 import { Shape, ToggleItem, Variant } from './ToggleGroup.type';
-export interface ToggleGroupProps {
+export interface ToggleGroupProps extends Omit<InputProps, 'size'> {
     shape?: Shape;
     items: ToggleItem[];
     variant?: Variant;
     colorScheme?: string;
     onToggleChange?: (activeIds: string[]) => void;
-    [x: string]: any;
 }
 export interface ToggleGroupViewProps extends ToggleGroupProps {
     activeToggles: string[];