feat(QTM-728): Migrated to css modules and updated types and snapshots

[MarcosViniciusPC]

Description

https://jirasoftware.catho.com.br/browse/QTM-728

Review guide

• Unit tests (yarn test:components)
• Regression
  - first start the storybook for regression tests(and keep it open): yarn test:regression:storybook;
  - then run the regression tests: yarn test:regression
• Code review
• TypeScript updated
• Build

How to test build

• In quantum, install the dependencies and build, running yarn && yarn build
• Clone the repository https://github.com/catho/ssr-quantum-simulator
• In ssr-quantum-simulator, add the local quantum build using yarn add [local-path]/quantum/dist
• Change the GlobalStyle imports to Typography in the _app and quantum.js files.
• In the _app file, import the quantum css using import '@catho/quantum/index.css'
• Still in ssr-quantum-simulator, run yarn dev and access the page http://localhost:3000/quantum
• Compare components with https://catho.github.io/quantum/?path=/docs/introduction-gettingstarted--docs

How to test visual changes

• In quantum, install the dependencies and build, running yarn && yarn storybook
• Access https://catho.github.io/quantum/?path=/docs/introduction-gettingstarted--docs and http://localhost:9007/, in parallel, and make visual comparisons of the components affected by the changes.

Note:

• It is important to check states (hover, focus, disabled, etc.), as they are not valid for regressive tests (yarn test:regression)

[sonarqubecloud]

Quality Gate passed

Issues
5 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[github-actions]

🎉 This PR is included in version 10.0.0-beta.14 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀