@itcase/storybook-config 1.2.43 → 1.2.45

package/dist/{Notification-DdI13c8_.js → Notification-9brero6A.js}

@@ -6245,7 +6245,7 @@ const iconAppearance = {
 const iconConfig = {
     appearance: iconAppearance};
 const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
+    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, svgImageStyles, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
     const ImageComponent = React.useMemo(() => {
         if (SvgImage) {
             const SvgComponent = SvgImage;
@@ -6256,7 +6256,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
             if (height) {
                 sizes.height = height;
             }
-            return jsxRuntimeExports.jsx(SvgComponent, { ...sizes });
+            return jsxRuntimeExports.jsx(SvgComponent, { ...sizes, ...svgImageStyles });
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
@@ -6268,7 +6268,7 @@ const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
             return jsxRuntimeExports.jsx("img", { src: imageSrc });
         }
         return null;
-    }, [SvgImage, imageSrc, width, height, saveFillStroke]);
+    }, [SvgImage, imageSrc, width, height, svgImageStyles, saveFillStroke]);
     const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;

package/dist/{Notification-DXT7_18x.js → Notification-B-qQJcvG.js}

@@ -6225,7 +6225,7 @@ const iconAppearance = {
 const iconConfig = {
     appearance: iconAppearance};
 const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
+    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, svgImageStyles, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
     const ImageComponent = useMemo(() => {
         if (SvgImage) {
             const SvgComponent = SvgImage;
@@ -6236,7 +6236,7 @@ const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, r
             if (height) {
                 sizes.height = height;
             }
-            return jsxRuntimeExports.jsx(SvgComponent, { ...sizes });
+            return jsxRuntimeExports.jsx(SvgComponent, { ...sizes, ...svgImageStyles });
         }
         if (imageSrc) {
             if (imageSrc.endsWith('.svg')) {
@@ -6248,7 +6248,7 @@ const Icon = urlWithAssetPrefix(React__default.forwardRef(function Icon(props, r
             return jsxRuntimeExports.jsx("img", { src: imageSrc });
         }
         return null;
-    }, [SvgImage, imageSrc, width, height, saveFillStroke]);
+    }, [SvgImage, imageSrc, width, height, svgImageStyles, saveFillStroke]);
     const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;

package/dist/cjs/decorators/withNextDecorator.js

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-Wvf9ehn_.js');
 var React = require('react');
-var Notification = require('../../Notification-DdI13c8_.js');
+var Notification = require('../../Notification-9brero6A.js');
 require('@itcase/common');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/decorators/withUiDecorator.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Notification = require('../../Notification-DdI13c8_.js');
+var Notification = require('../../Notification-9brero6A.js');
 require('@itcase/common');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/decorators.js

@@ -14,7 +14,7 @@ require('./components/FormSubmitWrapper.js');
 require('lodash/camelCase');
 require('@itcase/common');
 require('msw');
-require('../Notification-DdI13c8_.js');
+require('../Notification-9brero6A.js');
 require('lodash/upperFirst');
 require('lodash/maxBy');
 

package/dist/css/preview.css

@@ -5,6 +5,7 @@
 .sb-main-centered {
   & #storybook-root {
     min-height: 100%;
+    max-height: none;
     position: relative;
     flex-direction: column;
     align-items: center;
@@ -34,17 +35,14 @@
 
 .sb-layout {
   &-relative {
-    position: relative;
     min-height: 100vh;
+    position: relative;
     display: flex;
     justify-content: center;
-    align-items: center;    
+    align-items: center;
     & > div {
       position: relative;
-      left: auto !important;
-      top: auto !important;
-      right: auto !important;
-      bottom: auto !important;
+      inset: auto auto auto auto !important;
     }
   }
   &-top {
@@ -53,8 +51,8 @@
     justify-content: center;
     align-items: flex-start;
     &-full {
-      min-height: 100vh;
       min-width: 100vw;
+      min-height: 100vh;
       display: flex;
       justify-content: center;
       align-items: flex-start;
@@ -102,7 +100,6 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    & > div[class*='group width_fill'],
     & > div[class*='group width_fill'] {
       width: auto;
     }
@@ -112,7 +109,6 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      & > div[class*='group width_fill'],
       & > div[class*='group width_fill'] {
         width: auto;
       }

package/dist/decorators/withNextDecorator.js

@@ -1,6 +1,6 @@
 import { _ as _objectWithoutProperties } from '../_rollupPluginBabelHelpers-47UUmXIE.js';
 import React__default from 'react';
-import { U as UIProvider, N as NotificationsProvider, a as NotificationWrapper } from '../Notification-DXT7_18x.js';
+import { U as UIProvider, N as NotificationsProvider, a as NotificationWrapper } from '../Notification-B-qQJcvG.js';
 import '@itcase/common';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/decorators/withUiDecorator.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { U as UIProvider, N as NotificationsProvider, a as NotificationWrapper } from '../Notification-DXT7_18x.js';
+import { U as UIProvider, N as NotificationsProvider, a as NotificationWrapper } from '../Notification-B-qQJcvG.js';
 import '@itcase/common';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/decorators.js

@@ -12,6 +12,6 @@ import './components/FormSubmitWrapper.js';
 import 'lodash/camelCase';
 import '@itcase/common';
 import 'msw';
-import './Notification-DXT7_18x.js';
+import './Notification-B-qQJcvG.js';
 import 'lodash/upperFirst';
 import 'lodash/maxBy';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.2.43",
+  "version": "1.2.45",
   "author": "ITCase",
   "description": "Storybook configuration package",
   "engines": {
@@ -83,34 +83,35 @@
   },
   "dependencies": {
     "@gorhom/bottom-sheet": "^5.2.8",
-    "@itcase/config": "^1.6.51",
+    "@itcase/config": "^1.6.52",
     "@itcase/storybook-addon-auth": "^1.0.5",
     "@react-native-async-storage/async-storage": "^3.0.1",
     "@react-native-community/datetimepicker": "^8.6.0",
     "@storybook/addon-designs": "^11.1.2",
-    "@storybook/addon-docs": "^10.2.14",
-    "@storybook/addon-links": "^10.2.14",
+    "@storybook/addon-docs": "^10.2.15",
+    "@storybook/addon-links": "^10.2.15",
     "@storybook/addon-ondevice-actions": "10.2.3",
     "@storybook/addon-ondevice-backgrounds": "10.2.3",
     "@storybook/addon-ondevice-controls": "10.2.3",
     "@storybook/addon-ondevice-notes": "^10.2.3",
     "@storybook/addon-react-native-web": "^0.0.29",
     "@storybook/addon-styling-webpack": "^3.0.0",
-    "@storybook/addon-themes": "^10.2.14",
-    "@storybook/addon-vitest": "^10.2.14",
+    "@storybook/addon-themes": "^10.2.15",
+    "@storybook/addon-vitest": "^10.2.15",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
-    "@storybook/builder-vite": "^10.2.14",
-    "@storybook/nextjs": "^10.2.14",
-    "@storybook/nextjs-vite": "^10.2.14",
-    "@storybook/react": "^10.2.14",
+    "@storybook/builder-vite": "^10.2.15",
+    "@storybook/nextjs": "^10.2.15",
+    "@storybook/nextjs-vite": "^10.2.15",
+    "@storybook/react": "^10.2.15",
     "@storybook/react-native": "10.2.3",
     "@storybook/react-native-ui-lite": "10.2.3",
-    "@storybook/react-native-web-vite": "^10.2.14",
-    "@storybook/react-vite": "^10.2.14",
-    "@storybook/react-webpack5": "^10.2.14",
+    "@storybook/react-native-web-vite": "^10.2.15",
+    "@storybook/react-vite": "^10.2.15",
+    "@storybook/react-webpack5": "^10.2.15",
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/browser-playwright": "^4.0.18",
     "babel-loader": "^10.0.0",
+    "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-react-native-web": "^0.21.2",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "chalk": "^5.6.2",
@@ -123,7 +124,7 @@
     "react-native-svg": "^15.15.3",
     "react-native-web": "^0.21.2",
     "react-native-worklets": "^0.7.4",
-    "storybook": "^10.2.14",
+    "storybook": "^10.2.15",
     "storybook-addon-source-link": "^2.0.1",
     "vite": "^7.3.1",
     "vite-plugin-babel": "^1.5.1",
@@ -136,11 +137,11 @@
     "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
     "@babel/runtime": "^7.28.6",
-    "@commitlint/cli": "^20.4.2",
-    "@commitlint/config-conventional": "^20.4.2",
+    "@commitlint/cli": "^20.4.3",
+    "@commitlint/config-conventional": "^20.4.3",
     "@itcase/common": "^1.2.41",
-    "@itcase/lint": "^1.1.97",
-    "@itcase/ui": "^1.9.66",
+    "@itcase/lint": "^1.1.98",
+    "@itcase/ui": "^1.9.67",
     "@react-native-community/cli": "20.1.2",
     "@react-native-community/cli-platform-android": "20.1.2",
     "@react-native-community/cli-platform-ios": "20.1.2",
@@ -148,22 +149,23 @@
     "@react-native/eslint-config": "0.84.1",
     "@react-native/metro-config": "0.84.1",
     "@react-native/typescript-config": "0.84.1",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.2.14",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@storybook/addon-docs": "^10.2.15",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "react-docgen": "^8.0.2",
+    "react-docgen-typescript": "^2.4.0",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
-    "conventional-changelog-conventionalcommits": "^9.2.0",
+    "conventional-changelog-conventionalcommits": "^9.3.0",
     "eslint": "9.39.2",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
-    "lint-staged": "^16.3.1",
+    "lint-staged": "^16.3.2",
     "next": "^16.1.6",
     "prettier": "^3.8.1",
-    "react-docgen-typescript": "^2.4.0",
     "react": "^18",
     "react-dom": "^18",
     "react-native": "0.84.1",