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

Styles: Align text input styles with figma #807

Closed
4 tasks
gfellerph opened this issue Nov 24, 2022 · 2 comments
Closed
4 tasks

Styles: Align text input styles with figma #807

gfellerph opened this issue Nov 24, 2022 · 2 comments
Labels
💔 BREAKING This is a breaking change and results in a new major version 📦 styles Related to the @swisspost/design-system-styles package
Milestone

Comments

@gfellerph
Copy link
Member

Align the implementation of the text input with figma (https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components?node-id=7830%3A34310&t=cV2KtiERUC03yvvs-4).

This is a breaking change.

  • Show placeholder on floating label inputs (wait till label is floated, then remove color transparency and on blur, hide the placeholder fast before the label is animated)
  • Reduce number of size variants to two (72px and 48px)
  • Rename the component to Text Input
  • Update storybook and demo app
@gfellerph gfellerph added the 📦 styles Related to the @swisspost/design-system-styles package label Nov 24, 2022
@gfellerph gfellerph added this to the Next milestone Nov 24, 2022
@gfellerph gfellerph added the 💔 BREAKING This is a breaking change and results in a new major version label Nov 24, 2022
@imagoiq
Copy link
Contributor

imagoiq commented Jan 9, 2024

@gfellerph it looks like an old issue which is covered by: #1835 and #2225

@gfellerph
Copy link
Member Author

Closing as duplicate of #1835, #2225 and #2527

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💔 BREAKING This is a breaking change and results in a new major version 📦 styles Related to the @swisspost/design-system-styles package
Projects
Development

No branches or pull requests

2 participants