Skip to content

[UIK-5613] checkbox radio switch rebranding - #3085

Open
slizhevskyv-semrush wants to merge 7 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5613/checkbox-radio-switch-rebranding
Open

[UIK-5613] checkbox radio switch rebranding#3085
slizhevskyv-semrush wants to merge 7 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5613/checkbox-radio-switch-rebranding

Conversation

@slizhevskyv-semrush

Copy link
Copy Markdown
Contributor

Motivation and Context

Checbox/Radio/Switch rebranding.

How has this been tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue).
  • New feature (non-breaking change which adds functionality).
  • Breaking change (fix or feature that would cause existing functionality to not work as expected).
  • Nice improve.

Checklist:

  • I have updated the documentation accordingly.
  • I have added new tests on added of fixed functionality.

@sheila-semrush sheila-semrush changed the title UIK 5613/checkbox radio switch rebranding [UIK-5613] checkbox radio switch rebranding Jul 29, 2026

&[checked]::after {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNCAyLjQ1MjIxTDUuMzA0NCA5LjU0NzgyTDEuNjAwMDEgNS44NDM0MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==');

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

updated the value (copied it from Select, it was a bit misaligned)

can we store this value in a common place? we have this data repeated here, in select, and also in dropdown menu

background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
background-size: 6px 6px;
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0)); /* TODO: --intergalactic-control-radio-bg-normal */
background-color: var(--intergalactic-control-radio-bg-normal, oklch(1 0 0));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I see we have invalidPattern defined differently in Radio and Checkbox, can we unify it?

min-width: 36px;
}

& SSlider {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

commenting here because that line is not changed
translateX(50%) won't work anymore (in sizes L & XL) because proportions have changed
now we have to see that the slider is exactly 3px to the edge (only sizes L-XL)
in size M slider should be 1.5px to the edge

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.

3 participants