Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
9c3b2f7
[base-trigger] updated styles
sheila-semrush Jul 22, 2026
ea87809
[dropdown-menu, select] update menu styles
sheila-semrush Jul 23, 2026
8c04079
[dropdown-menu] increase size for actions in size L
sheila-semrush Jul 23, 2026
2e4dde0
[dropdown, dropdown-menu, select] added Notice for poppers
ilyabrower Jul 23, 2026
6fd5dc3
[chore] Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-…
sheila-semrush Jul 24, 2026
7a2f25b
[dropdown, dropdown-menu, select] added Notice for poppers
ilyabrower Jul 24, 2026
448e542
[base-trigger] fixed invalidPattern margin
ilyabrower Jul 27, 2026
4fa6b9d
[dropdown] fixed styles for notice
ilyabrower Jul 27, 2026
f3c60a0
[chore] Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-…
sheila-semrush Jul 28, 2026
f3a6e7e
[select, dropdown] update variables
sheila-semrush Jul 28, 2026
fc3cf0c
[chore] update test
Valeria-Zimnitskaya Jul 30, 2026
6d4567c
[dropdown] fixed notice type
ilyabrower Jul 30, 2026
e16e27f
[chore] Merge remote-tracking branch 'origin/UIK-5351/add-more-variab…
ilyabrower Jul 30, 2026
86ed470
[chore] update test
Valeria-Zimnitskaya Jul 30, 2026
0271f67
[chore] update website tokens
Valeria-Zimnitskaya Jul 30, 2026
e62d490
[stories] fixed notice/dropdown styles
sheila-semrush Jul 30, 2026
2515d55
[website] added info about notice in dd-family
ilyabrower Jul 30, 2026
7b237ad
[chore] Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-…
ilyabrower Jul 30, 2026
e82d26e
[chore] Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-…
sheila-semrush Jul 31, 2026
158eb4f
[select, dropdown] used checkmark variable as background-image
sheila-semrush Jul 31, 2026
cc315d9
[chore] update tests snapshots
Valeria-Zimnitskaya Jul 31, 2026
5bfd5f4
Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-5586/sel…
j-mnizhek Jul 31, 2026
d769286
Merge branch 'UIK-5351/add-more-variables-to-theme' into UIK-5586/sel…
Valeria-Zimnitskaya Aug 3, 2026
ac0bd23
[website] added info about notice in dd-family
ilyabrower Aug 3, 2026
ccd2495
[chore] Merge branch 'UIK-5586/select-rebranding' of github.com:semru…
ilyabrower Aug 3, 2026
830e3b8
[chore] update snapshots and tests
Valeria-Zimnitskaya Aug 3, 2026
226504c
[dropdown, select] rolled back checkbox size to literal values
sheila-semrush Aug 3, 2026
f98d1c8
[dropdown, base-trigger] rolled back width/height to literal values
sheila-semrush Aug 3, 2026
6aa7ac3
[select] removed inputSearch height
sheila-semrush Aug 3, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
5 changes: 4 additions & 1 deletion pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 15 additions & 49 deletions semcore/base-trigger/src/style/base-trigger.shadow.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ SBaseTrigger {
white-space: nowrap;
user-select: none;
box-sizing: border-box;
padding: 0;
margin: 0;
box-shadow: none;
text-decoration: none;
Expand All @@ -19,12 +18,15 @@ SBaseTrigger {
font-family: inherit;
cursor: pointer;

background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0)); /* TODO: --intergalactic-control-select-trigger-normal */
background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));

font-weight: var(--intergalactic-regular, 400);
border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));

border-radius: var(--intergalactic-control-rounded, 6px);
padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px);

&::-moz-focus-inner {
border: none;
padding: 0;
Expand All @@ -40,13 +42,13 @@ SBaseTrigger {
}

&:hover {
background-color: var(--intergalactic-bg-primary-neutral-hover, oklch(0.98 0.001 180)); /* TODO: --intergalactic-control-select-trigger-hover */
background-color: var(--intergalactic-control-select-trigger-hover, oklch(0.98 0.001 180));
}

&:active,
&[active] {
border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0)); /* TODO: --intergalactic-control-select-trigger-active */
background-color: var(--intergalactic-control-select-trigger-active, oklch(1 0 0));
}
}

Expand All @@ -61,18 +63,17 @@ SInner {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--intergalactic-spacing-content-gap-medium, 6px);
Comment thread
ilyabrower marked this conversation as resolved.
height: 100%;
width: 100%;
}

SText {
display: inline;
/* disable-tokens-validator */
padding: 1px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: var(--intergalactic-lh-200, 142%);
flex-grow: 1;
text-align: left;
}
Expand All @@ -83,57 +84,25 @@ SAddon {
justify-content: center;
flex-shrink: 0;
pointer-events: none;
}

SBaseAddon {
Comment thread
ilyabrower marked this conversation as resolved.
width: 12px;
height: 12px;
&:only-child {
margin-left: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
margin-right: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
}
}

SBaseTrigger[size='m'] {
min-width: var(--intergalactic-form-control-m, 32px);
height: var(--intergalactic-form-control-m, 32px);
border-radius: var(--intergalactic-control-rounded, 6px);
Comment thread
ilyabrower marked this conversation as resolved.
padding: 0 var(--intergalactic-spacing-2x, 8px);
font-size: var(--intergalactic-fs-200, 14px);

& SAddon {
&:not(:only-child):first-child {
Comment thread
ilyabrower marked this conversation as resolved.
margin-right: var(--intergalactic-spacing-2x, 8px);
}

&:not(:only-child):last-child {
margin-left: var(--intergalactic-spacing-2x, 8px);
}

&:only-child {
Comment thread
ilyabrower marked this conversation as resolved.
margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
}
}
line-height: var(--intergalactic-lh-200, 142%);
}

SBaseTrigger[size='l'] {
min-width: var(--intergalactic-form-control-l, 44px);
height: var(--intergalactic-form-control-l, 44px);
border-radius: var(--intergalactic-control-rounded, 6px);
padding: 0 var(--intergalactic-spacing-3x, 12px);
font-size: var(--intergalactic-fs-300, 16px);

& SAddon {
&:not(:only-child):first-child {
margin-right: var(--intergalactic-spacing-2x, 8px);
}

&:not(:only-child):last-child {
margin-left: var(--intergalactic-spacing-2x, 8px);
}

&:only-child {
margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
}
}
line-height: var(--intergalactic-lh-300, 150%);
}

SBaseTrigger[neighborLocation='right'] {
Expand Down Expand Up @@ -175,10 +144,7 @@ SBaseTrigger[state='invalid'] {
}
}

SInvalidPattern[size='m'] {
margin-left: calc(-1 * var(--intergalactic-spacing-2x, 8px));
}

SInvalidPattern[size='m'],
SInvalidPattern[size='l'] {
margin-left: calc(-1 * var(--intergalactic-spacing-3x, 12px));
margin-left: calc(-1 * var(--intergalactic-spacing-content-padding-medium, 12px));
}
5 changes: 4 additions & 1 deletion semcore/base-trigger/src/style/button-trigger.shadow.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
SButtonAddon {
width: 12px;
height: 12px;
color: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
position: relative;
left: var(--intergalactic-spacing-05x, 2px);
Comment thread
ilyabrower marked this conversation as resolved.
}

SButtonTriggerSpin {
fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
fill: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
}
2 changes: 1 addition & 1 deletion semcore/carousel/__tests__/index.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ describe('Carousel.Indicators', () => {
expect(spy).toHaveBeenCalledWith(0);
});

test.concurrent('Verify right change index with Next button', async () => {
test('Verify right change index with Next button', async () => {
const spy = vi.fn();
const { rerender, getByLabelText, getByRole } = render(
<Carousel index={1} onIndexChange={spy}>
Expand Down
Loading
Loading