@eleventheye/asui 2.12.3 → 2.12.4

package/dist/aschart/donut/donutHelpers.js

@@ -35,7 +35,6 @@ const calculateDonutPath = (thickness, position) => {
         const val = num + multipliers[index] * diffNumber;
         result = result.replace(strPosition, `${val}`);
     });
-    console.log(`%c RESULT %c = ${result}`, cls, '');
     return result;
 };
 exports.calculateDonutPath = calculateDonutPath;

package/dist/asnavbar/ASNavBar.js

@@ -56,7 +56,8 @@ const ASNavBar = ({ className = '', navItems = [], selectedItemId = '', onItemSe
     const { $mobileBreakpoint = 768, $disableTransitionsBetweenDisplayModes, $displayModeOverride } = styleOptions;
     (0, react_1.useEffect)(() => {
         const screenSize = (0, screenSizeHelpers_1.getScreenSize)();
-        console.info(`Screen size detected: ${screenSize}`);
+        if (!screenSize)
+            console.info(`Screen size detected: ${screenSize}`);
     }, []);
     (0, react_1.useEffect)(() => {
         setSelectedId(selectedItemId);

package/dist/asnavbar/mobile/ASNavBarMW.js

@@ -90,7 +90,6 @@ const ASNavBarMW = ({ id = `asnavbar-mw-${(0, uuid_1.v4)()}`, className = '', na
         }
     };
     const onButtonsPressed = (e, direction) => {
-        console.log(`onButtonsPressed`, e);
         if (direction === ASUI_types_1.ArrowButtonDirection.Left) {
             selectPrev(e);
         }

package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.js

@@ -11,23 +11,21 @@ const styles_1 = require("./styles");
 const clsY = 'background: goldenrod; color: #000000; border-radius: 10px;';
 const clsG = 'background: forestgreen; color: #000000; border-radius: 10px;';
 const ASNavBarArrowButtons = ({ className = '', onArrowButtonClicked = () => undefined, selectedIndex = 0, totalItemCount = 0, size = apptypes_1.ComponentSize.Medium, styleOptions = ASNavBar_1.defaultNavBarStyleOptions, theme = astheme_1.default, isMobile = false, }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarArrowButtonsStyled, { className: `${className} ${size}`, theme: theme, isMobile: isMobile, styleOptions: styleOptions, children: [(0, jsx_runtime_1.jsx)(ASLeftNavBarArrowButton, { onArrowButtonClicked: onArrowButtonClicked, theme: theme, size: size, selectedIndex: selectedIndex, disabled: selectedIndex <= 0, isMobile: isMobile }), (0, jsx_runtime_1.jsx)(ASRightNavBarArrowButton, { onArrowButtonClicked: onArrowButtonClicked, theme: theme, size: size, selectedIndex: selectedIndex, disabled: selectedIndex >= totalItemCount - 1, isMobile: isMobile })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarArrowButtonsStyled, { className: `${className} ${size}`, theme: theme, "$isMobile": isMobile, "$styleOptions": styleOptions, children: [(0, jsx_runtime_1.jsx)(ASLeftNavBarArrowButton, { onArrowButtonClicked: onArrowButtonClicked, theme: theme, size: size, selectedIndex: selectedIndex, disabled: selectedIndex <= 0, isMobile: isMobile }), (0, jsx_runtime_1.jsx)(ASRightNavBarArrowButton, { onArrowButtonClicked: onArrowButtonClicked, theme: theme, size: size, selectedIndex: selectedIndex, disabled: selectedIndex >= totalItemCount - 1, isMobile: isMobile })] }));
 };
 exports.ASNavBarArrowButtons = ASNavBarArrowButtons;
 exports.default = exports.ASNavBarArrowButtons;
 const ASLeftNavBarArrowButton = ({ size = apptypes_1.ComponentSize.Medium, theme = astheme_1.default, disabled = false, onArrowButtonClicked = () => undefined, isMobile = false, }) => {
     const tapHandler = (e, dir) => {
-        console.log(`e: %c ${e.currentTarget.role} %c, dir: %c ${dir} %c`, clsG, '', clsY, '');
         onArrowButtonClicked(e, dir);
     };
-    return ((0, jsx_runtime_1.jsx)(styles_1.ASIconButtonLeftStyled, { icon: icons_1.ArrowLeftIcon, onIconButtonTap: (e) => tapHandler(e, apptypes_1.ArrowButtonDirection.Left), theme: theme, size: size, toggle: false, selected: false, disabled: disabled, isMobile: isMobile, id: "LeftButtonId", iconSize: size === apptypes_1.ComponentSize.Large ? 32 : size === apptypes_1.ComponentSize.Medium ? 28 : 24, fillColor: theme.button.buttonIconColor }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.ASIconButtonLeftStyled, { icon: icons_1.ArrowLeftIcon, onIconButtonTap: (e) => tapHandler(e, apptypes_1.ArrowButtonDirection.Left), theme: theme, size: size, toggle: false, selected: false, disabled: disabled, "$mobileMode": isMobile, id: "LeftButtonId", iconSize: size === apptypes_1.ComponentSize.Large ? 32 : size === apptypes_1.ComponentSize.Medium ? 28 : 24, fillColor: theme.button.buttonIconColor }));
 };
 exports.ASLeftNavBarArrowButton = ASLeftNavBarArrowButton;
 const ASRightNavBarArrowButton = ({ size = apptypes_1.ComponentSize.Medium, theme = astheme_1.default, onArrowButtonClicked = () => undefined, disabled = false, isMobile = false, }) => {
     const tapHandler = (e, dir) => {
-        console.log(`e: %c ${e.currentTarget.role} %c, dir: %c ${dir} %c`, clsG, '', clsY, '');
         onArrowButtonClicked(e, dir);
     };
-    return ((0, jsx_runtime_1.jsx)(styles_1.ASIconButtonRightStyled, { icon: icons_1.ArrowRightIcon, onIconButtonTap: (e) => tapHandler(e, apptypes_1.ArrowButtonDirection.Right), theme: theme, toggle: false, selected: false, size: size, disabled: disabled, isMobile: isMobile, id: "RightButtonId", iconSize: size === apptypes_1.ComponentSize.Large ? 32 : size === apptypes_1.ComponentSize.Medium ? 28 : 24, fillColor: theme.button.buttonIconColor }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.ASIconButtonRightStyled, { icon: icons_1.ArrowRightIcon, onIconButtonTap: (e) => tapHandler(e, apptypes_1.ArrowButtonDirection.Right), theme: theme, toggle: false, selected: false, size: size, "$mobileMode": isMobile, disabled: disabled, id: "RightButtonId", iconSize: size === apptypes_1.ComponentSize.Large ? 32 : size === apptypes_1.ComponentSize.Medium ? 28 : 24, fillColor: theme.button.buttonIconColor }));
 };
 exports.ASRightNavBarArrowButton = ASRightNavBarArrowButton;

package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts

@@ -2,12 +2,12 @@ import { PointerEvent } from 'react';
 import { ASComponentDirection, ASComponentSize, ASNavBarStyleOptions, ASTheme } from '../../apptypes';
 export interface ASNavBarArrowButtonsStyledProps {
     itemId?: string;
-    displayText?: string;
+    $displayText?: string;
     icon?: React.ReactNode;
     theme?: ASTheme;
-    size?: ASComponentSize;
-    isMobile?: boolean;
-    styleOptions?: ASNavBarStyleOptions;
+    $size?: ASComponentSize;
+    $isMobile?: boolean;
+    $styleOptions?: ASNavBarStyleOptions;
 }
 export type ASNavBarArrowButtonClickFn = (event: PointerEvent, dir: ASComponentDirection) => void;
 export type ASNavBarArrowButtonsProps = {

package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASNavBarArrowButtons.types.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEtG,MAAM,WAAW,+BAA+B;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAElG,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"ASNavBarArrowButtons.types.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEtG,MAAM,WAAW,+BAA+B;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAElG,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/asnavbar/navbararrowbuttons/styles.d.ts

@@ -8,7 +8,7 @@ interface ASNavBarIconButtonStyledProps {
     $maxWidth?: number;
     $borderRadius?: number;
     $padding?: string;
-    size?: ASComponentSize;
+    $size?: ASComponentSize;
 }
 export declare const ASIconButtonRightStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
     className?: string;

package/dist/asnavbar/navbararrowbuttons/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAwC/E,eAAO,MAAM,0BAA0B,oQA+BtC,CAAC;AAEF,UAAU,6BAA6B;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;qKAKnC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;qKAKlC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAwC/E,eAAO,MAAM,0BAA0B,oQA+BtC,CAAC;AAEF,UAAU,6BAA6B;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;qKAKnC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;qKAKlC,CAAC"}

package/dist/asnavbar/navbararrowbuttons/styles.js

@@ -40,13 +40,13 @@ const getWidthBySize = (size) => size === apptypes_1.ComponentSize.Large ? 50 :
 exports.ASNavBarArrowButtonsStyled = styled_components_1.default.div `
   position: fixed;
   contain: strict;
-  display: ${({ styleOptions = ASNavBar_1.defaultNavBarStyleOptions }) => styleOptions.$hideNavArrowButtonsInDW ? 'none' : 'flex'};
+  display: ${({ $styleOptions = ASNavBar_1.defaultNavBarStyleOptions }) => $styleOptions.$hideNavArrowButtonsInDW ? 'none' : 'flex'};
   align-items: center;
   justify-content: space-between;
   width: -webkit-fill-available;
-  max-width: ${({ styleOptions = ASNavBar_1.defaultNavBarStyleOptions, isMobile = false }) => styleOptions.$maxWidth && styleOptions.$maxWidthUnit
-    ? `${styleOptions.$maxWidth}${styleOptions.$maxWidthUnit}`
-    : isMobile
+  max-width: ${({ $styleOptions = ASNavBar_1.defaultNavBarStyleOptions, $isMobile = false }) => $styleOptions.$maxWidth && $styleOptions.$maxWidthUnit
+    ? `${$styleOptions.$maxWidth}${$styleOptions.$maxWidthUnit}`
+    : $isMobile
         ? '300px'
         : '100%'};
   pointer-events: none;
@@ -55,25 +55,25 @@ exports.ASNavBarArrowButtonsStyled = styled_components_1.default.div `
 
   &:before {
     ${scrollEdgesCover}
-    width: ${({ size = apptypes_1.ComponentSize.Medium }) => `calc(${getWidthBySize(size)}px + 6px)`};
+    width: ${({ $size = apptypes_1.ComponentSize.Medium }) => `calc(${getWidthBySize($size)}px + 6px)`};
     left: 0;
   }
 
   &:after {
     ${scrollEdgesCover}
-    width: ${({ size = apptypes_1.ComponentSize.Medium }) => `calc(${getWidthBySize(size)}px + 6px)`};
+    width: ${({ $size = apptypes_1.ComponentSize.Medium }) => `calc(${getWidthBySize($size)}px + 6px)`};
     right: 0;
   }
 
   ${dimensionsForSizes}
 `;
 exports.ASIconButtonRightStyled = (0, styled_components_1.default)(asiconbutton_1.default) `
-  margin: ${({ size = apptypes_1.ComponentSize.Medium }) => size === apptypes_1.ComponentSize.Small ? '0 10px' : size === apptypes_1.ComponentSize.Large ? '0' : '0 5px 0 0'};
+  margin: ${({ $size = apptypes_1.ComponentSize.Medium }) => $size === apptypes_1.ComponentSize.Small ? '0 10px' : $size === apptypes_1.ComponentSize.Large ? '0' : '0 5px 0 0'};
   z-index: 1;
-  scale: ${({ size = apptypes_1.ComponentSize.Medium }) => (size === apptypes_1.ComponentSize.Large ? '0.75' : '0.75')};
+  scale: ${({ $size = apptypes_1.ComponentSize.Medium }) => ($size === apptypes_1.ComponentSize.Large ? '0.75' : '0.75')};
 `;
 exports.ASIconButtonLeftStyled = (0, styled_components_1.default)(asiconbutton_1.default) `
-  margin: ${({ size = apptypes_1.ComponentSize.Medium }) => size === apptypes_1.ComponentSize.Small ? '0 10px' : size === apptypes_1.ComponentSize.Large ? '0' : '0 5px'};
+  margin: ${({ $size = apptypes_1.ComponentSize.Medium }) => $size === apptypes_1.ComponentSize.Small ? '0 10px' : $size === apptypes_1.ComponentSize.Large ? '0' : '0 5px'};
   z-index: 1;
-  scale: ${({ size = apptypes_1.ComponentSize.Medium }) => (size === apptypes_1.ComponentSize.Large ? '0.75' : '0.75')};
+  scale: ${({ $size = apptypes_1.ComponentSize.Medium }) => ($size === apptypes_1.ComponentSize.Large ? '0.75' : '0.75')};
 `;

package/dist/icons/ASIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ASIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AA8B1C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAuBlD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"ASIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ASIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AA8B1C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAwClD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/icons/ASIcon.js

@@ -5,9 +5,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("./styles");
 const CircleSvg = ({ iconSize = 24, circleStrokeWidth = 1.5, circleFillColor = 'transparent', circleStrokeColor = '#fffff0', circleFillOpacity = 1, withCircle = false, }) => ((0, jsx_runtime_1.jsx)(styles_1.IconCircle, { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("circle", { fill: withCircle ? circleFillColor : 'none', fillOpacity: circleFillOpacity, cx: "12", cy: "12", r: "10.5", stroke: withCircle ? circleStrokeColor : 'transparent', strokeWidth: `${circleStrokeWidth}px` }) }));
-const ASIcon = ({ className = '', iconSize = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', circleStrokeWidth = 1.5, withCircle = false, style, children, ...props }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { className: className, style: props.style, ...props, onClick: props.onClick, children: [(0, jsx_runtime_1.jsx)(CircleSvg, { iconSize: iconSize, circleStrokeColor, withCircle, circleStrokeWidth, ...props }), react_1.default.Children.map(children, (child) => react_1.default.isValidElement(child)
-                ? react_1.default.cloneElement(child, { iconSize, color, fillColor, withCircle, fillOpacity, style, ...props })
+const ASIcon = ({ className = '', iconSize = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', circleStrokeWidth = 1.5, circleFillColor, circleFillOpacity, withCircle = false, style, children, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { className: className, style: props.style, ...props, onClick: props.onClick, children: [(0, jsx_runtime_1.jsx)(CircleSvg, { iconSize: iconSize, circleStrokeColor, withCircle, circleStrokeWidth, circleFillColor, circleFillOpacity, ...props }), react_1.default.Children.map(children, (child) => react_1.default.isValidElement(child)
+                ? react_1.default.cloneElement(child, {
+                    iconSize,
+                    color,
+                    fillColor,
+                    withCircle,
+                    fillOpacity,
+                    style,
+                    circleStrokeColor,
+                    circleStrokeWidth,
+                    circleFillColor,
+                    circleFillOpacity,
+                    ...props,
+                })
                 : child)] }));
 };
 exports.default = ASIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "2.12.3",
+  "version": "2.12.4",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [
@@ -57,27 +57,28 @@
     "build-storybook": "storybook build"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-onboarding": "^9.1.3",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^9.1.3",
+    "@storybook/react-webpack5": "^9.1.3",
+    "@storybook/test": "^8.6.14",
     "@svgr/webpack": "^8.1.0",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
+    "@types/react": "^19.1.11",
+    "@types/react-dom": "^19.1.7",
     "@types/styled-components": "^5.1.34",
     "npmignore": "^0.3.1",
-    "storybook": "^8.6.12",
-    "typescript": "^5.8.3"
+    "storybook": "^9.1.3",
+    "typescript": "^5.9.2"
   },
   "dependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "rimraf": "^6.0.1",
-    "styled-components": "^6.1.17",
+    "styled-components": "^6.1.19",
     "uuid": "11.1.0"
   }
 }