@pushwoosh/dumb-components 1.1.103 → 1.1.105

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/Select/index.d.ts

@@ -1,4 +1,4 @@
-export { components } from 'react-select';
 export { Select, SelectAsync, CreatableSelect } from './Select';
 export { CLASS_NAME_PREFIX } from './constants';
 export type { SelectBase, MultiSelectOptions } from './types';
+export { components as SelectComponents } from 'react-select';

package/Select/index.js

@@ -1,3 +1,3 @@
-export { components } from 'react-select';
 export { Select, SelectAsync, CreatableSelect } from './Select';
-export { CLASS_NAME_PREFIX } from './constants';
+export { CLASS_NAME_PREFIX } from './constants';
+export { components as SelectComponents } from 'react-select';

package/index.d.ts

@@ -20,7 +20,7 @@ export { RadioCard } from './RadioCard';
 export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
 export { SortButton, type SortButtonParams } from './SortButton';
-export { Select, SelectAsync, CreatableSelect, CLASS_NAME_PREFIX, type SelectBase, type MultiSelectOptions, } from './Select';
+export { Select, SelectAsync, CreatableSelect, SelectComponents, CLASS_NAME_PREFIX, type SelectBase, type MultiSelectOptions, } from './Select';
 export { Switch } from './Switch';
 export { TextSkeleton, RectangularSkeleton, CircularSkeleton } from './Skeleton';
 export { Tooltip, type TooltipPosition, TooltipTrigger } from './Tooltip';

package/index.js

@@ -20,7 +20,7 @@ export { RadioCard } from './RadioCard';
 export { ReCaptcha, useRecaptcha, asyncScriptLoad } from './ReCaptcha';
 export { Spinner } from './Spinner';
 export { SortButton } from './SortButton';
-export { Select, SelectAsync, CreatableSelect, CLASS_NAME_PREFIX } from './Select';
+export { Select, SelectAsync, CreatableSelect, SelectComponents, CLASS_NAME_PREFIX } from './Select';
 export { Switch } from './Switch';
 export { TextSkeleton, RectangularSkeleton, CircularSkeleton } from './Skeleton';
 export { Tooltip, TooltipTrigger } from './Tooltip';

package/package.json

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