1566 storybook consistency and UI enhancement

[evangeliaPanteliadou]

By creating this pull request you agree to the terms in CONTRIBUTING.md.
https://github.com/Infineon/.github/blob/master/CONTRIBUTING.md
--- DO NOT DELETE ANYTHING ABOVE THIS LINE ---

Storybook: consistency and UI enhancement #1566

📦 Published PR as canary version: 30.9.3--canary.1640.cca6b3e0f7f750f15c51f9cb6eb2c66789549fb3.0

✨ Test out this PR locally via:

npm install @infineon/infineon-design-system-stencil@30.9.3--canary.1640.cca6b3e0f7f750f15c51f9cb6eb2c66789549fb3.0
# or 
yarn add @infineon/infineon-design-system-stencil@30.9.3--canary.1640.cca6b3e0f7f750f15c51f9cb6eb2c66789549fb3.0

[fapfaff]

Looks already way better than before!
But here are a few things that I still would change:

Accordion

• mutable: Improve description

Card

• alt: not updating

Chip

• AriaLabel: Sets "arialabel" instead of aria-label
• selected: not updating

Date-Picker

• name: not updating
• min/max: description should mention that it needs to be formatted as yyyy-mm-dd
• aria-label: not updating
• target: Should be a single select control in storybook

Footer

• A basic story control for socials and links would be nice

Navbar

• ifxNavbarMobileMenuIsOpen: event missing
• target: Should be a single select control in storybook

Sidebar

• target: Should be a single select control in storybook

Search Bar

• disabled: Update description
• isOpen: Update description

Table (Basic)

• rowHeight: not updating

[agata-kim]

Hello Fabian and thank you for your review!

Accordion

• mutable: Improve description ✅

Card

• alt: not updating ✅

Chip

• AriaLabel: Sets "arialabel" instead of aria-label: 🟡 It is also called AriaLabel in the .tsx file because it is a Stencil property. Will it be still setted correctly if the property in the Storybook will be renamed to aria-label?
• selected: not updating ✅

Date-Picker

• name: not updating ✅
• min/max: description should mention that it needs to be formatted as yyyy-mm-dd ✅
• aria-label: not updating ✅
• target: Should be a single select control in storybook 🟡 Could you specify why should we display target since it is not a prop?

Footer

• A basic story control for socials and links would be nice ✅ Added href and icon control.

Navbar

• ifxNavbarMobileMenuIsOpen: event missing ✅ We considered to remove this event because it is nowhere used.
• target: Should be a single select control in storybook ✅

Sidebar

• target: Should be a single select control in storybook ✅

Search Bar

• disabled: Update description ✅
• isOpen: Update description ✅

Table (Basic)

• rowHeight: not updating ✅