@itcase/ui 1.2.28 → 1.2.30

package/dist/cjs/components/Badge.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Badge = require('../../Badge-2JkquAEb.js');
+var Badge = require('../../Badge-TyPbVqR_.js');
 require('react/jsx-runtime');
 require('clsx');
+require('../appearance/Badge.js');
 require('../hooks/useDeviceTargetClass.js');
 require('react');
 require('lodash/castArray');
@@ -15,7 +16,8 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-_YhyTsQ1.js');
+require('../../Text-CC0xnhmx.js');
+require('../appearance/Text.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,9 +7,9 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-CkynFJm4.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
 var Link = require('../../Link-CqWzwh8V.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/castArray');
 require('../context/UIContext.js');
 require('prop-types');
@@ -19,8 +19,12 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Title-B-N0qkn3.js');
+require('../appearance/Icon.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../appearance/Text.js');
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/cjs/components/Button.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var Button = require('../../Button-COsywjkv.js');
+var Button = require('../../Button-BcOsYgoT.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
+require('../appearance/Button.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -15,14 +16,19 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-CkynFJm4.js');
+require('../../Icon-B2BwTQnP.js');
 require('react-inlinesvg');
+require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Text-_YhyTsQ1.js');
-require('../../Title-B-N0qkn3.js');
-require('../../Loader-fA11tUEJ.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Text-CC0xnhmx.js');
+require('../appearance/Text.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../../Loader-Ck59IXGG.js');
+require('../appearance/Loader.js');
 
 
 

package/dist/cjs/components/Card.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Image = require('../../Image-DrUlRMHa.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -16,6 +16,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../appearance/Text.js');
 
 function Card(props) {
     var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;

package/dist/cjs/components/Cell.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-CkynFJm4.js');
-var Label = require('../../Label-BPP0om7_.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
+var Label = require('../../Label-fp2Bus_T.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -18,10 +18,15 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
+require('../appearance/Icon.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/Label.js');
+require('../appearance/Text.js');
 
 function Cell(props) {
     var isActive = props.isActive, isDisabled = props.isDisabled, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;

package/dist/cjs/components/Checkbox.js

@@ -2,8 +2,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
+var index = require('../appearance/Checkbox.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -11,24 +12,25 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../appearance/Text.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 
 var checkboxConfig = {
-    appearance: undefined,
+    appearance: index.checkboxAppearance,
     setAppearance: function (newComponent) {
         checkboxConfig.appearance = newComponent;
     },
-    state: undefined,
+    state: index.checkboxState,
     // eslint-disable-next-line perfectionist/sort-objects
     setState: function (newComponent) {
         checkboxConfig.state = newComponent;
     },
 };
 function Checkbox(props) {
-    var id = props.id, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, after = props.after, appearance = props.appearance, before = props.before, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
+    var id = props.id, after = props.after, appearance = props.appearance, before = props.before, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -69,13 +71,12 @@ function Checkbox(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    // prettier-ignore
-    var appearanceConfig = (appearance && checkboxConfig.appearance && checkboxConfig.appearance[appearance]);
+    var appearanceConfig = appearance && checkboxConfig.appearance && checkboxConfig.appearance[appearance];
     return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass, shapeClass, widthClass), htmlFor: Tag === 'label' && id, children: [before, jsxRuntime.jsxs("div", { className: clsx('checkbox__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "checkbox_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)
                             .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase())), children: [jsxRuntime.jsx("input", { checked: checked, className: "checkbox__input", disabled: disabled, 
+                            .toLowerCase())), children: [jsxRuntime.jsx("input", { className: "checkbox__input", checked: checked, disabled: disabled, 
                         // @ts-expect-error
                         id: id, type: "checkbox", value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus }), jsxRuntime.jsx("div", { className: clsx('checkbox__state', disabled ? stateFillDisabledClass : stateFillClass, disabled
                             ? stateBorderColorDisabledClass

package/dist/cjs/components/Chips.js

@@ -2,9 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
+var index = require('../appearance/Chips.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -15,9 +16,10 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../appearance/Text.js');
 
 var chipsConfig = {
-    appearance: undefined,
+    appearance: index.chipsAppearance,
     setAppearance: function (newComponent) {
         chipsConfig.appearance = newComponent;
     },
@@ -66,8 +68,7 @@ function Chips(props) {
     });
     // @ts-expect-error
     var chipsStyles = useStyles.useStyles(props).styles;
-    // prettier-ignore
-    var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
+    var appearanceConfig = appearance && chipsConfig.appearance && chipsConfig.appearance[appearance];
     return (jsxRuntime.jsx("div", { className: clsx(className, 'chips', isActive && 'chips_state_active', isActive
             ? fillActiveClass ||
                 ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&

package/dist/cjs/components/Choice.js

@@ -3,10 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
+var index = require('../appearance/Choice.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-CkynFJm4.js');
-var Loader = require('../../Loader-fA11tUEJ.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Icon = require('../../Icon-B2BwTQnP.js');
+var Loader = require('../../Loader-Ck59IXGG.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -14,17 +15,22 @@ 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/Loader.js');
+require('../appearance/Text.js');
 
 var choiceConfig = {
-    appearance: {},
+    appearance: index.choiceAppearance,
     setAppearance: function (newComponent) {
         choiceConfig.appearance = newComponent;
     },
@@ -89,8 +95,7 @@ var Choice = React.forwardRef(function Choice(props, ref) {
         prefix: 'column-gap_',
         propsKey: 'columnGap',
     });
-    // prettier-ignore
-    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
+    var appearanceConfig = appearance && choiceConfig.appearance && choiceConfig.appearance[appearance];
     return (jsxRuntime.jsx("div", { className: clsx(className, 'choice', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass ||

package/dist/cjs/components/Code.js

@@ -78,7 +78,7 @@ function Code(props) {
     });
     // NOTE: too many dependencies for "useCallback" and possible too many checks
     var renderInput = function (otpInputProps) {
-        return (jsxRuntime.jsx("input", tslib_es6.__assign({}, otpInputProps, { autoComplete: "one-time-code", className: clsx('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass), onBlur: function (event) {
+        return (jsxRuntime.jsx("input", tslib_es6.__assign({}, otpInputProps, { className: clsx('code__input', caretClass, fillClass, fillHoverClass, placeholderClass, shapeClass, textSizeClass, textColorClass, weightClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderColorFocusClass, sizeClass, fillClass), autoComplete: "one-time-code", onBlur: function (event) {
                 onBlur && onBlur(event);
                 otpInputProps.onBlur(event);
             }, onFocus: function (event) {

package/dist/cjs/components/ContextMenu.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.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('react');
 require('lodash/castArray');
 require('lodash/camelCase');
@@ -18,10 +18,14 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('react-inlinesvg');
+require('../appearance/Icon.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 ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/cjs/components/CookiesWarning.js

@@ -5,26 +5,33 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-COsywjkv.js');
-var Group = require('../../Group-B2oTJg0t.js');
-var Text = require('../../Text-_YhyTsQ1.js');
+var Button = require('../../Button-BcOsYgoT.js');
+var Group = require('../../Group-BiN0haVp.js');
+var Text = require('../../Text-CC0xnhmx.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../appearance/Button.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-CkynFJm4.js');
+require('../../Icon-B2BwTQnP.js');
 require('react-inlinesvg');
+require('../appearance/Icon.js');
 require('../../Link-CqWzwh8V.js');
 require('../../tslib.es6-CCZ3TN_7.js');
-require('../../Tooltip-DsTCGS6h.js');
-require('../../Title-B-N0qkn3.js');
-require('../../Loader-fA11tUEJ.js');
+require('../../Tooltip-PrwacZFC.js');
+require('../appearance/Tooltip.js');
+require('../../Title-Ze_OL1Co.js');
+require('../appearance/Title.js');
+require('../../Loader-Ck59IXGG.js');
+require('../appearance/Loader.js');
+require('../appearance/Group.js');
+require('../appearance/Text.js');
 
 function CookiesWarning(props) {
     var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;

package/dist/cjs/components/DadataHintField.js

@@ -5,7 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input-BSpFMsrf.js');
+var Input = require('../../Input-BaicBuyd.js');
+require('../appearance/Input.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');