Add loading states to components as a a11y improvement

[aweell]

Description

We have identified multiple cases where having a loading state provide by the component (same as we do currently in the button) could be an improvement in a11y helping teams to avoid different solutions to the same problem.

Current cases

• Inputs loading: https://github.com/Telefonica/mistica-design/discussions/2122
• Sheet loading: https://github.com/Telefonica/mistica-design/discussions/2133
• Row controls: https://teams.microsoft.com/l/message/19:[email protected]/1739980344078?tenantId=9744600e-3e04-492e-baa1-25ec245c6f10&groupId=e265fe99-929f-45d1-8154-699649674a40&parentMessageId=1739980344078&teamName=M%C3%ADstica&channelName=Help&createdTime=1739980344078

We should also identify possible other cases so we can provide a solution before the problem arrives.

Tasks

• [ ] Update specs
• [ ] Design documentation
• [ ] Add to mobile library
• [ ] Add to desktop library
• [ ] Add to UI Kit
• [ ] Android ticket
• [ ] iOS ticket
• [ ] Web ticket

[brtbrt]

proof of concept for web available here: https://github.com/Telefonica/mistica-design/discussions/2249

[LucasAlbuquerque0]

Hi @aweell , do you have an update on how the input changes with loading?

[aweell]

Hi @aweell , do you have an update on how the input changes with loading?

Hey @LucasAlbuquerque0, this is not part of our Q3 planning, please prioritise accordingly with PM to be included in next quarters