@itcase/ui 1.1.16 → 1.1.17

package/dist/cjs/components/CookiesWarning.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CookiesWarning = require('../CookiesWarning-BfkNifW2.js');
+var CookiesWarning = require('../CookiesWarning--Edz7Gcv.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -12,20 +12,20 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Button-DfUQ11Hs.js');
+require('../Button-C-K_KVjd.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
-require('../Loader-2vQxF_aO.js');
-require('../Group-C9BxTKs-.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Loader-2CPNhu-4.js');
+require('../Group-CtseVj34.js');
 
 
 

package/dist/cjs/components/DatePicker.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var DatePicker = require('../DatePicker-e4-8mC1N.js');
+var DatePicker = require('../DatePicker-vgeb1SWe.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('react-dom');
-require('../floating-ui.dom-D1St6qnn.js');
+require('../floating-ui.dom-ma2MDAMT.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -14,20 +14,20 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Button-DfUQ11Hs.js');
+require('../Button-C-K_KVjd.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
-require('../Loader-2vQxF_aO.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
+require('../Loader-2CPNhu-4.js');
 require('../Input-vwyG3XF0.js');
-require('../Label-EFoxH21m.js');
+require('../Label-Bc4u2NRI.js');
 
 
 

package/dist/cjs/components/Drawer/Drawer.d.ts

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

package/dist/cjs/components/Drawer/Drawer.interface.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface IDrawerProps extends iStyleAttributes {
+import type { ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+interface iDrawerProps extends iStyleAttributes {
     after?: ReactNode;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    closeModal?: () => void;
     dataTour?: string;
-    direction: 'bottom' | 'left' | 'right' | 'top';
+    direction?: 'bottom' | 'left' | 'right' | 'top';
     enableOverlay?: boolean;
-    open: boolean;
     size?: number | string;
     type?: string;
     isOpenModal?: boolean;
-    closeModal?: () => void;
 }
+export type { iDrawerProps };

package/dist/cjs/components/Drawer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Drawer = require('../Drawer-BGZBaR2Q.js');
+var Drawer = require('../Drawer-AQqI18ra.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../DropdownItem-BhpFr7Z0.js');
+var DropdownItem = require('../DropdownItem-CCuDjUjH.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -18,7 +18,7 @@ require('../hooks/styleAttributes.js');
 require('../Divider-D92wY8Fn.js');
 require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/FormField.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var SwitchField = require('../SwitchField-B0N-28Ne.js');
+var SwitchField = require('../SwitchField-CCHC2ZHS.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
-require('../Radio-Cvbuwkx3.js');
+require('../Radio-BH3uHZDb.js');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
@@ -13,22 +13,22 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('./Select.js');
 require('react-select');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('react-inlinesvg');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Title-BzopkHQY.js');
 require('react-dom');
-require('../floating-ui.dom-D1St6qnn.js');
-require('../Badge-D7W3B9G5.js');
-require('../Group-C9BxTKs-.js');
+require('../floating-ui.dom-ma2MDAMT.js');
+require('../Badge-Cn73E3GI.js');
+require('../Group-CtseVj34.js');
 require('../Divider-D92wY8Fn.js');
 require('../Switch-K1p9h3aF.js');
 

package/dist/cjs/components/Group/Group.interface.d.ts

@@ -12,12 +12,12 @@ interface ThemeColor {
     labelTextColor?: tTextColorProps;
 }
 type appearanceKeysType = tAppearanceKeysDefault & {};
-type appearanceType = {
+type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
 export interface IGroupConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
 export interface IGroupProps extends iStyleAttributes {
     appearance?: appearanceKeysType;

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../Group-C9BxTKs-.js');
+var Group = require('../Group-CtseVj34.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/HTMLContent/HTMLContent.d.ts

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

package/dist/cjs/components/HTMLContent/HTMLContent.interface.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties, ReactNode } from 'react';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, borderTypePropsType, elevationPropsType, flexGrowPropsType, justifyContentPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tHeightProps, tShapeProps, tTextColorProps, tTextWeightProps, tWidthProps, wrapPropsType } from '../../types';
+export interface IHTMLContentProps extends iStyleAttributes {
+    align?: alignPropsType;
+    alignDirection?: alignDirectionPropsType;
+    border?: tBorderColorProps;
+    borderColor?: tBorderColorProps;
+    borderType?: borderTypePropsType;
+    borderWidth?: string;
+    children?: ReactNode;
+    className?: string;
+    columns?: number;
+    content?: any;
+    dataTour?: string;
+    direction?: tDirectionProps;
+    elevation?: elevationPropsType;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    flexGrow?: flexGrowPropsType;
+    height?: tHeightProps;
+    justifyContent?: justifyContentPropsType;
+    shape?: tShapeProps;
+    style?: CSSProperties;
+    textColor?: tTextColorProps;
+    textWeight?: tTextWeightProps;
+    width?: tWidthProps;
+    wrap?: wrapPropsType;
+    onClick?: () => void;
+}

package/dist/cjs/components/HTMLContent/index.d.ts

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

package/dist/cjs/components/HTMLContent.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var HTMLContent = require('../HTMLContent-4vI2pdQC.js');
+require('../jsx-runtime-BBxmckJR.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('prop-types');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+
+
+
+exports.HTMLContent = HTMLContent.HTMLContent;

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../Icon-2rv_L0yY.js');
+var Icon = require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
@@ -18,9 +18,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Input/Input.interface.d.ts

@@ -43,9 +43,9 @@ interface iInputProps extends iInputThemeColor, iStyleAttributes {
     type?: string;
     value?: number | string;
     isDisabled?: boolean;
-    onBlur?: () => void;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onKeyDown?: () => void;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 export type { iInputThemeColor, tInputState, tInputAppearance, iInputConfig, iInputProps };

package/dist/cjs/components/InputMask.js

@@ -92,7 +92,7 @@ var Input = React__default.default.forwardRef(function Input(props, ref) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = React.useMemo(function () { return appearance && inputMaskConfig.appearance && inputMaskConfig.appearance[appearance]; }, [appearance, inputMaskConfig]);
+    var appearanceConfig = appearance && inputMaskConfig.appearance && inputMaskConfig.appearance[appearance];
     var stateConfig = React.useMemo(function () { return state && inputMaskConfig.state && inputMaskConfig.state[state]; }, [state, inputMaskConfig]);
     return (jsxRuntime.jsxRuntimeExports.jsx("input", { className: clsx__default.default(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&

package/dist/cjs/components/InputPassword.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var InputPassword = require('../InputPassword-BXCwerW2.js');
+var InputPassword = require('../InputPassword-BqbSnWDE.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -11,7 +11,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
@@ -19,9 +19,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../Label-EFoxH21m.js');
+var Label = require('../Label-Bc4u2NRI.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,9 +15,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Title-DZn77tSl.js');
+require('../Text-D2YDVhGJ.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/LanguageSelector.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var LanguageSelector = require('../LanguageSelector-CFKki1Sr.js');
+var LanguageSelector = require('../LanguageSelector-BswZL8dZ.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
-require('../Icon-2rv_L0yY.js');
+require('../Icon-BUwWk_dS.js');
 require('../_tslib-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useDeviceTargetClass.js');
@@ -19,9 +19,9 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
-require('../Tooltip-DRsL77n1.js');
-require('../Text-C8vlKWNN.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Text-D2YDVhGJ.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Loader = require('../Loader-2vQxF_aO.js');
+var Loader = require('../Loader-2CPNhu-4.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Logo/Logo.d.ts

@@ -1,3 +1,4 @@
-import { ILogoProps } from './Logo.interface';
+import { ILogoConfig, ILogoProps } from './Logo.interface';
+declare const logoConfig: ILogoConfig;
 declare function Logo(props: ILogoProps): import("react/jsx-runtime").JSX.Element;
-export { Logo };
+export { Logo, logoConfig };

package/dist/cjs/components/Logo/Logo.interface.d.ts

@@ -1,11 +1,24 @@
 import { CSSProperties } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 import { alignDirectionPropsType, alignPropsType, flexAlignPropsType, tSizeProps, tWidthProps } from '../../types';
-export interface ILogoProps extends iStyleAttributes {
-    alt?: string;
+import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+export interface ILogoThemeColor {
+    srcSize?: string;
+}
+type appearanceKeysType = {} & tAppearanceKeysDefault;
+export type logoAppearanceType = {
+    [key in appearanceKeysType]?: ILogoThemeColor;
+};
+export interface ILogoConfig {
+    appearance: logoAppearanceType | undefined;
+    setAppearance: (newComponent: logoAppearanceType) => void;
+}
+export interface ILogoProps extends ILogoThemeColor, iStyleAttributes {
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     alignItems?: flexAlignPropsType;
+    alt?: string;
+    appearance?: appearanceKeysType;
     className?: string;
     href?: string;
     link?: string;
@@ -16,3 +29,4 @@ export interface ILogoProps extends iStyleAttributes {
     style?: CSSProperties;
     width?: tWidthProps;
 }
+export {};

package/dist/cjs/components/Logo/index.d.ts

@@ -1 +1 @@
-export { Logo } from './Logo';
+export { Logo, logoConfig } from './Logo';

package/dist/cjs/components/Logo.js

@@ -1,11 +1,9 @@
 'use strict';
 
-var Logo = require('../Logo-CcEF4P2z.js');
+var Logo = require('../Logo-BjDQjs3w.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
-require('../Link-B6Xq7PWn.js');
-require('../_tslib-CKiUdo7p.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -17,7 +15,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../Link-B6Xq7PWn.js');
+require('../_tslib-CKiUdo7p.js');
 
 
 
 exports.Logo = Logo.Logo;
+exports.logoConfig = Logo.logoConfig;

package/dist/cjs/components/Menu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Menu = require('../Menu-rXCCn52A.js');
+var Menu = require('../Menu-Bn0hqLr-.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -15,10 +15,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../MenuItem-C__OMtEI.js');
+require('../MenuItem-C-0vQBaj.js');
 require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/MenuItem.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MenuItem = require('../MenuItem-C__OMtEI.js');
+var MenuItem = require('../MenuItem-C-0vQBaj.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -17,7 +17,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Modal.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ModalLoader = require('../ModalLoader-Cddzca-W.js');
+var ModalLoader = require('../ModalLoader-DJWtjEvf.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -17,8 +17,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../Overlay-18bnPZPd.js');
-require('../Loader-2vQxF_aO.js');
-require('../Text-C8vlKWNN.js');
+require('../Loader-2CPNhu-4.js');
+require('../Text-D2YDVhGJ.js');
 
 
 

package/dist/cjs/components/Notification.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var NotificationList = require('../NotificationList-CKd0PxLU.js');
+var NotificationList = require('../NotificationList-D7rD4PAW.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -13,12 +13,12 @@ require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Text-C8vlKWNN.js');
+require('../Text-D2YDVhGJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Title-DZn77tSl.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Pagination.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Pagination = require('../Pagination-D6thfJMP.js');
+var Pagination = require('../Pagination-XAVYtca1.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
@@ -13,7 +13,7 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../DropdownItem-BhpFr7Z0.js');
+require('../DropdownItem-CCuDjUjH.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -21,11 +21,11 @@ require('../hooks/styleAttributes.js');
 require('../Divider-D92wY8Fn.js');
 require('../Link-B6Xq7PWn.js');
 require('../_tslib-CKiUdo7p.js');
-require('../Text-C8vlKWNN.js');
-require('../Icon-2rv_L0yY.js');
+require('../Text-D2YDVhGJ.js');
+require('../Icon-BUwWk_dS.js');
 require('react-inlinesvg');
-require('../Tooltip-DRsL77n1.js');
-require('../Title-DZn77tSl.js');
+require('../Tooltip-VrKQ8W1G.js');
+require('../Title-BzopkHQY.js');
 
 
 

package/dist/cjs/components/Panel/Panel.interface.d.ts

@@ -12,12 +12,12 @@ interface ThemeColor {
     labelTextColor?: tTextColorProps;
 }
 type appearanceKeysType = tAppearanceKeysDefault & {};
-type appearanceType = {
+type tAppearance = {
     [key in appearanceKeysType]: ThemeColor;
 };
 export interface IPanelConfig {
-    appearance: appearanceType | undefined;
-    setAppearance: (newComponent: appearanceType) => void;
+    appearance: tAppearance | undefined;
+    setAppearance: (newComponent: tAppearance) => void;
 }
 export interface IPanelProps extends iStyleAttributes {
     appearance?: appearanceKeysType;

package/dist/cjs/components/Panel.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var jsxRuntime = require('../jsx-runtime-BBxmckJR.js');
-var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Group = require('../Group-C9BxTKs-.js');
-var Text = require('../Text-C8vlKWNN.js');
+var Group = require('../Group-CtseVj34.js');
+var Text = require('../Text-D2YDVhGJ.js');
+require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -91,7 +91,7 @@ function Panel(props) {
     });
     // @ts-expect-error
     var _a = useStyles.useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    var appearanceConfig = React.useMemo(function () { return appearance && panelConfig.appearance && panelConfig.appearance[appearance]; }, [appearance, panelConfig]);
+    var appearanceConfig = appearance && panelConfig.appearance && panelConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: clsx__default.default(className, 'panel', widthClass, heightClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||