The scope of this change is to implement the new design and only change the actual UIs in places where it's strictly necessary to keep the build green. Subsequent UI modifications will be addressed in a follow-up OSS PR https://github.com/gravitational/teleport/pull/43663.
Known issues:
minor UI glitches
SSO buttons are incorrectly styled
Deviations from the designs:
Due to text layout glitches, border widths were unified at 1.5px.
The minimal neutral state text color were changed to slightly muted (originally: muted) because in broader UI context, it looked like a disabled one.
There is an additional parameter called inputAlignment that stems from my discussions with Kenny and was not a formal part of the original design.
Manual tests: Reviewed all the stories in our storybook, comparing them side by side with the master copy. Glitches will be addressed in a follow-up PR to keep this one scoped.
This PR is a first in a chain.
Due to the complexity of the change, it's closely tied to a follow-up Enterprise PR https://github.com/gravitational/teleport.e/pull/4532.
The scope of this change is to implement the new design and only change the actual UIs in places where it's strictly necessary to keep the build green. Subsequent UI modifications will be addressed in a follow-up OSS PR https://github.com/gravitational/teleport/pull/43663.
Known issues:
Deviations from the designs:
inputAlignmentthat stems from my discussions with Kenny and was not a formal part of the original design.Figma: https://www.figma.com/design/Gpjs9vjhzUKF1GDbeG9JGE/Application-Design-System?node-id=6642-29063&t=TpbLdA8lOaDrWW0d-0
Contributes to https://github.com/gravitational/teleport/issues/43175
Manual tests: Reviewed all the stories in our storybook, comparing them side by side with the master copy. Glitches will be addressed in a follow-up PR to keep this one scoped.