@itcase/ui 1.2.31 → 1.2.32

package/dist/components/Chips.js

@@ -1,19 +1,56 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { chipsAppearance } from '../appearance/Chips.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Text.js';
+
+var chipsAppearance = {
+    accent: {
+        borderColor: 'accentBorderSecondary',
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextPrimary',
+    },
+    primary: {
+        borderColor: 'primaryBorderSecondary',
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
+    secondary: {
+        borderColor: 'secondaryBorderSecondary',
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        borderColor: 'surfaceBorderSecondary',
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+};
 
 var chipsConfig = {
     appearance: chipsAppearance,
@@ -83,4 +120,4 @@ function Chips(props) {
                         : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsx("div", { className: "chips__label", children: label })), children] }) }));
 }
 
-export { Chips, chipsConfig };
+export { Chips, chipsAppearance, chipsConfig };

package/dist/components/Choice.js

@@ -1,30 +1,38 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
-import { choiceAppearance } from '../appearance/Choice.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import { L as Loader } from '../Loader-CqEocvjh.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
-import 'lodash/castArray';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { L as Loader } from '../Loader-DHNcD09o.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Loader.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+
+var choiceAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfacePrimary',
+        fillActive: 'surfaceTertiary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextActiveColor: 'surfaceTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'normal',
+    },
+};
 
 var choiceConfig = {
     appearance: choiceAppearance,

package/dist/components/Code.js

@@ -3,14 +3,17 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import clsx from 'clsx';
 import OtpInput from 'react-otp-input';
-import { codeAppearance } from '../appearance/Code.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
+var codeAppearance = {
+    dev: {},
+};
+
 var codeConfig = {
     appearance: codeAppearance,
     setAppearance: function (newComponent) {

package/dist/components/ContextMenu.js

@@ -1,29 +1,24 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Divider } from '../Divider-DE2Q5J36.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
+import { D as Divider } from '../Divider-DHIuQUsH.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../appearance/Divider.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/components/CookiesWarning.js

@@ -3,32 +3,25 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { B as Button } from '../Button-DS2l65oq.js';
-import { G as Group } from '../Group-Dc70Z4_7.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
-import 'lodash/castArray';
+import { B as Button } from '../Button-C8MATksY.js';
+import { G as Group } from '../Group-BCvs5UxK.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../appearance/Button.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-B7BJo5kW.js';
+import '../Icon-DptCmI_y.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../Loader-CqEocvjh.js';
-import '../appearance/Loader.js';
-import '../appearance/Group.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+import '../Loader-DHNcD09o.js';
 
 function CookiesWarning(props) {
     var _a = props.isHideOnScroll, isHideOnScroll = _a === void 0 ? false : _a, 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, buttonWidth = props.buttonWidth, className = props.className, _c = props.message, message = _c === 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».' : _c, textColor = props.textColor, textSize = props.textSize;

package/dist/components/DadataHintField.js

@@ -3,11 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input-HGM-rzzr.js';
-import '../appearance/Input.js';
+import { I as Input } from '../Input-CgjHxZmK.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/DatePicker.js

@@ -4,35 +4,30 @@ import React, { useMemo, useCallback, useRef, useState, useEffect } from 'react'
 import clsx from 'clsx';
 import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
-import { datePickerAppearance } from '../appearance/DatePicker.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Button } from '../Button-DS2l65oq.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import { I as Input } from '../Input-HGM-rzzr.js';
-import { L as Label } from '../Label-Chm6tl6E.js';
-import { T as Text } from '../Text-DlSG_p4u.js';
-import 'lodash/castArray';
+import { B as Button } from '../Button-C8MATksY.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
+import { I as Input } from '../Input-CgjHxZmK.js';
+import { L as Label } from '../Label-zOLL6ePu.js';
+import { T as Text } from '../Text-C4Bg2Mv6.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/Button.js';
 import '../Link-CeQuavin.js';
-import '../Loader-CqEocvjh.js';
-import '../appearance/Loader.js';
+import '../Loader-DHNcD09o.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
-import '../appearance/Input.js';
-import '../appearance/Label.js';
-import '../appearance/Text.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';
+
+var datePickerAppearance = {
+    dev: {},
+};
 
 var datePickerConfig = {
     appearance: datePickerAppearance,

package/dist/components/Divider.js

@@ -1,11 +1,10 @@
-export { D as Divider, d as dividerConfig } from '../Divider-DE2Q5J36.js';
+export { D as Divider, d as dividerConfig } from '../Divider-DHIuQUsH.js';
 import 'react/jsx-runtime';
 import 'clsx';
-import '../appearance/Divider.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Dot.js

@@ -3,8 +3,8 @@ 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 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Dropdown.js

@@ -1,10 +1,10 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemConfig } from '../DropdownItem-DzDP45iO.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemConfig } from '../DropdownItem-B8IMNQww.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -12,10 +12,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../appearance/DropdownItem.js';
-import '../Divider-DE2Q5J36.js';
-import '../appearance/Divider.js';
+import '../Divider-DHIuQUsH.js';
 import '../Link-CeQuavin.js';
 import '../tslib.es6-5FtW-kfi.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
+import '../Text-C4Bg2Mv6.js';

package/dist/components/Flex.js

@@ -3,8 +3,8 @@ 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 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Grid.js

@@ -3,8 +3,8 @@ 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 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Group.js

@@ -1,11 +1,10 @@
-export { G as Group, g as groupConfig } from '../Group-Dc70Z4_7.js';
+export { G as Group, g as groupConfig } from '../Group-BCvs5UxK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../appearance/Group.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/HTMLContent.js

@@ -3,8 +3,8 @@ 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 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Icon.js

@@ -1,13 +1,12 @@
-export { I as Icon, i as iconConfig } from '../Icon-B7BJo5kW.js';
+export { I as Icon, i as iconConfig } from '../Icon-DptCmI_y.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -16,9 +15,6 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Text-C4Bg2Mv6.js';
+import '../Title-YVzIwk68.js';

package/dist/components/Image.js

@@ -3,8 +3,8 @@ import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Input.js

@@ -1,11 +1,10 @@
-export { I as Input, i as inputConfig } from '../Input-HGM-rzzr.js';
+export { I as Input, i as inputConfig } from '../Input-CgjHxZmK.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../appearance/Input.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/InputMask.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/InputPassword.js

@@ -1,28 +1,77 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
-import { InputPasswordAppearance, InputPasswordState } from '../appearance/InputPassword.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
-import 'lodash/castArray';
+import { I as Icon } from '../Icon-DptCmI_y.js';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Text-C4Bg2Mv6.js';
+import '../Title-YVzIwk68.js';
+
+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',
+    },
+};
 
 var inputPasswordConfig = {
     appearance: InputPasswordAppearance,

package/dist/components/Label.js

@@ -1,11 +1,10 @@
-export { L as Label, l as labelConfig } from '../Label-Chm6tl6E.js';
+export { L as Label, a as labelAppearance, l as labelConfig } from '../Label-zOLL6ePu.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
-import '../appearance/Label.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -13,9 +12,6 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
+import '../Text-C4Bg2Mv6.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Title-YVzIwk68.js';

package/dist/components/LanguageSelector.js

@@ -1,13 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon-B7BJo5kW.js';
+import { I as Icon } from '../Icon-DptCmI_y.js';
 import '../tslib.es6-5FtW-kfi.js';
 import 'react';
 import 'react-inlinesvg';
-import '../appearance/Icon.js';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -16,12 +15,9 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 import '../Link-CeQuavin.js';
-import '../Tooltip-f5EWhsGj.js';
-import '../appearance/Tooltip.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
-import '../Title-mkus84Rh.js';
-import '../appearance/Title.js';
+import '../Tooltip--c-4Qp04.js';
+import '../Text-C4Bg2Mv6.js';
+import '../Title-YVzIwk68.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/components/Link.js

@@ -4,8 +4,8 @@ import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';

package/dist/components/Loader.js

@@ -1,11 +1,10 @@
-export { L as Loader, l as loaderConfig } from '../Loader-CqEocvjh.js';
+export { L as Loader, l as loaderConfig } from '../Loader-DHNcD09o.js';
 import 'react/jsx-runtime';
 import 'clsx';
-import '../appearance/Loader.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
@@ -13,5 +12,4 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-DlSG_p4u.js';
-import '../appearance/Text.js';
+import '../Text-C4Bg2Mv6.js';

package/dist/components/Logo.js

@@ -4,8 +4,8 @@ import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { a as LinkWrapper } from '../Link-CeQuavin.js';
 import 'react';
-import 'lodash/castArray';
 import 'lodash/camelCase';
+import 'lodash/castArray';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';