@itcase/ui 1.2.28 → 1.2.30

package/dist/cjs/appearance/InputPassword.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var InputPasswordAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        placeholderTextColor: 'surfaceTextSecondary',
+        shape: 'rounded',
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+        textSize: 'm',
+    },
+};
+var InputPasswordState = {
+    active: {
+        borderColor: 'surfaceBorderActive',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    activeFilled: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    disabled: {
+        borderColor: 'surfaceBorderDisabled',
+        placeholderTextColor: 'surfaceTextDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    error: {
+        borderColor: 'errorBorderPrimary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    errorFilled: {
+        borderColor: 'errorBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    filled: {
+        borderColor: 'surfaceBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+    },
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    readonly: {
+        borderColor: 'surfaceBorderDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    require: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    success: {
+        borderColor: 'successBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.InputPasswordAppearance = InputPasswordAppearance;
+exports.InputPasswordState = InputPasswordState;

package/dist/cjs/appearance/Label.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var labelAppearance = {
+    dev: {
+        fill: 'surfaceSecondary',
+        label: 'Label',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'l',
+    },
+    accent: {
+        fill: 'accentPrimary',
+        labelTextColor: 'accentTextPrimary',
+        labelTextColorHover: 'accentTextPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        labelTextColor: 'primaryTextPrimary',
+        labelTextColorHover: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        labelTextColor: 'secondaryTextPrimary',
+        labelTextColorHover: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+    },
+    gradientPrimary: {
+        fill: 'gradientPrimary',
+        labelTextColor: 'surfaceTextInverse',
+        labelTextColorHover: 'surfaceTextInverse',
+        labelTextWeight: 600,
+    },
+};
+
+exports.labelAppearance = labelAppearance;

package/dist/cjs/appearance/Loader.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var loaderAppearance = {
+    accent: {
+        fill: 'accentPrimary',
+        itemFill: 'accentItemPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        itemFill: 'primaryItemPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        itemFill: 'secondaryItemPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
+
+exports.loaderAppearance = loaderAppearance;

package/dist/cjs/appearance/MenuItem.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var menuItemAppearance = {
+    any: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        textColorActive: 'surfaceTextAccent',
+        textColorHover: 'surfaceTextAccent',
+    },
+};
+
+exports.menuItemAppearance = menuItemAppearance;

package/dist/cjs/appearance/Notification.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var notificationItemAppearance = {
+    accent: {
+        fill: 'accentPrimary',
+        textColor: 'accentTextPrimary',
+        titleTextColor: 'accentTextPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        textColor: 'primaryTextPrimary',
+        titleTextColor: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        textColor: 'secondaryTextPrimary',
+        titleTextColor: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.notificationItemAppearance = notificationItemAppearance;

package/dist/cjs/appearance/Radio.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var radioAppearance = {
+    dev: {
+        descTextColor: 'surfaceTextPrimary',
+        descTextSize: 's',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        stateBorderColor: 'surfaceBorderTertiary',
+        stateBorderWidth: 1,
+        stateCheckmarkFill: 'surfaceItemAccent',
+        stateShape: 'circular',
+    },
+};
+var radioState = {
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+};
+
+exports.radioAppearance = radioAppearance;
+exports.radioState = radioState;

package/dist/cjs/appearance/Response.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var responseAppearance = {
+    dev: {
+        fill: 'surfaceSecondary',
+        messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 'xxl',
+        primaryButtonAppearance: 'surfaceTertiary',
+        primaryButtonLabel: 'primary Button',
+        primaryButtonLabelTextSize: 'l',
+        primaryButtonShape: 'rounded',
+        primaryButtonSize: 'xxl',
+        primaryButtonWidth: 'fill',
+        secondaryButtonAppearance: 'surfaceTertiary',
+        secondaryButtonLabel: 'secondary Button',
+        secondaryButtonLabelTextSize: 'l',
+        secondaryButtonShape: 'rounded',
+        secondaryButtonSize: 'xxl',
+        secondaryButtonWidth: 'fill',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'h2',
+        titleTextWeight: 600,
+    },
+    error: {
+        messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 'xxl',
+        primaryButtonAppearance: 'secondary',
+        primaryButtonLabelTextSize: 'l',
+        primaryButtonShape: 'rounded',
+        primaryButtonSize: 'xxl',
+        primaryButtonWidth: 'fill',
+        secondaryButtonAppearance: 'secondary',
+        secondaryButtonLabelTextSize: 'l',
+        secondaryButtonShape: 'rounded',
+        secondaryButtonSize: 'xxl',
+        secondaryButtonWidth: 'fill',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'h2',
+        titleTextWeight: 600,
+    },
+    fail: {
+        messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 'xxl',
+        primaryButtonAppearance: 'surfaceTertiary',
+        primaryButtonLabelTextSize: 'l',
+        primaryButtonShape: 'rounded',
+        primaryButtonSize: 'xxl',
+        primaryButtonWidth: 'fill',
+        secondaryButtonAppearance: 'surfaceTertiary',
+        secondaryButtonLabelTextSize: 'l',
+        secondaryButtonShape: 'rounded',
+        secondaryButtonSize: 'xxl',
+        secondaryButtonWidth: 'fill',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'h2',
+        titleTextWeight: 600,
+    },
+    success: {
+        messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 'xxl',
+        primaryButtonAppearance: 'accent',
+        primaryButtonLabelTextSize: 'l',
+        primaryButtonShape: 'rounded',
+        primaryButtonSize: 'xxl',
+        primaryButtonWidth: 'fill',
+        secondaryButtonAppearance: 'accent',
+        secondaryButtonLabelTextSize: 'l',
+        secondaryButtonShape: 'rounded',
+        secondaryButtonSize: 'xxl',
+        secondaryButtonWidth: 'fill',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'h2',
+        titleTextWeight: 600,
+    },
+    warning: {
+        messageTextColor: 'surfaceTextPrimary',
+        messageTextSize: 'xxl',
+        primaryButtonAppearance: 'primary',
+        primaryButtonLabelTextSize: 'l',
+        primaryButtonShape: 'rounded',
+        primaryButtonSize: 'xxl',
+        primaryButtonWidth: 'fill',
+        secondaryButtonAppearance: 'primary',
+        secondaryButtonLabelTextSize: 'l',
+        secondaryButtonShape: 'rounded',
+        secondaryButtonSize: 'xxl',
+        secondaryButtonWidth: 'fill',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'h2',
+        titleTextWeight: 600,
+    },
+};
+
+exports.responseAppearance = responseAppearance;

package/dist/cjs/appearance/Search.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var searchAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        fill: 'surfacePrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        shape: 'rounded',
+    },
+};
+
+exports.searchAppearance = searchAppearance;

package/dist/cjs/appearance/Segmented.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var segmentedAppearance = {
+    dev: {
+        width: 'fill',
+        fill: 'surfaceSecondary',
+        fillHover: 'surfacePrimaryHover',
+        indicatorFill: 'accentPrimary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+    },
+};
+
+exports.segmentedAppearance = segmentedAppearance;

package/dist/cjs/appearance/Select.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var selectAppearance = {
+    dev: {
+        elevation: 8,
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputFill: 'surfacePrimary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        inputTextSize: 'm',
+        noOptionsText: 'Ничего не найдено...',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        noOptionsTextSize: 'm',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfacePrimaryHover',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextSize: 'm',
+        placeholder: 'Выбрать...',
+        placeholderTextColor: 'surfaceTextSecondary',
+        placeholderTextSize: 'm',
+        size: 'normal',
+    },
+};
+
+exports.selectAppearance = selectAppearance;

package/dist/cjs/appearance/Tab.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var tabAppearance = {
+    dev: {
+        badgeAppearance: 'accent',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
+        badgeValue: '3',
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfacePrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiary',
+        label: 'Label',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+        labelTextSize: 'm',
+    },
+    any: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfacePrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiary',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfacePrimary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfacePrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfacePrimaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceSecondary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceSecondary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceSecondaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceTertiary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceTertiary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiaryHover',
+        labelColor: 'surfaceTextPrimary',
+        labelColorActive: 'surfaceTextAccent',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    surfaceQuaternary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'surfaceQuaternary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceTertiaryHover',
+        labelColor: 'surfaceTextInverse',
+        labelColorActive: 'surfaceTextInverse',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    accent: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'surfacePrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'accentPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'accentPrimaryHover',
+        labelColor: 'accentTextPrimary',
+        labelColorActive: 'accentTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    primary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'primaryPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'primaryPrimaryHover',
+        labelColor: 'primaryTextPrimary',
+        labelColorActive: 'primaryTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+    secondary: {
+        dividerFill: 'surfaceTertiary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        dividerFillHover: 'surfaceTertiary',
+        fill: 'secondaryPrimary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'secondaryPrimaryHover',
+        labelColor: 'secondaryTextPrimary',
+        labelColorActive: 'secondaryTextPrimary',
+        labelColorDisabled: 'surfaceTextDisabled',
+    },
+};
+
+exports.tabAppearance = tabAppearance;

package/dist/cjs/appearance/Text.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var textAppearance = {
+    dev: {
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.textAppearance = textAppearance;

package/dist/cjs/appearance/Textarea.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var textareaAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'surfaceTextSecondary',
+        shape: 'rounded',
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+        textSize: 'm',
+    },
+};
+var textareaState = {
+    active: {
+        borderColor: 'surfaceBorderActive',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    activeFilled: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    disabled: {
+        borderColor: 'surfaceBorderDisabled',
+        placeholderTextColor: 'surfaceTextDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    error: {
+        borderColor: 'errorBorderPrimary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    errorFilled: {
+        borderColor: 'errorBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+    filled: {
+        borderColor: 'surfaceBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+    },
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    readonly: {
+        borderColor: 'surfaceBorderDisabled',
+        textColor: 'surfaceTextPrimary',
+    },
+    require: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    success: {
+        borderColor: 'successBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.textareaAppearance = textareaAppearance;
+exports.textareaState = textareaState;

package/dist/cjs/appearance/Title.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var titleAppearance = {
+    dev: {
+        textColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.titleAppearance = titleAppearance;

package/dist/cjs/appearance/Tooltip.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var tooltipAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
+        titleTextColor: 'surfaceTextPrimary',
+    },
+};
+
+exports.tooltipAppearance = tooltipAppearance;

package/dist/cjs/components/Accordion.js

@@ -8,8 +8,8 @@ var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var Divider = require('../../Divider-BjB5MD6u.js');
-var Icon = require('../../Icon-CkynFJm4.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
@@ -19,9 +19,13 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
+require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Title-B-N0qkn3.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../appearance/Text.js');
 
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {

package/dist/cjs/components/Avatar.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-CkynFJm4.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
 var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -14,14 +14,18 @@ require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('react-inlinesvg');
+require('../appearance/Icon.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Title-B-N0qkn3.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../appearance/Text.js');
 
 function Avatar(props) {
     var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;