@onesy/ui-react 1.0.47 → 1.0.48

package/Expand/Expand.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ITransition } from '..';
 import { IPropsAny } from '../types';
-export interface IExpand extends Omit<ITransition, 'className'> {
+export declare type IExpand = Omit<ITransition, 'className'> & {
     value?: number;
     expandSize?: number;
     orientation?: 'veritcal' | 'horizontal';
     WrapperProps?: IPropsAny;
     className?: string;
-}
+};
 declare const Expand: React.FC<IExpand>;
 export default Expand;

package/Fab/Fab.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export interface IFab extends IButton {
-}
+export declare type IFab = IButton & {};
 declare const Fab: React.FC<IFab>;
 export default Fab;

package/Fade/Fade.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export interface IFade extends ITransition {
-}
+export declare type IFade = ITransition & {};
 declare const Fade: React.FC<IFade>;
 export default Fade;

package/FileChoose/FileChoose.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IRef, IElementReference, IPropsAny, ISize } from '../types';
+import { IRef, IElementReference, IPropsAny } from '../types';
 export declare type TFileChooseValue = File | Array<File>;
-export interface IFileChoose extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IFileChoose = ILine & {
     inputRef?: IRef;
-    size?: ISize;
     max?: number;
     allowedTypes?: Array<string>;
     files?: Array<File>;
@@ -23,6 +20,6 @@ export interface IFileChoose extends ILine {
     inputProps?: IPropsAny;
     WrapperProps?: IPropsAny;
     ComponentProps?: IPropsAny;
-}
+};
 declare const FileChoose: React.FC<IFileChoose>;
 export default FileChoose;

package/Focus/Focus.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { IBaseElement } from '../types';
 export declare const matches: (value: Element) => any;
 export declare const queryMatchFocusable = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled]), details:not([disabled]), summary:not(:disabled)";
-export interface IFocus extends IBaseElement {
-}
+export declare type IFocus = IBaseElement & {};
 declare const Focus: React.FC<IFocus>;
 export default Focus;

package/Form/Form.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { IElement, ISize } from '../types';
-export interface IForm extends ILine {
+import { IElement } from '../types';
+export declare type IForm = ILine & {
     accordion?: boolean;
     divider?: boolean;
     name?: string | IElement;
     description?: string | IElement;
-    size?: ISize;
     start?: any;
     end?: any;
     footer?: IElement;
@@ -20,6 +19,6 @@ export interface IForm extends ILine {
     EndProps?: any;
     AccordionProps?: any;
     AccordionMainProps?: any;
-}
+};
 declare const Form: React.FC<IForm>;
 export default Form;

package/FormRow/FormRow.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElement } from '../types';
-export interface IFormRow extends ILine {
+export declare type IFormRow = ILine & {
     name?: string | IElement;
     description?: string | IElement;
     start?: any;
@@ -15,6 +15,6 @@ export interface IFormRow extends ILine {
     AsideProps?: any;
     StartProps?: any;
     EndProps?: any;
-}
+};
 declare const FormRow: React.FC<IFormRow>;
 export default FormRow;

package/Forms/Forms.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export interface IForms extends ILine {
+export declare type IForms = ILine & {
     divider?: boolean;
-}
+};
 declare const Forms: React.FC<IForms>;
 export default Forms;

package/Frame/Frame.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export interface IFrame extends ILine {
+export declare type IFrame = ILine & {
     url?: string;
     src?: string;
     value?: any;
     startOptions?: any;
     endOptions?: any;
     IconMobile?: any;
-    IconTable?: any;
+    IconTablet?: any;
     IconLaptop?: any;
     IconDesktop?: any;
     iframeProps?: any;
@@ -16,6 +16,6 @@ export interface IFrame extends ILine {
     OptionsProps?: any;
     OptionsWrapperProps?: any;
     WrapperProps?: any;
-}
+};
 declare const Frame: React.FC<IFrame>;
 export default Frame;

package/Grid/Grid.d.ts

@@ -2,13 +2,16 @@ import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints, IPropsAny } from '../types';
 export declare type IGridValues = Partial<Record<IValueBreakpoints, number>>;
-export interface IGrid extends ILine {
+export declare type IGrid = ILine & {
     auto?: boolean;
     columns?: number | IGridValues;
+    parentGap?: any;
+    parentRowGap?: any;
+    parentColumnGap?: any;
     offsets?: IGridValues;
     responsive?: boolean;
     values?: IGridValues;
     RootProps?: IPropsAny;
-}
+};
 declare const Grid: React.FC<IGrid>;
 export default Grid;

package/Grid/Grid.js

@@ -66,7 +66,8 @@ const Grid = react_1.default.forwardRef((props_, ref) => {
     const theme = (0, style_react_1.useOnesyTheme)();
     const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyGrid) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
     const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
-    const { auto, wrap, columns = 12, gap: gap_, rowGap: rowGap_, columnGap: columnGap_, parentGap, parentRowGap, parentColumnGap, direction: direction_, offsets, values, responsive: responsive_, RootProps, Component = 'div', style, className, children } = props, other = __rest(props, ["auto", "wrap", "columns", "gap", "rowGap", "columnGap", "parentGap", "parentRowGap", "parentColumnGap", "direction", "offsets", "values", "responsive", "RootProps", "Component", "style", "className", "children"]);
+    const { auto, wrap, columns = 12, gap: gap_, rowGap: rowGap_, columnGap: columnGap_, parentGap, parentRowGap, parentColumnGap, direction: direction_, offsets, values, responsive: responsive_, RootProps, Component = 'div', style, className, children } = props, otherProps = __rest(props, ["auto", "wrap", "columns", "gap", "rowGap", "columnGap", "parentGap", "parentRowGap", "parentColumnGap", "direction", "offsets", "values", "responsive", "RootProps", "Component", "style", "className", "children"]);
+    const other = otherProps;
     const { classes } = useStyle();
     const refs = {
         root: react_1.default.useRef(undefined),

package/Grow/Grow.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ITransition } from '..';
-export interface IGrow extends ITransition {
-}
+export declare type IGrow = ITransition & {};
 declare const Grow: React.FC<IGrow>;
 export default Grow;

package/HTMLCanvas/HTMLCanvas.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IBaseElement, ISize } from '../types';
-export interface IHTMLCanvasOnChangeValue {
+import { IBaseElement } from '../types';
+export declare type IHTMLCanvasOnChangeValue = {
     zoom: number;
     top: number;
     left: number;
@@ -12,9 +12,8 @@ export interface IHTMLCanvasOnChangeValue {
         width: number;
         height: number;
     };
-}
-export interface IHTMLCanvas extends IBaseElement {
-    size?: ISize;
+};
+export declare type IHTMLCanvas = IBaseElement & {
     minZoom?: number;
     maxZoom?: number;
     showGuidelinesDefault?: boolean;
@@ -29,15 +28,13 @@ export interface IHTMLCanvas extends IBaseElement {
     onMouseDown?: (event: MouseEvent) => any;
     onTouchStart?: (event: TouchEvent) => any;
     noActions?: boolean;
-    noGuidelines?: boolean;
+    noGuideLines?: boolean;
     noFitCenter?: boolean;
     noZoomMenu?: boolean;
     methods?: any;
-    disabled?: boolean;
     IconCenter?: any;
     ContainerProps?: any;
     IconButtonProps?: any;
-    Component?: any;
-}
+};
 declare const HTMLCanvas: React.FC<IHTMLCanvas>;
 export default HTMLCanvas;

package/IFrame/IFrame.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IPropsAny } from '../types';
-export interface IIFrame extends ILine {
+export declare type IIFrame = ILine & {
     id?: string;
+    src?: string;
     WrapperProps?: IPropsAny;
-}
+};
 declare const IFrame: React.FC<IIFrame>;
 export default IFrame;

package/Icon/Icon.d.ts

@@ -1,17 +1,14 @@
 import React from 'react';
 import { TTone } from '@onesy/style-react';
-import { IBaseElement, ITonal, IColor } from '../types';
+import { IBaseElement } from '../types';
 export declare const rtl_icons: string[];
-export interface IIcon extends IBaseElement {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IIcon = IBaseElement & {
     size?: 'very small' | 'small' | 'regular' | 'medium' | 'large' | 'very large' | number;
     tone?: TTone;
     viewBox?: string;
     name?: string;
     short_name?: string;
     noRtl?: boolean;
-    disabled?: boolean;
-}
+};
 declare const Icon: React.FC<IIcon>;
 export default Icon;

package/IconButton/IconButton.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IButton } from '../Button/Button';
-export interface IIconButton extends IButton {
-}
+export declare type IIconButton = IButton & {};
 declare const IconButton: React.FC<IIconButton>;
 export default IconButton;

package/Image/Image.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { IUseVisible } from '../useVisible/useVisible';
-import { IBaseElement, ITonal, IColor, IPropsAny } from '../types';
-export interface IImage extends IBaseElement {
-    tonal?: ITonal;
-    color?: IColor;
+import { IBaseElement, IPropsAny } from '../types';
+export declare type IImage = IBaseElement & {
     src?: string;
+    url?: string;
+    urlSmall?: string;
     sources?: Array<string>;
     alt?: string;
     description?: string;
@@ -22,6 +22,6 @@ export interface IImage extends IBaseElement {
     NoImageProps?: IPropsAny;
     DescriptionProps?: IPropsAny;
     UseVisibleProps?: IUseVisible;
-}
+};
 declare const Image: React.FC<IImage>;
 export default Image;

package/Image/Image.js

@@ -115,7 +115,8 @@ const Image = react_1.default.forwardRef((props_, ref) => {
     const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
     const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
     const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
-    const { tonal = true, color = 'primary', src, url, urlSmall, sources, alt, description, alignDescription = 'start', width, height, align, responsive = true, lazyLoad = true, fullWidth, maxWidth, loading, RootProps, NoImageProps, DescriptionProps, UseVisibleProps, className, style, children: children_ } = props, other = __rest(props, ["tonal", "color", "src", "url", "urlSmall", "sources", "alt", "description", "alignDescription", "width", "height", "align", "responsive", "lazyLoad", "fullWidth", "maxWidth", "loading", "RootProps", "NoImageProps", "DescriptionProps", "UseVisibleProps", "className", "style", "children"]);
+    const { tonal = true, color = 'primary', src, url, urlSmall, sources, alt, description, alignDescription = 'start', width, height, align, responsive = true, lazyLoad = true, fullWidth, maxWidth, loading, RootProps, NoImageProps, DescriptionProps, UseVisibleProps, className, style, children: children_ } = props, otherProps = __rest(props, ["tonal", "color", "src", "url", "urlSmall", "sources", "alt", "description", "alignDescription", "width", "height", "align", "responsive", "lazyLoad", "fullWidth", "maxWidth", "loading", "RootProps", "NoImageProps", "DescriptionProps", "UseVisibleProps", "className", "style", "children"]);
+    const other = otherProps;
     const { classes } = useStyle();
     let Component = 'img';
     const [root, setRoot] = react_1.default.useState();

package/ImageCrop/ImageCrop.d.ts

@@ -6,7 +6,7 @@ export declare type TImageCrop = {
     width?: number;
     height?: number;
 };
-export interface IImageCrop extends IBaseElement {
+export declare type IImageCrop = IBaseElement & {
     image?: string | HTMLCanvasElement;
     minWidth?: number;
     minHeight?: number;
@@ -23,6 +23,6 @@ export interface IImageCrop extends IBaseElement {
     onFocus?: (event: React.FocusEvent<any>) => any;
     onBlur?: (event: React.FocusEvent<any>) => any;
     TooltipProps?: IPropsAny;
-}
+};
 declare const ImageCrop: React.FC<IImageCrop>;
 export default ImageCrop;

package/ImageEdit/ImageEdit.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TMethod } from '@onesy/models';
 import { ILine } from '../Line/Line';
-import { IElementReference, IElement, ITonal, IColor, IPropsAny } from '../types';
+import { IElementReference, IElement, IPropsAny } from '../types';
 export declare type TImageEditFilter = {
     label?: string;
     Icon?: IElementReference;
@@ -10,9 +10,7 @@ export declare type TImageEditFilter = {
     renderIconButton: (value: string, selected: boolean, onChangeFilter: TMethod) => IElement;
     renderSlider: (value: string, filterValuesCopy: any, onFilterSliderChange: TMethod) => IElement;
 };
-export interface IImageEdit extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+export declare type IImageEdit = ILine & {
     image?: string | HTMLCanvasElement;
     name?: string;
     type?: string;
@@ -63,6 +61,6 @@ export interface IImageEdit extends ILine {
     TooltipProps?: IPropsAny;
     ImageCropProps?: IPropsAny;
     IconButtonProps?: IPropsAny;
-}
+};
 declare const ImageEdit: React.FC<IImageEdit>;
 export default ImageEdit;

package/ImageGallery/ImageGallery.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IElementReference, IMediaObject } from '../types';
-export interface IImageGallery extends ILine {
+export declare type IImageGallery = ILine & {
     version?: 'regular' | 'modal';
     open?: boolean;
     size?: 'small' | 'regular' | 'large';
@@ -25,6 +25,6 @@ export interface IImageGallery extends ILine {
     IconStart?: IElementReference;
     IconEnd?: IElementReference;
     IconClose?: IElementReference;
-}
+};
 declare const ImageGallery: React.FC<IImageGallery>;
 export default ImageGallery;

package/ImageList/ImageList.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { IBaseElement, IValueBreakpoints } from '../types';
-export interface IImageList extends IBaseElement {
+export declare type IImageList = IBaseElement & {
     version?: 'standard' | 'vowen' | 'masonry';
     gap?: number | Partial<Record<IValueBreakpoints, number>>;
     rowGap?: number | Partial<Record<IValueBreakpoints, number>>;
     columnGap?: number | Partial<Record<IValueBreakpoints, number>>;
     columns?: number | Partial<Record<IValueBreakpoints, number>>;
-}
+};
 declare const ImageList: React.FC<IImageList>;
 export default ImageList;

package/ImageList/ImageList.js

@@ -46,7 +46,8 @@ const ImageList = react_1.default.forwardRef((props_, ref) => {
     const theme = (0, style_react_1.useOnesyTheme)();
     const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyImageList) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
     const { classes } = useStyle();
-    const { version = 'standard', gap: gap_, rowGap: rowGap_, columnGap: columnGap_, columns: columns_, Component = 'ul', className, style, children } = props, other = __rest(props, ["version", "gap", "rowGap", "columnGap", "columns", "Component", "className", "style", "children"]);
+    const { version = 'standard', gap: gap_, rowGap: rowGap_, columnGap: columnGap_, columns: columns_, Component = 'ul', className, style, children } = props, otherProps = __rest(props, ["version", "gap", "rowGap", "columnGap", "columns", "Component", "className", "style", "children"]);
+    const other = otherProps;
     const refs = {
         root: react_1.default.useRef(undefined)
     };

package/ImageListItem/ImageListItem.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
 import { IValueBreakpoints } from '../types';
-export interface IImageListItem extends ILine {
+export declare type IImageListItem = ILine & {
     rows?: number | Partial<Record<IValueBreakpoints, number>>;
     columns?: number | Partial<Record<IValueBreakpoints, number>>;
     version?: 'standard' | 'vowen' | 'masonry';
-}
+};
 declare const ImageListItem: React.FC<IImageListItem>;
 export default ImageListItem;

package/ImageListItemBox/ImageListItemBox.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IListItem } from '../ListItem/ListItem';
-export interface IImageListItemBox extends IListItem {
+export declare type IImageListItemBox = IListItem & {
     position?: 'top' | 'bottom';
     backgroundOpacity?: number;
-}
+};
 declare const ImageListItemBox: React.FC<IImageListItemBox>;
 export default ImageListItemBox;

package/Info/Info.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IMenu } from '../Menu/Menu';
-export interface IInfo extends IMenu {
+export declare type IInfo = IMenu & {
     name?: string;
     title?: string;
     render?: () => any;
@@ -10,6 +10,6 @@ export interface IInfo extends IMenu {
     TitleProps?: any;
     ContainerProps?: any;
     TooltipProps?: any;
-}
+};
 declare const Info: React.FC<IInfo>;
 export default Info;

package/Interaction/Interaction.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import OnesySubscription from '@onesy/subscription/OnesySubscription';
 import { IBaseElement } from '../types';
 export declare type TMethodsVersion = 'add' | 'pulse' | 'remove';
-export interface IInteraction extends IBaseElement {
+export declare type IInteraction = IBaseElement & {
     wave?: boolean;
     background?: boolean;
     border?: boolean;
@@ -15,7 +15,6 @@ export interface IInteraction extends IBaseElement {
     wave_version?: 'simple';
     subscription?: OnesySubscription;
     clear?: any;
-    disabled?: boolean;
-}
+};
 declare const Interaction: React.FC<IInteraction>;
 export default Interaction;

package/Keyframes/Keyframes.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { TTransitionsDurationProperties } from '@onesy/style-react';
 import { IBaseElement, IRef } from '../types';
 export declare type TKeyframesStatus = 'appended' | 'add' | 'adding' | 'added' | 'removed';
-export interface IKeyframe {
+export declare type IKeyframe = {
     name: string;
     timeout: number;
-}
-export interface IKeyframes extends Omit<IBaseElement, 'className'> {
+};
+export declare type IKeyframes = Omit<IBaseElement, 'className'> & {
     ref?: IRef;
     className?: boolean;
     prefix?: string;
@@ -27,6 +27,6 @@ export interface IKeyframes extends Omit<IBaseElement, 'className'> {
     onAdding?: (element: HTMLElement) => void;
     onAdded?: (element: HTMLElement) => void;
     onRemoved?: (element: HTMLElement) => void;
-}
+};
 declare const Keyframes: React.FC<IKeyframes>;
 export default Keyframes;

package/Label/Label.d.ts

@@ -1,16 +1,14 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IVersion, ISize, IElement, IPropsAny } from '../types';
-export interface ILabel extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IColor, IVersion, IElement, IPropsAny } from '../types';
+export declare type ILabel = ILine & {
     colorUnchecked?: IColor;
     version?: IVersion;
-    size?: ISize;
     position?: 'start' | 'top' | 'bottom' | 'end';
     input?: IElement;
     label?: IElement;
     name?: IElement;
+    valueDefault?: boolean;
     checkedDefault?: boolean;
     value?: any;
     checked?: any;
@@ -18,9 +16,9 @@ export interface ILabel extends ILine {
     error?: boolean;
     helperText?: string;
     footer?: IElement;
-    disabled?: boolean;
     LabelProps?: IPropsAny;
     TypeProps?: IPropsAny;
-}
+    TextProps?: IPropsAny;
+};
 declare const Label: React.FC<ILabel>;
 export default Label;

package/Labels/Labels.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-import { ITonal, IColor, IVersion, ISize, IElement, IPropsAny } from '../types';
-export interface ILabels extends ILine {
-    tonal?: ITonal;
-    color?: IColor;
+import { IColor, IVersion, IElement, IPropsAny } from '../types';
+export declare type ILabels = ILine & {
     colorUnchecked?: IColor;
     version?: IVersion;
-    size?: ISize;
     name?: IElement;
     label?: IElement;
     valueDefault?: any[];
@@ -14,9 +11,8 @@ export interface ILabels extends ILine {
     value?: any[];
     checked?: any[];
     onChange?: (value: any) => any;
-    disabled?: boolean;
     WrapperProps?: IPropsAny;
     LabelProps?: IPropsAny;
-}
+};
 declare const Labels: React.FC<ILabels>;
 export default Labels;

package/Line/Line.d.ts

@@ -5,7 +5,7 @@ export declare type TLineJustify = 'inherit' | 'initial' | 'flex-start' | 'cente
 export declare type TLineDirection = 'inherit' | 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export declare type TLineWrap = 'inherit' | 'wrap' | 'nowrap' | 'wrap-reverse';
 export declare type TLineDisplay = 'inherit' | 'flex' | 'inline-flex';
-export interface ILine extends IBaseElement {
+export declare type ILine = IBaseElement & {
     display?: TLineDisplay | Partial<Record<IValueBreakpoints, TLineDisplay>>;
     direction?: TLineDirection | Partial<Record<IValueBreakpoints, TLineDirection>>;
     align?: TLineAlign | Partial<Record<IValueBreakpoints, TLineAlign>>;
@@ -19,6 +19,6 @@ export interface ILine extends IBaseElement {
     fullWidth?: boolean | Partial<Record<IValueBreakpoints, boolean>>;
     divider?: boolean | Partial<Record<IValueBreakpoints, boolean>>;
     DividerProps?: IPropsAny;
-}
+};
 declare const Line: React.FC<ILine>;
 export default Line;

package/LineChart/LineChart.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { IChart } from '../Chart/Chart';
-export interface ILineChart extends IChart {
+export declare type ILineChart = IChart & {
     smooth?: boolean;
     smoothRatio?: number;
-}
+};
 declare const LineChart: React.FC<ILineChart>;
 export default LineChart;

package/LineChartItem/LineChartItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TMethod } from '@onesy/models';
 import { IChart, IChartValueValues } from '../Chart/Chart';
-export interface ILineChartItem extends IChart {
+export declare type ILineChartItem = IChart & {
     name?: string;
     refs?: {
         wrapper?: HTMLElement;
@@ -16,6 +16,8 @@ export interface ILineChartItem extends IChart {
     updateLegend?: TMethod;
     smooth?: boolean;
     smoothRatio?: number;
-}
+    BackgroundProps?: any;
+    BorderProps?: any;
+};
 declare const LineChartItem: React.FC<ILineChartItem>;
 export default LineChartItem;

package/LinearMeter/LinearMeter.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
-import { IBaseElement, ITonal, IColor, ISize, IStyle, IElement, IPropsAny } from '../types';
-export interface ILinearMeter extends IBaseElement {
-    tonal?: ITonal;
-    color?: IColor;
-    size?: ISize;
+import { IBaseElement, IStyle, IElement, IPropsAny } from '../types';
+export declare type ILinearMeter = IBaseElement & {
     parts?: number;
     lineCap?: 'inherit' | 'round' | 'square' | 'butt';
     orientation?: 'vertical' | 'horizontal';
@@ -48,6 +45,6 @@ export interface ILinearMeter extends IBaseElement {
     LineMainProps?: IPropsAny;
     LinesProgressProps?: IPropsAny;
     LineProgressProps?: IPropsAny;
-}
+};
 declare const LinearMeter: React.FC<ILinearMeter>;
 export default LinearMeter;

package/LinearProgress/LinearProgress.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { IBaseElement, ITonal, IColor } from '../types';
-export interface ILinearProress extends IBaseElement {
-    tonal?: ITonal;
-    color?: IColor;
+import { IBaseElement } from '../types';
+export declare type ILinearProress = IBaseElement & {
     value?: number | {
         progress?: number;
         buffer?: number;
@@ -10,6 +8,6 @@ export interface ILinearProress extends IBaseElement {
     version?: 'determinate' | 'indeterminate';
     buffer?: boolean;
     reverse?: boolean;
-}
+};
 declare const LinearProgress: React.FC<ILinearProress>;
 export default LinearProgress;