@itcase/ui 1.9.65 → 1.9.66

package/dist/components/Badge/appearance/badgeSuccess.js

@@ -1,10 +0,0 @@
-const badgeAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        borderColor: 'successBorderPrimary',
-        textColor: 'successTextPrimary',
-        dotFill: 'successItemPrimary',
-        iconFill: 'successItemPrimary',
-    },
-};
-export { badgeAppearanceSuccess };

package/dist/components/Badge/appearance/badgeSurface.js

@@ -1,25 +0,0 @@
-const badgeAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-        dotFill: 'surfaceItemPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'accentPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderSecondary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-export { badgeAppearanceSurface };

package/dist/components/Badge/appearance/badgeWarning.js

@@ -1,10 +0,0 @@
-const badgeAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        borderColor: 'warningBorderPrimary',
-        textColor: 'warningTextPrimary',
-        dotFill: 'warningItemPrimary',
-        iconFill: 'warningItemPrimary',
-    },
-};
-export { badgeAppearanceWarning };

package/dist/components/Badge/index.js

@@ -1,2 +0,0 @@
-export { Badge, badgeConfig } from './Badge';
-export { badgeAppearance } from './Badge.appearance';

package/dist/components/Breadcrumbs/Breadcrumbs.appearance.js

@@ -1,11 +0,0 @@
-import { breadcrumbsAppearanceAccent } from './appearance/breadcrumbsAccent';
-import { breadcrumbsAppearanceSize } from './appearance/breadcrumbsSize';
-import { breadcrumbsAppearanceStyle } from './appearance/breadcrumbsStyle';
-import { breadcrumbsAppearanceSurface } from './appearance/breadcrumbsSurface';
-const breadcrumbsAppearance = {
-    ...breadcrumbsAppearanceSize,
-    ...breadcrumbsAppearanceStyle,
-    ...breadcrumbsAppearanceAccent,
-    ...breadcrumbsAppearanceSurface,
-};
-export { breadcrumbsAppearance };

package/dist/components/Breadcrumbs/Breadcrumbs.interface.js

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

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { BreadcrumbsItem } from './BreadcrumbsItem';
-function Breadcrumbs(props) {
-    const { appearance, className, dataTestId, dataTour, breadcrumbsList, isSkeleton, children, } = props;
-    const propsGenerator = useDevicePropsGenerator(props);
-    const { directionClass = 'horizontal', widthClass } = propsGenerator;
-    const breadcrumbsItemsList = useMemo(() => {
-        if (breadcrumbsList) {
-            return breadcrumbsList.map((item, i) => (_jsx(BreadcrumbsItem, { appearance: appearance, text: item.text, icon: item.icon, iconSrc: item.icon, isActive: i + 1 === breadcrumbsList.length, isSkeleton: isSkeleton }, `breadcrumbsItem_${item.key || item.id || item.text}`)));
-        }
-        if (children) {
-            return children;
-        }
-        return [];
-    }, [breadcrumbsList, children, appearance, isSkeleton]);
-    const { styles: breadcrumbsStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'breadcrumbs', widthClass && `width_${widthClass}`, directionClass && `direction_${directionClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: breadcrumbsStyles, children: breadcrumbsItemsList }));
-}
-export { Breadcrumbs };

package/dist/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, 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 { Icon } from 'src/components/Icon';
-import { LinkWrapper } from 'src/components/Link';
-import { Text } from 'src/components/Text';
-import { breadcrumbsAppearance } from './Breadcrumbs.appearance';
-const breadcrumbsConfig = {
-    appearance: breadcrumbsAppearance,
-    setAppearance: (appearanceConfig) => {
-        breadcrumbsConfig.appearance = appearanceConfig;
-    },
-};
-function BreadcrumbsItem(props) {
-    const { appearance, className, dataTestId, dataTour, href, isActive, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, breadcrumbsConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, labelTextColor, labelTextColorHover, labelTextSize, borderColorClass, text, cursor, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, sizeClass, underlineClass, } = propsGenerator;
-    const { styles: itemStyles } = useStyles(props);
-    return (_jsxs(LinkWrapper, { className: clsx(className, 'breadcrumbs__item', borderColorClass && `border-color_${borderColorClass}`, isActive && 'breadcrumbs__item_current', sizeClass && `breadcrumbs__item_size_${sizeClass}`, shapeClass && `breadcrumbs__item_shape_${shapeClass}`, fillClass && `fill_${fillClass}`, underlineClass && `text-decoration_${underlineClass}`, isSkeleton && `breadcrumbs__item_skeleton`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, href: href, LinkComponent: "div", style: itemStyles, onClick: onClick, children: [_jsx(Text, { className: "breadcrumbs__item-text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, children: text || children }), !isActive && (icon || iconSrc) && (_jsx(Icon, { className: clsx('breadcrumbs__item-icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }));
-}
-export { BreadcrumbsItem };

package/dist/components/Breadcrumbs/appearance/breadcrumbsAccent.js

@@ -1,9 +0,0 @@
-const breadcrumbsAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        labelTextColor: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconFillIcon: 'accentItemPrimary',
-    },
-};
-export { breadcrumbsAppearanceAccent };

package/dist/components/Breadcrumbs/appearance/breadcrumbsSize.js

@@ -1,39 +0,0 @@
-import { icons12, icons14, icons16, icons20, icons24, } from '@itcase/icons/default';
-const breadcrumbsAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xxl',
-        icon: icons24.Arrow.ChevronRightSmall,
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'xl',
-        icon: icons24.Arrow.ChevronRightSmall,
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        icon: icons20.Arrow.ChevronRightSmall,
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'l',
-        icon: icons16.Arrow.ChevronRightSmall,
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 'm',
-        icon: icons16.Arrow.ChevronRightSmall,
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 's',
-        icon: icons14.Arrow.ChevronRightSmall,
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        icon: icons12.Arrow.ChevronRightSmall,
-    },
-};
-export { breadcrumbsAppearanceSize };

package/dist/components/Breadcrumbs/appearance/breadcrumbsStyle.js

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

package/dist/components/Breadcrumbs/appearance/breadcrumbsSurface.js

@@ -1,27 +0,0 @@
-const breadcrumbsAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderQuaternary',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderSecondary',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconFillIcon: 'surfaceItemPrimary',
-    },
-};
-export { breadcrumbsAppearanceSurface };

package/dist/components/Breadcrumbs/index.js

@@ -1,4 +0,0 @@
-import { Breadcrumbs } from './Breadcrumbs';
-import { BreadcrumbsItem } from './BreadcrumbsItem';
-export { breadcrumbsAppearance } from './Breadcrumbs.appearance';
-export { Breadcrumbs, BreadcrumbsItem };

package/dist/components/Button/Button.appearance.js

@@ -1,27 +0,0 @@
-import { buttonAppearanceAccent } from './appearance/buttonAccent';
-import { buttonAppearanceDanger } from './appearance/buttonDanger';
-import { buttonAppearanceError } from './appearance/buttonError';
-import { buttonAppearanceExtra } from './appearance/buttonExtra';
-import { buttonAppearanceInfo } from './appearance/buttonInfo';
-import { buttonAppearanceShape } from './appearance/buttonShape';
-import { buttonAppearanceSize } from './appearance/buttonSize';
-import { buttonAppearanceSpecial } from './appearance/buttonSpecial';
-import { buttonAppearanceStyle } from './appearance/buttonStyle';
-import { buttonAppearanceSuccess } from './appearance/buttonSuccess';
-import { buttonAppearanceSurface } from './appearance/buttonSurface';
-import { buttonAppearanceWarning } from './appearance/buttonWarning';
-const buttonAppearance = {
-    ...buttonAppearanceSize,
-    ...buttonAppearanceShape,
-    ...buttonAppearanceStyle,
-    ...buttonAppearanceAccent,
-    ...buttonAppearanceDanger,
-    ...buttonAppearanceError,
-    ...buttonAppearanceInfo,
-    ...buttonAppearanceSpecial,
-    ...buttonAppearanceExtra,
-    ...buttonAppearanceSuccess,
-    ...buttonAppearanceSurface,
-    ...buttonAppearanceWarning,
-};
-export { buttonAppearance };

package/dist/components/Button/Button.interface.js

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

package/dist/components/Button/Button.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import clsx from 'clsx';
-import { Icon } from 'src/components/Icon';
-import { LinkWrapper } from 'src/components/Link';
-import { Loader } from 'src/components/Loader';
-import { Text } from 'src/components/Text';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useHoldProgress } from 'src/hooks/useHoldProgress';
-import { useStyles } from 'src/hooks/useStyles';
-import { mergeAppearanceKeys } from 'src/utils';
-import { buttonAppearance } from './Button.appearance';
-const buttonConfig = {
-    appearance: buttonAppearance,
-    setAppearance: function (appearanceConfig) {
-        this.appearance = appearanceConfig;
-    },
-};
-const Button = React.forwardRef(function Button(props, ref) {
-    const { appearance, className, dataTestId, dataTour, label, Badge, href, htmlType = 'button', link, rel, target, tooltip, before, after, isDisabled, isHolding, isLoading = false, onClick, onHoldComplete, onMouseDown, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, buttonConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, labelTextColor, labelTextColorHover, labelTextSize, labelTextTruncate, labelTextWeight, labelTextWidth, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, icon, iconAfter, iconAfterAppearance, iconAfterAppearanceSize, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconAppearance, iconAppearanceSize, iconBefore, iconBeforeAppearance, iconBeforeAppearanceSize, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, loaderAppearance, loaderAppearanceSize, loaderFill, loaderItemFill, loaderSize, loaderType = 'dot', shapeClass, shapeStrengthClass, sizeClass, widthClass, zeroGap, zeroPadding, isSkeleton, } = propsGenerator;
-    const { label: labelStyles, styles: buttonStyles } = useStyles(props);
-    const { holdState, onHoldEnd, onHoldStart } = useHoldProgress({
-        holdDurationMs: 500, // hardcoded in button.css
-        onHoldComplete: onHoldComplete,
-    });
-    const buttonTypeClass = after ||
-        before ||
-        icon ||
-        iconAfter ||
-        iconAfterSrc ||
-        iconBefore ||
-        iconBeforeSrc ||
-        iconSrc;
-    return (_jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
-            ? 'button_type_default'
-            : label
-                ? 'button_type_label'
-                : buttonTypeClass
-                    ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (_jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: _jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), _jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (_jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (_jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
-});
-export { Button, buttonConfig };

package/dist/components/Button/appearance/buttonAccent.js

@@ -1,36 +0,0 @@
-const buttonAppearanceAccent = {
-    accentMutedPrimary: {
-        fill: 'accentTertiary',
-        fillHover: 'accentHoverTertiary',
-        labelTextColor: 'accentTextQuaternary',
-        labelTextColorHover: 'accentTextQuaternary',
-        borderColor: 'accentBorderSecondary',
-        iconAfterFillIcon: 'accentItemQuaternary',
-        iconBeforeFillIcon: 'accentItemQuaternary',
-        iconFillIcon: 'accentItemQuaternary',
-        loaderAppearance: 'accentTertiary',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        iconAfterFillIcon: 'accentItemPrimary',
-        iconBeforeFillIcon: 'accentItemPrimary',
-        iconFillIcon: 'accentItemPrimary',
-        loaderAppearance: 'accentPrimary',
-    },
-};
-export { buttonAppearanceAccent };

package/dist/components/Button/appearance/buttonDanger.js

@@ -1,24 +0,0 @@
-const buttonAppearanceDanger = {
-    dangerMutedPrimary: {
-        fill: 'dangerTertiary',
-        fillHover: 'dangerHoverPrimary',
-        labelTextColor: 'dangerTextQuaternary',
-        labelTextColorHover: 'dangerTextQuaternary',
-        borderColor: 'dangerBorderSecondary',
-        iconAfterFillIcon: 'dangerItemQuaternary',
-        iconBeforeFillIcon: 'dangerItemQuaternary',
-        iconFillIcon: 'dangerItemQuaternary',
-        loaderAppearance: 'dangerTertiary',
-    },
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-        labelTextColor: 'dangerTextPrimary',
-        labelTextColorHover: 'dangerTextPrimary',
-        iconAfterFillIcon: 'dangerItemPrimary',
-        iconBeforeFillIcon: 'dangerItemPrimary',
-        iconFillIcon: 'dangerItemPrimary',
-        loaderAppearance: 'dangerPrimary',
-    },
-};
-export { buttonAppearanceDanger };

package/dist/components/Button/appearance/buttonError.js

@@ -1,24 +0,0 @@
-const buttonAppearanceError = {
-    errorMutedPrimary: {
-        fill: 'errorTertiary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextQuaternary',
-        labelTextColorHover: 'errorTextQuaternary',
-        borderColor: 'errorBorderSecondary',
-        iconAfterFillIcon: 'errorItemQuaternary',
-        iconBeforeFillIcon: 'errorItemQuaternary',
-        iconFillIcon: 'errorItemQuaternary',
-        loaderAppearance: 'errorTertiary',
-    },
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-        iconAfterFillIcon: 'errorItemPrimary',
-        iconBeforeFillIcon: 'errorItemPrimary',
-        iconFillIcon: 'errorItemPrimary',
-        loaderAppearance: 'errorPrimary',
-    },
-};
-export { buttonAppearanceError };

package/dist/components/Button/appearance/buttonExtra.js

@@ -1,22 +0,0 @@
-const buttonAppearanceExtra = {
-    extraMutedPrimary: {
-        fill: 'extraTertiary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextQuaternary',
-        borderColor: 'extraBorderSecondary',
-        iconAfterFillIcon: 'extraItemQuaternary',
-        iconBeforeFillIcon: 'extraItemQuaternary',
-        iconFillIcon: 'extraItemQuaternary',
-        loaderAppearance: 'extraPrimary',
-    },
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextPrimary',
-        iconAfterFillIcon: 'extraItemPrimary',
-        iconBeforeFillIcon: 'extraItemPrimary',
-        iconFillIcon: 'extraItemPrimary',
-        loaderAppearance: 'extraPrimary',
-    },
-};
-export { buttonAppearanceExtra };

package/dist/components/Button/appearance/buttonInfo.js

@@ -1,36 +0,0 @@
-const buttonAppearanceInfo = {
-    infoMutedPrimary: {
-        fill: 'infoTertiary',
-        fillHover: 'infoHoverTertiary',
-        labelTextColor: 'infoTextSecondary',
-        labelTextColorHover: 'infoTextSecondary',
-        borderColor: 'infoBorderSecondary',
-        iconAfterFillIcon: 'infoItemSecondary',
-        iconBeforeFillIcon: 'infoItemSecondary',
-        iconFillIcon: 'infoItemSecondary',
-        loaderAppearance: 'infoTertiary',
-    },
-    infoPrimary: {
-        fill: 'infoPrimary',
-        fillHover: 'infoHoverPrimary',
-        labelTextColor: 'infoTextPrimary',
-        labelTextColorHover: 'infoTextPrimary',
-        borderColor: 'infoBorderPrimary',
-        iconAfterFillIcon: 'infoItemPrimary',
-        iconBeforeFillIcon: 'infoItemPrimary',
-        iconFillIcon: 'infoItemPrimary',
-        loaderAppearance: 'infoPrimary',
-    },
-    infoSecondary: {
-        fill: 'infoPrimary',
-        fillHover: 'infoHoverPrimary',
-        labelTextColor: 'infoTextSecondary',
-        labelTextColorHover: 'infoTextSecondary',
-        borderColor: 'infoBorderPrimary',
-        iconAfterFillIcon: 'infoItemPrimary',
-        iconBeforeFillIcon: 'infoItemPrimary',
-        iconFillIcon: 'infoItemPrimary',
-        loaderAppearance: 'infoPrimary',
-    },
-};
-export { buttonAppearanceInfo };

package/dist/components/Button/appearance/buttonShape.js

@@ -1,25 +0,0 @@
-const buttonAppearanceShape = {
-    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 { buttonAppearanceShape };

package/dist/components/Button/appearance/buttonSize.js

@@ -1,52 +0,0 @@
-const buttonAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xl',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-        iconAfterAppearanceSize: 'size24_24',
-        iconBeforeAppearanceSize: 'size24_24',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        iconAfterAppearanceSize: 'size20_20',
-        iconBeforeAppearanceSize: 'size20_20',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        iconAfterAppearanceSize: 'size16_16',
-        iconBeforeAppearanceSize: 'size16_16',
-        loaderAppearanceSize: 'sizeL',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterAppearanceSize: 'size14_14',
-        iconBeforeAppearanceSize: 'size14_14',
-        loaderAppearanceSize: 'sizeL',
-    },
-};
-export { buttonAppearanceSize };

package/dist/components/Button/appearance/buttonSpecial.js

@@ -1,22 +0,0 @@
-const buttonAppearanceSpecial = {
-    specialMutedPrimary: {
-        fill: 'specialTertiary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextSecondary',
-        borderColor: 'specialBorderTertiary',
-        iconAfterFillIcon: 'specialItemSecondary',
-        iconBeforeFillIcon: 'specialItemSecondary',
-        iconFillIcon: 'specialItemSecondary',
-        loaderAppearance: 'specialTertiary',
-    },
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextPrimary',
-        iconAfterFillIcon: 'specialItemPrimary',
-        iconBeforeFillIcon: 'specialItemPrimary',
-        iconFillIcon: 'specialItemPrimary',
-        loaderAppearance: 'specialPrimary',
-    },
-};
-export { buttonAppearanceSpecial };

package/dist/components/Button/appearance/buttonStyle.js

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

package/dist/components/Button/appearance/buttonSuccess.js

@@ -1,24 +0,0 @@
-const buttonAppearanceSuccess = {
-    successMutedPrimary: {
-        fill: 'successTertiary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextQuaternary',
-        labelTextColorHover: 'successTextQuaternary',
-        borderColor: 'successBorderQuaternary',
-        iconAfterFillIcon: 'successItemQuaternary',
-        iconBeforeFillIcon: 'successItemQuaternary',
-        iconFillIcon: 'successItemQuaternary',
-        loaderAppearance: 'successTertiary',
-    },
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextPrimary',
-        labelTextColorHover: 'successTextPrimary',
-        iconAfterFillIcon: 'successItemPrimary',
-        iconBeforeFillIcon: 'successItemPrimary',
-        iconFillIcon: 'successItemPrimary',
-        loaderAppearance: 'successPrimary',
-    },
-};
-export { buttonAppearanceSuccess };

package/dist/components/Button/appearance/buttonSurface.js

@@ -1,52 +0,0 @@
-const buttonAppearanceSurface = {
-    surfaceMutedPrimary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextQuaternary',
-        borderColor: 'surfaceBorderQuaternary',
-        iconAfterFillIcon: 'surfaceItemQuaternary',
-        iconBeforeFillIcon: 'surfaceItemQuaternary',
-        iconFillIcon: 'surfaceItemQuaternary',
-        loaderAppearance: 'surfaceTertiary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        iconAfterFillIcon: 'surfaceItemPrimary',
-        iconBeforeFillIcon: 'surfaceItemPrimary',
-        iconFillIcon: 'surfaceItemPrimary',
-        loaderAppearance: 'surfacePrimary',
-    },
-};
-export { buttonAppearanceSurface };