@itcase/ui 1.8.22 → 1.8.23

package/dist/components/ModalSheetBottom.js

@@ -1,8 +1,8 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useCallback, useImperativeHandle } from 'react';
 import { Sheet } from 'react-modal-sheet';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import 'react';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
@@ -21,11 +21,25 @@ var modalSheetBottomAppearance = {
     },
 };
 
-function ModalSheetBottom(props) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, closeButton = props.closeButton, closeModal = props.closeModal, isOpenModal = props.isOpenModal, children = props.children;
+var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
+    var initialIsOpen = props.initialIsOpen, dataTestId = props.dataTestId, dataTour = props.dataTour, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
+    var _a = useState(initialIsOpen), isOpen = _a[0], setIsOpen = _a[1];
+    var openModalSheetBottom = useCallback(function () {
+        setIsOpen(true);
+        if (typeof onOpenModalSheetBottom === 'function') {
+            onOpenModalSheetBottom();
+        }
+    }, [onOpenModalSheetBottom]);
+    var closeModalSheetBottom = useCallback(function () {
+        setIsOpen(false);
+        // Callback
+        onCloseModalSheetBottom && onCloseModalSheetBottom();
+    }, [onCloseModalSheetBottom]);
+    // Save ref things
+    useImperativeHandle(ref, function () { return ({ openModalSheetBottom: openModalSheetBottom, closeModalSheetBottom: closeModalSheetBottom, isOpen: isOpen }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", "data-testid": dataTestId, "data-tour": dataTour, isOpen: isOpenModal, onClose: closeModal }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModal, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModal })] })));
-}
+    return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", "data-testid": dataTestId, "data-tour": dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
+});
 
 export { ModalSheetBottom, modalSheetBottomAppearance };

package/dist/components/Pagination.js

@@ -6,8 +6,8 @@ import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_D8mY9vFZ.js';
-import { I as Icon } from '../Tooltip_es_BaGfb-qC.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_UdkGGVtg.js';
+import { I as Icon } from '../Tooltip_es_D1w1s33u.js';
 import { T as Text } from '../Text_es_BRb3qqKM.js';
 import { icon32, icon24 } from '@itcase/icons/default';
 import 'lodash/camelCase';

package/dist/components/Response.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_DXcCJuNX.js';
+import { B as Button } from '../Button_es_zW2pQTwL.js';
 import { G as Group } from '../Group_es_CYW2Hquh.js';
 import { T as Text } from '../Text_es_BRb3qqKM.js';
 import 'lodash/camelCase';
@@ -21,7 +21,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Tooltip_es_BaGfb-qC.js';
+import '../Tooltip_es_D1w1s33u.js';
 import '../Link_es_DxtZLeKY.js';
 import '../Loader_es_DEYowVdU.js';
 

package/dist/components/Search.js

@@ -4,7 +4,7 @@ import React, { useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Tooltip_es_BaGfb-qC.js';
+import { I as Icon } from '../Tooltip_es_D1w1s33u.js';
 import { T as Text } from '../Text_es_BRb3qqKM.js';
 import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
 import 'lodash/camelCase';

package/dist/components/Select.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Tooltip_es_BaGfb-qC.js';
+import { I as Icon, B as Badge } from '../Tooltip_es_D1w1s33u.js';
 import React, { useRef, useCallback, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Tooltip_es_BaGfb-qC.js';
+import { b as Title } from '../Tooltip_es_D1w1s33u.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,7 +4,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge } from '../Tooltip_es_BaGfb-qC.js';
+import { B as Badge } from '../Tooltip_es_D1w1s33u.js';
 import { D as Divider } from '../Divider_es_BdU9qjKa.js';
 import { L as Link } from '../Link_es_DxtZLeKY.js';
 import { T as Text } from '../Text_es_BRb3qqKM.js';

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge } from '../Tooltip_es_BaGfb-qC.js';
+import { b as Title, B as Badge } from '../Tooltip_es_D1w1s33u.js';
 import { T as Text } from '../Text_es_BRb3qqKM.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_BaGfb-qC.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_D1w1s33u.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_BaGfb-qC.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_D1w1s33u.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/css/components/Badge/Badge.css

@@ -13,9 +13,9 @@
     animation: badgeSkeleton 3s infinite linear !important;
     background-image: linear-gradient(
       90deg,
-      var(--color-surface-secondary),
-      var(--color-surface-tertiary),
-      var(--color-surface-secondary)
+      var(--color-surface-fill-secondary),
+      var(--color-surface-fill-tertiary),
+      var(--color-surface-fill-secondary)
     ) !important;
     & * {
       opacity: 0%;

package/dist/css/styles/border-color/border-color.css

@@ -14,4 +14,23 @@
       }
     }
   }
+  @each $palette in red, neon-pink, electric-pink, hibiscus, pink, pink-citrus,
+    pomagranate, dragon-fruit, camellia, red-rose, plum, orange, clementine,
+    apricot, papaya, kumquat, light-orange, peach, flamingo, rose-gold,
+    pink-sand, vintage-rose, grapefruit, cream, mellow-yellow, canary-yellow,
+    pollen, flash-light, lemon-cream, flash, dark-green, green, spearmint, mint,
+    beryl, sea-foam, turquoise, blue, light-blue, cerulian, surf-blue,
+    pacific-green, blue-cobalt, dark-teal, blue-horizon, denim-blue, linen-blue,
+    deep-navy, midnight-blue, purple, ultra-violet, lilac, ocean-blue,
+    delft-blue, indigo, lavender-gray, lavender, mist-blue, storm-gray, cactus,
+    pine-green, cyprus-green, northern-blue, azure, alaskan-blue, khaki,
+    dark-olive, soft-white, antique-white, yellow-gold, gold, camel, walnut,
+    stone, pebble, cocoa, coastal-gray, white, black, alto, athens-gray,
+    sonic-silver {
+    &_$(palette) {
+      border-width: 1px;
+      border-color: var(--color-palette-$(palette));
+      border-style: solid;
+    }
+  }
 }

package/dist/css/styles/border-color/border-color_active.css

@@ -0,0 +1,38 @@
+.border-color {
+  &_active {
+    @each $type in accent, primary, secondary, tertiary, quaternary, surface,
+      error, success, warning, info, danger, gradient, disabled, hover, inverse {
+      @each $color in primary, secondary, tertiary, quaternary, accent,
+        disabled, hover, inverse {
+        &_$(type) {
+          &-border {
+            &-$(color) {
+              border-width: 1px;
+              border-color: var(--color-$(type)-border-$(color));
+              border-style: solid;
+            }
+          }
+        }
+      }
+    }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        border-width: 1px;
+        border-color: var(--color-palette-$(palette));
+        border-style: solid;
+      }
+    }
+  }
+}

package/dist/css/styles/border-color/border-color_focus.css

@@ -8,13 +8,37 @@
           &-border {
             &-$(color) {
               &:focus {
-                outline: 0;
+                border-width: 1px;
                 border-color: var(--color-$(type)-border-$(color)) !important;
+                border-style: solid;
+                outline: 0;
               }
             }
           }
         }
       }
     }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        &:focus {
+          border-width: 1px;
+          border-color: var(--color-palette-$(palette)) !important;
+          border-style: solid;
+          outline: 0;
+        }
+      }
+    }
   }
 }

package/dist/css/styles/border-color/border-color_hover.css

@@ -8,11 +8,15 @@
           &-border {
             &-$(color) {
               &:hover {
+                border-width: 1px;
                 border-color: var(--color-$(type)-border-$(color));
+                border-style: solid;
               }
               &-hover {
                 &:hover {
+                  border-width: 1px;
                   border-color: var(--color-$(type)-border-$(color));
+                  border-style: solid;
                 }
               }
             }
@@ -20,5 +24,33 @@
         }
       }
     }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        &:hover {
+          border-width: 1px;
+          border-color: var(--color-palette-$(palette));
+          border-style: solid;
+        }
+        &-hover {
+          &:hover {
+            border-width: 1px;
+            border-color: var(--color-palette-$(palette));
+            border-style: solid;
+          }
+        }
+      }
+    }
   }
 }

package/dist/types/components/Badge/appearance/badgeAccent.d.ts

@@ -7,20 +7,32 @@ declare const badgeAppearanceAccent: {
         iconFill: string;
     };
     accentPrimary: {
-        dotFill: string;
         fill: string;
         borderColor: string;
         textColor: string;
+        dotFill: string;
         iconFill: string;
     };
     accentQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
     accentSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
     accentTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
 };
 export { badgeAppearanceAccent };

package/dist/types/components/Badge/appearance/badgeDanger.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceDanger: {
     danger: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    dangerPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeDisabled.d.ts

@@ -1,7 +1,12 @@
 declare const badgeAppearanceDisabled: {
     disabled: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    disabledPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         iconFill: string;

package/dist/types/components/Badge/appearance/badgeError.d.ts

@@ -5,8 +5,13 @@ declare const badgeAppearanceError: {
         labelTextColor: string;
         labelTextColorHover: string;
         iconFill: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    };
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconFill: string;
     };
 };
 export { badgeAppearanceError };

package/dist/types/components/Badge/appearance/badgeInfo.d.ts

@@ -1,7 +1,6 @@
 declare const badgeAppearanceInfo: {
-    info: {
+    infoPrimary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
         dotFill: string;
@@ -9,7 +8,6 @@ declare const badgeAppearanceInfo: {
     };
     infoSecondary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgePrimary.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearancePrimary: {
     primary: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    primaryPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeSecondary.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceSecondary: {
     secondary: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    secondaryPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

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

package/dist/types/components/Badge/appearance/badgeSuccess.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceSuccess: {
     success: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    successPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeWarning.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceWarning: {
     warning: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    warningPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Button/appearance/buttonWarning.d.ts

@@ -7,5 +7,13 @@ declare const buttonAppearanceWarning: {
         loaderFill: string;
         loaderItemFill: string;
     };
+    warningPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
 };
 export { buttonAppearanceWarning };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ModalSheetBottomProps } from './ModalSheetBottom.interface';
-declare function ModalSheetBottom(props: ModalSheetBottomProps): import("react/jsx-runtime").JSX.Element;
+declare const ModalSheetBottom: React.ForwardRefExoticComponent<ModalSheetBottomProps & React.RefAttributes<ModalSheetBottomRef>>;
 export { ModalSheetBottom };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.22",
+  "version": "1.8.23",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -97,12 +97,10 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
     "@itcase/common": "^1.2.26",
-    "@itcase/config": "^1.0.47",
     "@itcase/icons": "^1.1.1",
     "@itcase/storybook-config": "^1.1.13",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
-    "@itcase/types": "^1.0.4",
     "@itcase/tokens-palette": "^1.1.11",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -111,7 +109,7 @@
     "framer-motion": "^12.16.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "motion": "^12.16.0",
+    "motion": "^12.17.0",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -136,7 +134,9 @@
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
+    "@itcase/config": "^1.0.47",
     "@itcase/lint": "^1.1.10",
+    "@itcase/types": "^1.0.4",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -148,7 +148,6 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
-    "@svgr/webpack": "^8.1.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.17",
     "@types/react": "^19",
@@ -167,9 +166,8 @@
     "npm": "^11.4.1",
     "postcss": "^8.5.4",
     "prettier": "^3.5.3",
-    "react-docgen-typescript": "^2.2.2",
-    "react-svg": "^16.3.0",
-    "rollup": "^4.41.1",
+    "react-docgen-typescript": "^2.4.0",
+    "rollup": "^4.43.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",