@itcase/ui 1.2.27 → 1.2.29

package/dist/{Title-CqwqEtm7.js → Title-CQ_Fr1hO.js}

@@ -1,18 +1,19 @@
 import { jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
+import { titleAppearance } from './appearance/Title.js';
 import { useUserDeviceContext } from './context/UIContext.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 
 var titleConfig = {
-    appearance: undefined,
+    appearance: titleAppearance,
     setAppearance: function (newComponent) {
         titleConfig.appearance = newComponent;
     },
 };
 function Title(props) {
-    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, before = props.before, beforeWrapper = props.beforeWrapper, afterWrapper = props.afterWrapper, after = props.after, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
     var _b = useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
     var directionClass = useDeviceTargetClass(props, {
         prefix: 'title_direction_',
@@ -99,7 +100,7 @@ function Title(props) {
     }, [isMobile, isTablet, isDesktop]);
     return (jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, widthClass, heightClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 Title.defaultProps = {
     size: 'h3',

package/dist/{Title-B-N0qkn3.js → Title-Ze_OL1Co.js}

@@ -3,18 +3,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
+var index = require('./cjs/appearance/Title.js');
 var UIContext = require('./cjs/context/UIContext.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
 
 var titleConfig = {
-    appearance: undefined,
+    appearance: index.titleAppearance,
     setAppearance: function (newComponent) {
         titleConfig.appearance = newComponent;
     },
 };
 function Title(props) {
-    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, before = props.before, beforeWrapper = props.beforeWrapper, afterWrapper = props.afterWrapper, after = props.after, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
     var _b = UIContext.useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
     var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'title_direction_',
@@ -101,7 +102,7 @@ function Title(props) {
     }, [isMobile, isTablet, isDesktop]);
     return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, widthClass, heightClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, 'text', textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 Title.defaultProps = {
     size: 'h3',

package/dist/{Tooltip-DsTCGS6h.js → Tooltip-PrwacZFC.js}

@@ -3,13 +3,14 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
+var index = require('./cjs/appearance/Tooltip.js');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-_YhyTsQ1.js');
-var Title = require('./Title-B-N0qkn3.js');
+var Text = require('./Text-CC0xnhmx.js');
+var Title = require('./Title-Ze_OL1Co.js');
 
 var tooltipConfig = {
-    appearance: undefined,
+    appearance: index.tooltipAppearance,
     setAppearance: function (newComponent) {
         tooltipConfig.appearance = newComponent;
     },
@@ -112,7 +113,7 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
     var appearanceConfig = (appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), style: tooltipStyles, ref: tooltipElementRef, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
 });
 
 exports.Tooltip = Tooltip;

package/dist/{Tooltip-B2vv4OAX.js → Tooltip-ccRCMYQM.js}

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
 import clsx from 'clsx';
+import { tooltipAppearance } from './appearance/Tooltip.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-CG3xPG27.js';
-import { T as Title } from './Title-CqwqEtm7.js';
+import { T as Text } from './Text-kxGZButz.js';
+import { T as Title } from './Title-CQ_Fr1hO.js';
 
 var tooltipConfig = {
-    appearance: undefined,
+    appearance: tooltipAppearance,
     setAppearance: function (newComponent) {
         tooltipConfig.appearance = newComponent;
     },
@@ -110,7 +111,7 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
     var appearanceConfig = (appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]);
     return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), style: tooltipStyles, ref: tooltipElementRef, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight), children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
 });
 
 export { Tooltip as T, tooltipConfig as t };

package/dist/appearance/Badge.js

@@ -0,0 +1,44 @@
+var badgeAppearance = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
+        textColor: 'surfaceTextPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceTertiaryHover',
+        textColor: 'surfaceTextInverse',
+    },
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        textColor: 'accentTextPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        textColor: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        textColor: 'secondaryTextPrimary',
+    },
+    disabled: {
+        fill: 'accentDisabled',
+        fillHover: 'none',
+        textColor: 'accentTextDisabled',
+    },
+};
+
+export { badgeAppearance };

package/dist/appearance/Button.js

@@ -0,0 +1,53 @@
+var buttonAppearance = {
+    dev: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        label: 'Button',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'l',
+        shape: 'rounded',
+        size: 'xxl',
+    },
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextPrimary',
+        labelTextColorHover: 'accentTextPrimary',
+        loaderFill: 'accentPrimary',
+        loaderItemFill: 'accentItemPrimary',
+    },
+    primary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
+    secondary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceSecondaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+        loaderFill: 'surfaceSecondary',
+        loaderItemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceTertiaryHover',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+    surfaceDisabled: {
+        fill: 'surfaceDisabled',
+        fillHover: 'surfaceDisabled',
+        labelTextColor: 'surfaceTextPrimary',
+    },
+};
+
+export { buttonAppearance };

package/dist/appearance/Checkbox.js

@@ -0,0 +1,21 @@
+var checkboxAppearance = {
+    dev: {
+        descTextColor: 'surfaceTextPrimary',
+        descTextSize: 'm',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        stateBorderColor: 'surfaceBorderQuaternary',
+        stateBorderWidth: '1',
+        stateCheckmarkFill: 'accentItemPrimary',
+        stateFillChecked: 'accentPrimary',
+        stateShape: 'rounded',
+    },
+};
+var checkboxState = {
+    normal: {
+        borderColor: 'surfaceBorderQuaternary',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+};
+
+export { checkboxAppearance, checkboxState };

package/dist/appearance/Chips.js

@@ -0,0 +1,40 @@
+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',
+    },
+};
+
+export { chipsAppearance };

package/dist/appearance/Choice.js

@@ -0,0 +1,15 @@
+var choiceAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        fill: 'surfacePrimary',
+        fillActive: 'surfaceTertiary',
+        fillHover: 'surfacePrimaryHover',
+        labelTextActiveColor: 'surfaceTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextSize: 'm',
+        shape: 'rounded',
+        size: 'normal',
+    },
+};
+
+export { choiceAppearance };

package/dist/appearance/DatePicker.js

@@ -0,0 +1,5 @@
+var datePickerAppearance = {
+    dev: {},
+};
+
+export { datePickerAppearance };

package/dist/appearance/Group.js

@@ -0,0 +1,11 @@
+var groupAppearance = {
+    dev: {
+        borderWidth: 1,
+        borderColor: 'surfaceBorderPrimary',
+        direction: 'horizontal',
+        fill: 'surfacePrimary',
+        fillHover: 'surfacePrimaryHover',
+    },
+};
+
+export { groupAppearance };

package/dist/appearance/Icon.js

@@ -0,0 +1,12 @@
+var iconAppearance = {
+    accent: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        fillSize: 40,
+        iconFill: 'accentItemPrimary',
+        iconSize: 24,
+        imageSrc: 'img/filter.svg',
+    },
+};
+
+export { iconAppearance };

package/dist/appearance/Input.js

@@ -0,0 +1,56 @@
+var inputAppearance = {
+    dev: {
+        borderColor: 'surfaceBorderTertiary',
+        placeholderTextColor: 'surfaceTextSecondary',
+        shape: 'rounded',
+        size: 'm',
+        textColor: 'surfaceTextPrimary',
+        textSize: 'm',
+    },
+};
+var inputState = {
+    active: {
+        borderColor: 'surfaceBorderActive',
+        placeholderTextColor: 'secondaryTextSecondary',
+    },
+    activeFilled: {
+        borderColor: 'surfaceBorderActive',
+        textColor: 'surfaceTextPrimary',
+    },
+    disabled: {
+        borderColor: 'surfaceBorderDisabled',
+        borderColorHover: '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',
+    },
+};
+
+export { inputAppearance, inputState };

package/dist/appearance/InputPassword.js

@@ -0,0 +1,55 @@
+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',
+    },
+};
+
+export { InputPasswordAppearance, InputPasswordState };

package/dist/appearance/Label.js

@@ -0,0 +1,54 @@
+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,
+    },
+};
+
+export { labelAppearance };

package/dist/appearance/Loader.js

@@ -0,0 +1,28 @@
+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',
+    },
+};
+
+export { loaderAppearance };

package/dist/appearance/MenuItem.js

@@ -0,0 +1,10 @@
+var menuItemAppearance = {
+    any: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        textColorActive: 'surfaceTextAccent',
+        textColorHover: 'surfaceTextAccent',
+    },
+};
+
+export { menuItemAppearance };

package/dist/appearance/Notification.js

@@ -0,0 +1,34 @@
+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',
+    },
+};
+
+export { notificationItemAppearance };

package/dist/appearance/Radio.js

@@ -0,0 +1,20 @@
+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',
+    },
+};
+
+export { radioAppearance, radioState };