Style Guide

React-kirjasto

Muutokset

• Optimoitu logoja

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 subLabeliksi
  • TimeInput: lisätään kellonajan (kieliversioitu) ohjeistus subLabeliin
  • DateTimeInput:
    • päivämäärän ohjeistus: datePlaceholder muutetaan dateSubLabeliksi
    • 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

• lisätty uusia ikoneita

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

React-kirjasto

Korjaukset

• Lisätty juureen export CheckboxButtonGroupille

• Lisätty dokumentaatio CheckboxButtonGroupille

React-kirjasto

Korjaukset

• Lisätty export CheckboxButtonGroupille

React-kirjasto

Muutokset

• Uusi komponentti CheckboxButtonGroup

React-kirjasto

Muutokset

• Feed: lisätty mobiili-breakpoint niin, että mobiilissa FeedEventCardHeaderin teksti ja Badge rivittyvät omille riveilleen.
• Päivitetty npm-paketteja: mm. react-textarea-autosize, core-js, sass, webpack, gatsby, react-element-to-jsx-string, @types/react-syntax-highlighter, @types/styled-components, @pmmmwh, @svgr, @rollup, @svgr, @commitlint, @swc, @testing-library, jest, @types/jest, jest-environment-jsdom, jest-junit, jest-styled-components, eslint, husky, lint-staged, react-refresh, stylelint

React-kirjasto

Muutokset

• Icon: lisätty uudet ikonit EmptyFolderIcon, EuroGraphIcon ja CustomerServiceIcon.

React-kirjasto

Muutokset

• Input: Lisätty lang-attribuutti.

Dokumentaatio

• Päivitetty dokumentaatiota (Detail, Message, Rating, Input, Label, Lomakekentän otsikointi).

• Ei muutoksia.

Muutokset

• Päivitetty logon englanninkielinen versio.

React-kirjasto

Korjaukset

• DateSelect: Korjattu ongelma, jossa ruudunlukija ei lukenut otsikkoa.

React-kirjasto

Korjaukset

• Input: Korjattu tyylejä.

React-kirjasto

Korjaukset

• PlainSelect: Korjattu tyylejä.