feat(checkbox,radio-button,switch): update design by Tayebsed93 · Pull Request #490 · Orange-OpenSource/ouds-flutter

Tayebsed93 · 2025-11-17T14:50:12Z

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

Closes #465, #466, #467, #437, #434, #431, #433

Description

Motivation & Context

Types of change

Bug fix (non-breaking which fixes an issue)
New feature (non-breaking change which adds functionality)
Refactoring (non-breaking change)
Breaking change (fix or feature that would change existing functionality)

Previews

Checklist

Contribution

I have read the contributing guidelines

Accessibility

My change follows accessibility good practices

Design

My change respects the design guidelines of Orange Unified Design System

Development

My change follows the developer guide
I have added unit tests to cover my changes (optional)

Documentation

My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

Manually test (dark mode, RTL, landscape display, tablet)
Documentation has been updated if relevant
Design review
A11y review
Internal files have been updated if relevant (THIRD_PARTY, NOTICE)
changelog.md has been updated respecting keep a changelog rules and referencing the issue

…and-radio-button-rounded-corners # Conflicts: # app/CHANGELOG.md # ouds_core/CHANGELOG.md

…and-radio-button-rounded-corners # Conflicts: # app/CHANGELOG.md # app/lib/ui/utilities/customizable/customizable_textfield.dart # ouds_core/CHANGELOG.md

Tayebsed93 · 2025-11-20T15:08:55Z

📣 New Firebase App Distribution Alpha upload available 🚀 (Android)

Please, get the new build from App Tester app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: DesignToolbox (alpha) (510)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 466
cc @B3nz01d (product owner)
cc @Tayebsed93 @nouha06 @AhmedAmineZr (dev team)
cc @jerome-regnier (design team)

Tayebsed93 · 2025-11-20T15:09:05Z

📣 New TestFlight Alpha upload available 🚀 (iOS)

Please, get the new build from TestFlight app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: Design Toolbox Flutter (510)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 466
cc @B3nz01d (product owner)
cc @Tayebsed93 @AhmedAmineZr @nouha06 (dev team)
cc @jerome-regnier (design team)
cc @pya35 (Accessibility)

jerome-regnier · 2025-11-21T11:02:36Z

Review Design Figma :

Checkbox
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=69995-23022&t=BqzWYLTOMdeQzmpp-1

Radio button :
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=69995-24183&t=BqzWYLTOMdeQzmpp-1

Switch :
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=69995-24170&t=BqzWYLTOMdeQzmpp-1

J’ai laissé les commentaires sur chaque composant. Il y a un décalage important des icônes pour les 3 composants.

Tayebsed93 · 2025-11-24T17:49:04Z

📣 New Firebase App Distribution Alpha upload available 🚀 (Android)

Please, get the new build from App Tester app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: DesignToolbox (alpha) (517)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 490
cc @B3nz01d (product owner)
cc @Tayebsed93 @nouha06 @AhmedAmineZr (dev team)
cc @jerome-regnier (design team)

Tayebsed93 · 2025-11-24T17:49:27Z

📣 New TestFlight Alpha upload available 🚀 (iOS)

Please, get the new build from TestFlight app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: Design Toolbox Flutter (517)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 490
cc @B3nz01d (product owner)
cc @Tayebsed93 @AhmedAmineZr @nouha06 (dev team)
cc @jerome-regnier (design team)
cc @pya35 (Accessibility)

jerome-regnier · 2025-11-25T10:21:03Z

Review Figma :

Checkbox :
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18687&t=uSmBO8R4dlXxMZ0X-1
Radio button :
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18688&t=uSmBO8R4dlXxMZ0X-1
Switch :
https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18717&t=uSmBO8R4dlXxMZ0X-1

Pour le chekcbox et le radio button :
Il y a un problème de padding inline ce qui décale la check par exemple. On le voit également en se calant sur la check et ça décale donc le text.
Pour le switch :
Décalage de l’icône error dans le state Error

…and-radio-button-rounded-corners

Tayebsed93 · 2025-11-26T16:50:41Z

📣 New Firebase App Distribution Alpha upload available 🚀 (Android)

Please, get the new build from App Tester app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: DesignToolbox (alpha) (520)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 490
cc @B3nz01d (product owner)
cc @Tayebsed93 @nouha06 @AhmedAmineZr (dev team)
cc @jerome-regnier (design team)

Tayebsed93 · 2025-11-26T16:50:55Z

📣 New TestFlight Alpha upload available 🚀 (iOS)

Please, get the new build from TestFlight app, or contact the project maintainers (@Tayebsed93) to get access.

Display name: Design Toolbox Flutter (520)
Version: 0.6.0
Build type: Alpha
Build details (GitHub): 490
cc @B3nz01d (product owner)
cc @Tayebsed93 @AhmedAmineZr @nouha06 (dev team)
cc @jerome-regnier (design team)
cc @pya35 (Accessibility)

Tayebsed93 · 2025-11-26T16:58:03Z

Review Figma :

Checkbox : https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18687&t=uSmBO8R4dlXxMZ0X-1 Radio button : https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18688&t=uSmBO8R4dlXxMZ0X-1 Switch : https://www.figma.com/design/yKtkEY1DOl7YDvmt7jq0QF/-OUDS-Core-Lib--Review?node-id=70108-18717&t=uSmBO8R4dlXxMZ0X-1

Pour le chekcbox et le radio button : Il y a un problème de padding inline ce qui décale la check par exemple. On le voit également en se calant sur la check et ça décale donc le text. Pour le switch : Décalage de l’icône error dans le state Error

Hello @jerome-regnier
Cette version inclus les correctifs suivants :

Problème de padding inline qui décale l'indicateur (checkbox et radio button)
Décalage de l'icône error pour le switch
Ajout de la font family Helvetica Neue pour la version Flutter iOS uniquement

Je ne suis pas certain que cela corrige le problème de décalage de font mais on peut faire le test ⁠:)

Build Version :

(iOS) : Design Toolbox Flutter (alpha) (520)
(Android) DesignToolbox (alpha) (520)

Tayebsed93 linked an issue Nov 17, 2025 that may be closed by this pull request

[Component Update] Standalone checkbox and radio button rounded corners #437

Closed

Tayebsed93 marked this pull request as ready for review November 17, 2025 21:04

Tayebsed93 self-assigned this Nov 17, 2025

Tayebsed93 added 📖 documentation Improvements or additions to documentation ⚛️ component 🧬 token 🧰 library 📱 demo app labels Nov 17, 2025

Tayebsed93 added 9 commits November 18, 2025 11:43

chore : add radius-item-only token : radio/checkbo

d7cefdc

chore : checkbox

8c78194

chore : radio button

f02fa81

chore : switch

2a7a475

chore : l10n description

d27b2fd

update : helper text to description control item

08aceeb

chore : new token read only

ce84df8

chore : add CHANGELOG

0bb386c

chore : doc readOnly code

4b31015

Tayebsed93 force-pushed the 437-component-update-standalone-checkbox-and-radio-button-rounded-corners branch from de3e457 to 4b31015 Compare November 18, 2025 10:46

Tayebsed93 added 2 commits November 18, 2025 11:48

Merge branch 'develop' into 437-component-update-standalone-checkbox-…

81b2fe1

…and-radio-button-rounded-corners # Conflicts: # app/CHANGELOG.md # ouds_core/CHANGELOG.md

add errror message and update additional text

97fee74

Tayebsed93 force-pushed the 437-component-update-standalone-checkbox-and-radio-button-rounded-corners branch from 115cf1b to 97fee74 Compare November 18, 2025 14:04

Tayebsed93 added 6 commits November 18, 2025 15:33

fix : conditional error text message in demo app

f497375

fix : add getErrorMessageTextColor function token

3378fdf

add icon error

dd03453

chore : add changelog

4842793

chore : delete readOnly inherited interaction

60f31ef

Merge branch 'develop' into 437-component-update-standalone-checkbox-…

1d1c191

…and-radio-button-rounded-corners # Conflicts: # app/CHANGELOG.md # app/lib/ui/utilities/customizable/customizable_textfield.dart # ouds_core/CHANGELOG.md

AhmedAmineZr self-requested a review November 19, 2025 15:32

AhmedAmineZr approved these changes Nov 19, 2025

View reviewed changes

chore : add error message and fix icon when error

b5dbe35

Tayebsed93 added 3 commits November 21, 2025 16:34

review : fix padding inline horizontal

98b3884

fix : delete padding horizontal behind component

7a55f22

chore : add grid margin token

632d675

Tayebsed93 force-pushed the 437-component-update-standalone-checkbox-and-radio-button-rounded-corners branch from 71c7185 to 632d675 Compare November 24, 2025 15:53

Tayebsed93 added 7 commits November 26, 2025 16:29

fix : accessibility ghost doc app demo

30f9645

fix : delete security margin app demo

5d191c7

fix : token grid margin

25cfa91

review : design 25/11 padding indicator and error

e20a091

Merge branch 'develop' into 437-component-update-standalone-checkbox-…

fa822ad

…and-radio-button-rounded-corners

fix : change additionnal label to extra label

4519f13

review : add helvetica neue font family ios orange

bee29bd

Tayebsed93 merged commit 1d7ea15 into develop Dec 1, 2025
3 checks passed

Tayebsed93 deleted the 437-component-update-standalone-checkbox-and-radio-button-rounded-corners branch December 1, 2025 15:10

AhmedAmineZr mentioned this pull request Feb 11, 2026

[Design System Toolbox] Add security margins around items #503

Closed

Navigation Menu

Uh oh!

feat(checkbox,radio-button,switch): update design - #490

feat(checkbox,radio-button,switch): update design#490
Tayebsed93 merged 29 commits into
developfrom
437-component-update-standalone-checkbox-and-radio-button-rounded-corners

Tayebsed93 commented Nov 17, 2025 •

edited

Loading

Uh oh!

Tayebsed93 commented Nov 20, 2025

Uh oh!

Tayebsed93 commented Nov 20, 2025

Uh oh!

jerome-regnier commented Nov 21, 2025

Uh oh!

Tayebsed93 commented Nov 24, 2025

Uh oh!

Tayebsed93 commented Nov 24, 2025

Uh oh!

jerome-regnier commented Nov 25, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

Tayebsed93 commented Nov 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Related issues

Description

Motivation & Context

Types of change

Previews

Checklist

Contribution

Accessibility

Design

Development

Documentation

Checklist (for Core Team only)

Uh oh!

Tayebsed93 commented Nov 20, 2025

Uh oh!

Tayebsed93 commented Nov 20, 2025

Uh oh!

jerome-regnier commented Nov 21, 2025

Uh oh!

Tayebsed93 commented Nov 24, 2025

Uh oh!

Tayebsed93 commented Nov 24, 2025

Uh oh!

jerome-regnier commented Nov 25, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025

Uh oh!

Tayebsed93 commented Nov 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Tayebsed93 commented Nov 17, 2025 •

edited

Loading

Tayebsed93 commented Nov 26, 2025 •

edited

Loading