Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(formControl): adds density support for Form control elements #2650

Merged
merged 17 commits into from
Jan 12, 2024

Conversation

stephanLeece
Copy link
Contributor

@stephanLeece stephanLeece commented Jan 10, 2024

Purpose of PR

This PR adds density support to the FormControl Element.

Fort size, line height, icon size and spacing will be reduced when the component is wrapped in a density container.

Adds example FormControl story

Updates Stories that import DensityContainer to use relative import father than from package, to fix changeset generation errors

Ticket: https://contentful.atlassian.net/browse/CFCX-957

PR Checklist

  • I have read the relevant readme.md file(s)
  • All commits follow our Git commit message convention
  • Tests are added/updated/not required
  • Tests are passing
  • Storybook stories are added/updated/not required
  • Usage notes are added/updated/not required
  • Has been tested based on Contentful's browser support
  • Doesn't contain any sensitive information

Copy link

changeset-bot bot commented Jan 10, 2024

🦋 Changeset detected

Latest commit: ff50ebf

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

This PR includes changesets to release 32 packages
Name Type
@contentful/f36-forms Patch
@contentful/f36-accordion Patch
@contentful/f36-asset Patch
@contentful/f36-autocomplete Patch
@contentful/f36-badge Patch
@contentful/f36-button Patch
@contentful/f36-card Patch
@contentful/f36-collapse Patch
@contentful/f36-copybutton Patch
@contentful/f36-core Patch
@contentful/f36-datetime Patch
@contentful/f36-datepicker Patch
@contentful/f36-drag-handle Patch
@contentful/f36-entity-list Patch
@contentful/f36-empty-state Patch
@contentful/f36-icon Patch
@contentful/f36-list Patch
@contentful/f36-menu Patch
@contentful/f36-modal Patch
@contentful/f36-note Patch
@contentful/f36-notification Patch
@contentful/f36-pagination Patch
@contentful/f36-pill Patch
@contentful/f36-popover Patch
@contentful/f36-skeleton Patch
@contentful/f36-spinner Patch
@contentful/f36-table Patch
@contentful/f36-tabs Patch
@contentful/f36-text-link Patch
@contentful/f36-tooltip Patch
@contentful/f36-typography Patch
@contentful/f36-components 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

@stephanLeece stephanLeece self-assigned this Jan 10, 2024
Copy link

vercel bot commented Jan 10, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
forma-36 ✅ Ready (Inspect) Visit Preview Jan 11, 2024 2:57pm

Copy link

github-actions bot commented Jan 10, 2024

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
CommonJS 129.65 KB (+0.04% 🔺) 2.6 s (+0.04% 🔺) 40 ms (+61.39% 🔺) 2.7 s
Module 126.78 KB (+0.04% 🔺) 2.6 s (+0.04% 🔺) 42 ms (+71.88% 🔺) 2.6 s

@stephanLeece
Copy link
Contributor Author

@damann UI changes are here: https://www.chromatic.com/review?appId=5fd1dda724cc620021ace8c5&number=2650&type=linked

Note that the Horizontal margin for the Validation message has increased to 8px for the low-density version, and 4px for the high. Previously it was at 4px as the default.

@stephanLeece stephanLeece changed the title feat(baseCheckbox): adds density support for Form control elements feat(formControl): adds density support for Form control elements Jan 11, 2024
package-lock.json Outdated Show resolved Hide resolved
Copy link
Collaborator

@cf-remylenoir cf-remylenoir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One comment regarding the new dependency in the lock file, besides that it is all good 👍 I will let @damann review the snapshots.

Copy link
Collaborator

@cf-remylenoir cf-remylenoir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice one! ✨

@stephanLeece stephanLeece merged commit 4c9a60a into main Jan 12, 2024
12 checks passed
@stephanLeece stephanLeece deleted the feat/high-density-form-control branch January 12, 2024 08:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants