React-kirjasto
- Ikoneille käyttöön tummempi vihreä väri. Default-väristä vihreää käytetään fill-tyyppisillä ikoneilla ja muilla ikoneilla uutta
success-dark
-väriä.
TaskList
käyttämään ikoneissa success-dark
-väriä success
-värin sijaan.
Heading
in navigaatioelementeille selkeästi erottuva näppäimistökohdistimen korostus (focus
)
Verkkopalvelu-kirjasto
Heading
in navigaatioelementeille selkeästi erottuva näppäimistökohdistimen korostus (focus
)
Dokumentaatio
- Lisätty dokumentaatiosivu Saavutettavuus kehittäjille
- Päivitetty logot
React-kirjasto
Muutokset
DateRangeSelect
: korjattu kalenterin selauksen asemointia, lisätty propit heading
ja subLabel
- Päivitetty riippuvuus:
@te-digi/styleguide-tokens
v9.8.0
Verkkopalvelu-kirjasto
Muutokset
- Lisätty tyyli:
ImageSectionWide
Dokumentaatio
Muutokset
Box
: Lisätty esimerkkejä padding
in käytöstä
React-kirjasto
Muutokset
SideSteps
ja TaskList
: lisätty lokalisoidut aria-label
it ikoneille (saavutettavuusparannus)
HeaderBackground
: korjattu bugi, jossa tausta nappaa hiiren eventit
Dokumentaatio
Muutokset
Ikonit
: Lisätty käyttöesimerkkejä
Input
: Parannettu dokumentaatiota (read-only
-attribuutti)
RadioGroup
ja Checkbox
: Parannettu dokumentaatiota ja esimerkkejä
React-kirjasto
Muutokset
DateInput
ja TimeInput
: lisätty prop onSelection
DateTimeInput
: lisätty propit onDateSelection
ja onTimeSelection
- Lisätty sähköposteihin liittyvä kuva
external-link
- Saavutettavuusparannus: infopainikkeen (esiintyy mm.
Input
, Heading
, Rating
-komponenttien proppina) aria-labelledby
-tietoon liitetty linkitys elementtiin, johon infopainike viittaa (esim. inputkentän label tai otsikko)
autoprefixer
: Päivitetty versioon 10.4.13.
Dokumentaatio
Muutokset
Label
: Lisätty käyttöesimerkkejä
React-kirjasto
Muutokset
- kaikki ikonit: ariaLabelin asettaminen poistaa
role=presentation
attribuutin, jolloin ikoni luetaan ruudunlukijalla
browserslist
päivitetty Style Guiden konfiguraatioon
Dokumentaatio
Muutokset
- Lisätty Hakulomake-pattern
React-kirjasto
Muutokset
- Lisätty sähköposteihin liittyvä kuva
crown
Dokumentaatio
Muutokset
- Lisätty esimerkki, jossa käytetään
Spacer
ia Collapsible
n sisällä
- Julkaistu edellinen uudelleen
Verkkopalvelu-kirjasto
Muutokset
- Lisätty tyylit:
Tabs
, InlineLabel
React-kirjasto
Muutokset
- Lisätty uusia ikoneita:
BriefcaseWrenchIcon
, EuroBulbIcon
, SwitchIcon
- Päivitetty
BotIcon
React-kirjasto
Muutokset
- Päivitetty TE-keskuksen logo
React-kirjasto
Muutokset
- Lisätty sähköposteihin liittyvät kuvat
React-kirjasto
Muutokset
Heading
: pienennetty mobiilin H1-otsikon kokoa
Dokumentaatio
Muutokset
- Saavutettavuuskorjaukset patterniin Lomakkeen virheenkäsittely
- Toimintopainike-patternit: Tallenna, Lähetä, Julkaise, Tallenna luonnoksena, Esikatsele
React-kirjasto
Muutokset
Link
: korjattu ruudunlukija lukemaan external link
-ikonin aria-label
(poistettu role="presentation"
)
Dokumentaatio
Muutokset
- korjattu verkkopalvelun ulkoisen linkin svg-kuvan koodiesimerkkiä (poistettu
role="presentation"
)
React-kirjasto
Muutokset
Input
: korjattu pakollisuuden lukemista ruudunlukijalla (kenttään saapuessa ei ilmoiteta kenttää virheelliseksi)
Dokumentaatio
Muutokset
- Poistettu Kokeiluversion logot
React-kirjasto
Muutokset
DateInput
, TimeInput
, DateTimeInput
: placeholderista luopuminen. Päivämäärä- ja/tai kellonaikaformaatin ohjeistus siirretty subLabeliin.
- Muutosohjeet:
- DateInput:
placeholder
muutetaan subLabel
iksi
- TimeInput: lisätään kellonajan (kieliversioitu) ohjeistus
subLabel
iin
- DateTimeInput:
- päivämäärän ohjeistus:
datePlaceholder
muutetaan dateSubLabel
iksi
- kellonajan ohjeistus: lisätään kellonajan (kieliversioitu) ohjeistus uudella
timeSubLabel
propilla
- Päivitetty
browserslist
konfiguraatio
Verkkopalvelu-kirjasto
Muutokset
Heading
: ikonin esittäminen otsikon yhteydessä ilman erillistä kokomääritystä
React-kirjasto
Muutokset
Heading
: korjattu ikonin sijaintia pitkillä otsikoilla
Dokumentaatio
Muutokset
- Päivitetty Monisivuisen lomakkeen navigaatio -patternia
React-kirjasto
Muutokset
TaskList
: prop status
: lisätty error
Heading
: lisätty prop icon
Verkkopalvelu-kirjasto
Muutokset
Heading
: lisätty tyylit ikonin näyttämistä varten
Dokumentaatio
Muutokset
- Lisätty Toimintapainikkeet-pattern
React-kirjasto
Muutokset
Notification
: saavutettavuusparannus
DescriptionList
: lisätty prop gapY
Dokumentaatio
Muutokset
- Lisätty komponenteille lyhyet kuvaukset
React-kirjasto
Muutokset
Rating
: lisätty isCentered
React-kirjasto
Korjaukset
- Päivitetty ruotsinkielinen logo
React-kirjasto
Korjaukset
Textarea
: lisätty uusia sallittuja merkkejä
React-kirjasto
Korjaukset
CheckboxButtonGroup
: lisätty prop required
Työmarkkinatori Style Guide v12.10.0