search

pagopa / io-app

IO, l'app dei servizi pubblici
https://io.italia.it
European Union Public License 1.2
617 stars 105 forks source link

chore(Cross): [IOAPPX-435] Improve overall UI typography + Update `io-app-design-system` to `4.0.1` #6422

Open dmnplb opened 1 week ago

dmnplb commented 1 week ago

Short description

This PR improves overall UI typography.

List of changes proposed in this pull request

[!note] For the reviewers: the default weight of LabelSmall was Semibold, while the default weight for BodySmall is Regular. That's why LabelSmall set without the weight prop was replaced by BodySmall with the weight prop set to Semibold. The same should happen to the Label typographic style

Preview

Actual UI New UI
Simulator Screenshot - iPhone 16 Pro - 2024-11-21 at 11 47 43 Simulator Screenshot - iPhone 16 Pro - 2024-11-21 at 11 52 44

Related PRs

How to test

Check each DS component and navigate through the app to check if everything is OK

pagopa-github-bot commented 1 week ago

Affected stories

Generated by :no_entry_sign: dangerJS against 182ba2429c33568c55324093c837e37cabf1860e

codecov[bot] commented 1 week ago

Codecov Report

Attention: Patch coverage is 41.93548% with 18 lines in your changes missing coverage. Please review.

Project coverage is 48.12%. Comparing base (4f204b4) to head (182ba24). Report is 795 commits behind head on master.

Files with missing lines Patch % Lines
...s/fims/singleSignOn/components/FimsPrivacyInfo.tsx 0.00% 2 Missing :warning:
ts/features/design-system/DesignSystem.tsx 0.00% 1 Missing :warning:
ts/features/design-system/core/DSNumberPad.tsx 0.00% 1 Missing :warning:
ts/features/design-system/navigation/navigator.tsx 0.00% 1 Missing :warning:
...s/euCovidCert/screens/EuCovidCertRevokedScreen.tsx 0.00% 1 Missing :warning:
ts/features/fci/components/InfoScreenComponent.tsx 50.00% 1 Missing :warning:
...s/fims/singleSignOn/components/FimsSuccessBody.tsx 0.00% 1 Missing :warning:
...dpay/details/components/InitiativeRulesInfoBox.tsx 0.00% 1 Missing :warning:
...nboarding/screens/BoolValuePrerequisitesScreen.tsx 0.00% 1 Missing :warning:
...boarding/screens/MultiValuePrerequisitesScreen.tsx 0.00% 1 Missing :warning:
... and 7 more
Additional details and impacted files [![Impacted file tree graph](https://app.codecov.io/gh/pagopa/io-app/pull/6422/graphs/tree.svg?width=650&height=150&src=pr&token=zsurlZdPFW&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa)](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #6422 +/- ## ========================================== - Coverage 48.42% 48.12% -0.31% ========================================== Files 1488 1627 +139 Lines 31617 32659 +1042 Branches 7669 7441 -228 ========================================== + Hits 15311 15716 +405 - Misses 16238 16898 +660 + Partials 68 45 -23 ``` | [Files with missing lines](https://app.codecov.io/gh/pagopa/io-app/pull/6422?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | Coverage Δ | | |---|---|---| | [ts/components/AppVersion.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2FAppVersion.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy9BcHBWZXJzaW9uLnRzeA==) | `100.00% <ø> (+50.00%)` | :arrow_up: | | [ts/components/BonusCard/BonusCard.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2FBonusCard%2FBonusCard.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy9Cb251c0NhcmQvQm9udXNDYXJkLnRzeA==) | `93.93% <ø> (-2.36%)` | :arrow_down: | | [ts/components/IOMarkdown/renderRules.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2FIOMarkdown%2FrenderRules.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy9JT01hcmtkb3duL3JlbmRlclJ1bGVzLnRzeA==) | `67.44% <ø> (ø)` | | | [ts/components/SectionStatus/StatusContent.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2FSectionStatus%2FStatusContent.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy9TZWN0aW9uU3RhdHVzL1N0YXR1c0NvbnRlbnQudHN4) | `90.00% <ø> (-10.00%)` | :arrow_down: | | [ts/components/debug/DebugPrettyPrint.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2Fdebug%2FDebugPrettyPrint.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy9kZWJ1Zy9EZWJ1Z1ByZXR0eVByaW50LnRzeA==) | `59.09% <ø> (ø)` | | | [ts/components/ui/BannerErrorState.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2Fui%2FBannerErrorState.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy91aS9CYW5uZXJFcnJvclN0YXRlLnRzeA==) | `9.67% <ø> (ø)` | | | [ts/components/ui/IOScrollViewWithLargeHeader.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Fcomponents%2Fui%2FIOScrollViewWithLargeHeader.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvY29tcG9uZW50cy91aS9JT1Njcm9sbFZpZXdXaXRoTGFyZ2VIZWFkZXIudHN4) | `81.25% <100.00%> (ø)` | | | [...atures/barcode/components/CameraPermissionView.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbarcode%2Fcomponents%2FCameraPermissionView.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYmFyY29kZS9jb21wb25lbnRzL0NhbWVyYVBlcm1pc3Npb25WaWV3LnRzeA==) | `100.00% <ø> (ø)` | | | [ts/features/bonus/cgn/components/CgnCard.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fcomponents%2FCgnCard.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL2NvbXBvbmVudHMvQ2duQ2FyZC50c3g=) | `91.66% <ø> (-8.34%)` | :arrow_down: | | [ts/features/bonus/cgn/components/CgnCardStatus.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree&filepath=ts%2Ffeatures%2Fbonus%2Fcgn%2Fcomponents%2FCgnCardStatus.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvYm9udXMvY2duL2NvbXBvbmVudHMvQ2duQ2FyZFN0YXR1cy50c3g=) | `100.00% <100.00%> (ø)` | | | ... and [71 more](https://app.codecov.io/gh/pagopa/io-app/pull/6422?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | | ... and [1622 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/6422/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pagopa/io-app/pull/6422?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pagopa/io-app/pull/6422?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [4136f6d...182ba24](https://app.codecov.io/gh/pagopa/io-app/pull/6422?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa).