Skip to content

v102.0.0

Choose a tag to compare

@sb1-designsystem sb1-designsystem released this 29 Sep 13:16
· 75 commits to develop since this release

102.0.0 (2026-09-29)

  • feat(ffe-searchable-dropdown-react)!: fjern alle fra «N valgt»-chippen (acdfcf0)
  • feat(ffe-searchable-dropdown-react)!: checkbokser i multiselect (950997f)
  • feat(ffe-account-selector-react)!: velg alle i accountselectormulti (a10009c)
  • feat(ffe-searchable-dropdown-react)!: velg alle i multiselect (7c9c631)

Bug Fixes

  • ci: verifiser publisering mot lerna-loggen i stedet for npm (23ce059)
  • ffe-searchable-dropdown-react: gi listboksen id og tilgjengelig navn (5767e99)
  • ffe-searchable-dropdown-react: la ikke resultatmeldingen overskrive handlingsmeldingen (8b04605)
  • ffe-searchable-dropdown-react: oversett etikettene på chippene (633da2d)

Features

  • ffe-account-selector-react: checkbokser i kontovelger-multi (51fb865)
  • ffe-form-react: indeterminate-prop på Checkbox (bfdda0f)
  • ffe-form: delvis valgt og dekorativ tilstand på checkbox (2bac824)

BREAKING CHANGES

  • onChange i AccountSelectorMulti kalles nå med et array av
    kontoer i stedet for én enkelt konto, siden én handling kan endre flere kontoer.
    Arrayet inneholder kun kontoene som endret seg, ikke hele utvalget. Se
    changelogen for et før/etter-eksempel på migreringen.

  • onChange i SearchableDropdownMultiSelect kalles nå med et
    array i stedet for ett enkelt element, siden én handling kan endre flere
    elementer. Arrayet inneholder kun det som endret seg, ikke hele utvalget.

    Før:

    onChange={(item, actionType) => {
        if (actionType === 'selected') {
            setSelected(prev => [...prev, item]);
        } else {
            setSelected(prev => prev.filter(it => it.id !== item.id));
        }
    }}
    

    Etter:

    onChange={(items, actionType) => {
        if (actionType === 'selected') {
            setSelected(prev => [...prev, ...items]);
        } else {
            setSelected(prev =>
                prev.filter(it => !items.some(item => item.id === it.id)),
            );
        }
    }}
    

    I tillegg utvider ikke lenger et klikk i søkefeltet listen til alle elementer
    når feltet har tekst i seg.

  • chippen som viser «N valgt» er ikke lenger en dekorativ
    <span role="presentation">, men en <button> med kryss. Den er klikkbar,
    ligger i tab-rekkefølgen, og pointer-events: none på
    .ffe-chip--multiple-selected er borte. Klassen finnes fortsatt som krok for
    egne overstyringer, men har ingen egne regler. Snapshot-tester som fanget
    spanet, og CSS som traff span.ffe-chip--multiple-selected, må oppdateres.

  • chippens tilgjengelige navn er en handlingsetikett, ikke bare

  • CSS-klassen ffe-searchable-dropdown__selected-icon og
    custom-propertyen --selected-icon-color er fjernet. Elementet de stylet finnes
    ikke lenger. Har du overstyrt --selected-icon-color for å endre fargen på
    haken, kommer fargen nå fra --ffe-color-foreground-inverse og
    --ffe-color-fill-primary-selected-default på .ffe-checkbox.

  • griden i ffe-searchable-dropdown__list-item-body er snudd fra
    1fr auto til auto 1fr i multiselect, siden checkboksen ligger først. Har du
    en egen optionBody som gjenbruker den klassen med to barn, bytter de plass:
    førstebarnet klemmes inn i den smale auto-kolonnen og andrebarnet strekkes over
    1fr.

    Før:

    <div className="ffe-searchable-dropdown__list-item-body">
        <div>{item.name}</div>   {/* 1fr */}
        <div>{item.balance}</div>{/* auto */}
    </div>
    
  • tittelen i standardkroppen ligger nå i en
    ffe-searchable-dropdown__list-item-title-span, og det er den som gjøres fet.
    Regelen som gjorde hele __list-item-body-content fet på «velg alle»-raden er
    borte, så detaljteksten under tittelen er ikke lenger fet.