swisspost / design-system

The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.
https://design-system.post.ch
Apache License 2.0
119 stars 14 forks source link

[component]: Textarea #3272

Open Cian77 opened 1 month ago

Cian77 commented 1 month ago

Description

Create a HTML/CSS component using the current markup that implements as many features as possible from the new Design. Remove any dependencies on bootstrap for this component. This is done for backwards compatibility reasons. The current structure will eventually be deprecated. These styles will give us the necessary time to come up with a solid input component strategy.

Open issues:

Design:

Tokens:

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=21-182

Tokens

Tasks

### 💻 Tasks
- [x] Review figma design (states complete, ability to implement)
- [ ] HTML/CSS implementation with Design Tokens
- [ ] Remove any references to bootstrap
- [ ] Remove any unused component scss variables
- [ ] Documentation in Storybook
- [ ] Visual regression tests
- [ ] Design review
gfellerph commented 1 month ago

Discussion with @sandrahohl-post, small variants and dark mode will be added in a later stage. Selected state will be discussed, implement Default, Hover, Focus and Disabled for the moment.

sandra-post commented 1 month ago

Added assistive text, FYI @gfellerph

Cian77 commented 4 weeks ago

Integrated new Typo and Icons.

gfellerph commented 3 weeks ago

Discuss about how to style native elements only.