@itcase/ui 1.2.30 → 1.2.32

package/dist/types/components/MenuItem/MenuItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { menuItemAppearanceType } from './MenuItem.interface';
+export declare const menuItemAppearance: menuItemAppearanceType;

package/dist/types/components/MenuItem/MenuItem.interface.d.ts

@@ -34,7 +34,7 @@ export interface IMenuItemThemeColor {
     underline?: tUnderlineProps;
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type menuItemAppearanceType = {
     [key in appearanceKeysType]?: IMenuItemThemeColor;
 };
@@ -53,7 +53,6 @@ export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
     label?: string;
     link?: string;
     rel?: string;
-    set?: string;
     style?: CSSProperties;
     target?: string;
     type?: string;
@@ -61,5 +60,6 @@ export interface IMenuItemProps extends IMenuItemThemeColor, iStyleAttributes {
     isHover?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
+    set?: string;
 }
 export {};

package/dist/types/components/Modal/Modal.appearance.d.ts

@@ -0,0 +1,2 @@
+import { modalAppearanceType } from './Modal.interface';
+export declare const modalAppearance: modalAppearanceType;

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

@@ -1,4 +1,5 @@
 import React from 'react';
-import { iModalProps, iModalRef } from './Modal.interface';
+import { iModalConfig, iModalProps, iModalRef } from './Modal.interface';
+declare const modalConfig: iModalConfig;
 declare const Modal: React.ForwardRefExoticComponent<iModalProps & React.RefAttributes<iModalRef>>;
-export { Modal };
+export { Modal, modalConfig };

package/dist/types/components/Modal/Modal.interface.d.ts

@@ -1,6 +1,25 @@
 import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
 import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import type { tFillGradientProps, tFillProps } from '../../types';
+import type { elevationPropsType, tBorderColorProps, tFillGradientProps, tFillProps, tShapeProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface IModalThemeColor {
+    borderColor?: tBorderColorProps;
+    elevation?: elevationPropsType;
+    fill?: tFillProps;
+    overlayFill?: tFillProps;
+    overlayFillGradient?: tFillGradientProps;
+    overlayOpacity?: string;
+    shape?: tShapeProps;
+    isOverlay?: boolean;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type modalAppearanceType = {
+    [key in appearanceKeysType]?: IModalThemeColor;
+};
+export interface iModalConfig {
+    appearance: modalAppearanceType | undefined;
+    setAppearance: (newComponent: modalAppearanceType) => void;
+}
 interface iModalLoaderProps {
 }
 interface iModalRef {
@@ -9,8 +28,9 @@ interface iModalRef {
     openModal: () => void;
     isOpen: boolean;
 }
-interface iModalProps extends iStyleAttributes {
+interface iModalProps extends IModalThemeColor, iStyleAttributes {
     id?: string;
+    appearance?: appearanceKeysType;
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
@@ -18,12 +38,8 @@ interface iModalProps extends iStyleAttributes {
     debug?: boolean;
     modalQuerySelector?: string;
     overlayClassName?: string;
-    overlayFill?: tFillProps;
-    overlayFillGradient?: tFillGradientProps;
-    overlayOpacity?: string;
     isCloseOnBlur?: boolean;
     isOpen: boolean;
-    isOverlay?: boolean;
     isScrollOnOpen?: boolean;
     isSetFocusOnOpen?: boolean;
     onClickOverlay?: () => void;

package/dist/types/components/Modal/index.d.ts

@@ -1,3 +1,3 @@
-import { Modal } from './Modal';
+import { Modal, modalConfig } from './Modal';
 import { ModalLoader } from './ModalLoader';
-export { Modal, ModalLoader };
+export { Modal, modalConfig, ModalLoader };

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts

@@ -0,0 +1,3 @@
+import { iModalSheetBottomProps } from './ModalSheetBottom.interface';
+declare function ModalSheetBottom(props: iModalSheetBottomProps): import("react/jsx-runtime").JSX.Element;
+export { ModalSheetBottom };

package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Sheet } from 'react-modal-sheet';
+import { tFillProps } from '../../types';
+export type a = typeof Sheet;
+export interface iModalSheetBottomProps extends a {
+    children?: ReactNode;
+    className?: string;
+    closeButton?: ReactNode;
+    fill?: tFillProps;
+    style?: CSSProperties;
+}

package/dist/types/components/ModalSheetBottom/index.d.ts

@@ -0,0 +1 @@
+export { ModalSheetBottom } from './ModalSheetBottom';

package/dist/types/components/Notification/Notification.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { tFillProps, titleSizePropsType, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface INotificationItemThemeColor {
     fill?: tFillProps;
@@ -9,8 +9,9 @@ export interface INotificationItemThemeColor {
     textSize?: tTextSizeProps;
     titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
+    width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type notificationItemAppearanceType = {
     [key in appearanceKeysType]?: INotificationItemThemeColor;
 };
@@ -19,16 +20,17 @@ export interface INotificationItemConfig {
     setAppearance: (newComponent: notificationItemAppearanceType) => void;
 }
 export interface INotificationItemProps extends iStyleAttributes {
+    id?: number | string;
     after?: ReactNode;
     appearance?: appearanceKeysType;
     before?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
     dataTour?: string;
-    id?: number | string;
-    set?: string;
+    fill?: tFillProps;
     size?: tSizeProps;
     status?: string;
+    style?: CSSProperties;
     text?: string;
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
@@ -36,15 +38,14 @@ export interface INotificationItemProps extends iStyleAttributes {
     titleTextColor?: tTextColorProps;
     titleTextSize?: titleSizePropsType;
     type?: string;
-    style?: CSSProperties;
     onClickClose?: (id?: number | string) => void;
-    fill?: tFillProps;
+    set?: string;
 }
 export interface INotificationListProps {
     className?: string;
     closeButton?: ReactNode;
-    set?: string;
     size?: tSizeProps;
     type?: string;
+    set?: string;
 }
 export {};

package/dist/types/components/Notification/NotificationItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { notificationItemAppearanceType } from './Notification.interface';
+export declare const notificationItemAppearance: notificationItemAppearanceType;

package/dist/types/components/Notification/index.d.ts

@@ -1,3 +1,4 @@
 import { NotificationItem, notificationItemConfig } from './NotificationItem';
+import { notificationItemAppearance } from './NotificationItem.appearance';
 import { NotificationList } from './NotificationList';
-export { NotificationList, NotificationItem, notificationItemConfig };
+export { NotificationList, NotificationItem, notificationItemConfig, notificationItemAppearance };

package/dist/types/components/Page/Page.d.ts

@@ -0,0 +1,3 @@
+import { iPageProps } from './Page.interface';
+declare function Page(props: iPageProps): import("react/jsx-runtime").JSX.Element;
+export { Page };

package/dist/types/components/Page/Page.interface.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from 'react';
+import { horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tAlignProps, tFillProps, verticalResizeModePropsType } from 'types';
+export interface iPageProps {
+    id?: number | string;
+    after?: ReactNode;
+    align: tAlignProps;
+    alignDirection: tAlignDirectionProps;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    fill?: tFillProps;
+    horizontalResizing?: horizontalResizeModePropsType;
+    position: positionPropsType;
+    style?: CSSProperties;
+    type?: string;
+    verticalResizing: verticalResizeModePropsType;
+    wrapperPosition: positionPropsType;
+}

package/dist/types/components/Page/index.d.ts

@@ -1,42 +1 @@
-import PropTypes from 'prop-types';
-declare function Page(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Page {
-    var propTypes: {
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        before: PropTypes.Requireable<string>;
-        after: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        fill: PropTypes.Requireable<string | null>;
-        fillMobile: PropTypes.Requireable<string | null>;
-        fillTablet: PropTypes.Requireable<string | null>;
-        fillDesktop: PropTypes.Requireable<string | null>;
-        type: PropTypes.Requireable<string>;
-        tag: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<string | null>;
-        positionMobile: PropTypes.Requireable<string | null>;
-        positionTablet: PropTypes.Requireable<string | null>;
-        positionDesktop: PropTypes.Requireable<string | null>;
-        wrapperPosition: PropTypes.Requireable<string | null>;
-        wrapperPositionMobile: PropTypes.Requireable<string | null>;
-        wrapperPositionTablet: PropTypes.Requireable<string | null>;
-        wrapperPositionDesktop: PropTypes.Requireable<string | null>;
-        horizontalResizing: PropTypes.Requireable<string | null>;
-        horizontalResizingMobile: PropTypes.Requireable<string | null>;
-        horizontalResizingTablet: PropTypes.Requireable<string | null>;
-        horizontalResizingDesktop: PropTypes.Requireable<string | null>;
-        verticalResizing: PropTypes.Requireable<string | null>;
-        verticalResizingMobile: PropTypes.Requireable<string | null>;
-        verticalResizingTablet: PropTypes.Requireable<string | null>;
-        verticalResizingDesktop: PropTypes.Requireable<string | null>;
-        align: PropTypes.Requireable<string | null>;
-        alignMobile: PropTypes.Requireable<string | null>;
-        alignTablet: PropTypes.Requireable<string | null>;
-        alignDesktop: PropTypes.Requireable<string | null>;
-        alignDirection: PropTypes.Requireable<string | null>;
-        alignDirectionMobile: PropTypes.Requireable<string | null>;
-        alignDirectionTablet: PropTypes.Requireable<string | null>;
-        alignDirectionDesktop: PropTypes.Requireable<string | null>;
-    };
-}
-export { Page };
+export { Page } from './Page';

package/dist/types/components/Radio/Radio.d.ts

@@ -4,7 +4,6 @@ declare function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Elem
 declare namespace Radio {
     var defaultProps: {
         shape: string;
-        tag: string;
     };
 }
 export { Radio, radioConfig };

package/dist/types/components/Response/Response.appearance.d.ts

@@ -0,0 +1,2 @@
+import { responseAppearanceType } from './Response.interface';
+export declare const responseAppearance: responseAppearanceType;

package/dist/types/components/Response/Response.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, titleSizePropsType, tWidthProps } from '../../types';
+import { borderColorHoverPropsType, borderTypePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface IResponseThemeColor {
     borderColor?: tBorderColorProps;
@@ -36,7 +36,7 @@ export interface IResponseThemeColor {
     titleTextSize?: titleSizePropsType;
     titleTextWeight?: tTextWeightProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type responseAppearanceType = {
     [key in appearanceKeysType]?: IResponseThemeColor;
 };
@@ -50,17 +50,17 @@ export interface IResponseProps extends IResponseThemeColor, iStyleAttributes {
     before?: ReactNode;
     className?: string;
     message?: string;
+    messageTextWeight?: tTextWeightProps;
     primaryButton?: boolean;
     primaryButtonAfter?: ReactNode;
     primaryButtonBefore?: ReactNode;
     secondaryButton?: boolean;
     secondaryButtonAfter?: ReactNode;
     secondaryButtonBefore?: ReactNode;
-    messageTextWeight?: tTextWeightProps;
-    set?: string;
     style?: CSSProperties;
     title?: string;
     onClickPrimaryButton?: () => void;
     onClickSecondaryButton?: () => void;
+    set?: string;
 }
 export {};

package/dist/types/components/Response/index.d.ts

@@ -1 +1,2 @@
+export { responseAppearance } from './Response.appearance';
 export { Response, responseConfig } from './Response';

package/dist/types/components/Scrollbar/Scrollbar.d.ts

@@ -1,8 +1,3 @@
 import { IScrollbarProps } from './Scrollbar.interface';
 declare function Scrollbar(props: IScrollbarProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Scrollbar {
-    var defaultProps: {
-        scrollHeight: string;
-    };
-}
 export { Scrollbar };

package/dist/types/components/Search/Search.appearance.d.ts

@@ -0,0 +1,2 @@
+import { searchAppearanceType } from './Search.interface';
+export declare const searchAppearance: searchAppearanceType;

package/dist/types/components/Search/Search.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillProps, iconSizePropsType, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
+import { borderColorHoverPropsType, borderTypePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ISearchThemeColor {
     borderColor?: tBorderColorProps;
@@ -8,12 +8,18 @@ export interface ISearchThemeColor {
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
     fill?: tFillProps;
+    iconAfter?: string;
     iconAfterFill?: tItemColorProps;
     iconAfterSize?: iconSizePropsType;
+    iconAfterSrc?: string;
+    iconBefore?: string;
     iconBeforeFill?: tItemColorProps;
     iconBeforeSize?: iconSizePropsType;
+    iconBeforeSrc?: string;
+    iconClear?: string;
     iconClearFill?: tItemColorProps;
     iconClearSize?: iconSizePropsType;
+    iconClearSrc?: string;
     inputFill?: tFillProps;
     inputShape?: tShapeProps;
     inputTextColor?: tTextColorProps;
@@ -25,10 +31,10 @@ export interface ISearchThemeColor {
     placeholderTextStyle?: tTextStyleProps;
     placeholderTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
-    size?: 'compact' | 'normal' | 's' | 'l';
+    size?: 'compact' | 'l' | 'normal' | 's';
     width?: tWidthProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type searchAppearanceType = {
     [key in appearanceKeysType]?: ISearchThemeColor;
 };
@@ -42,12 +48,6 @@ export interface ISearchProps extends ISearchThemeColor, iStyleAttributes {
     before?: ReactNode;
     className?: string;
     dataTour?: string;
-    iconAfter?: string;
-    iconAfterSrc?: string;
-    iconBefore?: string;
-    iconBeforeSrc?: string;
-    iconClear?: string;
-    iconClearSrc?: string;
     placeholder?: string;
     style?: CSSProperties;
     type?: string;

package/dist/types/components/Segmented/Segmented.appearance.d.ts

@@ -0,0 +1,2 @@
+import { segmentedAppearanceType } from './Segmented.interface';
+export declare const segmentedAppearance: segmentedAppearanceType;

package/dist/types/components/Select/Select.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tSelectAppearance } from './Select.interface';
+export declare const selectAppearance: tSelectAppearance;

package/dist/types/components/SiteMenu/SiteMenu.appearance.d.ts

@@ -0,0 +1,2 @@
+import { siteMenuAppearanceType } from './SiteMenu.interface';
+export declare const siteMenuAppearance: siteMenuAppearanceType;

package/dist/types/components/SiteMenu/SiteMenu.d.ts

@@ -1,3 +1,4 @@
-import { ISiteMenuProps } from './SiteMenu.interface';
+import { iSiteMenuConfig, ISiteMenuProps } from './SiteMenu.interface';
+declare const siteMenuConfig: iSiteMenuConfig;
 declare function SiteMenu(props: ISiteMenuProps): import("react/jsx-runtime").JSX.Element;
-export { SiteMenu };
+export { SiteMenu, siteMenuConfig };

package/dist/types/components/SiteMenu/SiteMenu.interface.d.ts

@@ -1,10 +1,8 @@
 import { ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tFillProps, iconSizePropsType, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
-export interface ISiteMenuProps extends iStyleAttributes {
-    children?: ReactNode;
-    className?: string;
-    closeText?: string;
+import { iconSizePropsType, tFillProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface ISiteMenuThemeColor {
     closeTextColor?: tTextColorProps;
     closeTextColorHover?: tTextColorHoverProps;
     closeTextSize?: tTextSizeProps;
@@ -13,6 +11,20 @@ export interface ISiteMenuProps extends iStyleAttributes {
     iconCloseBgFill?: tFillProps;
     iconCloseFill?: tFillProps;
     iconCloseSize?: iconSizePropsType;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type siteMenuAppearanceType = {
+    [key in appearanceKeysType]?: ISiteMenuThemeColor;
+};
+export interface iSiteMenuConfig {
+    appearance: siteMenuAppearanceType | undefined;
+    setAppearance: (newComponent: siteMenuAppearanceType) => void;
+}
+export interface ISiteMenuProps extends ISiteMenuThemeColor, iStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: ReactNode;
+    className?: string;
+    closeText?: string;
     onClose?: () => void;
 }
 export interface ISiteMenuButtonProps extends iStyleAttributes {
@@ -21,3 +33,4 @@ export interface ISiteMenuButtonProps extends iStyleAttributes {
     text?: string;
     onClick?: () => void;
 }
+export {};

package/dist/types/components/SiteMenu/index.d.ts

@@ -1,3 +1,3 @@
-import { SiteMenu } from './SiteMenu.js';
+import { SiteMenu, siteMenuConfig } from './SiteMenu.js';
 import { SiteMenuButton } from './SiteMenuButton.js';
-export { SiteMenu, SiteMenuButton };
+export { SiteMenu, siteMenuConfig, SiteMenuButton };

package/dist/types/components/Swiper/Swiper.d.ts

@@ -2,7 +2,6 @@ import { ISwiperProps } from './Swiper.interface';
 declare function Swiper(props: ISwiperProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Swiper {
     var defaultProps: {
-        activeSlideIndex: number;
         disabledButtonClass: string;
     };
 }

package/dist/types/components/Switch/Switch.appearance.d.ts

@@ -0,0 +1,2 @@
+import { switchAppearanceType } from '../../components/Switch/Switch.interface';
+export declare const switchAppearance: switchAppearanceType;

package/dist/types/components/Switch/Switch.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import { ISwitchProps } from './Switch.interface';
+import { iSwitchConfig, ISwitchProps } from './Switch.interface';
+declare const switchConfig: iSwitchConfig;
 declare const Switch: React.ForwardRefExoticComponent<ISwitchProps & React.RefAttributes<HTMLDivElement>>;
-export { Switch };
+export { Switch, switchConfig };

package/dist/types/components/Switch/Switch.interface.d.ts

@@ -1,10 +1,23 @@
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface ISwitchProps extends iStyleAttributes {
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface iSwitchThemeColor {
+    size?: string;
+    set?: string;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type switchAppearanceType = {
+    [key in appearanceKeysType]?: iSwitchThemeColor;
+};
+export interface iSwitchConfig {
+    appearance: switchAppearanceType | undefined;
+    setAppearance: (newComponent: switchAppearanceType) => void;
+}
+export interface ISwitchProps extends iSwitchThemeColor, iStyleAttributes {
+    id?: string;
+    appearance?: appearanceKeysType;
     checked?: boolean;
     className?: string;
     disabled?: boolean;
-    id?: string;
-    set?: string;
-    size?: string;
     onChange?: () => void;
 }
+export {};

package/dist/types/components/Switch/index.d.ts

@@ -1 +1 @@
-export { Switch } from './Switch';
+export { Switch, switchConfig } from './Switch';

package/dist/types/components/Tab/Tab.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tTabAppearance } from './Tab.interface';
+export declare const tabAppearance: tTabAppearance;

package/dist/types/components/Tab/index.d.ts

@@ -1,3 +1,3 @@
-import { Tab, tabConfig } from './Tab';
-import { TabGroup } from './TabGroup';
-export { Tab, TabGroup, tabConfig };
+export { Tab, tabConfig } from './Tab';
+export { tabAppearance } from './Tab.appearance';
+export { TabGroup } from './TabGroup';

package/dist/types/components/Text/Text.d.ts

@@ -1,9 +1,4 @@
 import type { iTextConfig, iTextProps } from './Text.interface';
 declare const textConfig: iTextConfig;
 declare function Text(props: iTextProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Text {
-    var defaultProps: {
-        tag: string;
-    };
-}
 export { Text, textConfig };

package/dist/types/components/Text/Text.interface.d.ts

@@ -8,6 +8,7 @@ interface iTextThemeColor {
     textColorActive?: tTextColorActiveProps;
     textColorGradient?: tTextGradientProps;
     textColorHover?: tTextColorHoverProps;
+    width?: tWidthProps;
 }
 export type tAppearance = {
     [key in tAppearanceKeysDefault]: iTextThemeColor;
@@ -47,7 +48,6 @@ interface iTextProps extends iTextThemeColor, iStyleAttributes {
     textWeightTablet?: tTextWeightProps;
     textWrap?: tTextWrapProps;
     type?: typePropsType;
-    width?: tWidthProps;
     onClick?: () => void;
     onDoubleClick?: () => void;
 }

package/dist/types/components/Tile/Tile.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tileAppearanceType } from './Tile.interface';
+export declare const tileAppearance: tileAppearanceType;

package/dist/types/components/Tile/Tile.d.ts

@@ -1,4 +1,5 @@
-import { ITileProps } from './Tile.interface';
+import { iTileConfig, ITileProps } from './Tile.interface';
+declare const tileConfig: iTileConfig;
 declare function Tile(props: ITileProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tile {
     var defaultProps: {
@@ -6,4 +7,4 @@ declare namespace Tile {
         textTag: string;
     };
 }
-export { Tile };
+export { Tile, tileConfig };

package/dist/types/components/Tile/Tile.interface.d.ts

@@ -1,39 +1,51 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { borderColorHoverPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tDirectionProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
-export interface ITileProps extends iStyleAttributes {
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface ITileThemeColor {
+    borderColor?: tBorderColorProps;
+    fill?: tFillProps;
+    shape?: tShapeProps;
+    textColor?: tTextColorProps;
+    textSize?: tTextSizeProps;
+    titleTextColor?: tTextColorProps;
+    titleTextSize?: titleSizePropsType;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type tileAppearanceType = {
+    [key in appearanceKeysType]?: ITileThemeColor;
+};
+export interface iTileConfig {
+    appearance: tileAppearanceType | undefined;
+    setAppearance: (newComponent: tileAppearanceType) => void;
+}
+export interface ITileProps extends ITileThemeColor, iStyleAttributes {
     after?: ReactNode;
     align?: tAlignProps;
     alignDirection?: tAlignDirectionProps;
+    appearance?: appearanceKeysType;
     badge?: string;
     badgeAppearance?: tAppearanceKeysDefault;
     badgeSize?: tSizeProps;
     badgeTextColor?: tTextColorProps;
     badgeTextSize?: tTextSizeProps;
     before?: ReactNode;
-    borderColor?: tBorderColorProps;
     borderColorHover?: borderColorHoverPropsType;
     borderType?: borderTypePropsType;
     borderWidth?: tBorderWidthProps;
     children?: ReactNode;
     className?: string;
     direction?: tDirectionProps;
-    fill?: tFillProps;
     reverse?: boolean;
-    shape?: tShapeProps;
     size?: string;
     style?: CSSProperties;
     text?: string;
-    textColor?: tTextColorProps;
-    textSize?: tTextSizeProps;
     textWrap?: tTextWrapProps;
     title?: string;
     titleTextAlign?: tTextAlignProps;
-    titleTextColor?: tTextColorProps;
-    titleTextSize?: titleSizePropsType;
     titleTextWeight?: tTextWeightProps;
     titleTextWrap?: tTextWrapProps;
     type?: string;
     onClick?: () => void;
 }
+export {};

package/dist/types/components/Tile/index.d.ts

@@ -1 +1 @@
-export { Tile } from './Tile';
+export { Tile, tileConfig } from './Tile';

package/dist/types/components/Title/Title.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from './Title.interface';
+export declare const titleAppearance: tAppearance;

package/dist/types/components/Title/Title.d.ts

@@ -1,9 +1,4 @@
 import { ITitleConfig, ITitleProps } from './Title.interface';
 declare const titleConfig: ITitleConfig;
 declare function Title(props: ITitleProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Title {
-    var defaultProps: {
-        size: string;
-    };
-}
 export { Title, titleConfig };