@itcase/ui 1.1.7 → 1.1.9

package/dist/cjs/Link-BoShjCEw.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BCmQOGxJ.js');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var linkConfig = {
+    LinkComponent: 'a',
+    setLinkComponent: function (newComponent) {
+        linkConfig.LinkComponent = newComponent;
+    },
+};
+function Link(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'size',
+    });
+    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-color_hover_',
+        propsKey: 'textColorHover',
+    });
+    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-style_',
+        propsKey: 'textColorHover',
+    });
+    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'text-gradient_',
+        propsKey: 'textGradient',
+    });
+    // @ts-expect-error
+    var styles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+            textColorHoverClass ||
+            textGradientClass ||
+            textStyleClass ||
+            weightClass) &&
+            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: styles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+}
+Link.defaultProps = {
+    underline: 'underline',
+};
+// Wrapper with "Link" by condition
+function LinkWrapper(props) {
+    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    if (href) {
+        // If href passed, make link-wrapper
+        var LinkComponent = Component || linkConfig.LinkComponent;
+        if (LinkComponent) {
+            return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, exports.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+        }
+    }
+    else if (DefaultComponent) {
+        // If has default "Component" - render it
+        return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, exports.__assign({}, otherProps, { children: children }));
+    }
+    // Return children and pass current props to
+    return React__default.default.Children.toArray(children)
+        .filter(Boolean)
+        .map(function (child) {
+        return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
+    });
+}
+
+exports.Link = Link;
+exports.LinkWrapper = LinkWrapper;
+exports.__spreadArray = __spreadArray;
+exports.linkConfig = linkConfig;

package/dist/cjs/{ListItem-CTDoiG0C.js → ListItem-MrHApmF3.js}

@@ -12,7 +12,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var textStyle = require('./constants/componentProps/textStyle.js');
 var textWeight = require('./constants/componentProps/textWeight.js');
 var type = require('./constants/componentProps/type.js');
-var index = require('./components/Link.js');
+var Link = require('./Link-BoShjCEw.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -319,7 +319,7 @@ function ListItem(props) {
     return /*#__PURE__*/React__default.default.createElement("li", {
       className: clsx__default.default(className, 'list__item', 'list__item_type_link', textStyle && `text text-style_${textStyle}`, textWeight && `text text-weight_${textWeight}`, textColor && `text-color_${textColor.replace(/([A-Z])/g, '-$1').toLowerCase()}`, fill && `fill_${fill.replace(/([A-Z])/g, '-$1').toLowerCase()}`),
       style: liStyles
-    }, /*#__PURE__*/React__default.default.createElement(index.Link, {
+    }, /*#__PURE__*/React__default.default.createElement(Link.Link, {
       href: link || href,
       className: clsx__default.default('list__item-link'),
       style: linkStyles

package/dist/cjs/NotificationList-DnI8DqyE.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BCmQOGxJ.js');
+var clsx = require('clsx');
+var Notifications = require('./context/Notifications.js');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var Text = require('./Text-D7Aq1i5R.js');
+var index = require('./components/Title.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var notificationItemConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        notificationItemConfig.appearance = newComponent;
+    },
+};
+function NotificationItem(props) {
+    var id = props.id, appearance = props.appearance, closeButton = props.closeButton, after = props.after, before = props.before, set = props.set, status = props.status, size = props.size, dataTour = props.dataTour, text = props.text, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, textColor = props.textColor, title = props.title, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, titleTextColor = props.titleTextColor, onClickClose = props.onClickClose, className = props.className;
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var appearanceConfig = appearance && notificationItemConfig.appearance && notificationItemConfig.appearance[appearance];
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsxRuntimeExports.jsx(index.Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
+                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
+}
+NotificationItem.defaultProps = {
+    titleTextSize: 'h5',
+    textSize: 's',
+};
+
+function NotificationList(props) {
+    var notifications = Notifications.useNotifications();
+    var hideNotifications = Notifications.useNotificationsAPI().hideNotifications;
+    var className = props.className, size = props.size, type = props.type, set = props.set, closeButton = props.closeButton;
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('notification', className), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntime.jsxRuntimeExports.jsx(NotificationItem, { id: notification.id, type: notification.type || type, set: notification.set || set, size: notification.size || size, title: notification.title, text: notification.text, status: notification.status, closeButton: closeButton, onClickClose: hideNotifications }, i)); }) }) }));
+}
+
+exports.NotificationItem = NotificationItem;
+exports.NotificationList = NotificationList;
+exports.notificationItemConfig = notificationItemConfig;

package/dist/cjs/{SearchResult-CdsV7oDb.js → SearchResult-bTwR5A-g.js}

@@ -4,11 +4,11 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var fill = require('./constants/componentProps/fill.js');
-var index = require('./components/Icon.js');
-var Text = require('./Text-CfBPhwqK.js');
+var Icon = require('./Icon-UBahY607.js');
+var Text = require('./Text-D7Aq1i5R.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var index$1 = require('./components/Scrollbar.js');
+var index = require('./components/Scrollbar.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -125,7 +125,7 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     className: clsx__default.default(className, 'search-input', shapeClass || searchInputConfig.appearance[appearance]?.shape && `search_shape_${searchInputConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillClass || searchInputConfig.appearance[appearance]?.fill && `fill_${searchInputConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), widthClass, borderColorClass || searchInputConfig.appearance[appearance]?.borderColor && `border-color_${searchInputConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorHoverClass || searchInputConfig.appearance[appearance]?.borderHover && `border-color_hover_${searchInputConfig.appearance[appearance].borderHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderWidthClass, borderTypeClass, size && `search-input_size_${size}`, type && `search-input_type_${type}`),
     "data-tour": dataTour,
     style: searchInputStyles
-  }, before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     className: "search-input__icon search-input__icon-before",
     iconFill: iconBeforeFill,
     iconStroke: iconBeforeStroke,
@@ -151,14 +151,14 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     textColor: placeholderTextColor || searchInputConfig.appearance[appearance]?.placeholderTextColor,
     textStyle: placeholderTextStyle,
     textWeight: placeholderTextWeight
-  }, placeholder || 'Search')), value && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, placeholder || 'Search')), value && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     className: clsx__default.default('search-input__clear', onClickClearIcon && 'cursor_type_pointer'),
     iconFill: iconClearFill,
     imageSrc: iconClearSrc,
     size: iconClearSize,
     SvgImage: iconClear,
     onClick: onClickClearIcon
-  })), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  })), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     className: "search-input__icon search-input__icon-after",
     iconFill: iconAfterFill,
     iconStroke: iconAfterStroke,
@@ -473,7 +473,7 @@ const SearchResult = /*#__PURE__*/React__default.default.forwardRef(function Sea
     className: clsx__default.default(className, 'search-result', fillClass, type && `search-result_type_${type}`)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "search-result__wrapper"
-  }, before, React__default.default.Children.toArray(children).filter(Boolean).length && /*#__PURE__*/React__default.default.createElement(index$1.Scrollbar, {
+  }, before, React__default.default.Children.toArray(children).filter(Boolean).length && /*#__PURE__*/React__default.default.createElement(index.Scrollbar, {
     scrollHeight: scrollHeight ? `${scrollHeight}px` : '300px'
   }, children), after));
 });

package/dist/cjs/{SelectField-DVCsVz6q.js → SelectField-BJTu7BXO.js}

@@ -3,19 +3,19 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var index$2 = require('./components/Radio.js');
+var index = require('./components/Radio.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var index$3 = require('./components/Switch.js');
+var index$1 = require('./components/Switch.js');
 var direction = require('./constants/componentProps/direction.js');
 var size = require('./constants/componentProps/size.js');
-var index$1 = require('./components/Divider.js');
-var Text = require('./Text-CfBPhwqK.js');
-var index = require('./components/Icon.js');
+var Divider = require('./Divider-CIYsHYud.js');
+var Text = require('./Text-D7Aq1i5R.js');
+var Icon = require('./Icon-UBahY607.js');
 var useStyles = require('./hooks/useStyles.js');
-var index$4 = require('./components/Select.js');
+var index$2 = require('./components/Select.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -100,11 +100,11 @@ function FormField(props) {
     className: clsx__default.default('form-field__item', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('form-field__item-wrapper')
-  }, beforeItem, children, clearIcon && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, beforeItem, children, clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     fill: clearIconFill,
     SvgImage: clearIcon,
     size: clearIconSize
-  }), afterItem), /*#__PURE__*/React__default.default.createElement(index$1.Divider, {
+  }), afterItem), /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
     className: "form-field__item-divider",
     direction: dividerDirection,
     fill: dividerFill,
@@ -301,7 +301,7 @@ function ChoiceField(props) {
     radioShape,
     radioBorder
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$2.Radio, {
+  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index.Radio, {
     id: radioId,
     className: radioClassName,
     fillCheckmark: radioFillCheckmark,
@@ -423,7 +423,7 @@ function SwitchField(props) {
   const {
     className
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$3.Switch, {
+  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$1.Switch, {
     className: clsx__default.default('form-field__item-switch', className)
   }));
 }
@@ -498,7 +498,7 @@ function SelectField(props) {
     selectInputTextSize,
     selectInputTextColor
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$4.SelectInput, {
+  return /*#__PURE__*/React__default.default.createElement(FormField, props, /*#__PURE__*/React__default.default.createElement(index$2.SelectInput, {
     className: clsx__default.default(selectInputClass, className),
     fill: selectFill,
     shape: selectShape,

package/dist/cjs/{SiteMenuButton-CVdX1ouh.js → SiteMenuButton-BGi0gR1z.js}

@@ -5,8 +5,8 @@ var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var UIContext = require('./context/UIContext.js');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var index = require('./components/Icon.js');
-var Text = require('./Text-CfBPhwqK.js');
+var Icon = require('./Icon-UBahY607.js');
+var Text = require('./Text-D7Aq1i5R.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -67,7 +67,7 @@ function SiteMenu(props) {
     className: "site-menu__wrapper"
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "site-menu__close"
-  }, iconClose ? /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, iconClose ? /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     fill: iconCloseFill,
     size: iconCloseSize,
     bgFill: iconCloseBgFill,

package/dist/cjs/{TabGroup-B1LUF9Hg.js → TabGroup-DIWmGIp2.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var index$1 = require('./components/Badge.js');
-var Text = require('./Text-CfBPhwqK.js');
-var index = require('./components/Link.js');
-var index$2 = require('./components/Divider.js');
+var index = require('./components/Badge.js');
+var Text = require('./Text-D7Aq1i5R.js');
+var Link = require('./Link-BoShjCEw.js');
+var Divider = require('./Divider-CIYsHYud.js');
 var fill = require('./constants/componentProps/fill.js');
 var shape = require('./constants/componentProps/shape.js');
 var textColorActive = require('./constants/componentProps/textColorActive.js');
@@ -138,7 +138,7 @@ function Tab(props) {
     style: tab,
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, /*#__PURE__*/React__default.default.createElement(index.Link, {
+  }, /*#__PURE__*/React__default.default.createElement(Link.Link, {
     className: clsx__default.default('tab__link', alignDirectionClass, alignClass),
     fill: linkFillClass,
     href: link || href,
@@ -156,12 +156,12 @@ function Tab(props) {
     textStyle: labelTextStyle,
     textWeight: labelTextWeight,
     textWrap: labelTextWrap
-  }, dividerFillActive, " ", label || tabConfig.appearance[appearance]?.label), (badgeValue || tabConfig.appearance[appearance]?.badgeValue) && /*#__PURE__*/React__default.default.createElement(index$1.Badge, {
+  }, dividerFillActive, " ", label || tabConfig.appearance[appearance]?.label), (badgeValue || tabConfig.appearance[appearance]?.badgeValue) && /*#__PURE__*/React__default.default.createElement(index.Badge, {
     appearance: badgeAppearance || tabConfig.appearance[appearance]?.badgeAppearance,
     size: badgeSize || tabConfig.appearance[appearance]?.badgeSize,
     textSize: badgeTextSize || tabConfig.appearance[appearance]?.badgeTextSize,
     value: badgeValue || tabConfig.appearance[appearance]?.badgeValue
-  })), /*#__PURE__*/React__default.default.createElement(index$2.Divider, {
+  })), /*#__PURE__*/React__default.default.createElement(Divider.Divider, {
     direction: dividerDirection,
     fill: isDisabled ? dividerFillDisabled || tabConfig.appearance[appearance]?.dividerFillDisabled : dividerFill || tabConfig.appearance[appearance]?.dividerFill,
     fillActive: isActive && (dividerFillActive || tabConfig.appearance[appearance]?.dividerFillActive),

package/dist/cjs/{Text-CfBPhwqK.js → Text-D7Aq1i5R.js}

@@ -10,14 +10,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 var textConfig = {
-    appearance: {},
+    appearance: undefined,
     setAppearance: function (newComponent) {
         textConfig.appearance = newComponent;
     },
 };
 function Text(props) {
-    var _a, _b;
-    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _c = props.tag, Tag = _c === void 0 ? 'span' : _c, type = props.type, onClick = props.onClick;
+    var after = props.after, appearance = props.appearance, dataTestId = props.dataTestId, before = props.before, children = props.children, className = props.className, cursor = props.cursor, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, type = props.type, onClick = props.onClick;
     var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -68,17 +67,12 @@ function Text(props) {
     });
     // @ts-expect-error
     var textStyles = useStyles.useStyles(props).styles;
+    var appearanceConfig = appearance && textConfig.appearance && textConfig.appearance[appearance];
     return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(className, 'text', sizeClass ||
-            (appearance &&
-                ((_a = textConfig.appearance[appearance]) === null || _a === void 0 ? void 0 : _a.size) &&
-                "text_size_".concat(textConfig.appearance[appearance].size)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), weightClass, textAlignClass, textColorClass ||
-            (appearance &&
-                ((_b = textConfig.appearance[appearance]) === null || _b === void 0 ? void 0 : _b.textColor) &&
-                "text-color_".concat(textConfig.appearance[appearance].textColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, "data-test-id": dataTestId, children: [before, children, after] }));
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
+                "text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textTruncateClass, textWrapClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, "data-test-id": dataTestId, children: [before, children, after] }));
 }
 Text.defaultProps = {
     tag: 'span',

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
 export interface IAccordionProps extends TypeStyleAttributes {
     children?: React.ReactNode;
     items?: {

package/dist/cjs/components/Accordion.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var Accordion = require('../Accordion-BDTE-Lkj.js');
+var Accordion = require('../Accordion-DcZ9P5kP.js');
+require('../Link-BoShjCEw.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('react');
 require('clsx');
-require('lodash/castArray');
 require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
@@ -15,29 +16,23 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('./Icon.js');
+require('../Icon-UBahY607.js');
 require('react-inlinesvg');
-require('./Link.js');
+require('./Tooltip.js');
+require('../Text-D7Aq1i5R.js');
+require('./Title.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('../Text-CfBPhwqK.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/shape.js');
 
 
 

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

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

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IAvatarThemeColor {
+    fill?: fillPropsType;
+    iconFill?: fillPropsType;
+    iconFillHover?: fillHoverPropsType;
+    iconFillSize?: iconFillSizePropsType;
+    iconItemFill?: fillPropsType;
+    iconShape?: shapePropsType;
+    iconSize?: iconSizePropsType;
+    iconStroke?: string;
+    mode?: string;
+    shape?: shapePropsType;
+    size?: sizePXPropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+    textWeight?: textWeightPropsType;
+    type?: string;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type avatarAppearanceType = {
+    [key in appearanceKeysType]?: IAvatarThemeColor;
+};
+export interface IAvatarConfig {
+    appearance: avatarAppearanceType | undefined;
+    setAppearance: (newComponent: avatarAppearanceType) => void;
+}
+export interface IAvatarProps extends IAvatarThemeColor, TypeStyleAttributes {
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    className?: string;
+    Dot?: React.ReactNode;
+    firstName?: string;
+    icon?: React.ElementType;
+    iconSrc?: string;
+    mode?: string;
+    onClick?: () => void;
+    secondName?: string;
+    src?: string;
+    type?: 'image' | 'text';
+}
+export {};

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

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