Bugfix/combobox bugfixes and tweaks

[it-vegard]

Description

Modifications to combobox based on feedback from the summer students++:

Change summary

• Fixed inconsistency where the input field was only cleared on enter-selecting and not "mouse click"-selecting options
• Updated "MultiSelect with add new" example to actually use "add new" prop
• Added flag for "isAddedByUser" to onToggleSelected, to assist the parent app in determining if the option is a new or existing option
• Add bold text to selected options for further affordance, as the checkmark may be out-of-sight for users using screen magnication, and the selected-background-color may not be displayed on screens with incorrect color setup
• Tweaked padding for the combobox wrapper, so the input field does not change size when adding chips/selecting options.

[changeset-bot]

🦋 Changeset detected

Latest commit: 99f09fb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages

Name	Type
@navikt/ds-react	Patch
@navikt/ds-css	Patch
@navikt/aksel-stylelint	Patch
@navikt/aksel	Patch
@navikt/ds-tokens	Patch
@navikt/ds-tailwind	Patch
@navikt/aksel-icons	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Endringer til review: 1

a8550f9fa | 47 komponenter | 299 stories

[KenAJoh]

Tror den bare trengs å settes på wrapper (for lavere specificity)

Suggested change

	.navds-combobox__list-item--selected p {
	.navds-combobox__list-item--selected {

[it-vegard]

Nei, .navds-body-short overstyrer den, dessverre. Var litt usikker på å bruke p eller om jeg burde bruke klassenavnet, men vi må i hvert fall ha en høyere spesifisitet enn .navds-body-short. (Arv fra parent har lavere spesifisitet)

[KenAJoh]

LGTM!
En "bug" som jeg er usikker på kan løses er klikkflaten til selve input inne i combobox

Screen.Recording.2023-08-09.at.09.23.58.mov

Har her vært litt bedre UX hvis input brukte hele høyden + ut til venstre slik at popover ikke lukket seg ved mousedown
Dette er forsåvidt en urelatert bug til denne PR-en, så er bare å forkaste å se på senere en gang 😄

[it-vegard]

Har her vært litt bedre UX hvis input brukte hele høyden + ut til venstre slik at popover ikke lukket seg ved mousedown

Jeg er enig, men da vil vi sitte med et issue med andre elementer som må "floate" (absolutt posisjonere seg?) over inputen. Kunne vært interessant å teste, men vi "faker" det ved å sette fokus i input-feltet når man klikker innenfor borderen (.combobox-wrapper).

Fant ut at buggen skyldes at sjekken i ComboboxWrapper.onBlur feiler, da e.relatedTarget blir null når man klikker på et ikke-interaktivt element. La til tabIndex="-1", så nå skal det fungere som ønskelig.