@itcase/ui 1.9.56 → 1.9.58

package/dist/components/Title/appearance/titleSize.js

@@ -0,0 +1,45 @@
+const titleAppearanceSize = {
+    h1: {
+        size: 'h1',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    h2: {
+        size: 'h2',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    h3: {
+        size: 'h3',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    h4: {
+        size: 'h4',
+        iconAfterFillSize: '24',
+        iconAfterSize: '24',
+        iconBeforeFillSize: '24',
+        iconBeforeSize: '24',
+    },
+    h5: {
+        size: 'h5',
+        iconAfterFillSize: '20',
+        iconAfterSize: '20',
+        iconBeforeFillSize: '20',
+        iconBeforeSize: '20',
+    },
+    h6: {
+        size: 'h6',
+        iconAfterFillSize: '16',
+        iconAfterSize: '16',
+        iconBeforeFillSize: '16',
+        iconBeforeSize: '16',
+    },
+};
+export { titleAppearanceSize };

package/dist/components/Title/appearance/titleSpecial.js

@@ -0,0 +1,7 @@
+const titleAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        fillHover: 'specialHoverPrimary',
+    },
+};
+export { titleAppearanceSpecial };

package/dist/components/Title/appearance/titleStyle.js

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

package/dist/components/Title/appearance/titleSuccess.js

@@ -0,0 +1,7 @@
+const titleAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successHoverPrimary',
+    },
+};
+export { titleAppearanceSuccess };

package/dist/components/Title/appearance/titleSurface.js

@@ -0,0 +1,19 @@
+const titleAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfaceHoverPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceHoverQuaternary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceHoverSecondary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceHoverTertiary',
+    },
+};
+export { titleAppearanceSurface };

package/dist/components/Title/appearance/titleWarning.js

@@ -0,0 +1,9 @@
+const titleAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningHoverPrimary',
+        textColor: 'warningTextSecondary',
+        textColorHover: 'warningTextSecondary',
+    },
+};
+export { titleAppearanceWarning };

package/dist/components/Title/index.js

@@ -0,0 +1,2 @@
+export { Title, titleConfig } from './Title';
+export { titleAppearance } from './Title.appearance';

package/dist/components/Tooltip/Tooltip.appearance.js

@@ -0,0 +1,19 @@
+import { tooltipAppearanceDefault } from './appearance/tooltipDefault';
+import { tooltipAppearanceDisabled } from './appearance/tooltipDisabled';
+import { tooltipAppearanceError } from './appearance/tooltipError';
+import { tooltipAppearanceRequire } from './appearance/tooltipRequire';
+import { tooltipAppearanceShape } from './appearance/tooltipShape';
+import { tooltipAppearanceSize } from './appearance/tooltipSize';
+import { tooltipAppearanceStyle } from './appearance/tooltipStyle';
+import { tooltipAppearanceSuccess } from './appearance/tooltipSuccess';
+const tooltipAppearance = {
+    ...tooltipAppearanceDefault,
+    ...tooltipAppearanceSize,
+    ...tooltipAppearanceDisabled,
+    ...tooltipAppearanceRequire,
+    ...tooltipAppearanceShape,
+    ...tooltipAppearanceStyle,
+    ...tooltipAppearanceError,
+    ...tooltipAppearanceSuccess,
+};
+export { tooltipAppearance };

package/dist/components/Tooltip/Tooltip.interface.js

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

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useImperativeHandle, useRef, useState, } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Text } from 'src/components/Text';
+import { Title } from 'src/components/Title';
+import { tooltipAppearance } from './Tooltip.appearance';
+const tooltipConfig = {
+    appearance: tooltipAppearance,
+    setAppearance: (appearanceConfig) => {
+        tooltipConfig.appearance = appearanceConfig;
+    },
+};
+const Tooltip = React.forwardRef(function Tooltip(props, ref) {
+    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
+    const tooltipElementRef = useRef(null);
+    const tooltipTimeoutHideRef = useRef(null);
+    const tooltipTimeoutShowRef = useRef(null);
+    const isTooltipCloseAnimationInProgressRef = useRef(false);
+    const [isTooltipVisible, setIsTooltipVisible] = useState(initialIsVisible);
+    const openTooltip = useCallback(() => {
+        if (!isTooltipCloseAnimationInProgressRef.current) {
+            if (tooltipTimeoutHideRef.current) {
+                clearTimeout(tooltipTimeoutHideRef.current);
+            }
+            tooltipTimeoutShowRef.current = setTimeout(() => {
+                setIsTooltipVisible(true);
+            }, openTimeoutDelay);
+        }
+    }, [openTimeoutDelay]);
+    const closeTooltip = useCallback(() => {
+        if (tooltipTimeoutShowRef.current) {
+            clearTimeout(tooltipTimeoutShowRef.current);
+        }
+        tooltipTimeoutHideRef.current = setTimeout(() => {
+            setIsTooltipVisible((prevState) => {
+                const newState = false;
+                if (prevState === true) {
+                    isTooltipCloseAnimationInProgressRef.current = true;
+                }
+                return newState;
+            });
+        }, closeTimeoutDelay);
+    }, [closeTimeoutDelay]);
+    const onAnimationEnd = useCallback(() => {
+        isTooltipCloseAnimationInProgressRef.current = false;
+    }, []);
+    useImperativeHandle(ref, () => ({
+        get tooltipElement() {
+            return tooltipElementRef.current;
+        },
+        openTooltip: openTooltip,
+        closeTooltip: closeTooltip,
+        isTooltipVisible: isTooltipVisible,
+    }), [isTooltipVisible, openTooltip, closeTooltip]);
+    const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { styles: tooltipStyles } = useStyles(props);
+    return (_jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
+            ? isTooltipVisible
+                ? 'tooltip_state_open'
+                : 'tooltip_state_close'
+            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (_jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, _jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (_jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (_jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
+});
+export { Tooltip, tooltipConfig };

package/dist/components/Tooltip/appearance/tooltipDefault.js

@@ -0,0 +1,10 @@
+const tooltipAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfaceHoverPrimary',
+        titleColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+export { tooltipAppearanceDefault };

package/dist/components/Tooltip/appearance/tooltipDisabled.js

@@ -0,0 +1,9 @@
+const tooltipAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'disabledPrimary',
+        fillHover: 'disabledHoverPrimary',
+        titleColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
+    },
+};
+export { tooltipAppearanceDisabled };

package/dist/components/Tooltip/appearance/tooltipError.js

@@ -0,0 +1,10 @@
+const tooltipAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorHoverPrimary',
+        borderColor: 'errorBorderPrimary',
+        titleColor: 'errorTextPrimary',
+        textColor: 'errorTextPrimary',
+    },
+};
+export { tooltipAppearanceError };

package/dist/components/Tooltip/appearance/tooltipRequire.js

@@ -0,0 +1,10 @@
+const tooltipAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningHoverPrimary',
+        borderColor: 'warningBorderPrimary',
+        titleColor: 'warningTextPrimary',
+        textColor: 'warningTextPrimary',
+    },
+};
+export { tooltipAppearanceRequire };

package/dist/components/Tooltip/appearance/tooltipShape.js

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

package/dist/components/Tooltip/appearance/tooltipSize.js

@@ -0,0 +1,18 @@
+const tooltipAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        titleSize: 'h5',
+        textSize: 's',
+    },
+    sizeM: {
+        size: 'm',
+        titleSize: 'h5',
+        textSize: 's',
+    },
+    sizeS: {
+        size: 's',
+        titleSize: 'h5',
+        textSize: 's',
+    },
+};
+export { tooltipAppearanceSize };

package/dist/components/Tooltip/appearance/tooltipStyle.js

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

package/dist/components/Tooltip/appearance/tooltipSuccess.js

@@ -0,0 +1,10 @@
+const tooltipAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successHoverPrimary',
+        borderColor: 'successBorderPrimary',
+        titleColor: 'successTextPrimary',
+        textColor: 'successTextPrimary',
+    },
+};
+export { tooltipAppearanceSuccess };

package/dist/components/Tooltip/index.js

@@ -0,0 +1,2 @@
+export { Tooltip, tooltipConfig } from './Tooltip';
+export { tooltipAppearance } from './Tooltip.appearance';

package/dist/components/Video/Video.interface.js

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

package/dist/components/Video/Video.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useStyles } from 'src/hooks/useStyles';
+function Video(props) {
+    const { id, className, dataTestId, dataTour, position, mp4, ogv, poster, webm, children, } = props;
+    const { styles: videoStyles } = useStyles(props);
+    return (_jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), "data-testid": dataTestId, "data-tour": dataTour, style: videoStyles, children: [_jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && _jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && _jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (_jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
+}
+export { Video };

package/dist/components/Video/index.js

@@ -0,0 +1 @@
+export { Video } from './Video';

package/dist/components/Warning/Warning.appearance.js

@@ -0,0 +1,17 @@
+import { warningAppearanceAccent } from './appearance/warningAccent';
+import { warningAppearanceError } from './appearance/warningError';
+import { warningAppearanceInfo } from './appearance/warningInfo';
+import { warningAppearanceShape } from './appearance/warningShape';
+import { warningAppearanceSize } from './appearance/warningSize';
+import { warningAppearanceStyle } from './appearance/warningStyle';
+import { warningAppearanceWarning } from './appearance/warningWarning';
+const warningAppearance = {
+    ...warningAppearanceAccent,
+    ...warningAppearanceWarning,
+    ...warningAppearanceError,
+    ...warningAppearanceInfo,
+    ...warningAppearanceStyle,
+    ...warningAppearanceSize,
+    ...warningAppearanceShape,
+};
+export { warningAppearance };

package/dist/components/Warning/Warning.interface.js

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

package/dist/components/Warning/Warning.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from 'react';
+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 { Text } from 'src/components/Text';
+import { warningAppearance } from './Warning.appearance';
+const warningConfig = {
+    appearance: warningAppearance,
+    setAppearance: (appearanceConfig) => {
+        warningConfig.appearance = appearanceConfig;
+    },
+};
+function Warning(props) {
+    const { appearance, className, dataTestId, dataTour, label, description, isSkeleton, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, warningConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { styles: warningStyles } = useStyles(props);
+    const [isVisible, setIsVisible] = useState(true);
+    return (_jsx(Fragment, { children: isVisible && (_jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), _jsxs("div", { className: 'warning__content', children: [label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (_jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (_jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+}
+export { Warning, warningConfig };

package/dist/components/Warning/appearance/warningAccent.js

@@ -0,0 +1,24 @@
+import { icons16 } from '@itcase/icons/default';
+const warningAppearanceAccent = {
+    accentMutedPrimary: {
+        fill: 'accentTertiary',
+        labelTextColor: 'accentTextQuaternary',
+        descriptionTextColor: 'accentTextQuaternary',
+        borderColor: 'accentBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'accentItemQuaternary',
+        iconBefore: icons16.Alert.Warning,
+        iconBeforeFillIcon: 'accentItemQuaternary',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        labelTextColor: 'accentTextPrimary',
+        descriptionTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderQuaternary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBefore: icons16.Alert.Warning,
+        iconBeforeFillIcon: 'accentItemPrimary',
+    },
+};
+export { warningAppearanceAccent };

package/dist/components/Warning/appearance/warningError.js

@@ -0,0 +1,24 @@
+import { icons16 } from '@itcase/icons/default';
+const warningAppearanceError = {
+    errorMutedPrimary: {
+        fill: 'errorTertiary',
+        labelTextColor: 'errorTextQuaternary',
+        descriptionTextColor: 'errorTextQuaternary',
+        borderColor: 'errorBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'errorItemQuaternary',
+        iconBefore: icons16.Action.Block,
+        iconBeforeFillIcon: 'errorItemQuaternary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        labelTextColor: 'errorTextPrimary',
+        descriptionTextColor: 'errorTextPrimary',
+        borderColor: 'errorBorderQuaternary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBefore: icons16.Action.Block,
+        iconBeforeFillIcon: 'errorItemPrimary',
+    },
+};
+export { warningAppearanceError };

package/dist/components/Warning/appearance/warningInfo.js

@@ -0,0 +1,24 @@
+import { icons16 } from '@itcase/icons/default';
+const warningAppearanceInfo = {
+    infoMutedPrimary: {
+        fill: 'infoTertiary',
+        labelTextColor: 'infoTextSecondary',
+        descriptionTextColor: 'infoTextSecondary',
+        borderColor: 'infoBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'infoItemQuaternary',
+        iconBefore: icons16.Alert.Warning,
+        iconBeforeFillIcon: 'infoItemQuaternary',
+    },
+    infoPrimary: {
+        fill: 'infoPrimary',
+        labelTextColor: 'infoTextPrimary',
+        descriptionTextColor: 'infoTextPrimary',
+        borderColor: 'infoBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'infoItemPrimary',
+        iconBefore: icons16.Alert.Warning,
+        iconBeforeFillIcon: 'infoItemPrimary',
+    },
+};
+export { warningAppearanceInfo };

package/dist/components/Warning/appearance/warningShape.js

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

package/dist/components/Warning/appearance/warningSize.js

@@ -0,0 +1,11 @@
+const warningAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        labelTextSize: 's',
+        labelTextWeight: '600',
+        descriptionTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+};
+export { warningAppearanceSize };

package/dist/components/Warning/appearance/warningStyle.js

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

package/dist/components/Warning/appearance/warningWarning.js

@@ -0,0 +1,24 @@
+import { icons16 } from '@itcase/icons/default';
+const warningAppearanceWarning = {
+    warningMutedPrimary: {
+        fill: 'warningTertiary',
+        labelTextColor: 'warningTextSecondary',
+        descriptionTextColor: 'warningTextSecondary',
+        borderColor: 'warningBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'warningItemSecondary',
+        iconBefore: icons16.Alert.WarningTriangle,
+        iconBeforeFillIcon: 'warningItemSecondary',
+    },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        labelTextColor: 'warningTextPrimary',
+        descriptionTextColor: 'warningTextPrimary',
+        borderColor: 'warningBorderSecondary',
+        iconAfter: icons16.Action.Close,
+        iconAfterFillIcon: 'warningItemPrimary',
+        iconBefore: icons16.Alert.WarningTriangle,
+        iconBeforeFillIcon: 'warningItemPrimary',
+    },
+};
+export { warningAppearanceWarning };

package/dist/components/Warning/index.js

@@ -0,0 +1,2 @@
+export { Warning, warningConfig } from './Warning';
+export { warningAppearance } from './Warning.appearance';

package/dist/config/forms/datepicker.js

@@ -0,0 +1,18 @@
+const defaultDatepickerProps = {
+    size: 'normal',
+    daySize: 'xs',
+    dayTextColor: 'surfaceTextPrimary',
+    dayTextShape: 'rounded',
+    dayTextSize: 'm',
+    iconFillSize: 24,
+    iconItemFill: 'surfaceItemPrimary',
+    iconSize: 14,
+    monthTextColor: 'surfaceTextPrimary',
+    monthTextSize: 'm',
+    monthTextWeight: 400,
+    placeholderTextColor: 'surfaceTextSecondary',
+    yearTextColor: 'surfaceTextPrimary',
+    yearTextSize: 'm',
+    yearTextWeight: 400,
+};
+export { defaultDatepickerProps };

package/dist/config/forms/index.js

@@ -0,0 +1,3 @@
+import { defaultDatepickerProps } from './datepicker';
+import { defaultInputProps } from './input';
+export { defaultDatepickerProps, defaultInputProps };

package/dist/config/forms/input.js

@@ -0,0 +1,17 @@
+const defaultInputProps = {
+    width: 'fill',
+    borderColor: 'surfaceBorderTertiary',
+    caret: 'extraItemSecondary',
+    // error
+    errorBorderColor: 'errorBorderPrimary',
+    placeholderTextColor: 'surfaceTextQuaternary',
+    // appearance depending on the type of error
+    // required
+    requiredBorderColor: 'warningBorderPrimary',
+    shape: 'rounded',
+    size: 'm',
+    textColor: 'surfaceTextPrimary',
+    textColorDisabled: 'surfaceTextDisabled',
+    textSize: 'm',
+};
+export { defaultInputProps };

package/dist/context/Notifications.interface.js

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

package/dist/context/Notifications.js

@@ -1,9 +1,8 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
-import { v4 } from 'uuid';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 import { axiosInstanceITCase } from '@itcase/common';
-
 const STATUSES = {
     error: 'error',
     info: 'info',
@@ -113,7 +112,7 @@ function NotificationsProvider(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
+    return (_jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: _jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
 }
 function useNotifications() {
     return useContext(NotificationsContext);
@@ -129,7 +128,7 @@ const statusToAppearanceList = {
 };
 function createNotification(notification, onClose) {
     // Default notification item properties
-    let id = v4().split('-')[0];
+    let id = uuidv4().split('-')[0];
     let title = '';
     let text = '';
     let closeIcon = '';
@@ -184,5 +183,4 @@ function createNotification(notification, onClose) {
         onClose: onClose,
     };
 }
-
 export { NotificationsProvider, useNotifications, useNotificationsAPI };