@itcase/ui 1.9.56 → 1.9.58

package/dist/components/Checkbox/appearance/checkboxSuccess.js

@@ -0,0 +1,16 @@
+const checkboxAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillCheckbox: 'successTertiary',
+        fillCheckboxActive: 'successSecondary',
+        fillCheckboxActiveHover: 'successActiveHoverPrimary',
+        fillCheckboxHover: 'successHoverTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColorCheckbox: 'successBorderSecondary',
+        borderColorCheckboxActive: 'successBorderSecondary',
+        borderColorCheckboxActiveHover: 'successBorderActivePrimary',
+        borderColorCheckboxHover: 'successBorderHoverPrimary',
+    },
+};
+export { checkboxAppearanceSuccess };

package/dist/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox, checkboxConfig } from './Checkbox';
+export { checkboxAppearance } from './Checkbox.appearance';

package/dist/components/Checkmark/Checkmark.appearance.js

@@ -0,0 +1,15 @@
+import { checkmarkAppearanceAccent } from './appearance/checkmarkAccent';
+import { checkmarkAppearanceDisabled } from './appearance/checkmarkDisabled';
+import { checkmarkAppearanceError } from './appearance/checkmarkError';
+import { checkmarkAppearanceSize } from './appearance/checkmarkSize';
+import { checkmarkAppearanceStyle } from './appearance/checkmarkStyle';
+import { checkmarkAppearanceSurface } from './appearance/checkmarkSurface';
+const checkmarkAppearance = {
+    ...checkmarkAppearanceAccent,
+    ...checkmarkAppearanceDisabled,
+    ...checkmarkAppearanceStyle,
+    ...checkmarkAppearanceSurface,
+    ...checkmarkAppearanceSize,
+    ...checkmarkAppearanceError,
+};
+export { checkmarkAppearance };

package/dist/components/Checkmark/Checkmark.interface.js

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

package/dist/components/Checkmark/Checkmark.js

@@ -0,0 +1,33 @@
+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 { useStyles } from 'src/hooks/useStyles';
+import { Icon } from '../Icon';
+import { checkmarkAppearance } from './Checkmark.appearance';
+const checkmarkConfig = {
+    appearance: checkmarkAppearance,
+    setAppearance: (appearanceConfig) => {
+        checkmarkConfig.appearance = appearanceConfig;
+    },
+};
+function Checkmark(props) {
+    const { appearance, className, dataTestId, dataTour, isActive, isChecked, isDisabled = false, onClick, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, checkmarkConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, checkmarkFill, checkmarkIcon, checkmarkIconFill, checkmarkIconShape, checkmarkIconSize, checkmarkIconSrc, sizeClass, } = propsGenerator;
+    const { styles: checkmarkStyles } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'checkmark', sizeClass && `checkmark_size_${sizeClass}`, !isChecked || !isActive
+            ? fillClass && `fill_${fillClass}`
+            : fillActiveClass && `fill_active_${fillActiveClass}`, !isChecked || !isActive
+            ? fillHoverClass && `fill_hover_${fillHoverClass}`
+            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, !isChecked || !isActive
+            ? borderColorClass && `border-color_${borderColorClass}`
+            : borderColorActiveClass &&
+                `border-color_active_${borderColorActiveClass}`, !isChecked || !isActive
+            ? borderColorHoverClass &&
+                `border-color_hover_${borderColorHoverClass}`
+            : borderColorActiveHoverClass &&
+                `border-color_active_hover_${borderColorActiveHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, isDisabled), "data-testid": dataTestId, "data-tour": dataTour, style: checkmarkStyles, onClick: onClick, children: (isChecked || isActive) && (_jsx(Icon, { fill: checkmarkFill, iconFill: checkmarkIconFill, iconSize: checkmarkIconSize, imageSrc: checkmarkIconSrc, shape: checkmarkIconShape, SvgImage: checkmarkIcon })) }));
+}
+export { Checkmark, checkmarkConfig };

package/dist/components/Checkmark/appearance/checkmarkAccent.js

@@ -0,0 +1,10 @@
+const checkmarkAppearanceAccent = {
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillActive: 'accentPrimary',
+        borderColor: 'accentBorderPrimary',
+        borderWidth: '2',
+        checkmarkIconFill: 'accentItemPrimary',
+    },
+};
+export { checkmarkAppearanceAccent };

package/dist/components/Checkmark/appearance/checkmarkDisabled.js

@@ -0,0 +1,10 @@
+const checkmarkAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        fillActive: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
+        borderWidth: '2',
+        checkmarkIconFill: 'surfaceItemDisabled',
+    },
+};
+export { checkmarkAppearanceDisabled };

package/dist/components/Checkmark/appearance/checkmarkError.js

@@ -0,0 +1,10 @@
+const checkmarkAppearanceError = {
+    errorPrimary: {
+        fill: 'extraPrimary',
+        fillActive: 'extraActivePrimary',
+        borderColor: 'extraBorderTertiary',
+        borderWidth: '2',
+        checkmarkIconFill: 'extraItemPrimary',
+    },
+};
+export { checkmarkAppearanceError };

package/dist/components/Checkmark/appearance/checkmarkSize.js

@@ -0,0 +1,32 @@
+import { icons14, icons20, icons24, icons32, icons40, } from '@itcase/icons/default';
+const checkmarkAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        checkmarkIcon: icons40.General.Check,
+    },
+    sizeXL: {
+        size: 'xl',
+        checkmarkIcon: icons40.General.Check,
+    },
+    sizeL: {
+        size: 'l',
+        checkmarkIcon: icons32.General.Check,
+    },
+    sizeM: {
+        size: 'm',
+        checkmarkIcon: icons24.Form.Check,
+    },
+    sizeS: {
+        size: 's',
+        checkmarkIcon: icons24.Form.Check,
+    },
+    sizeXS: {
+        size: 'xs',
+        checkmarkIcon: icons20.Form.Check,
+    },
+    sizeXXS: {
+        size: 'xxs',
+        checkmarkIcon: icons14.Form.Check,
+    },
+};
+export { checkmarkAppearanceSize };

package/dist/components/Checkmark/appearance/checkmarkStyle.js

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

package/dist/components/Checkmark/appearance/checkmarkSurface.js

@@ -0,0 +1,21 @@
+const checkmarkAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'surfaceActivePrimary',
+        fillHover: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderPrimary',
+        borderWidth: '2',
+        checkmarkIconFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'surfaceActivePrimary',
+        fillHover: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderPrimary',
+        borderWidth: '2',
+        checkmarkIconFill: 'surfaceItemPrimary',
+    },
+};
+export { checkmarkAppearanceSurface };

package/dist/components/Checkmark/index.js

@@ -0,0 +1,2 @@
+export { Checkmark, checkmarkConfig } from './Checkmark';
+export { checkmarkAppearance } from './Checkmark.appearance';

package/dist/components/Chips/Chips.appearance.js

@@ -0,0 +1,29 @@
+import { chipsAppearanceAccent } from './appearance/chipsAccent';
+import { chipsAppearanceDanger } from './appearance/chipsDanger';
+import { chipsAppearanceDisabled } from './appearance/chipsDisabled';
+import { chipsAppearanceError } from './appearance/chipsError';
+import { chipsAppearanceExtra } from './appearance/chipsExtra';
+import { chipsAppearanceInfo } from './appearance/chipsInfo';
+import { chipsAppearanceShape } from './appearance/chipsShape';
+import { chipsAppearanceSize } from './appearance/chipsSize';
+import { chipsAppearanceSpecial } from './appearance/chipsSpecial';
+import { chipsAppearanceStyle } from './appearance/chipsStyle';
+import { chipsAppearanceSuccess } from './appearance/chipsSuccess';
+import { chipsAppearanceSurface } from './appearance/chipsSurface';
+import { chipsAppearanceWarning } from './appearance/chipsWarning';
+const chipsAppearance = {
+    ...chipsAppearanceSize,
+    ...chipsAppearanceStyle,
+    ...chipsAppearanceAccent,
+    ...chipsAppearanceDanger,
+    ...chipsAppearanceError,
+    ...chipsAppearanceInfo,
+    ...chipsAppearanceDisabled,
+    ...chipsAppearanceSpecial,
+    ...chipsAppearanceExtra,
+    ...chipsAppearanceSuccess,
+    ...chipsAppearanceSurface,
+    ...chipsAppearanceWarning,
+    ...chipsAppearanceShape,
+};
+export { chipsAppearance };

package/dist/components/Chips/Chips.interface.js

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

package/dist/components/Chips/Chips.js

@@ -0,0 +1,28 @@
+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 { Badge } from 'src/components/Badge';
+import { Icon } from 'src/components/Icon';
+import { Text } from 'src/components/Text';
+import { chipsAppearance } from './Chips.appearance';
+const chipsConfig = {
+    appearance: chipsAppearance,
+    setAppearance: (appearanceConfig) => {
+        chipsConfig.appearance = appearanceConfig;
+    },
+};
+function Chips(props) {
+    const { appearance, className, dataTestId, dataTour, label = '', isActive, isDisabled, isSkeleton, onClick, onClickIconAfter, onClickIconBefore, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, chipsConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorHover, labelTextSize, labelTextWeight, labelTextWrap, borderColorClass, borderTypeClass, badgeAppearance, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, cursorClass, iconAfter, iconAfterActive, iconAfterFill, iconAfterFillActiveIcon, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeActive, iconBeforeFill, iconBeforeFillActiveIcon, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { styles: chipsStyles } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'chips', !isActive
+            ? fillClass && `fill_${fillClass}`
+            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
+            ? fillHoverClass && `fill_hover_${fillHoverClass}`
+            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `chips_size_${sizeClass}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, isActive && 'chips_state_active', isDisabled && `chips_state_disabled`, cursorClass && `cursor_${cursorClass}`, onClick && 'cursor_type_pointer', isSkeleton && `chips_skeleton`), "data-testid": dataTestId && `${dataTestId}Chips`, "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: _jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc || (iconBeforeActive && isActive)) && (_jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconFillActive: iconBeforeFillActiveIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBeforeActive && isActive ? iconBeforeActive : iconBefore, isActive: isActive, onClick: onClickIconBefore })), typeof label === 'string' ? (_jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (_jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc || (iconAfterActive && isActive)) && (_jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconFillActive: iconAfterFillActiveIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfterActive && isActive ? iconAfterActive : iconAfter, isActive: isActive, onClick: onClickIconAfter })), badgeValue && (_jsx(Badge, { appearance: badgeAppearance, className: "chips__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
+}
+export { Chips, chipsConfig };

package/dist/components/Chips/ChipsGroup.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Chips } from './Chips';
+function ChipsGroup(props) {
+    /** TODO:
+     * rename "chipsList" to "chipsOptions"
+     * to do same structure for "Option" object.
+     */
+    const { className, dataTestId, dataTour, chipsList, horizontalScroll, style, onClick, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
+    const { styles: groupStyles } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'chips-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: children
+            ? children
+            : chipsList?.map((item) => (_jsx(Chips, { appearance: chipsAppearance, label: item.label, iconAfter: item.iconAfter, iconAfterActive: item.iconAfterActive, iconBefore: item.iconBefore, iconBeforeActive: item.iconBeforeActive, isActive: item.isActive, isDisabled: item.isDisabled, onClick: (event) => onClick?.(item, event) }, item.value))) }));
+}
+export { ChipsGroup };

package/dist/components/Chips/appearance/chipsAccent.js

@@ -0,0 +1,24 @@
+const chipsAppearanceAccent = {
+    accentMutedPrimary: {
+        fill: 'accentTertiary',
+        fillHover: 'accentHoverPrimary',
+        labelTextColor: 'accentTextSecondary',
+        borderColor: 'accentBorderSecondary',
+        iconAfterFillIcon: 'accentItemQuaternary',
+        iconBeforeFillIcon: 'accentItemQuaternary',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentActiveHoverPrimary',
+        fillHover: 'accentHoverPrimary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderPrimary',
+        iconAfterFillActiveIcon: 'accentItemPrimary',
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBeforeFillActiveIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'accentItemPrimary',
+    },
+};
+export { chipsAppearanceAccent };

package/dist/components/Chips/appearance/chipsDanger.js

@@ -0,0 +1,17 @@
+const chipsAppearanceDanger = {
+    dangerMutedPrimary: {
+        fill: 'dangerTertiary',
+        labelTextColor: 'dangerTextQuaternary',
+        borderColor: 'dangerBorderQuaternary',
+        iconAfterFillIcon: 'dangerItemQuaternary',
+        iconBeforeFillIcon: 'dangerItemQuaternary',
+    },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        labelTextColor: 'dangerTextPrimary',
+        borderColor: 'dangerBorderSecondary',
+        iconAfterFillIcon: 'dangerItemPrimary',
+        iconBeforeFillIcon: 'dangerItemPrimary',
+    },
+};
+export { chipsAppearanceDanger };

package/dist/components/Chips/appearance/chipsDisabled.js

@@ -0,0 +1,14 @@
+const chipsAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceHoverSecondary',
+        labelTextActiveColor: 'surfaceTextActiveQuaternary',
+        labelTextActiveColorHover: 'surfaceTextActiveHoverQuaternary',
+        labelTextColor: 'surfaceTextQuaternary',
+        labelTextColorHover: 'surfaceTextQuaternary',
+        borderColor: 'disabledBorderPrimary',
+        iconAfterFillIcon: 'disabledItemPrimary',
+        iconBeforeFillIcon: 'disabledItemPrimary',
+    },
+};
+export { chipsAppearanceDisabled };

package/dist/components/Chips/appearance/chipsError.js

@@ -0,0 +1,17 @@
+const chipsAppearanceError = {
+    errorMutedPrimary: {
+        fill: 'errorTertiary',
+        labelTextColor: 'errorTextQuaternary',
+        borderColor: 'errorBorderQuaternary',
+        iconAfterFillIcon: 'errorItemQuaternary',
+        iconBeforeFillIcon: 'errorItemQuaternary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        labelTextColor: 'errorTextPrimary',
+        borderColor: 'errorBorderSecondary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
+    },
+};
+export { chipsAppearanceError };

package/dist/components/Chips/appearance/chipsExtra.js

@@ -0,0 +1,17 @@
+const chipsAppearanceExtra = {
+    extraMutedPrimary: {
+        fill: 'extraTertiary',
+        labelTextColor: 'extraTextQuaternary',
+        borderColor: 'extraBorderSecondary',
+        iconAfterFillIcon: 'extraItemQuaternary',
+        iconBeforeFillIcon: 'extraItemQuaternary',
+    },
+    extraPrimary: {
+        fill: 'extraPrimary',
+        labelTextColor: 'extraTextPrimary',
+        borderColor: 'extraBorderSecondary',
+        iconAfterFillIcon: 'extraItemPrimary',
+        iconBeforeFillIcon: 'extraItemPrimary',
+    },
+};
+export { chipsAppearanceExtra };

package/dist/components/Chips/appearance/chipsInfo.js

@@ -0,0 +1,17 @@
+const chipsAppearanceInfo = {
+    infoMutedPrimary: {
+        fill: 'infoTertiary',
+        labelTextColor: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+    },
+    infoPrimary: {
+        fill: 'infoPrimary',
+        labelTextColor: 'infoTextPrimary',
+        borderColor: 'infoBorderPrimary',
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBeforeFillIcon: 'infoItemPrimary',
+    },
+};
+export { chipsAppearanceInfo };

package/dist/components/Chips/appearance/chipsShape.js

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

package/dist/components/Chips/appearance/chipsSize.js

@@ -0,0 +1,45 @@
+const chipsAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        labelTextSize: 'xl',
+        iconAfterSize: '24',
+        iconBeforeSize: '24',
+    },
+    sizeXL: {
+        size: 'xl',
+        labelTextSize: 'm',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
+    },
+    sizeL: {
+        size: 'l',
+        labelTextSize: 'm',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconAfterSize: '14',
+        iconBeforeSize: '14',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'xxs',
+        iconAfterSize: '14',
+        iconBeforeSize: '14',
+    },
+};
+export { chipsAppearanceSize };

package/dist/components/Chips/appearance/chipsSpecial.js

@@ -0,0 +1,17 @@
+const chipsAppearanceSpecial = {
+    specialMutedPrimary: {
+        fill: 'specialTertiary',
+        labelTextColor: 'specialTextSecondary',
+        borderColor: 'specialBorderSecondary',
+        iconAfterFillIcon: 'specialItemSecondary',
+        iconBeforeFillIcon: 'specialItemSecondary',
+    },
+    specialPrimary: {
+        fill: 'specialPrimary',
+        labelTextColor: 'specialTextPrimary',
+        borderColor: 'specialBorderSecondary',
+        iconAfterFillIcon: 'specialItemPrimary',
+        iconBeforeFillIcon: 'specialItemPrimary',
+    },
+};
+export { chipsAppearanceSpecial };

package/dist/components/Chips/appearance/chipsStyle.js

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

package/dist/components/Chips/appearance/chipsSuccess.js

@@ -0,0 +1,17 @@
+const chipsAppearanceSuccess = {
+    successMutedPrimary: {
+        fill: 'successTertiary',
+        labelTextColor: 'successTextQuaternary',
+        borderColor: 'successBorderQuaternary',
+        iconAfterFillIcon: 'successItemQuaternary',
+        iconBeforeFillIcon: 'successItemQuaternary',
+    },
+    successPrimary: {
+        fill: 'successPrimary',
+        labelTextColor: 'successTextPrimary',
+        borderColor: 'successBorderSecondary',
+        iconAfterFillIcon: 'successItemPrimary',
+        iconBeforeFillIcon: 'successItemPrimary',
+    },
+};
+export { chipsAppearanceSuccess };

package/dist/components/Chips/appearance/chipsSurface.js

@@ -0,0 +1,45 @@
+const chipsAppearanceSurface = {
+    surfaceMutedPrimary: {
+        fill: 'surfaceSecondary',
+        labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFillIcon: 'surfaceItemQuaternary',
+        iconBeforeFillIcon: 'surfaceItemQuaternary',
+    },
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentSecondary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
+        badgeAppearance: 'surfacePrimary sizeXS solid',
+        iconAfterFillActiveIcon: 'accentItemPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillActiveIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentSecondary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextActiveColor: 'accentTextPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        labelTextColorHover: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        iconAfterFillActiveIcon: 'accentItemPrimary',
+        iconAfterFillIcon: 'surfaceItemPrimary',
+        iconBeforeFillActiveIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceHoverTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderTertiary',
+    },
+};
+export { chipsAppearanceSurface };

package/dist/components/Chips/appearance/chipsWarning.js

@@ -0,0 +1,17 @@
+const chipsAppearanceWarning = {
+    warningMutedPrimary: {
+        fill: 'warningTertiary',
+        labelTextColor: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemSecondary',
+        iconBeforeFillIcon: 'warningItemSecondary',
+    },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        labelTextColor: 'warningTextPrimary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBeforeFillIcon: 'warningItemPrimary',
+    },
+};
+export { chipsAppearanceWarning };

package/dist/components/Chips/index.js

@@ -0,0 +1,3 @@
+export { Chips, chipsConfig } from './Chips';
+export { chipsAppearance } from './Chips.appearance';
+export { ChipsGroup } from './ChipsGroup';

package/dist/components/Choice/Choice.appearance.js

@@ -0,0 +1,19 @@
+import { choiceAppearanceDefault } from './appearance/choiceDefault';
+import { choiceAppearanceDisabled } from './appearance/choiceDisabled';
+import { choiceAppearanceError } from './appearance/choiceError';
+import { choiceAppearanceRequire } from './appearance/choiceRequire';
+import { choiceAppearanceShape } from './appearance/choiceShape';
+import { choiceAppearanceSize } from './appearance/choiceSize';
+import { choiceAppearanceStyle } from './appearance/choiceStyle';
+import { choiceAppearanceSuccess } from './appearance/choiceSuccess';
+const choiceAppearance = {
+    ...choiceAppearanceError,
+    ...choiceAppearanceDisabled,
+    ...choiceAppearanceDefault,
+    ...choiceAppearanceSuccess,
+    ...choiceAppearanceRequire,
+    ...choiceAppearanceStyle,
+    ...choiceAppearanceShape,
+    ...choiceAppearanceSize,
+};
+export { choiceAppearance };

package/dist/components/Choice/Choice.interface.js

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