@pushwoosh/dumb-components 1.1.149 → 1.1.151

package/Alert/maps.d.ts

@@ -1,8 +1,9 @@
+import type { FC } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { type DangerTriangleIconProps, type InfoRoundIconProps, type WarningRoundIconProps } from '@pushwoosh/kit-icons';
 import { type AlertType } from './types';
 type AlertData = {
-    icon: React.FC<InfoRoundIconProps | WarningRoundIconProps | DangerTriangleIconProps>;
+    icon: FC<InfoRoundIconProps | WarningRoundIconProps | DangerTriangleIconProps>;
     iconColor: Color;
     bgColor: Color;
 };

package/Drawer/components/Drawer/Drawer.js

@@ -63,7 +63,7 @@ export function Drawer({
         onMouseDown: handleClickOutside,
         "$padding": padding,
         children: _jsx(DrawerContainer, {
-          "$width": drawerSizes[size],
+          "$width": size in drawerSizes ? drawerSizes[size] : size,
           onClick: handleClose,
           children: children
         })

package/Drawer/components/Drawer/types.d.ts

@@ -9,8 +9,8 @@ export type ContentPadding = {
 };
 /** Props of {@link Drawer}. */
 export type DrawerProps = PropsWithChildren<{
-    /** Width preset (one of the predefined drawer sizes). */
-    readonly size: keyof typeof drawerSizes;
+    /** Width: a predefined preset, or an explicit CSS length (`${number}px` / `${number}%`). */
+    readonly size: keyof typeof drawerSizes | `${number}px` | `${number}%`;
     /** Whether the drawer is open. */
     readonly isOpen: boolean;
     /** Stacking z-index; auto-layered when omitted. */

package/Tabs/context.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TabContextType } from './types';
-export declare const TabContext: React.Context<TabContextType>;
+export declare const TabContext: import("react").Context<TabContextType>;
 export declare function useTabsContext(): TabContextType;

package/Tabs/context.js

@@ -1,5 +1,5 @@
-import React, { useContext } from 'react';
-export const TabContext = React.createContext(null);
+import { useContext, createContext } from 'react';
+export const TabContext = createContext(null);
 export function useTabsContext() {
   const context = useContext(TabContext);
   if (!context) {

package/Tooltip/maps.d.ts

@@ -1,3 +1,4 @@
+import type { FC } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { type TooltipTriggerView } from './TooltipTrigger';
 import type { TooltipPosition } from './types';
@@ -38,7 +39,7 @@ export declare function getLeftPosition(position: TooltipPosition, offset: strin
 export declare const TooltipTriggerViewMap: Record<TooltipTriggerView, {
     color: Color;
     hoverColor: Color;
-    icon: React.FC<{
+    icon: FC<{
         size: 'small' | 'medium';
         view: 'lined' | 'filled' | 'shaded';
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.149",
+  "version": "1.1.151",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
@@ -21,7 +21,7 @@
     "npm": ">= 7"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^2.1.0",
+    "@pushwoosh/frontend-builder-engine": "^2.1.1",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",