Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[IOAPPX-438] Relax the TS constraints of IOText to accept any numeric value as size #361

Merged
merged 1 commit into from
Nov 21, 2024

Conversation

dmnplb
Copy link
Collaborator

@dmnplb dmnplb commented Nov 21, 2024

Short description

This PR removes the TS constraints of the size property of the IOText component. It now accepts any numeric value.

List of changes proposed in this pull request

  • Change IOText TS requirements

How to test

N/A

@dmnplb dmnplb requested review from a team as code owners November 21, 2024 08:27
@dmnplb dmnplb changed the title [IOAPPX-438] Relax the TS constraints of IOText' to accept any numeric value as size` [IOAPPX-438] Relax the TS constraints of IOText to accept any numeric value as size Nov 21, 2024
@dmnplb dmnplb merged commit a643314 into main Nov 21, 2024
6 checks passed
@dmnplb dmnplb deleted the IOAPPX-438-remove-ts-constraints-iotext branch November 21, 2024 09:00
dmnplb added a commit to pagopa/io-app that referenced this pull request Dec 5, 2024
…-app-design-system` to `4.0.1` (#6422)

## Short description
This PR improves overall UI typography.

## List of changes proposed in this pull request
- Update `io-app-design-system` to the new major `4.0.1` version
- Update font weight in the `HeaderFirstLevel` to make the title bolder
- Improve **Strong** markdown style by replacing `Bold` with the
`Semibold` style
- Decrease font weight of the subtitle in the `ServicesHeader` component
- Improve formatting of the `MessageListItem`
- Replace removed `Chip` typographic style with `LabelMini`
- Replace removed `Label` typographic style with `Body`
- Replace removed `LabelSmall` typographic style with the new
`BodySmall`
- **[extra]** Fix typo in the English locale (`CIEIdWizard`)

> [!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](https://github.com/user-attachments/assets/70ddf413-a5a7-40be-ac54-d8d1d81ce040)
| ![Simulator Screenshot - iPhone 16 Pro - 2024-11-21 at 11 52
44](https://github.com/user-attachments/assets/f1616c82-bd68-49f7-bda0-92947039b79f)
|

#### Old vs New

<details><summary><code>Messages Home</code></summary>
<p>

| Before | After |
|--------|--------|
| ![Simulator Screenshot - iPhone 16 Pro - 2024-12-05 at 15 19
58](https://github.com/user-attachments/assets/13dcd29c-a097-4fde-a010-c1517a73a299)
| ![Simulator Screenshot - iPhone 16 Pro - 2024-12-05 at 15 22
33](https://github.com/user-attachments/assets/f10f92c9-8b49-4827-adac-9ed0d73561ac)
|

</p>
</details> 

<details><summary><code>Payments Home</code></summary>
<p>

| Before | After |
|--------|--------|
| ![Simulator Screenshot - iPhone 16 Pro - 2024-12-05 at 15 20
22](https://github.com/user-attachments/assets/10cae2b8-c71b-42ac-8e27-f3f328ab4bd8)
| ![Simulator Screenshot - iPhone 16 Pro - 2024-12-05 at 15 23
51](https://github.com/user-attachments/assets/0ad36333-7cdc-4d0a-af13-cc442bb46577)
|

</p>
</details> 

### Related PRs
* pagopa/io-app-design-system#360
* pagopa/io-app-design-system#361

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

---------

Co-authored-by: Emanuele Dall'Ara <71103219+LeleDallas@users.noreply.github.com>
Co-authored-by: Alice Di Rico <83651704+Ladirico@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants