schilchSICKAG commented 6 months ago

Checklist (for the issue creator)

[x] I have looked at the documentation site and was not able to find the required feature.
[x] I have looked into the Figma boards and was not able to find the required feature.
[x] I would be willing to provide a PR for this feature.

Story

As a DEVELOPER using the of the Synergy Design System, I would like to have an easy way to set opacity for disabled or loading attributes for all components via a single source so that it is easier to adjust those values for the whole design system.

Acceptance criteria

[ ] All DoD items successfully completed
[ ] button uses --syn-opacity-medium
[ ] checkbox uses --syn-opacity-medium
[ ] icon-button uses --syn-opacity-medium
[ ] input uses --syn-opacity-medium
[ ] menu-item uses --syn-opacity-medium
[ ] nav-item uses --syn-opacity-medium
[ ] option uses --syn-opacity-medium
[ ] radio uses --syn-opacity-medium
[ ] select uses --syn-opacity-medium
[ ] switch uses --syn-opacity-medium
[ ] textarea uses --syn-opacity-medium
[ ] form-control.custom.styles.ts uses --syn-opacity-medium

schilchSICKAG commented 6 months ago

Blocked by https://github.com/synergy-design-system/synergy-design-system/pull/428/files

reichst1SICKAG commented 5 months ago

Design Ticket: https://github.com/synergy-design-system/design/issues/113

synergy-design-system / synergy-design-system

feat: ✨ Remove static opacity in favor of the new syn-opacity-medium token #429

Checklist (for the issue creator)

Story

Acceptance criteria