@pushwoosh/dumb-components 1.1.103 → 1.1.104

package/RadioCard/RadioCard.js

@@ -7,11 +7,13 @@ export function RadioCard(props) {
   const {
     title,
     description,
+    width = '262px',
     isActive,
     onClick,
     children
   } = props;
   return React.createElement(RootBox, {
+    "$width": width,
     isActive: isActive,
     onClick: onClick
   }, React.createElement(Vertical, null, React.createElement(Horizontal, {

package/RadioCard/styled.d.ts

@@ -62,4 +62,5 @@ export declare const RootBox: import("styled-components").StyledComponent<"div",
     $gap: number;
 } & {
     isActive?: boolean;
+    $width: string | number;
 }, "$gridAutoFlow" | "$alignItems" | "$bgColor" | "$borderRadius" | "$gap" | "$padding">;

package/RadioCard/styled.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
-import { Vertical } from '@pushwoosh/kit-helpers';
+import { Vertical, toCssValue } from '@pushwoosh/kit-helpers';
 export const RootBox = styled(Vertical).attrs({
   $padding: 16,
   $alignItems: 'start',
@@ -10,6 +10,8 @@ export const RootBox = styled(Vertical).attrs({
 }).withConfig({
   displayName: "RootBox",
   componentId: "sc-tkztr1-0"
-})(["width:262px;height:100%;box-sizing:border-box;outline:", ";cursor:pointer;&:hover{background:", ";}"], ({
+})(["width:", ";height:100%;box-sizing:border-box;outline:", ";cursor:pointer;&:hover{background:", ";}"], ({
+  $width
+}) => toCssValue($width), ({
   isActive
 }) => isActive ? `2px solid ${Color.PRIMARY}` : `1px solid ${Color.DIVIDER}`, Color.ROW_HOVER);

package/RadioCard/types.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 export interface RadioCardProps {
     title: string;
     description: string;
+    width?: string | number;
     isActive?: boolean;
     children?: ReactNode;
     onClick: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.103",
+  "version": "1.1.104",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",