@itcase/ui 1.8.27 → 1.8.30

package/dist/Overlay_es_cI_-_xUO.js

@@ -1,225 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-var overlayAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
-    },
-};
-
-var overlayAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerPrimaryHover',
-    },
-};
-
-var overlayAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
-    },
-};
-
-var overlayAppearanceInfo = {
-    info: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-        loaderFill: 'accentPrimary',
-        loaderItemFill: 'accentItemPrimary',
-    },
-};
-
-var overlayAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        labelTextColor: 'primaryTextPrimary',
-    },
-};
-
-var overlayAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        labelTextColor: 'secondaryTextPrimary',
-    },
-};
-
-var overlayAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xxl',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '14',
-        iconAfterSize: '14',
-        iconBeforeFillSize: '14',
-        iconBeforeSize: '14',
-    },
-};
-
-var overlayAppearanceStyle = {
-    full: {
-        borderColor: '0',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: '0',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    solid: {
-        borderColor: '0',
-    },
-};
-
-var overlayAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
-        labelTextColor: 'successTextSecondary',
-        labelTextColorHover: 'successTextSecondary',
-        loaderFill: 'successPrimary',
-        loaderItemFill: 'successItemPrimary',
-    },
-};
-
-var overlayAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceQuaternaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-        loaderFill: 'surfaceSecondary',
-        loaderItemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-};
-
-var overlayAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-        loaderFill: 'warningPrimary',
-        loaderItemFill: 'warningItemPrimary',
-    },
-};
-
-var overlayAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, overlayAppearanceSize), overlayAppearanceStyle), overlayAppearanceAccent), overlayAppearanceDanger), overlayAppearanceError), overlayAppearanceInfo), overlayAppearancePrimary), overlayAppearanceSecondary), overlayAppearanceSuccess), overlayAppearanceSurface), overlayAppearanceWarning);
-
-var overlayConfig = {
-    appearance: overlayAppearance,
-    setAppearance: function (appearanceConfig) {
-        overlayConfig.appearance = appearanceConfig;
-    },
-};
-function Overlay(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, isOverlay = props.isOverlay, onClick = props.onClick;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillGradientClass = propsGenerator.fillGradientClass, opacityClass = propsGenerator.opacityClass;
-    var overlayStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-
-export { Overlay as O, overlayAppearance as a, overlayConfig as o };

package/dist/css/components/Notification/css/__item/notification__item_set_float.css

@@ -1,15 +0,0 @@
-.notification__item {
-  &_set {
-    &_float {
-      width: 100%;
-      border-radius: var(--notification-item-set-float-border-radius);
-      @mixin elevation-8;
-      ^^&-wrapper {
-        padding: var(--notification-item-set-float-padding);
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-    }
-  }
-}

package/dist/css/components/Notification/css/__item/notification__item_set_form.css

@@ -1,19 +0,0 @@
-.notification__item {
-  &_set {
-    &_form {
-      width: 100%;
-      padding: var(--notification-item-set-form-padding);
-      border-radius: var(--notification-item-set-form-border-radius);
-      display: flex;
-      flex-direction: column;
-      gap: var(--notification-item-set-form-gap);
-      ^^&-wrapper {
-        text-align: left;
-        padding: var(--notification-item-set-form-wrapper-padding);
-        display: flex;
-        flex-direction: column;
-        gap: var(--notification-item-set-form-wrapper-gap);
-      }
-    }
-  }
-}

package/dist/css/components/Notification/css/__item/notification__item_set_toast.css

@@ -1,19 +0,0 @@
-.notification__item {
-  &_set {
-    &_toast {
-      width: 100%;
-      background: var(--color-surface-fill-primary);
-      border-radius: var(--notification-item-set-toast-border-radius);
-      display: flex;
-      flex-direction: column;
-      gap: 24px;
-      @mixin elevation-8;
-      ^^&-wrapper {
-        padding: var(--notification-item-set-toast-padding);
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-    }
-  }
-}

package/dist/css/components/Notification/css/__item/notification__item_set_top.css

@@ -1,15 +0,0 @@
-.notification__item {
-  &_set {
-    &_top {
-      width: 100%;
-      ^^&-wrapper {
-        padding: var(--notification-item-set-top-padding);
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        gap: 4px;
-      }
-    }
-  }
-}

package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css

@@ -1,17 +0,0 @@
-.notification__item {
-  &_type {
-    &_close-button {
-      ^^&-wrapper {
-        position: relative;
-        ^^^&-title {
-          margin-right: 40px;
-        }
-        ^^^&-close {
-          position: absolute;
-          top: 12px;
-          right: 16px;
-        }
-      }
-    }
-  }
-}

package/dist/stories/index.stories.js

@@ -1,46 +0,0 @@
-import { AvatarStack } from '../'
-
-const meta = {
-  title: 'Molecules / Avatar Stack',
-  component: AvatarStack,
-  args: {
-    avatarSize: 48,
-    avatarsList: [
-      {
-        id: 0,
-        src: '/avatar/Man.png',
-        firstName: 'firstName',
-        secondName: 'secondName',
-      },
-      {
-        id: 1,
-        src: '/avatar/Woman.png',
-        firstName: 'firstName',
-        secondName: 'secondName',
-      },
-      {
-        id: 2,
-        firstName: 'firstName',
-        secondName: 'secondName',
-      },
-      {
-        id: 3,
-        firstName: 'firstName',
-        secondName: 'secondName',
-      },
-      {
-        id: 4,
-        firstName: 'firstName',
-        secondName: 'secondName',
-      },
-    ],
-  },
-}
-
-export default meta
-
-export const Default = {
-  render: (args) => {
-    return <AvatarStack {...args} />
-  },
-}

package/dist/types/components/Avatar/appearance/avatarAccent.d.ts

@@ -1,15 +0,0 @@
-declare const avatarAppearanceAccent: {
-    accent: {
-        fill: string;
-    };
-    accentPrimary: {
-        fill: string;
-        borderColor: string;
-    };
-    accentSecondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
-export { avatarAppearanceAccent };

package/dist/types/components/Avatar/appearance/avatarDanger.d.ts

@@ -1,6 +0,0 @@
-declare const avatarAppearanceDanger: {
-    danger: {
-        fill: string;
-    };
-};
-export { avatarAppearanceDanger };

package/dist/types/components/Avatar/appearance/avatarError.d.ts

@@ -1,9 +0,0 @@
-declare const avatarAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        textColor: string;
-        textColorHover: string;
-    };
-};
-export { avatarAppearanceError };

package/dist/types/components/Avatar/appearance/avatarInfo.d.ts

@@ -1,13 +0,0 @@
-declare const avatarAppearanceInfo: {
-    info: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-    infoSecondary: {
-        fill: string;
-        borderColor: string;
-        textColor: string;
-    };
-};
-export { avatarAppearanceInfo };

package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts

@@ -1,7 +0,0 @@
-declare const avatarAppearancePrimary: {
-    primary: {
-        fill: string;
-        textColor: string;
-    };
-};
-export { avatarAppearancePrimary };

package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts

@@ -1,7 +0,0 @@
-declare const avatarAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        textColor: string;
-    };
-};
-export { avatarAppearanceSecondary };

package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts

@@ -1,7 +0,0 @@
-declare const avatarAppearanceSuccess: {
-    success: {
-        fill: string;
-        textColor: string;
-    };
-};
-export { avatarAppearanceSuccess };

package/dist/types/components/Avatar/appearance/avatarWarning.d.ts

@@ -1,9 +0,0 @@
-declare const avatarAppearanceWarning: {
-    warning: {
-        fill: string;
-        fillHover: string;
-        textColor: string;
-        textColorHover: string;
-    };
-};
-export { avatarAppearanceWarning };

package/dist/types/components/Notification/NotificationItem.appearance.d.ts

@@ -1,2 +0,0 @@
-import { NotificationItemAppearanceType } from './Notification.interface';
-export declare const notificationItemAppearance: NotificationItemAppearanceType;

package/dist/types/components/Notification/NotificationItem.d.ts

@@ -1,4 +0,0 @@
-import type { NotificationItemConfig, NotificationItemProps } from './Notification.interface';
-declare const notificationItemConfig: NotificationItemConfig;
-declare function NotificationItem(props: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
-export { NotificationItem, notificationItemConfig };

package/dist/types/components/Notification/NotificationList.d.ts

@@ -1,3 +0,0 @@
-import type { NotificationListProps } from './Notification.interface';
-declare function NotificationList(props: NotificationListProps): import("react/jsx-runtime").JSX.Element;
-export { NotificationList };

package/dist/types/components/Notification/appearance/notificationItemError.d.ts

@@ -1,11 +0,0 @@
-declare const notificationItemAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { notificationItemAppearanceError };

package/dist/types/components/Notification/appearance/notificationItemSize.d.ts

@@ -1,59 +0,0 @@
-declare const notificationItemAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-};
-export { notificationItemAppearanceSize };

package/dist/types/components/Notification/appearance/notificationItemStyle.d.ts

@@ -1,16 +0,0 @@
-declare const notificationItemAppearanceStyle: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    solid: {
-        borderColor: string;
-    };
-};
-export { notificationItemAppearanceStyle };

package/dist/types/components/Notification/appearance/notificationItemSuccess.d.ts

@@ -1,11 +0,0 @@
-declare const notificationItemAppearanceSuccess: {
-    success: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { notificationItemAppearanceSuccess };

package/dist/types/components/Notification/appearance/notificationItemWarning.d.ts

@@ -1,11 +0,0 @@
-declare const notificationItemAppearanceWarning: {
-    warning: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { notificationItemAppearanceWarning };

package/dist/types/components/Overlay/appearance/overlayAccent.d.ts

@@ -1,21 +0,0 @@
-declare const overlayAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-    };
-    accentPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { overlayAppearanceAccent };

package/dist/types/components/Overlay/appearance/overlayDanger.d.ts

@@ -1,7 +0,0 @@
-declare const overlayAppearanceDanger: {
-    danger: {
-        fill: string;
-        fillHover: string;
-    };
-};
-export { overlayAppearanceDanger };

package/dist/types/components/Overlay/appearance/overlayError.d.ts

@@ -1,11 +0,0 @@
-declare const overlayAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { overlayAppearanceError };

package/dist/types/components/Overlay/appearance/overlayInfo.d.ts

@@ -1,21 +0,0 @@
-declare const overlayAppearanceInfo: {
-    info: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-    infoSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
-    };
-};
-export { overlayAppearanceInfo };

package/dist/types/components/Overlay/appearance/overlayPrimary.d.ts

@@ -1,8 +0,0 @@
-declare const overlayAppearancePrimary: {
-    primary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
-export { overlayAppearancePrimary };

package/dist/types/components/Overlay/appearance/overlaySecondary.d.ts

@@ -1,8 +0,0 @@
-declare const overlayAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
-export { overlayAppearanceSecondary };