[component]: Password input

[gfellerph]

Create a password field component with show/hide password icon button.

Features:

• [ ] Name: post-password (?)
• [ ] Input and button are next to each other, input text is never hidden by the button
• [ ] Input element and button text can be passed into a slot, for maximum flexibility with the input element
• [ ] Component state should be updated when slotted input element type changes from the outside

Options:

• [ ] Input size: [small, large]
• [ ] Floating label: [yes, no]
• [ ] Password shown/hidden initially

Methods:

• [ ] JS API for toggling visibility

Tests:

• [ ] Check input type when toggling the visibility

Default:

<post-password>
  <label slot="label">Label</label>
  <input slot="input" type="password" />
  <span slot="button-text"></span>
</post-password>

[gfellerph]

Password fields in modal: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=20110-20763&mode=design&t=xSsfsncaG7Mwurm6-4

[oliverschuerch]

@Vandapanda Why is this in review? The provided link by @gfellerph is not showing a complete state of the password field to me.

[Vandapanda]

@oliverschuerch My fault, was told to build it in in the Input component, you can find the link here https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=7775%3A33876&mode=design&t=g2Bs8idEX3FzJg3A-1

[oliverschuerch]

@Vandapanda There is at least one topic we need to discuss. I've added it to the pattern discussion.

[gfellerph]

Link to v2 password field (design required): https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=1457-15780&t=3PjTQpQCtzCqDafE-4