@itcase/ui 1.9.64 → 1.9.66

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

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

package/dist/components/Tooltip/index.js

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

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

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

package/dist/components/Video/Video.js

@@ -1,9 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

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

package/dist/components/Warning/Warning.js

@@ -1,25 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

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

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

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

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

@@ -1,24 +0,0 @@
-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

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

package/dist/config/forms/datepicker.js

@@ -1,18 +0,0 @@
-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

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

package/dist/config/forms/input.js

@@ -1,17 +0,0 @@
-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

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

package/dist/context/index.js

@@ -1,2 +0,0 @@
-export * from './Notifications';
-export * from './UIContext';

package/dist/hooks/index.helpers.js

@@ -1,6 +0,0 @@
-const getStyleAttributeKey = (targetStyleAttribute) => {
-    return Array.isArray(targetStyleAttribute)
-        ? targetStyleAttribute[0]
-        : targetStyleAttribute;
-};
-export { getStyleAttributeKey };

package/dist/hooks/useActiveClasses/index.js

@@ -1,2 +0,0 @@
-import { useActiveClasses } from './useActiveClasses';
-export { useActiveClasses };

package/dist/hooks/useAppearanceConfig/index.js

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

package/dist/hooks/useDevicePropsGenerator/index.js

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

package/dist/hooks/useMediaQueries/index.js

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

package/dist/hooks/useMediaQueries/mediaQueries.json

@@ -1,19 +0,0 @@
-{
-    "mobile-tiny": "15em",
-    "mobile-small": "20em",
-    "mobile-medium": "23.435em",
-    "mobile-normal": "24.375em",
-    "mobile-large": "26.75em",
-    "mobile-extra-large": "30em",
-    "mobile-super-extra-large": "40em",
-    "tablet": "48em",
-    "tablet-small": "40em",
-    "tablet-large": "60em",
-    "desktop-small": "60em",
-    "desktop-medium": "64em",
-    "desktop-normal": "72.5em",
-    "desktop-large": "80em",
-    "desktop-extra-large": "90em",
-    "desktop-super-extra-large": "120em",
-    "desktop-huge": "160em"
-}

package/dist/hooks/useStyles/index.js

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

package/dist/types/index.js

@@ -1 +0,0 @@
-export * from './utils';

package/dist/types/utils.js

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

package/dist/utils/index.js

@@ -1,3 +0,0 @@
-import { mergeAppearanceKeys } from './mergeAppearanceKeys';
-import { setViewportProperty } from './setViewportProperty';
-export { mergeAppearanceKeys, setViewportProperty };