@pushwoosh/dumb-components 0.0.18 → 0.0.19

package/FieldBox/FieldBox.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type FieldBoxProps } from './FieldBox.types';
+export declare const FieldBox: FC<FieldBoxProps>;

package/FieldBox/FieldBox.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Color, Spacing } from '@pushwoosh/kit-constants';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { Text } from '@pushwoosh/kit-typography';
+export const FieldBox = ({
+  title,
+  description,
+  error,
+  children
+}) => {
+  return React.createElement(Vertical, {
+    "$gap": Spacing.S1
+  }, React.createElement(Text, {
+    "$variant": "h5"
+  }, title), children, description && React.createElement(Text, {
+    "$variant": "h5",
+    "$color": Color.LOCKED
+  }, description), error && React.createElement(Text, {
+    "$variant": "h5",
+    "$color": Color.DANGER
+  }, error));
+};

package/FieldBox/FieldBox.types.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren, type ReactNode } from 'react';
+export type FieldBoxProps = PropsWithChildren<{
+    title: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+}>;

package/FieldBox/FieldBox.types.js

@@ -0,0 +1 @@
+export {};

package/FieldBox/index.d.ts

@@ -0,0 +1,2 @@
+export { type FieldBoxProps } from './FieldBox.types';
+export { FieldBox } from './FieldBox';

package/FieldBox/index.js

@@ -0,0 +1 @@
+export { FieldBox } from './FieldBox';

package/index.d.ts

@@ -5,4 +5,5 @@ export { EmailTemplatePreview, NoEmailTemplatePreview, } from './EmailTemplatePr
 export { PushPreview } from './PushPreview';
 export { ExportResult } from './ExportResult';
 export { NativeInput, NativeTextarea, NativeSelect, } from './native';
+export { FieldBox } from './FieldBox';
 export { NumberPicker } from './NumberPicker';

package/index.js

@@ -5,4 +5,5 @@ export { EmailTemplatePreview, NoEmailTemplatePreview } from './EmailTemplatePre
 export { PushPreview } from './PushPreview';
 export { ExportResult } from './ExportResult';
 export { NativeInput, NativeTextarea, NativeSelect } from './native';
+export { FieldBox } from './FieldBox';
 export { NumberPicker } from './NumberPicker';

package/package.json

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