Skip to content

feat(component): Add Checkbox component#2874

Merged
vprothais merged 38 commits intoouds/mainfrom
ouds/main-lmp-checkbox-components
Mar 31, 2025
Merged

feat(component): Add Checkbox component#2874
vprothais merged 38 commits intoouds/mainfrom
ouds/main-lmp-checkbox-components

Conversation

@louismaximepiton
Copy link
Member

@louismaximepiton louismaximepiton commented Feb 26, 2025

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

Related issues

#2781

Description

Remaining tasks and questions

Questions:

  • Should we introduce forms/overview page and forms/layout as well ? Customize part as well -> No, let's wait for text input to reintroduce them
  • Is there any simpler way to handle CSS knowing what's coming up ?
  • Do we implement a small margin in the svg to avoid some border to be cropped in Firefox ?

Tasks:

  • Remove the first part of the forms/checks-radios page to have Approach as the entry point of the page.
  • Change the CSS parts of the doc once we decided what to set inside. -> Remove
  • Fix node-sass compilation -> Remove it
  • Bootstrap compat in CSS
  • See what's happening when no :has

Done list

The following was done in the PR:

  • Removed useless CSS and Sass variables
  • Added some newly calculation variables and tokens
  • Added Checkbox component and all known variants
  • Added 2 pages for now

To be done after the PR is merged

  • .

Motivation & Context

Types of change

  • New feature (non-breaking change which adds functionality)

Live previews

@louismaximepiton louismaximepiton added ⚛️ component 📖 documentation Improvements or additions to documentation labels Feb 26, 2025
@louismaximepiton louismaximepiton added this to the OUDS milestone Feb 26, 2025
@netlify
Copy link

netlify bot commented Feb 26, 2025

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 27a9932
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/67ea935dec077f0008196329
😎 Deploy Preview https://deploy-preview-2874--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@louismaximepiton

This comment was marked as outdated.

@louismaximepiton louismaximepiton force-pushed the ouds/main-lmp-checkbox-components branch 3 times, most recently from c8f5e39 to 4a2ec0a Compare March 7, 2025 14:03
@louismaximepiton louismaximepiton force-pushed the ouds/main-lmp-checkbox-components branch from 4a2ec0a to 74c8be4 Compare March 7, 2025 15:16
@louismaximepiton louismaximepiton marked this pull request as ready for review March 7, 2025 15:17
Copy link
Member

@hannahiss hannahiss left a comment

Choose a reason for hiding this comment

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

Ok visually for design

@louismaximepiton louismaximepiton marked this pull request as draft March 11, 2025 12:51
@MaxLardenois MaxLardenois force-pushed the ouds/main-lmp-checkbox-components branch from df81b08 to f6b4166 Compare March 13, 2025 14:31
@MaxLardenois MaxLardenois requested a review from hannahiss March 13, 2025 14:41
@MaxLardenois MaxLardenois marked this pull request as ready for review March 13, 2025 14:41
@vprothais vprothais requested a review from Copilot March 13, 2025 14:47
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR introduces a new Checkbox component while updating and migrating related documentation and assets, along with adjustments in JavaScript to support the new component structure. Key changes include:

  • Addition of the Checkbox component with multiple variants and examples.
  • Updates to migration guides and sidebar configuration to reflect the new component.
  • Adjustments in JavaScript code (tac.js) to target the new checkbox classes.

Reviewed Changes

Copilot reviewed 17 out of 17 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
site/content/docs/0.2/forms/overview.md Updates the page description and adds an Accessibility section.
site/content/docs/0.2/forms/checkbox.md Introduces the Checkbox component with various usage examples.
site/content/docs/0.2/migration-from-boosted.md Updates migration instructions for checkboxes and related variables.
site/assets/js/tac.js Updates selectors and markup to integrate the new Checkbox component in the consent UI.
site/content/docs/0.2/migration.md Updates migration notes for Checkbox and other components.
site/content/docs/0.2/getting-started/introduction.md Updates reference link for checkbox guidelines.
site/data/sidebar.yml Updates sidebar entries to include the new Checkbox documentation.
site/content/docs/0.2/forms/checks-radios.md Removes the deprecated Checks and Radios page.

MaxLardenois and others added 3 commits March 13, 2025 15:56
Copy link
Member

@hannahiss hannahiss left a comment

Choose a reason for hiding this comment

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

Some documentation comments and request changes...
Maybe a design issue on the group, when having a long label? Not sure...

@louismaximepiton louismaximepiton linked an issue Mar 25, 2025 that may be closed by this pull request
@vprothais vprothais merged commit fd2f797 into ouds/main Mar 31, 2025
14 of 15 checks passed
@vprothais vprothais deleted the ouds/main-lmp-checkbox-components branch March 31, 2025 13:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

⚛️ component 📖 documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[OUDS] Create component - Checkbox

5 participants