@pushwoosh/dumb-components 1.0.20 → 1.0.22

package/FieldBox/FieldBox.js

@@ -18,7 +18,7 @@ export function FieldBox(props) {
   } = props;
   return React.createElement(Vertical, {
     "$gap": Spacing.S1
-  }, React.createElement(Horizontal, {
+  }, title && React.createElement(Horizontal, {
     "$alignItems": "center",
     "$justifyContent": "space-between"
   }, React.createElement(TitleBox, null, React.createElement(Text, {

package/FieldBox/types.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren, type ReactNode } from 'react';
 export type FieldBoxProps = PropsWithChildren<{
-    title: ReactNode;
+    title?: ReactNode;
     description?: ReactNode;
     isOptional?: boolean;
     link?: string;

package/NumberPicker/styles.js

@@ -5,7 +5,7 @@ export const InputStyled = styled.input.attrs({
 }).withConfig({
   displayName: "InputStyled",
   componentId: "sc-vq8xnz-0"
-})(["&:disabled{background-color:", ";}"], Color.FROZEN);
+})(["width:100%;&:disabled{background-color:", ";}"], Color.FROZEN);
 export const Hint = styled.div.withConfig({
   displayName: "Hint",
   componentId: "sc-vq8xnz-1"

package/native/Textarea.d.ts

@@ -1,3 +1,4 @@
 export declare const NativeTextarea: import("styled-components").StyledComponent<"textarea", any, {
+    $width?: string;
     $isErrored?: boolean;
 }, never>;

package/native/Textarea.js

@@ -3,6 +3,12 @@ import { Color, FontSize, LineHeight, Spacing, ShapeRadius } from '@pushwoosh/ki
 export const NativeTextarea = styled.textarea.withConfig({
   displayName: "NativeTextarea",
   componentId: "sc-1xe83i4-0"
-})(["min-height:56px;padding:", " ", ";border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], Spacing.S3, Spacing.S4, ({
+})(["width:", ";min-width:", ";max-width:", ";min-height:56px;padding:", " ", ";border:1px solid ", ";border-radius:", ";font-size:", ";line-height:", ";background-color:", ";&:focus{outline:none;border-color:", ";}&:disabled{background-color:", ";}&::placeholder{color:", ";}"], ({
+  $width
+}) => $width || '100%', ({
+  $width
+}) => $width || '180px', ({
+  $width
+}) => $width || '100%', Spacing.S3, Spacing.S4, ({
   $isErrored
 }) => $isErrored ? Color.DANGER : Color.FORM, ShapeRadius.CONTROL, FontSize.REGULAR, LineHeight.REGULAR, Color.CLEAR, Color.BRIGHT, Color.FROZEN, Color.PHANTOM);

package/package.json

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