[FX-4554] Export useFieldsLayoutContext hook (#4033)

toptal · Nov 30, 2023 · 090c794 · 090c794
1 parent 05cc26a
commit 090c794
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/brown-pigs-tie.md b/.changeset/brown-pigs-tie.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso-forms': minor
+---
+
+- mention `useFieldsLayoutContext` hook in forms documentation
diff --git a/.changeset/neat-lies-mate.md b/.changeset/neat-lies-mate.md
@@ -0,0 +1,5 @@
+---
+'@toptal/picasso': minor
+---
+
+- export `useFieldsLayoutContext()` hook
diff --git a/packages/picasso-forms/src/Form/story/index.jsx b/packages/picasso-forms/src/Form/story/index.jsx
@@ -162,7 +162,8 @@ types supported by picasso-forms.
     'Form/story/Horizontal.example.tsx',
     {
       title: 'Horizontal',
-      description: 'Horizontal form with responsive design',
+      description:
+        'Horizontal form with responsive design. Use "useFieldsLayoutContext()" hook from "@toptal/picasso" to get access to the current layout depending on the screen size.',
       screenshotBreakpoints: true,
     },
     'picasso-form'

diff --git a/packages/picasso/src/index.ts b/packages/picasso/src/index.ts
@@ -211,6 +211,7 @@ export type {
   FileRejection as AvatarUploadFileRejection,
   DropEvent as AvatarUploadDropEvent,
 } from './AvatarUpload'
+export * from './FieldsLayout'
 
 export { default as Carousel } from './Carousel'
 export type { CarouselProps } from './Carousel'