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

Hds 2396 core scss v4 for checkbox #1370

Open
wants to merge 103 commits into
base: release-4.0.0
Choose a base branch
from

Conversation

timwessman
Copy link
Contributor

@timwessman timwessman commented Oct 2, 2024

Description

  • Convert the CSS of the Checkbox component to SCSS.
  • Documentation added

NOTE:

  • There is a small difference on visual test of SelectionGroup. I can't find out why. The failing SelectrionGroup -story looks pixel perfect in Storybook, but on visual-test, margin between helper-text and checkboxes are couple of pixels smaller than it should.

Related Issue

Closes HDS-2396

How Has This Been Tested?

  • visual tests
  • e2e tests

Demos:

Links to demos are in the comments

Screenshots (if appropriate):

Add to changelog

  • Added needed line to changelog

mrTuomoK and others added 30 commits September 5, 2024 13:07
…pe to add CommonHTMLAttributes as data-* to props.
The arrow icon takes now space. Therefore it needed a background color and container and aligner elements.
…date

The old command has rimraf which removes all images.
Include showArrow and information -props to the component props
…from Table

Heading id is created when needed
Table id was for checkbox and it is also created when needed.

Updated docs, tests and snapshot.
Better usage of core css.

Cannot use compose in core, so not-so-inconvenient "helper-text-gap" was added.
…exists

Short HelperText stays on same line as ErrorText
Flexbox change requires label + tooltip combination to be wrapped.

Made external components or otherwise focus would be lost from tooltip button on re-render, if anonymous functions were used.
NikoHelle and others added 20 commits September 11, 2024 14:21
Release-4.0.0: (HDS-2405) e2e test helper
Release-4.0.0: (HDS-2421) Storybook files typescript checking
…ts, add body spacing to helper for body-overflowing pages
…ight-test-separate-running

Release-4.0.0 HDS-2423 enable playwright test separate running and write instructions
…-native-attributes

release-4.0.0 HDS-2388 icon template native attributes
…ft-right-to-start-end

Release-4.0.0 (HDS-2420) Dialog, Header and StatusLabel icon-props renamed
Release-4.0.0 HDS-2272 fix koros examples, remova old and add new visual tests
Removed aria-label descripiton when not necessary or useful.
Copy link

github-actions bot commented Oct 2, 2024

Preview found from hds-demo docs/preview_1370

Demos

Docs
Core Storybook
React Storybook

Copy link

github-actions bot commented Oct 2, 2024

Test Results

 1 files  26 suites   4m 20s ⏱️
13 tests 13 ✅ 0 💤 0 ❌
26 runs  26 ✅ 0 💤 0 ❌

Results for commit dc89665.

♻️ This comment has been updated with latest results.

@timwessman timwessman force-pushed the hds-2396-core-scss-v4-for-checkbox branch from ac4d013 to 55bde63 Compare October 3, 2024 06:38
@mrTuomoK
Copy link
Contributor

mrTuomoK commented Oct 3, 2024

Hmm... wonder why the visual tests fail for SelectionGroup 🤔

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants