@itcase/ui 1.1.16 → 1.1.18

package/dist/components/LanguageSelector.js

@@ -1,8 +1,8 @@
-export { L as LanguageSelector } from '../LanguageSelector-CzIV_gnd.js';
+export { L as LanguageSelector } from '../LanguageSelector-uOmIj9mJ.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../hooks/useDeviceTargetClass.js';
@@ -17,6 +17,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, l as loaderConfig } from '../Loader-YZrWGaNy.js';
+export { L as Loader, l as loaderConfig } from '../Loader-DhgIcSY1.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,4 +13,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/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/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/components/Logo/index.d.ts

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

package/dist/components/Logo.js

@@ -1,9 +1,7 @@
-export { L as Logo } from '../Logo-D4NFjeqd.js';
+export { L as Logo, l as logoConfig } from '../Logo-dRWwDqj-.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
-import '../Link-Co6uspFK.js';
-import '../_tslib-S-VPg1Cw.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -15,3 +13,5 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../Link-Co6uspFK.js';
+import '../_tslib-S-VPg1Cw.js';

package/dist/components/Menu.js

@@ -1,4 +1,4 @@
-export { M as Menu } from '../Menu-Cd-XlUmJ.js';
+export { M as Menu } from '../Menu-9u6BoWRL.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,7 +13,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../MenuItem-COZ-C9K2.js';
+import '../MenuItem-CXxL099U.js';
 import '../Link-Co6uspFK.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/MenuItem.js

@@ -1,4 +1,4 @@
-export { M as MenuItem, m as menuItemConfig } from '../MenuItem-COZ-C9K2.js';
+export { M as MenuItem, m as menuItemConfig } from '../MenuItem-CXxL099U.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -15,4 +15,4 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-Co6uspFK.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/Modal.js

@@ -1,4 +1,4 @@
-export { M as Modal, a as ModalLoader } from '../ModalLoader-D17lZhS7.js';
+export { M as Modal, a as ModalLoader } from '../ModalLoader-DHOpJqE3.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -15,5 +15,5 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Overlay-C4gCb0sL.js';
-import '../Loader-YZrWGaNy.js';
-import '../Text-CxrzHFN1.js';
+import '../Loader-DhgIcSY1.js';
+import '../Text-Dn0X1zxN.js';

package/dist/components/Notification.js

@@ -1,4 +1,4 @@
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-C2OCJkY5.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-B48jz206.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -11,9 +11,9 @@ import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Title-BhJcCgdK.js';
+import '../Title-BAdU2oW_.js';

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-export { P as Pagination } from '../Pagination-QfVqvSbE.js';
+export { P as Pagination } from '../Pagination-Ch75clod.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -11,7 +11,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../DropdownItem-Cf5vBgDu.js';
+import '../DropdownItem-DB5nPIdl.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
@@ -19,8 +19,8 @@ import '../hooks/styleAttributes.js';
 import '../Divider-Dhj6sMWd.js';
 import '../Link-Co6uspFK.js';
 import '../_tslib-S-VPg1Cw.js';
-import '../Text-CxrzHFN1.js';
-import '../Icon-DWnG-4KG.js';
+import '../Text-Dn0X1zxN.js';
+import '../Icon-C0gtkmdU.js';
 import 'react-inlinesvg';
-import '../Tooltip-CpEQOh9v.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Title-BAdU2oW_.js';

package/dist/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/components/Panel.js

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from '../jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { G as Group } from '../Group-C2kJKhWJ.js';
-import { T as Text } from '../Text-CxrzHFN1.js';
+import { G as Group } from '../Group-DuHn_z2p.js';
+import { T as Text } from '../Text-Dn0X1zxN.js';
+import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -85,7 +85,7 @@ function Panel(props) {
     });
     // @ts-expect-error
     var _a = useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    var appearanceConfig = useMemo(function () { return appearance && panelConfig.appearance && panelConfig.appearance[appearance]; }, [appearance, panelConfig]);
+    var appearanceConfig = appearance && panelConfig.appearance && panelConfig.appearance[appearance];
     return (jsxRuntimeExports.jsxs(Group, { className: clsx(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 ||

package/dist/components/Radio.js

@@ -1,4 +1,4 @@
-export { R as Radio, r as radioConfig } from '../Radio-Ca2-2PPF.js';
+export { R as Radio, r as radioConfig } from '../Radio-CmejVeSJ.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Response.js

@@ -1,4 +1,4 @@
-export { R as Response, r as responseConfig } from '../Response-m-8zeYeD.js';
+export { R as Response, r as responseConfig } from '../Response-CgE3B1JS.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -14,12 +14,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Button-ULZVVxWC.js';
-import '../Icon-DWnG-4KG.js';
+import '../Button-DxZUKQ8I.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
-import '../Loader-YZrWGaNy.js';
-import '../Group-C2kJKhWJ.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
+import '../Loader-DhgIcSY1.js';
+import '../Group-DuHn_z2p.js';

package/dist/components/SVGContent/SVGContent.d.ts

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

package/dist/components/SVGContent/SVGContent.interface.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { svgFillPropsType } from '../../types';
+export interface ISVGContentProps extends iStyleAttributes {
+    children?: ReactNode;
+    className?: string;
+    src?: string;
+    svgFill?: svgFillPropsType;
+    svgFillHover?: svgFillPropsType;
+    SvgImage?: any;
+}

package/dist/components/SVGContent/index.d.ts

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

package/dist/components/SVGContent.js

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from '../jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import 'react';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+
+function SVGContent(props) {
+    var className = props.className, SvgImage = props.SvgImage;
+    var svgFillClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
+    // @ts-expect-error
+    var svgContentStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'svg-content', svgFillClass, svgFillHoverClass), style: svgContentStyles, children: SvgImage && jsxRuntimeExports.jsx(SvgImage, {}) }));
+}
+
+export { SVGContent };

package/dist/components/Search.js

@@ -1,4 +1,4 @@
-export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-DbhHiNmy.js';
+export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-vA2t-ZGx.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -13,12 +13,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-DWnG-4KG.js';
+import '../Icon-C0gtkmdU.js';
 import '../_tslib-S-VPg1Cw.js';
 import 'react-inlinesvg';
 import '../Link-Co6uspFK.js';
-import '../Tooltip-CpEQOh9v.js';
-import '../Text-CxrzHFN1.js';
-import '../Title-BhJcCgdK.js';
+import '../Tooltip-D46EmkZq.js';
+import '../Text-Dn0X1zxN.js';
+import '../Title-BAdU2oW_.js';
 import '../Scrollbar-DrRNpn12.js';
 import 'react-scrollbars-custom';

package/dist/components/Segmented.js

@@ -1,4 +1,4 @@
-export { S as Segmented, s as segmentedConfig } from '../Segmented-pa7MGnor.js';
+export { S as Segmented, s as segmentedConfig } from '../Segmented-BoROz9LW.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
@@ -9,7 +9,7 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Text-CxrzHFN1.js';
+import '../Text-Dn0X1zxN.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';