@itcase/ui 1.3.24 → 1.3.26

package/dist/css/components/Pagination/Pagination.css

@@ -75,13 +75,13 @@
     border: solid 1px var(--paginator-item-active-border);
     &&_state {
       &_active {
-        ^^&-link {
-          color: var(--paginator-item-active-text);
-        }
-        background: var(--color-accent-primary);
+        background: var(--paginator-item-active-background, var(--color-accent-primary));
         &:hover {
           background: var(--paginator-item-active-fill-hover);
         }
+        ^^&-link {
+          color: var(--paginator-item-active-text);
+        }
       }
     }
   }

package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css

@@ -3,13 +3,13 @@
     border: solid 1px var(--paginator-item-active-border);
     &&_state {
       &_active {
-        ^^&-link {
-          color: var(--paginator-item-active-text);
-        }
-        background: var(--color-accent-primary);
+        background: var(--paginator-item-active-background, var(--color-accent-primary));
         &:hover {
           background: var(--paginator-item-active-fill-hover);
         }
+        ^^&-link {
+          color: var(--paginator-item-active-text);
+        }
       }
     }
   }

package/dist/css/components/Response/Response.css

@@ -3,13 +3,21 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  gap: 32px;
+  &__wrapper {
+    width: 100%;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 24px;
+  }
   &__desc {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    gap: 16px;
+    gap: 8px;
   }
   &__button {
     display: flex;

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.2.1
+ * Swiper 11.2.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 10, 2025
+ * Released on: February 14, 2025
  */
 
 /* FONT_START */

package/dist/css/components/Switch/Switch.css

@@ -56,7 +56,7 @@
 }
 .switch {
   &&_size {
-    @each $size in normal, compact {
+    @each $size in normal, compact, s, m {
       &_$(size) {
         min-width: var(--switch-size-$(size)-width);
         min-height: var(--switch-size-$(size)-height);

package/dist/css/components/Tile/Tile.css

@@ -2,7 +2,7 @@
   &__wrapper {
     position: relative;
     flex: var(--tile-wrapper-flex, auto);
-    & .group {
+    & > .group:first-of-type {
       flex: var(--tile-wrapper-group-flex, auto);
     }
   }

package/dist/css/tokens/colors.css

@@ -88,11 +88,20 @@
 
   --color-success-item-primary: hsla(0, 0%, 100%, 1);
 
+  --color-success-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-primary: hsla(107, 100%, 34%, 1);
   --color-success-text-secondary: hsla(0, 0%, 100%, 1);
 
   --color-success-border-primary: hsla(107, 100%, 34%, 1);
 
+  --color-warning-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-primary: hsla(43, 68%, 50%, 1);
+  --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
+
+  --color-danger-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-primary: hsla(349, 96%, 44%, 1);
+  --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
+
   --color-error-primary: hsla(6, 99%, 57%, 1);
   --color-error-text-primary: hsla(0, 0%, 100%, 1);
   --color-error-text-secondary: hsla(6, 99%, 57%, 1);

package/dist/hooks/useDeviceTargetClass.js

@@ -5,6 +5,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClass(componentProps, hookProps) {
   /** Generate a class depending on the user's device.

package/dist/hooks/useDeviceTargetClassGenerator.interface.js

@@ -1 +1 @@
-
+'use strict';

package/dist/hooks/useDeviceTargetClassGenerator.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
@@ -6,6 +6,7 @@ import { useUserDeviceContext } from '../context/UIContext.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     /** Generate a class depending on the user's device.
@@ -35,8 +36,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
     var deviceTargetClassGenerator = useMemo(function () {
         var classGenerator = {
             getClass: function (propsKey, params) {
-                if (params === undefined) { params = {}; }
-                var _a = params.prefix, prefix = _a === undefined ? '' : _a, _b = params.replace, replace = _b === undefined ? [/([A-Z])/g, '-$1'] : _b;
+                if (params === void 0) { params = {}; }
+                var _a = params.prefix, prefix = _a === void 0 ? '' : _a, _b = params.replace, replace = _b === void 0 ? [/([A-Z])/g, '-$1'] : _b;
                 // prettier-ignore
                 var deviceBasePart = ((isMobile && 'Mobile') ||
                     (isTablet && 'Tablet') ||
@@ -44,8 +45,8 @@ function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
                     '');
                 var valueForDevice = componentProps["".concat(propsKey).concat(deviceBasePart)];
                 var valueDefault = componentProps[propsKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig[propsKey];
+                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
+                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsKey];
                 // prettier-ignore
                 var targetClassValue = (
                 // Value for device from props is first priority

package/dist/hooks/useMediaQueries.js

@@ -3,21 +3,9 @@ import { useMediaQuery } from 'react-responsive';
 var tablet = "48em";
 var mediaQueries = {
 	"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: tablet,
-	"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.js

@@ -7,6 +7,7 @@ import styleAttributes from './styleAttributes.js';
 import 'react/jsx-runtime';
 import './useMediaQueries.js';
 import 'react-responsive';
+import '../utils/setViewportProperty.js';
 
 let DEVICE_TYPES = [];
 const removeDeviceType = originalKey => {

package/dist/hooks.js

@@ -1 +1 @@
-'use strict';
+

package/dist/stories/Checkmark.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Meta } from '@storybook/blocks'
+
+import * as CheckmarkStories from './Checkmark.stories.tsx'
+
+<Meta of={CheckmarkStories} />
+
+# Checkmark
+
+## Refused
+
+<Canvas sourceState="shown" of={CheckmarkStories.Refused} />

package/dist/stories/Overview.mdx

@@ -1,11 +1,11 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TitleStories from './Title.stories.tsx'
 
-<Meta title="Atoms / Tooltip / Overview" />
+<Meta title="Atoms / Title / Overview" />
 
-# Tooltip
+# Title
 
-`Tooltip` - это небольшой фрагмент контекстной информации, который появляется, когда пользователи наводят курсор мыши на элемент пользовательского интерфейса.
+`Title` отображает заголовки.
 
-<Story of={TooltipStories.surfacePrimary} />
+<Story of={TitleStories.SizeH3} />

package/dist/stories/Playground.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TooltipStories from './Tooltip.stories.tsx'
+import * as TitleStories from './Title.stories.tsx'
 
-<Meta title="Atoms / Tooltip / Playground" />
+<Meta title="Atoms / Title / Playground" />
 
 # Playground
 
-<Canvas sourceState="shown" of={TooltipStories.surfacePrimary} />
-<Controls of={TooltipStories.surfacePrimary} />
+<Canvas sourceState="shown" of={TitleStories.SizeH4} />
+<Controls of={TitleStories.SizeH4} />

package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-Bwu1Cn-t.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __rest as a, __spreadArray as b };
+export { __assign as _, __spreadArray as a, __rest as b };

package/dist/types/components/Badge/stories/args.d.ts

@@ -0,0 +1,69 @@
+export declare const argTypes: {
+    children: {
+        if: {
+            arg: string;
+        };
+    };
+    borderWidth: {
+        control: string;
+        options: readonly [undefined, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
+    };
+    borderColor: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
+    };
+    advancedProps: {
+        control: string;
+    };
+    after: {
+        if: {
+            arg: string;
+        };
+    };
+    appearance: {
+        control: string;
+        options: (string | null)[];
+    };
+    borderColorHover: {
+        control: string;
+        options: readonly [undefined, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
+    };
+    borderType: {
+        control: string;
+        options: readonly [undefined, "outline", "solid", "none"];
+    };
+    className: {
+        if: {
+            arg: string;
+        };
+    };
+    fill: {
+        control: string;
+        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
+    };
+    mode: {
+        control: string;
+        options: (string | null)[];
+    };
+    shape: {
+        control: string;
+        options: readonly [undefined, "geometric", "rounded", "circular"];
+    };
+    size: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    textColor: {
+        control: string;
+        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
+    };
+    textSize: {
+        control: string;
+        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
+    };
+    type: {
+        if: {
+            arg: string;
+        };
+    };
+};

package/dist/types/components/Checkmark/Checkmark.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tCheckmarkAppearance } from './Checkmark.interface';
+export declare const checkmarkAppearance: tCheckmarkAppearance;

package/dist/types/components/Checkmark/Checkmark.d.ts

@@ -0,0 +1,4 @@
+import { iCheckmarkConfig, iCheckmarkProps } from './Checkmark.interface';
+declare const checkmarkConfig: iCheckmarkConfig;
+declare function Checkmark(props: iCheckmarkProps): import("react/jsx-runtime").JSX.Element;
+export { Checkmark, checkmarkConfig };

package/dist/types/components/Checkmark/Checkmark.interface.d.ts

@@ -0,0 +1,29 @@
+import 'types';
+import { ElementType } from 'react';
+import { tBorderColorProps, tBorderWidthProps, tFillProps, tSizeProps } from 'types';
+import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+export interface iCheckmarkThemeColor {
+    [key: number | string | symbol]: any;
+    borderColor?: tBorderColorProps;
+    borderWidth?: tBorderWidthProps;
+    fill?: tFillProps;
+    size?: tSizeProps;
+}
+type tAppearanceKeys = tAppearanceKeysDefault & {};
+export type tCheckmarkAppearance = {
+    [key in tAppearanceKeysDefault]?: iCheckmarkThemeColor;
+};
+export interface iCheckmarkConfig {
+    [key: number | string | symbol]: any;
+    appearance: tCheckmarkAppearance | undefined;
+    setAppearance: (newComponent: tCheckmarkAppearance) => void;
+}
+export interface iCheckmarkProps extends iCheckmarkThemeColor, iStyleAttributes {
+    [key: number | string | symbol]: any;
+    appearance?: tAppearanceKeys;
+    className?: string;
+    iconChecked: ElementType;
+    isDisabled?: boolean;
+}
+export {};

package/dist/types/components/Checkmark/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, tTitleSizeProps, tWidthProps } from 'types';
+import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 export interface iNotificationItemThemeColor {
@@ -9,7 +9,7 @@ export interface iNotificationItemThemeColor {
     textColor?: tTextColorProps;
     textSize?: tTextSizeProps;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: tTitleSizeProps;
+    titleTextSize?: tTextSizeProps;
     width?: tWidthProps;
 }
 type tAppearanceKeys = tAppearanceKeysDefault & {};
@@ -39,7 +39,7 @@ export interface iNotificationItemProps extends iStyleAttributes {
     textSize?: tTextSizeProps;
     title?: string;
     titleTextColor?: tTextColorProps;
-    titleTextSize?: tTitleSizeProps;
+    titleTextSize?: tTextSizeProps;
     type?: string;
     onClickClose?: (id?: number | string) => void;
     set?: string;

package/dist/types/components/Select/index.d.ts

@@ -1,16 +1,16 @@
-import { SelectClearIndicator } from './SelectClearIndicator.js';
-import { selectConfig, SelectContainer } from './SelectContainer.js';
-import { SelectControl } from './SelectControl.js';
-import { SelectDropdownIndicator } from './SelectDropdownIndicator.js';
-import { SelectGroupHeading } from './SelectGroupHeading.js';
-import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.js';
-import { SelectInput } from './SelectInput.js';
-import { SelectMenu } from './SelectMenu.js';
-import { SelectMultiValueContainer } from './SelectMultiValueContainer.js';
-import { SelectMultiValueLabel } from './SelectMultiValueLabel.js';
-import { SelectMultiValueRemove } from './SelectMultiValueRemove.js';
-import { SelectOption } from './SelectOption.js';
-import { SelectPlaceholder } from './SelectPlaceholder.js';
-import { SelectSingleValue } from './SelectSingleValue.js';
-import { SelectValueContainer } from './SelectValueContainer.js';
+import { SelectClearIndicator } from './SelectClearIndicator.tsx';
+import { selectConfig, SelectContainer } from './SelectContainer.tsx';
+import { SelectControl } from './SelectControl.tsx';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator.tsx';
+import { SelectGroupHeading } from './SelectGroupHeading.tsx';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer.tsx';
+import { SelectInput } from './SelectInput.tsx';
+import { SelectMenu } from './SelectMenu.tsx';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer.tsx';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel.tsx';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove.tsx';
+import { SelectOption } from './SelectOption.tsx';
+import { SelectPlaceholder } from './SelectPlaceholder.tsx';
+import { SelectSingleValue } from './SelectSingleValue.tsx';
+import { SelectValueContainer } from './SelectValueContainer.tsx';
 export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };

package/dist/types/utils/index.d.ts

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

package/dist/types/utils/setViewportProperty.d.ts

@@ -0,0 +1,2 @@
+declare const setViewportProperty: () => void;
+export { setViewportProperty };

package/dist/utils/setViewportProperty.js

@@ -0,0 +1,6 @@
+var setViewportProperty = function () {
+    var vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', "".concat(vh, "px"));
+};
+
+export { setViewportProperty };

package/dist/utils.js

@@ -0,0 +1 @@
+export { setViewportProperty } from './utils/setViewportProperty.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.3.24",
+  "version": "1.3.26",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -49,6 +49,11 @@
       "import": "./dist/hooks/*.js",
       "require": "./dist/cjs/hooks/*.js"
     },
+    "./utils/*": {
+      "types": "./dist/types/utils/*.d.ts",
+      "import": "./dist/utils/*.js",
+      "require": "./dist/cjs/utils/*.js"
+    },
     "./types": {
       "import": "./dist/types/types/index.d.ts",
       "types": "./dist/types/types/index.d.ts"
@@ -86,44 +91,43 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/common": "^1.2.17",
-    "@itcase/config": "^1.0.3",
-    "@itcase/icons": "^1.0.19",
+    "@itcase/storybook-config": "^1.0.38",
+    "@itcase/common": "^1.2.18",
+    "@itcase/config": "^1.0.16",
+    "@itcase/icons": "^1.0.21",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.0.6",
+    "framer-motion": "^12.4.7",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "motion": "^12.0.6",
+    "motion": "^12.4.7",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
-    "react-datepicker": "^7.6.0",
+    "react-datepicker": "^8.1.0",
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
-    "react-inlinesvg": "^4.1.8",
+    "react-inlinesvg": "^4.2.0",
     "react-modal-sheet": "^4.0.1",
     "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.3.0",
     "react-responsive": "^10.0.0",
-    "react-scroll": "^1.9.0",
+    "react-scroll": "^1.9.3",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.0",
-    "swiper": "^11.2.1",
-    "uuid": "^11.0.5"
+    "swiper": "^11.2.4",
+    "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/eslint-parser": "^7.26.5",
+    "@babel/core": "^7.26.9",
+    "@babel/eslint-parser": "^7.26.8",
     "@babel/eslint-plugin": "^7.25.9",
-    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@itcase/icons": "^1.0.19",
-    "@itcase/lint": "^1.0.36",
-    "@lehoczky/postcss-fluid": "^1.0.3",
+    "@commitlint/cli": "^19.7.1",
+    "@commitlint/config-conventional": "^19.7.1",
+    "@itcase/lint": "^1.0.41",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-image": "^3.0.3",
@@ -134,14 +138,6 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^8.5.2",
-    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-webpack5": "^8.5.2",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.15",
     "@types/react": "^19",
@@ -154,39 +150,19 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.19.0",
+    "eslint": "9.21.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.4.3",
     "npm": "^11.1.0",
-    "postcss": "^8.5.1",
-    "postcss-aspect-ratio-polyfill": "^2.0.0",
-    "postcss-cli": "^11.0.0",
-    "postcss-combine-duplicated-selectors": "^10.0.3",
-    "postcss-dark-theme-class": "^1.3.0",
-    "postcss-discard-duplicates": "^7.0.1",
-    "postcss-each": "^1.1.0",
-    "postcss-easings": "^4.0.0",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-hexrgba": "^2.1.0",
-    "postcss-import": "^16.1.0",
-    "postcss-import-ext-glob": "^2.1.1",
-    "postcss-loader": "^8.1.1",
-    "postcss-mixins": "^11.0.3",
-    "postcss-nested": "^7.0.2",
-    "postcss-nested-ancestors": "^3.0.0",
-    "postcss-normalize": "^13.0.1",
-    "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.1.3",
-    "postcss-pxtorem": "^6.1.0",
-    "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "^3.4.2",
-    "rollup": "^4.32.1",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.2",
+    "rollup": "^4.34.8",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
-    "semantic-release": "^24.2.1",
-    "storybook": "^8.5.2",
+    "semantic-release": "^24.2.3",
+    "storybook": "^8.5.8",
     "stylelint": "^16.14.1",
     "typescript": "^5.7.3"
   }