From 77a734d183c4a29fceffee581f80f74b24fa42bc Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Wed, 23 Apr 2025 20:17:12 +0530 Subject: [PATCH] feat(form-layout): update form component to form-layout --- .codesandbox/ci.json | 2 +- cypress/integration/sitemap-vrt/constants.ts | 6 +-- .../paste-codemods/tools/.cache/mappings.json | 14 +++---- .../__tests__/MultiselectCombobox.spec.tsx | 2 +- .../stories/MultiselectCombobox.stories.tsx | 2 +- .../{form => form-layout}/CHANGELOG.md | 0 .../__tests__/index.spec.tsx | 0 .../components/{form => form-layout}/build.js | 0 .../{form => form-layout}/package.json | 2 +- .../{form => form-layout}/src/Form.tsx | 0 .../{form => form-layout}/src/FormActions.tsx | 0 .../{form => form-layout}/src/FormControl.tsx | 0 .../src/FormControlTwoColumn.tsx | 0 .../{form => form-layout}/src/FormSection.tsx | 0 .../src/FormSectionContext.tsx | 0 .../src/FormSectionDescription.tsx | 0 .../src/FormSectionHeading.tsx | 0 .../{form => form-layout}/src/index.tsx | 0 .../stories/index.stories.tsx | 0 .../{form => form-layout}/tsconfig.json | 0 .../{form => form-layout}/type-docs.json | 0 .../input/stories/input.stories.tsx | 2 +- .../stories/customization.stories.tsx | 2 +- .../slider/stories/index.stories.tsx | 2 +- packages/paste-core/core-bundle/.gitignore | 2 +- packages/paste-core/core-bundle/package.json | 2 +- .../core-bundle/src/form-layout.tsx | 1 + packages/paste-core/core-bundle/src/form.tsx | 2 +- packages/paste-core/core-bundle/src/index.tsx | 2 +- packages/paste-website/package.json | 2 +- .../src/components/site-search/SearchForm.tsx | 2 +- .../components/{form => form-layout}/api.mdx | 2 +- .../{form => form-layout}/changelog.mdx | 2 +- .../{form => form-layout}/index.mdx | 8 ++-- .../src/pages/components/popover/index.mdx | 2 +- .../src/pages/components/slider/index.mdx | 2 +- .../src/pages/patterns/form/index.mdx | 2 +- .../paste-website/stories/Form.stories.tsx | 2 +- .../stories/PageTemplates.stories.tsx | 2 +- yarn.lock | 42 +++++++++---------- 40 files changed, 56 insertions(+), 55 deletions(-) rename packages/paste-core/components/{form => form-layout}/CHANGELOG.md (100%) rename packages/paste-core/components/{form => form-layout}/__tests__/index.spec.tsx (100%) rename packages/paste-core/components/{form => form-layout}/build.js (100%) rename packages/paste-core/components/{form => form-layout}/package.json (98%) rename packages/paste-core/components/{form => form-layout}/src/Form.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormActions.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormControl.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormControlTwoColumn.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormSection.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormSectionContext.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormSectionDescription.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/FormSectionHeading.tsx (100%) rename packages/paste-core/components/{form => form-layout}/src/index.tsx (100%) rename packages/paste-core/components/{form => form-layout}/stories/index.stories.tsx (100%) rename packages/paste-core/components/{form => form-layout}/tsconfig.json (100%) rename packages/paste-core/components/{form => form-layout}/type-docs.json (100%) create mode 100644 packages/paste-core/core-bundle/src/form-layout.tsx rename packages/paste-website/src/pages/components/{form => form-layout}/api.mdx (96%) rename packages/paste-website/src/pages/components/{form => form-layout}/changelog.mdx (92%) rename packages/paste-website/src/pages/components/{form => form-layout}/index.mdx (99%) diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json index df81c33f3a..7694101cc6 100644 --- a/.codesandbox/ci.json +++ b/.codesandbox/ci.json @@ -49,7 +49,7 @@ "/packages/paste-core/components/file-picker", "/packages/paste-core/components/file-uploader", "/packages/paste-core/layout/flex", - "/packages/paste-core/components/form", + "/packages/paste-core/components/form-layout", "/packages/paste-core/components/form-pill-group", "/packages/paste-core/layout/grid", "/packages/paste-core/components/heading", diff --git a/cypress/integration/sitemap-vrt/constants.ts b/cypress/integration/sitemap-vrt/constants.ts index e33e22196d..adfb59814e 100644 --- a/cypress/integration/sitemap-vrt/constants.ts +++ b/cypress/integration/sitemap-vrt/constants.ts @@ -108,9 +108,9 @@ export const SITEMAP = [ "/components/file-uploader/", "/components/file-uploader/api", "/components/file-uploader/changelog", - "/components/form/", - "/components/form/api", - "/components/form/changelog", + "/components/form-layout/", + "/components/form-layout/api", + "/components/form-layout/changelog", "/components/combobox/", "/components/date-picker/", "/components/date-picker/api", diff --git a/packages/paste-codemods/tools/.cache/mappings.json b/packages/paste-codemods/tools/.cache/mappings.json index b225716874..06ac0d141c 100644 --- a/packages/paste-codemods/tools/.cache/mappings.json +++ b/packages/paste-codemods/tools/.cache/mappings.json @@ -130,13 +130,13 @@ "FileUploaderItemTitle": "@twilio-paste/core/file-uploader", "FileUploaderItemsList": "@twilio-paste/core/file-uploader", "FileUploaderLabel": "@twilio-paste/core/file-uploader", - "Form": "@twilio-paste/core/form", - "FormActions": "@twilio-paste/core/form", - "FormControl": "@twilio-paste/core/form", - "FormControlTwoColumn": "@twilio-paste/core/form", - "FormSection": "@twilio-paste/core/form", - "FormSectionDescription": "@twilio-paste/core/form", - "FormSectionHeading": "@twilio-paste/core/form", + "Form": "@twilio-paste/core/form-layout", + "FormActions": "@twilio-paste/core/form-layout", + "FormControl": "@twilio-paste/core/form-layout", + "FormControlTwoColumn": "@twilio-paste/core/form-layout", + "FormSection": "@twilio-paste/core/form-layout", + "FormSectionDescription": "@twilio-paste/core/form-layout", + "FormSectionHeading": "@twilio-paste/core/form-layout", "FormPill": "@twilio-paste/core/form-pill-group", "FormPillGroup": "@twilio-paste/core/form-pill-group", "useFormPillState": "@twilio-paste/core/form-pill-group", diff --git a/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx b/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx index 1162bdf9ac..c3d24d3a81 100644 --- a/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/MultiselectCombobox.spec.tsx @@ -1,7 +1,7 @@ import { act, fireEvent, render, screen } from "@testing-library/react"; import type { RenderOptions } from "@testing-library/react"; import { Button } from "@twilio-paste/button"; -import { Form } from "@twilio-paste/form"; +import { Form } from "@twilio-paste/form-layout"; import { Theme } from "@twilio-paste/theme"; import filter from "lodash/filter"; import uniq from "lodash/uniq"; diff --git a/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx b/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx index 62624785b2..a029fa1484 100644 --- a/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx +++ b/packages/paste-core/components/combobox/stories/MultiselectCombobox.stories.tsx @@ -2,7 +2,7 @@ import type { Meta, StoryContext, StoryFn } from "@storybook/react"; import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; -import { Form } from "@twilio-paste/form"; +import { Form } from "@twilio-paste/form-layout"; import { AttachIcon } from "@twilio-paste/icons/esm/AttachIcon"; import { InformationIcon } from "@twilio-paste/icons/esm/InformationIcon"; import { MediaBody, MediaFigure, MediaObject } from "@twilio-paste/media-object"; diff --git a/packages/paste-core/components/form/CHANGELOG.md b/packages/paste-core/components/form-layout/CHANGELOG.md similarity index 100% rename from packages/paste-core/components/form/CHANGELOG.md rename to packages/paste-core/components/form-layout/CHANGELOG.md diff --git a/packages/paste-core/components/form/__tests__/index.spec.tsx b/packages/paste-core/components/form-layout/__tests__/index.spec.tsx similarity index 100% rename from packages/paste-core/components/form/__tests__/index.spec.tsx rename to packages/paste-core/components/form-layout/__tests__/index.spec.tsx diff --git a/packages/paste-core/components/form/build.js b/packages/paste-core/components/form-layout/build.js similarity index 100% rename from packages/paste-core/components/form/build.js rename to packages/paste-core/components/form-layout/build.js diff --git a/packages/paste-core/components/form/package.json b/packages/paste-core/components/form-layout/package.json similarity index 98% rename from packages/paste-core/components/form/package.json rename to packages/paste-core/components/form-layout/package.json index c16a226a23..9d4eeeb7c4 100644 --- a/packages/paste-core/components/form/package.json +++ b/packages/paste-core/components/form-layout/package.json @@ -1,5 +1,5 @@ { - "name": "@twilio-paste/form", + "name": "@twilio-paste/form-layout", "version": "12.0.1", "category": "layout", "status": "production", diff --git a/packages/paste-core/components/form/src/Form.tsx b/packages/paste-core/components/form-layout/src/Form.tsx similarity index 100% rename from packages/paste-core/components/form/src/Form.tsx rename to packages/paste-core/components/form-layout/src/Form.tsx diff --git a/packages/paste-core/components/form/src/FormActions.tsx b/packages/paste-core/components/form-layout/src/FormActions.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormActions.tsx rename to packages/paste-core/components/form-layout/src/FormActions.tsx diff --git a/packages/paste-core/components/form/src/FormControl.tsx b/packages/paste-core/components/form-layout/src/FormControl.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormControl.tsx rename to packages/paste-core/components/form-layout/src/FormControl.tsx diff --git a/packages/paste-core/components/form/src/FormControlTwoColumn.tsx b/packages/paste-core/components/form-layout/src/FormControlTwoColumn.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormControlTwoColumn.tsx rename to packages/paste-core/components/form-layout/src/FormControlTwoColumn.tsx diff --git a/packages/paste-core/components/form/src/FormSection.tsx b/packages/paste-core/components/form-layout/src/FormSection.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormSection.tsx rename to packages/paste-core/components/form-layout/src/FormSection.tsx diff --git a/packages/paste-core/components/form/src/FormSectionContext.tsx b/packages/paste-core/components/form-layout/src/FormSectionContext.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormSectionContext.tsx rename to packages/paste-core/components/form-layout/src/FormSectionContext.tsx diff --git a/packages/paste-core/components/form/src/FormSectionDescription.tsx b/packages/paste-core/components/form-layout/src/FormSectionDescription.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormSectionDescription.tsx rename to packages/paste-core/components/form-layout/src/FormSectionDescription.tsx diff --git a/packages/paste-core/components/form/src/FormSectionHeading.tsx b/packages/paste-core/components/form-layout/src/FormSectionHeading.tsx similarity index 100% rename from packages/paste-core/components/form/src/FormSectionHeading.tsx rename to packages/paste-core/components/form-layout/src/FormSectionHeading.tsx diff --git a/packages/paste-core/components/form/src/index.tsx b/packages/paste-core/components/form-layout/src/index.tsx similarity index 100% rename from packages/paste-core/components/form/src/index.tsx rename to packages/paste-core/components/form-layout/src/index.tsx diff --git a/packages/paste-core/components/form/stories/index.stories.tsx b/packages/paste-core/components/form-layout/stories/index.stories.tsx similarity index 100% rename from packages/paste-core/components/form/stories/index.stories.tsx rename to packages/paste-core/components/form-layout/stories/index.stories.tsx diff --git a/packages/paste-core/components/form/tsconfig.json b/packages/paste-core/components/form-layout/tsconfig.json similarity index 100% rename from packages/paste-core/components/form/tsconfig.json rename to packages/paste-core/components/form-layout/tsconfig.json diff --git a/packages/paste-core/components/form/type-docs.json b/packages/paste-core/components/form-layout/type-docs.json similarity index 100% rename from packages/paste-core/components/form/type-docs.json rename to packages/paste-core/components/form-layout/type-docs.json diff --git a/packages/paste-core/components/input/stories/input.stories.tsx b/packages/paste-core/components/input/stories/input.stories.tsx index cbe1bcbe89..509fff7984 100644 --- a/packages/paste-core/components/input/stories/input.stories.tsx +++ b/packages/paste-core/components/input/stories/input.stories.tsx @@ -3,7 +3,7 @@ import type { StoryFn } from "@storybook/react"; import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; -import { Form, FormControl } from "@twilio-paste/form"; +import { Form, FormControl } from "@twilio-paste/form-layout"; import { HelpText } from "@twilio-paste/help-text"; import { InformationIcon } from "@twilio-paste/icons/esm/InformationIcon"; import { Label } from "@twilio-paste/label"; diff --git a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx index a116a2ac79..9b2de39f0a 100644 --- a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx +++ b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx @@ -1,7 +1,7 @@ import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; import { CustomizationProvider } from "@twilio-paste/customization"; -import { Form, FormControl } from "@twilio-paste/form"; +import { Form, FormControl } from "@twilio-paste/form-layout"; import { HelpText } from "@twilio-paste/help-text"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; diff --git a/packages/paste-core/components/slider/stories/index.stories.tsx b/packages/paste-core/components/slider/stories/index.stories.tsx index 7c9175dc75..629cc10fb7 100644 --- a/packages/paste-core/components/slider/stories/index.stories.tsx +++ b/packages/paste-core/components/slider/stories/index.stories.tsx @@ -1,6 +1,6 @@ import { Box } from "@twilio-paste/box"; import { CustomizationProvider } from "@twilio-paste/customization"; -import { Form, FormControl } from "@twilio-paste/form"; +import { Form, FormControl } from "@twilio-paste/form-layout"; import { HelpText } from "@twilio-paste/help-text"; import { Label } from "@twilio-paste/label"; import { Paragraph } from "@twilio-paste/paragraph"; diff --git a/packages/paste-core/core-bundle/.gitignore b/packages/paste-core/core-bundle/.gitignore index c69ec46196..12d41660ad 100644 --- a/packages/paste-core/core-bundle/.gitignore +++ b/packages/paste-core/core-bundle/.gitignore @@ -45,7 +45,7 @@ /file-picker /file-uploader /flex -/form +/form-layout /form-pill-group /grid /heading diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index 3e2c3ba1d7..6fbe0a5fa7 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -116,7 +116,7 @@ "@twilio-paste/file-picker": "^5.0.1", "@twilio-paste/file-uploader": "^5.0.1", "@twilio-paste/flex": "^9.0.1", - "@twilio-paste/form": "^12.0.1", + "@twilio-paste/form-layout": "^12.0.1", "@twilio-paste/form-pill-group": "^9.0.1", "@twilio-paste/grid": "^9.0.1", "@twilio-paste/heading": "^12.0.1", diff --git a/packages/paste-core/core-bundle/src/form-layout.tsx b/packages/paste-core/core-bundle/src/form-layout.tsx new file mode 100644 index 0000000000..2fae6fabf3 --- /dev/null +++ b/packages/paste-core/core-bundle/src/form-layout.tsx @@ -0,0 +1 @@ +export * from "@twilio-paste/form-layout"; diff --git a/packages/paste-core/core-bundle/src/form.tsx b/packages/paste-core/core-bundle/src/form.tsx index 1da137ee2f..2fae6fabf3 100644 --- a/packages/paste-core/core-bundle/src/form.tsx +++ b/packages/paste-core/core-bundle/src/form.tsx @@ -1 +1 @@ -export * from "@twilio-paste/form"; +export * from "@twilio-paste/form-layout"; diff --git a/packages/paste-core/core-bundle/src/index.tsx b/packages/paste-core/core-bundle/src/index.tsx index 3ed7c3ee02..08e101d240 100644 --- a/packages/paste-core/core-bundle/src/index.tsx +++ b/packages/paste-core/core-bundle/src/index.tsx @@ -35,7 +35,7 @@ export * from "@twilio-paste/example-text"; export * from "@twilio-paste/file-picker"; export * from "@twilio-paste/file-uploader"; export * from "@twilio-paste/flex"; -export * from "@twilio-paste/form"; +export * from "@twilio-paste/form-layout"; export * from "@twilio-paste/form-pill-group"; export * from "@twilio-paste/grid"; export * from "@twilio-paste/heading"; diff --git a/packages/paste-website/package.json b/packages/paste-website/package.json index 122ebf5c10..f0e851cccb 100644 --- a/packages/paste-website/package.json +++ b/packages/paste-website/package.json @@ -75,7 +75,7 @@ "@twilio-paste/file-picker": "^5.0.1", "@twilio-paste/file-uploader": "^5.0.1", "@twilio-paste/flex": "^9.0.1", - "@twilio-paste/form": "^12.0.1", + "@twilio-paste/form-layout": "^12.0.1", "@twilio-paste/form-pill-group": "^9.0.1", "@twilio-paste/grid": "^9.0.1", "@twilio-paste/heading": "^12.0.1", diff --git a/packages/paste-website/src/components/site-search/SearchForm.tsx b/packages/paste-website/src/components/site-search/SearchForm.tsx index 6cd03d5fb7..750641f6ef 100644 --- a/packages/paste-website/src/components/site-search/SearchForm.tsx +++ b/packages/paste-website/src/components/site-search/SearchForm.tsx @@ -1,11 +1,11 @@ import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; -import { Form, FormControl, FormSection } from "@twilio-paste/form"; import { ClearIcon } from "@twilio-paste/icons/esm/ClearIcon"; import { SearchIcon } from "@twilio-paste/icons/esm/SearchIcon"; import { Input } from "@twilio-paste/input"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import { Form, FormControl, FormSection } from "../../../../paste-core/components/form-layout/dist"; export interface SearchFormProps { onSubmit: () => void; diff --git a/packages/paste-website/src/pages/components/form/api.mdx b/packages/paste-website/src/pages/components/form-layout/api.mdx similarity index 96% rename from packages/paste-website/src/pages/components/form/api.mdx rename to packages/paste-website/src/pages/components/form-layout/api.mdx index a234d1a0af..9d401580ae 100644 --- a/packages/paste-website/src/pages/components/form/api.mdx +++ b/packages/paste-website/src/pages/components/form-layout/api.mdx @@ -6,7 +6,7 @@ export const meta = { }; import Changelog from '@twilio-paste/form/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render -import packageJson from '@twilio-paste/form/package.json'; +import packageJson from '../../../../../paste-core/components/form-layout/package.json'; import {SidebarCategoryRoutes} from '../../../constants'; import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; diff --git a/packages/paste-website/src/pages/components/form/changelog.mdx b/packages/paste-website/src/pages/components/form-layout/changelog.mdx similarity index 92% rename from packages/paste-website/src/pages/components/form/changelog.mdx rename to packages/paste-website/src/pages/components/form-layout/changelog.mdx index c00fa6cb26..190e790a47 100644 --- a/packages/paste-website/src/pages/components/form/changelog.mdx +++ b/packages/paste-website/src/pages/components/form-layout/changelog.mdx @@ -6,7 +6,7 @@ export const meta = { }; import Changelog from '@twilio-paste/form/CHANGELOG.md'; -import packageJson from '@twilio-paste/form/package.json'; +import packageJson from '../../../../../paste-core/components/form-layout/package.json'; import {SidebarCategoryRoutes} from '../../../constants'; import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; diff --git a/packages/paste-website/src/pages/components/form/index.mdx b/packages/paste-website/src/pages/components/form-layout/index.mdx similarity index 99% rename from packages/paste-website/src/pages/components/form/index.mdx rename to packages/paste-website/src/pages/components/form-layout/index.mdx index 019eb8f2a7..d7d961f950 100644 --- a/packages/paste-website/src/pages/components/form/index.mdx +++ b/packages/paste-website/src/pages/components/form-layout/index.mdx @@ -2,7 +2,7 @@ export const meta = { title: 'Form', package: '@twilio-paste/form', description: 'A Form groups related form elements that allow users to input information or configure options.', - slug: '/components/form/', + slug: '/components/form-layout/', }; import {Box} from '@twilio-paste/box'; @@ -18,7 +18,7 @@ import { FormSection, FormSectionDescription, FormSectionHeading, -} from '@twilio-paste/form'; +} from '../../../../../paste-core/components/form-layout/dist'; import {Heading} from '@twilio-paste/heading'; import {HelpText} from '@twilio-paste/help-text'; import {InlineCode} from '@twilio-paste/inline-code'; @@ -43,7 +43,7 @@ import { errorExample, maxWidthForm, } from '../../../component-examples/FormExamples'; -import packageJson from '@twilio-paste/form/package.json'; +import packageJson from '../../../../../paste-core/components/form-layout/package.json'; import ComponentPageLayout from '../../../layouts/ComponentPageLayout'; import {getFeature, getNavigationData} from '../../../utils/api'; @@ -62,7 +62,7 @@ export const getStaticProps = async () => { mdxHeadings, pageHeaderData: { categoryRoute: SidebarCategoryRoutes.COMPONENTS, - githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/form', + githubUrl: 'https://github.com/twilio-labs/paste/tree/main/packages/paste-core/components/form-layout', storybookUrl: '/?path=/story/components-form--default', }, }, diff --git a/packages/paste-website/src/pages/components/popover/index.mdx b/packages/paste-website/src/pages/components/popover/index.mdx index 2c849af3cb..38bf858c48 100644 --- a/packages/paste-website/src/pages/components/popover/index.mdx +++ b/packages/paste-website/src/pages/components/popover/index.mdx @@ -20,7 +20,7 @@ import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; import { ButtonGroup } from "@twilio-paste/button-group"; import { CheckboxGroup, Checkbox } from "@twilio-paste/checkbox"; -import { Form, FormActions, FormControl } from "@twilio-paste/form"; +import { Form, FormActions, FormControl } from "@twilio-paste/form-layout"; import { FormPillGroup, useFormPillState } from "@twilio-paste/form-pill-group"; import { Heading } from "@twilio-paste/heading"; import { Input } from "@twilio-paste/input"; diff --git a/packages/paste-website/src/pages/components/slider/index.mdx b/packages/paste-website/src/pages/components/slider/index.mdx index cc07e94629..d4c4966f84 100644 --- a/packages/paste-website/src/pages/components/slider/index.mdx +++ b/packages/paste-website/src/pages/components/slider/index.mdx @@ -15,7 +15,7 @@ import {Slider} from '@twilio-paste/slider'; import packageJson from '@twilio-paste/slider/package.json'; import {Label} from '@twilio-paste/label'; import {HelpText} from '@twilio-paste/help-text'; -import {Form, FormControl} from '@twilio-paste/form'; +import {Form, FormControl} from '../../../../../paste-core/components/form-layout/dist'; import {useUID} from '@twilio-paste/uid-library'; import {Meter, MeterLabel} from '@twilio-paste/meter'; diff --git a/packages/paste-website/src/pages/patterns/form/index.mdx b/packages/paste-website/src/pages/patterns/form/index.mdx index e7d8e0e5b1..765668c6c3 100644 --- a/packages/paste-website/src/pages/patterns/form/index.mdx +++ b/packages/paste-website/src/pages/patterns/form/index.mdx @@ -16,7 +16,7 @@ import { FormSection, FormSectionDescription, FormSectionHeading, -} from '@twilio-paste/form'; +} from '../../../../../paste-core/components/form-layout/dist'; import {SearchIcon} from '@twilio-paste/icons/esm/SearchIcon'; import {ArrowBackIcon} from '@twilio-paste/icons/esm/ArrowBackIcon'; import {ArrowForwardIcon} from '@twilio-paste/icons/esm/ArrowForwardIcon'; diff --git a/packages/paste-website/stories/Form.stories.tsx b/packages/paste-website/stories/Form.stories.tsx index def8ba9062..3803f8423d 100644 --- a/packages/paste-website/stories/Form.stories.tsx +++ b/packages/paste-website/stories/Form.stories.tsx @@ -13,7 +13,7 @@ import { DataGridRow, } from "@twilio-paste/data-grid"; import { DatePicker } from "@twilio-paste/date-picker"; -import { Form, FormControl, FormSection, FormSectionDescription, FormSectionHeading } from "@twilio-paste/form"; +import { Form, FormControl, FormSection, FormSectionDescription, FormSectionHeading } from "@twilio-paste/form-layout"; import { Heading } from "@twilio-paste/heading"; import { HelpText } from "@twilio-paste/help-text"; import { ArrowBackIcon } from "@twilio-paste/icons/esm/ArrowBackIcon"; diff --git a/packages/paste-website/stories/PageTemplates.stories.tsx b/packages/paste-website/stories/PageTemplates.stories.tsx index 1d739f0824..2dbf03ae97 100644 --- a/packages/paste-website/stories/PageTemplates.stories.tsx +++ b/packages/paste-website/stories/PageTemplates.stories.tsx @@ -29,7 +29,7 @@ import { FormSection, FormSectionDescription, FormSectionHeading, -} from "@twilio-paste/form"; +} from "@twilio-paste/form-layout"; import { FormPill, FormPillGroup, useFormPillState } from "@twilio-paste/form-pill-group"; import { Column, Grid } from "@twilio-paste/grid"; import { Heading } from "@twilio-paste/heading"; diff --git a/yarn.lock b/yarn.lock index c6b43a1128..6ccb8bee13 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11979,7 +11979,7 @@ __metadata: "@twilio-paste/file-picker": ^5.0.1 "@twilio-paste/file-uploader": ^5.0.1 "@twilio-paste/flex": ^9.0.1 - "@twilio-paste/form": ^12.0.1 + "@twilio-paste/form-layout": ^12.0.1 "@twilio-paste/form-pill-group": ^9.0.1 "@twilio-paste/grid": ^9.0.1 "@twilio-paste/heading": ^12.0.1 @@ -12777,27 +12777,24 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/form-pill-group@^9.0.1, @twilio-paste/form-pill-group@workspace:packages/paste-core/components/form-pill-group": +"@twilio-paste/form-layout@^12.0.1, @twilio-paste/form-layout@workspace:packages/paste-core/components/form-layout": version: 0.0.0-use.local - resolution: "@twilio-paste/form-pill-group@workspace:packages/paste-core/components/form-pill-group" + resolution: "@twilio-paste/form-layout@workspace:packages/paste-core/components/form-layout" dependencies: "@twilio-paste/animation-library": ^3.0.1 "@twilio-paste/box": ^11.0.1 "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/customization": ^9.0.1 - "@twilio-paste/design-tokens": ^10.8.0 - "@twilio-paste/icons": ^13.0.1 - "@twilio-paste/reakit-library": ^3.0.1 - "@twilio-paste/screen-reader-only": ^14.0.1 + "@twilio-paste/design-tokens": ^10.3.0 + "@twilio-paste/heading": ^12.0.1 "@twilio-paste/style-props": ^10.0.1 "@twilio-paste/styling-library": ^4.0.1 + "@twilio-paste/text": ^11.0.1 "@twilio-paste/theme": ^12.0.1 - "@twilio-paste/truncate": ^15.0.1 "@twilio-paste/types": ^7.0.1 "@twilio-paste/uid-library": ^3.0.1 "@types/react": ^19.0.8 "@types/react-dom": ^19.0.3 - deepmerge: 4.2.2 react: ^19.0.0 react-dom: ^19.0.0 tsx: ^4.0.0 @@ -12808,13 +12805,11 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/customization": ^9.0.0 "@twilio-paste/design-tokens": ^10.0.0 - "@twilio-paste/icons": ^13.0.0 - "@twilio-paste/reakit-library": ^3.0.0 - "@twilio-paste/screen-reader-only": ^14.0.0 + "@twilio-paste/heading": ^12.0.0 "@twilio-paste/style-props": ^10.0.0 "@twilio-paste/styling-library": ^4.0.0 + "@twilio-paste/text": ^11.0.0 "@twilio-paste/theme": ^12.0.0 - "@twilio-paste/truncate": ^15.0.0 "@twilio-paste/types": ^7.0.0 "@twilio-paste/uid-library": ^3.0.0 "@types/react": ^17.0.2 || ^18.0.27 || ^19.0.0 @@ -12824,24 +12819,27 @@ __metadata: languageName: unknown linkType: soft -"@twilio-paste/form@^12.0.1, @twilio-paste/form@workspace:packages/paste-core/components/form": +"@twilio-paste/form-pill-group@^9.0.1, @twilio-paste/form-pill-group@workspace:packages/paste-core/components/form-pill-group": version: 0.0.0-use.local - resolution: "@twilio-paste/form@workspace:packages/paste-core/components/form" + resolution: "@twilio-paste/form-pill-group@workspace:packages/paste-core/components/form-pill-group" dependencies: "@twilio-paste/animation-library": ^3.0.1 "@twilio-paste/box": ^11.0.1 "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/customization": ^9.0.1 - "@twilio-paste/design-tokens": ^10.3.0 - "@twilio-paste/heading": ^12.0.1 + "@twilio-paste/design-tokens": ^10.8.0 + "@twilio-paste/icons": ^13.0.1 + "@twilio-paste/reakit-library": ^3.0.1 + "@twilio-paste/screen-reader-only": ^14.0.1 "@twilio-paste/style-props": ^10.0.1 "@twilio-paste/styling-library": ^4.0.1 - "@twilio-paste/text": ^11.0.1 "@twilio-paste/theme": ^12.0.1 + "@twilio-paste/truncate": ^15.0.1 "@twilio-paste/types": ^7.0.1 "@twilio-paste/uid-library": ^3.0.1 "@types/react": ^19.0.8 "@types/react-dom": ^19.0.3 + deepmerge: 4.2.2 react: ^19.0.0 react-dom: ^19.0.0 tsx: ^4.0.0 @@ -12852,11 +12850,13 @@ __metadata: "@twilio-paste/color-contrast-utils": ^5.0.0 "@twilio-paste/customization": ^9.0.0 "@twilio-paste/design-tokens": ^10.0.0 - "@twilio-paste/heading": ^12.0.0 + "@twilio-paste/icons": ^13.0.0 + "@twilio-paste/reakit-library": ^3.0.0 + "@twilio-paste/screen-reader-only": ^14.0.0 "@twilio-paste/style-props": ^10.0.0 "@twilio-paste/styling-library": ^4.0.0 - "@twilio-paste/text": ^11.0.0 "@twilio-paste/theme": ^12.0.0 + "@twilio-paste/truncate": ^15.0.0 "@twilio-paste/types": ^7.0.0 "@twilio-paste/uid-library": ^3.0.0 "@types/react": ^17.0.2 || ^18.0.27 || ^19.0.0 @@ -15795,7 +15795,7 @@ __metadata: "@twilio-paste/file-picker": ^5.0.1 "@twilio-paste/file-uploader": ^5.0.1 "@twilio-paste/flex": ^9.0.1 - "@twilio-paste/form": ^12.0.1 + "@twilio-paste/form-layout": ^12.0.1 "@twilio-paste/form-pill-group": ^9.0.1 "@twilio-paste/grid": ^9.0.1 "@twilio-paste/heading": ^12.0.1