@itcase/ui 1.9.56 → 1.9.57

package/dist/components/Switch/appearance/switchSize.js

@@ -0,0 +1,18 @@
+const switchAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        titleTextSize: 'l',
+        descTextSize: 'xs',
+    },
+    sizeM: {
+        size: 'm',
+        titleTextSize: 'm',
+        descTextSize: 'xs',
+    },
+    sizeS: {
+        size: 's',
+        titleTextSize: 's',
+        descTextSize: 'xs',
+    },
+};
+export { switchAppearanceSize };

package/dist/components/Switch/appearance/switchStyle.js

@@ -0,0 +1,16 @@
+const switchAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {
+        borderColor: 'none',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { switchAppearanceStyle };

package/dist/components/Switch/appearance/switchSuccess.js

@@ -0,0 +1,11 @@
+const switchAppearanceSuccess = {
+    successPrimary: {
+        fill: 'surfaceTertiary',
+        fillActive: 'successPrimary',
+        fillToggle: 'surfacePrimary',
+        fillToggleActive: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+    },
+};
+export { switchAppearanceSuccess };

package/dist/components/Switch/index.js

@@ -0,0 +1,2 @@
+export { Switch, switchConfig } from './Switch';
+export { switchAppearance } from './Switch.appearance';

package/dist/components/Tab/Tab.appearance.js

@@ -0,0 +1,15 @@
+import { tabAppearanceError } from './appearance/tabError';
+import { tabAppearanceSize } from './appearance/tabSize';
+import { tabAppearanceStyle } from './appearance/tabStyle';
+import { tabAppearanceSuccess } from './appearance/tabSuccess';
+import { tabAppearanceSurface } from './appearance/tabSurface';
+import { tabAppearanceWarning } from './appearance/tabWarning';
+const tabAppearance = {
+    ...tabAppearanceWarning,
+    ...tabAppearanceError,
+    ...tabAppearanceSuccess,
+    ...tabAppearanceSurface,
+    ...tabAppearanceSize,
+    ...tabAppearanceStyle,
+};
+export { tabAppearance };

package/dist/components/Tab/Tab.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Tab/Tab.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import clsx from 'clsx';
+import { mergeAppearanceKeys } from 'src/utils';
+import { useActiveClasses } from 'src/hooks/useActiveClasses/useActiveClasses';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Badge } from 'src/components/Badge';
+import { Divider } from 'src/components/Divider';
+import { Icon } from 'src/components/Icon';
+import { Link } from 'src/components/Link';
+import { Text } from 'src/components/Text';
+import { tabAppearance } from './Tab.appearance';
+const tabConfig = {
+    appearance: tabAppearance,
+    setAppearance: (appearanceConfig) => {
+        tabConfig.appearance = appearanceConfig;
+    },
+};
+function Tab(props) {
+    const { appearance, className, dataTestId, dataTour, label, badgeValue, href, link, rel, target, before, after, isActive = false, isDisabled = false, isSkeleton, onClick, onMouseEnter, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, tabConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { rootClasses } = useActiveClasses({
+        propsGenerator: propsGenerator,
+        isActive: isActive,
+        isDisabled: isDisabled,
+    });
+    const { justifyContentClass, alignClass, labelTextAlign, labelTextColor, labelTextColorActive, labelTextColorHover, labelTextSize, labelTextStyle, labelTextWeight, labelTextWrap, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, dividerFill, dividerFillActive, dividerFillActiveHover, dividerFillDisabled, dividerFillHover, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, linkFill, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { styles: tab } = useStyles(props);
+    return (_jsx("div", { className: clsx('tab', className, rootClasses, isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', sizeClass && `tab_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, justifyContentClass && `tab_justify-content_${justifyContentClass}`, isSkeleton && `tab_skeleton`, onClick && 'cursor_type_pointer'), "data-testid": dataTestId && `${dataTestId}Tab`, "data-tour": dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: _jsxs(Link, { className: clsx('tab__link', !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (_jsxs(React.Fragment, { children: [_jsxs("div", { className: clsx('tab__wrapper', alignClass && `align_${alignClass}`), children: [label && (_jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, isDisabled: isDisabled, children: label })), Boolean(badgeValue) && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: "tab__icon_after", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), _jsx(Divider, { className: "tab__divider", width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isActive: isActive, isDisabled: isDisabled })] })), after] }) }));
+}
+export { Tab, tabConfig };

package/dist/components/Tab/TabGroup.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Tab } from './Tab';
+function TabGroup(props) {
+    const { className, dataTestId, dataTour, horizontalScroll, style, tabAppearance, tabList, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, widthClass, wrapClass, } = propsGenerator;
+    const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (_jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (_jsxs(React.Fragment, { children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive, onClick: item.onClick }, item.key))), children] })) }));
+}
+export { TabGroup };

package/dist/components/Tab/appearance/tabError.js

@@ -0,0 +1,13 @@
+const tabAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillDisabled: 'disabledPrimary',
+        labelColor: 'errorTextPrimary',
+        labelColorActive: 'errorTextPrimary',
+        labelColorDisabled: 'errorTextDisabled',
+        badgeAppearance: 'errorPrimary',
+        dividerFill: 'accentPrimary',
+        dividerFillDisabled: 'errorDisabled',
+    },
+};
+export { tabAppearanceError };

package/dist/components/Tab/appearance/tabSize.js

@@ -0,0 +1,44 @@
+const tabAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        labelTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        dividerSize: 's',
+    },
+    sizeXL: {
+        size: 'xl',
+        labelTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        dividerSize: 's',
+    },
+    sizeL: {
+        size: 'l',
+        labelTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        dividerSize: 's',
+    },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        dividerSize: 's',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        badgeAppearanceSize: 'sizeXS',
+        dividerSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        badgeAppearanceSize: 'sizeXS',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'xs',
+        badgeAppearanceSize: 'sizeXXS',
+        dividerSize: 's',
+    },
+};
+export { tabAppearanceSize };

package/dist/components/Tab/appearance/tabStyle.js

@@ -0,0 +1,16 @@
+const tabAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+        borderColorActive: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+        borderColorActive: 'none',
+    },
+};
+export { tabAppearanceStyle };

package/dist/components/Tab/appearance/tabSuccess.js

@@ -0,0 +1,13 @@
+const tabAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        fillDisabled: 'successDisabled',
+        labelColor: 'successTextPrimary',
+        labelColorActive: 'successTextPrimary',
+        labelColorDisabled: 'successTextDisabled',
+        badgeAppearance: 'successPrimary',
+        dividerFill: 'accentPrimary',
+        dividerFillDisabled: 'successDisabled',
+    },
+};
+export { tabAppearanceSuccess };

package/dist/components/Tab/appearance/tabSurface.js

@@ -0,0 +1,64 @@
+const tabAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'surfaceActivePrimary',
+        fillActiveHover: 'surfaceHoverSecondary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceHoverSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorActive: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        borderColorActive: 'surfaceBorderActivePrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+        dividerFill: 'surfacePrimary',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillActive: 'accentActivePrimary',
+        fillActiveHover: 'surfaceHoverTertiary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceHoverQuaternary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorActive: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        borderColorActive: 'surfaceBorderActivePrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'surfaceActiveSecondary',
+        fillActiveHover: 'surfaceHoverTertiary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorActive: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        borderColorActive: 'surfaceBorderActivePrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillActive: 'surfaceActiveSecondary',
+        fillActiveHover: 'surfaceHoverTertiary',
+        fillDisabled: 'surfaceDisabled',
+        fillHover: 'surfaceHoverSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorActive: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        borderColorActive: 'surfaceBorderActivePrimary',
+        badgeAppearance: 'accentPrimary solid circular',
+        dividerFillActive: 'accentPrimary',
+        dividerFillDisabled: 'accentDisabled',
+        iconFillIcon: 'surfaceItemPrimary',
+    },
+};
+export { tabAppearanceSurface };

package/dist/components/Tab/appearance/tabWarning.js

@@ -0,0 +1,12 @@
+const tabAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillDisabled: 'disabledPrimary',
+        labelColor: 'warningTextPrimary',
+        labelColorActive: 'warningTextPrimary',
+        badgeAppearance: 'warningPrimary',
+        dividerFill: 'accentPrimary',
+        dividerFillDisabled: 'disabledPrimary',
+    },
+};
+export { tabAppearanceWarning };

package/dist/components/Tab/index.js

@@ -0,0 +1,3 @@
+export { Tab, tabConfig } from './Tab';
+export { tabAppearance } from './Tab.appearance';
+export { TabGroup } from './TabGroup';

package/dist/components/Text/Text.appearance.js

@@ -0,0 +1,5 @@
+import { textAppearanceSize } from './appearance/textSize';
+const textAppearance = {
+    ...textAppearanceSize,
+};
+export { textAppearance };

package/dist/components/Text/Text.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Text/Text.js

@@ -0,0 +1,35 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { textAppearance } from './Text.appearance';
+const textConfig = {
+    appearance: textAppearance,
+    setAppearance: (appearanceConfig) => {
+        textConfig.appearance = appearanceConfig;
+    },
+};
+function Text(props) {
+    const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
+    const { styles: textStyles } = useStyles(props);
+    return (_jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
+            textColorDisabledClass &&
+            `text-color_${textColorDisabledClass}`, !isActive &&
+            !isDisabled &&
+            textColorClass &&
+            `text-color_${textColorClass}`, !isActive &&
+            !isDisabled &&
+            textColorHoverClass &&
+            `text-color_hover_${textColorHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveHoverClass &&
+            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
+            !isDisabled &&
+            textColorActiveClass &&
+            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+}
+export { Text, textConfig };

package/dist/components/Text/appearance/textSize.js

@@ -0,0 +1,24 @@
+const textAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+    },
+    sizeXL: {
+        size: 'xl',
+    },
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+    },
+};
+export { textAppearanceSize };

package/dist/components/Text/index.js

@@ -0,0 +1,2 @@
+export { Text, textConfig } from './Text';
+export { textAppearance } from './Text.appearance';

package/dist/components/Textarea/Textarea.appearance.js

@@ -0,0 +1,19 @@
+import { textareaAppearanceDefault } from './appearance/textareaDefault';
+import { textareaAppearanceDisabled } from './appearance/textareaDisabled';
+import { textareaAppearanceError } from './appearance/textareaError';
+import { textareaAppearanceRequire } from './appearance/textareaRequire';
+import { textareaAppearanceShape } from './appearance/textareaShape';
+import { textareaAppearanceSize } from './appearance/textareaSize';
+import { textareaAppearanceStyle } from './appearance/textareaStyle';
+import { textareaAppearanceSuccess } from './appearance/textareaSuccess';
+const textareaAppearance = {
+    ...textareaAppearanceDefault,
+    ...textareaAppearanceShape,
+    ...textareaAppearanceError,
+    ...textareaAppearanceSuccess,
+    ...textareaAppearanceRequire,
+    ...textareaAppearanceDisabled,
+    ...textareaAppearanceSize,
+    ...textareaAppearanceStyle,
+};
+export { textareaAppearance };

package/dist/components/Textarea/Textarea.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { textareaAppearance } from './Textarea.appearance';
+const textareaConfig = {
+    appearance: textareaAppearance,
+    setAppearance: (appearanceConfig) => {
+        textareaConfig.appearance = appearanceConfig;
+    },
+};
+function Textarea(props) {
+    const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    return (_jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), "data-tour": dataTour, children: _jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
+                `placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
+}
+export { Textarea, textareaConfig };

package/dist/components/Textarea/appearance/textareaDefault.js

@@ -0,0 +1,33 @@
+const textareaAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceHoverTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    defaultQuaternary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    defaultSecondary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfaceHoverTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    defaultTertiary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { textareaAppearanceDefault };

package/dist/components/Textarea/appearance/textareaDisabled.js

@@ -0,0 +1,18 @@
+const textareaAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfacePrimary',
+        borderColor: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderHoverQuaternary',
+        textColor: 'surfaceTextQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    disabledSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+export { textareaAppearanceDisabled };

package/dist/components/Textarea/appearance/textareaError.js

@@ -0,0 +1,18 @@
+const textareaAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        borderColor: 'errorBorderQuaternary',
+        borderColorHover: 'errorBorderHoverQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    errorSecondary: {
+        fill: 'errorSecondary',
+        borderColor: 'errorBorderTertiary',
+        borderColorHover: 'errorBorderHoverQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'errorTextSecondary',
+    },
+};
+export { textareaAppearanceError };

package/dist/components/Textarea/appearance/textareaRequire.js

@@ -0,0 +1,18 @@
+const textareaAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        borderColor: 'warningBorderQuaternary',
+        borderColorHover: 'warningBorderHoverQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconClearFill: 'warningItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    requireSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+export { textareaAppearanceRequire };

package/dist/components/Textarea/appearance/textareaShape.js

@@ -0,0 +1,25 @@
+const textareaAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+export { textareaAppearanceShape };

package/dist/components/Textarea/appearance/textareaSize.js

@@ -0,0 +1,31 @@
+const textareaAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textSize: 'l',
+    },
+    sizeXL: {
+        size: 'xl',
+        textSize: 's',
+    },
+    sizeL: {
+        size: 'l',
+        textSize: 's',
+    },
+    sizeM: {
+        size: 'm',
+        textSize: 'm',
+    },
+    sizeS: {
+        size: 's',
+        textSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textSize: 's',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textSize: 's',
+    },
+};
+export { textareaAppearanceSize };

package/dist/components/Textarea/appearance/textareaStyle.js

@@ -0,0 +1,16 @@
+const textareaAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+        borderColorHover: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
+    },
+};
+export { textareaAppearanceStyle };

package/dist/components/Textarea/appearance/textareaSuccess.js

@@ -0,0 +1,19 @@
+const textareaAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillHover: 'successHoverTertiary',
+        borderColor: 'successBorderQuaternary',
+        borderColorHover: 'successBorderHoverQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconClearFill: 'successItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    successSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+export { textareaAppearanceSuccess };

package/dist/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export { Textarea, textareaConfig } from './Textarea';
+export { textareaAppearance } from './Textarea.appearance';

package/dist/components/Tile/Tile.appearance.js

@@ -0,0 +1,11 @@
+import { tileAppearanceShape } from './appearance/tileShape';
+import { tileAppearanceSize } from './appearance/tileSize';
+import { tileAppearanceStyle } from './appearance/tileStyle';
+import { tileAppearanceSurface } from './appearance/tileSurface';
+const tileAppearance = {
+    ...tileAppearanceShape,
+    ...tileAppearanceSize,
+    ...tileAppearanceStyle,
+    ...tileAppearanceSurface,
+};
+export { tileAppearance };

package/dist/components/Tile/Tile.interface.js

@@ -0,0 +1 @@
+export {};