Skip to content

Conversation

@MaxLardenois
Copy link
Collaborator

@MaxLardenois MaxLardenois commented Nov 24, 2025

Types of change

  • Non-breaking change
  • Breaking change (fix or feature that would change existing functionality and usage)

Related issues

Closes #3212 #3213 #3214

Context & Motivation

Description

Checklists

  • I have read the contributing guidelines
  • My change follows the developer guide
  • My change pass all tests
  • My change is compatible with a responsive display
  • I have added tests (Javascript unit test or visual) to cover my changes
  • My change introduces changes to the documentation that I have updated accordingly
    • Title and DOM structure is correct
    • Links have been updated (title changes impact links)
    • CSS for the documentation
  • I have checked all states and combinations of the component with my change
  • I have checked all the impacts for the other components and core behavior (grid, reboot, utilities)

Checklist (for Core Team only)

  • The changes need to be in the migration guide
  • The changes are well displayed in Storybook (be careful if example order has changed for DSM)
  • The changes are compatible with RTL
  • Manually test browser compatibility with BrowserStack (Chrome 120, Firefox 121, Edge 120, Safari 15.6, iOS Safari, Chrome & Firefox on Android)

Progression (for Core Team only)

Live previews

@MaxLardenois MaxLardenois changed the title feat: change padding and make divider color like invalid [OUDS] feat(component): update control items to last versions Nov 24, 2025
@MaxLardenois MaxLardenois marked this pull request as ready for review November 27, 2025 11:54
@boosted-bot boosted-bot moved this from In Progress / Draft to Need Dev Review in 🟣 [Orange-Boosted-Bootstrap] PRs Board Nov 27, 2025
@MaxLardenois MaxLardenois marked this pull request as draft November 27, 2025 11:56
@MaxLardenois MaxLardenois marked this pull request as ready for review December 2, 2025 09:42
Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's looking alright, just a few words are missing in the radio-button page and also maybe some changes need to be done in that same page regarding the fiedset element


<ControlItem />

#### Control items list
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This architecture is missing in the radio-button page

To add critical information to some of the options, add a `.radio-button-additional-label` as a sibling of a `.control-item-label`. Make sure the additional label is accessible by adding an `aria-describedby` attribute to the input.
To add critical information to some of the options, add a `.radio-button-extra-label` as a sibling of a `.control-item-label`. Make sure the extra label is accessible by adding an `aria-describedby` attribute to the input.

<Example code={`<div class="radio-button-item">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should have <fieldset> in this page as well https://www.w3.org/WAI/tutorials/forms/grouping/


#### Checkboxes

- <span class="tag tag-small rounded-none tag-positive">New</span> Checkbox component has been updated to 2.4.0. Read more in our [checkbox page]([[docsref:/forms/checkbox]]).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this should be warning at least, since the DOM is updated

@boosted-bot boosted-bot moved this from Need Dev Review to Dev Review In Progress in 🟣 [Orange-Boosted-Bootstrap] PRs Board Dec 3, 2025
Copy link
Member

@nilloq nilloq left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice components, I just added a small comment

Here is the associated JavaScript to set a checkbox as indeterminate.

```javascript
const checkbox = document.getElementById('checkbox')
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To be consistent with the above example, it should be

Suggested change
const checkbox = document.getElementById('checkboxIndeterminate')

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Dev Review In Progress

Development

Successfully merging this pull request may close these issues.

3 participants