Skip to content

Commit 1ea533f

Browse files
authored
Merge pull request #2479 from hashicorp/hds-3942-update-super-select-checkmark-style
Update `SuperSelect` selected list item style
2 parents 2141517 + 3a3933b commit 1ea533f

File tree

2 files changed

+17
-2
lines changed

2 files changed

+17
-2
lines changed

.changeset/new-days-enjoy.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@hashicorp/design-system-components": patch
3+
---
4+
5+
`SuperSelect` - Update the the default state of selected list items to `Foreground / Primary` to match other list items and the `Dropdown`.

packages/components/src/styles/components/form/super-select.scss

+12-2
Original file line numberDiff line numberDiff line change
@@ -360,13 +360,23 @@ $hds-super-select-item-height: 36px;
360360
background-repeat: no-repeat;
361361
background-position: 15px 10px;
362362
background-size: var(--token-form-select-background-image-size) var(--token-form-select-background-image-size);
363-
363+
364364
// checked
365365
&[aria-selected="true"]:not([aria-disabled="true"]) {
366-
color: var(--token-color-foreground-action);
366+
color: var(--token-color-foreground-primary);
367367

368368
// checkmark icon:
369369
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 4.28a.75.75 0 00-1.06-1.06l-7.97 7.97-3.47-3.47a.75.75 0 00-1.06 1.06l4 4a.75.75 0 001.06 0l8.5-8.5z' fill='%231060ff'/%3E%3C/svg%3E");
370+
371+
&:hover,
372+
&.mock-hover {
373+
color: var(--token-color-foreground-action-hover);
374+
}
375+
376+
&:active,
377+
&.mock-active {
378+
color: var(--token-color-foreground-action-active);
379+
}
370380
}
371381

372382
&[aria-current="true"],

0 commit comments

Comments
 (0)