feat(pie-textarea): DSW-3890 Add Resize None

[KatarinaNeskovic]

Describe your changes (can list changeset entries if preferable)

This PR adds resize = "none" as a new prop value to pie-textarea. Includes browser tests, as well as a small logic update to reset inline height when switching from auto to none. Testing in Aperture was done locally. Existing draft Aperture PR wasn't updated with the prop change to avoid pushing changes for each prop test.

Author Checklist (complete before requesting a review, do not delete any)

• I have performed a self-review of my code.
• I have added thorough tests where applicable (unit / component / visual).
• I have reviewed the PIE Storybook/PIE Docs PR preview.
• I have reviewed visual test updates properly before approving.
• If changes will affect consumers of the package, I have created a changeset entry.
• If a changeset file has been created, I have tested these changes in PIE Aperture using the /test-aperture command.

---

Reviewer checklists (complete before approving)

Mark items as [-] N/A if not applicable.

Reviewer 1

• I have reviewed the PIE Storybook/PIE Docs PR preview.
• I have verified that all acceptance criteria for this ticket have been completed.
• [-] I have reviewed the Aperture changes (if added)
• [-] If there are visual test updates, I have reviewed them.

Reviewer 2

• [-] I have reviewed the PIE Storybook/PIE Docs PR preview.
• [-] I have verified that all acceptance criteria for this ticket have been completed.
• [-] I have reviewed the Aperture changes (if added)
• [-] If there are visual test updates, I have reviewed them.

[changeset-bot]

🦋 Changeset detected

Latest commit: 1deed28

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@justeattakeaway/pie-textarea	Minor
@justeattakeaway/pie-webc	Patch
@justeattakeaway/pie-docs	Patch
@justeattakeaway/pie-storybook	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[KatarinaNeskovic]

/test-aperture

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@KatarinaNeskovic Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260703122357 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260703122357 --mode=update-lockfile

Then finally:

yarn install

[pie-design-system-app]

🚀 Aperture PR updated: justeattakeaway/pie-aperture#516

App deployments will appear under the Deployments section of this PR shortly!

_{Updated 6 Jul 2026, 14:25 UTC · PIE @ e4ce650 · workflow run}

[KatarinaNeskovic]

/test-aperture

[pie-design-system-app]

Starting a new snapshot build. You can view the logs here.

[pie-design-system-app]

@KatarinaNeskovic Your snapshots have been published to npm!

Test the snapshots by updating your package.json with the newly-published versions:

Note

If you have more than one of these packages installed, we suggest using the new snapshots for all of them to help avoid version conflicts.

yarn up @justeattakeaway/pie-textarea@0.0.0-snapshot-release-20260706142158 --mode=update-lockfile

yarn up @justeattakeaway/pie-webc@0.0.0-snapshot-release-20260706142158 --mode=update-lockfile

Then finally:

yarn install

[Copilot]

Pull request overview

This PR extends the pie-textarea component API to support a new resize="none" mode, intended to prevent both user-driven and automatic resizing while keeping the component’s sizing consistent when switching away from resize="auto".

Changes:

• Added none to the supported resize prop values and updated docs accordingly.
• Introduced styling for the new resize-none wrapper class.
• Added browser/component test coverage and Storybook testing matrices for the new resize mode.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
packages/components/pie-textarea/src/defs.ts	Adds none to resizeModes and updates prop docs.
packages/components/pie-textarea/src/index.ts	Clears inline height when switching to resize="none" (and on related size/rows changes).
packages/components/pie-textarea/src/textarea.scss	Adds c-textarea--resize-none styling via CSS variables.
packages/components/pie-textarea/test/component/pie-textarea.spec.ts	Adds component tests for resize="none".
packages/components/pie-textarea/README.md	Updates public API docs to include resize="none".
apps/pie-storybook/stories/pie-textarea.stories.ts	Updates Storybook argType descriptions for the new option.
apps/pie-storybook/stories/testing/pie-textarea.test.stories.ts	Expands testing story matrices to include resize="none".
.changeset/textarea-resize-none.md	Declares a minor release for the new prop value.