...

Ineras UX-ramverk (instruktioner, designsystem och komponenter) utvecklas löpande. Denna sida visar nya komponenter och större förändringar i UX-ramverket samt direktlänkar till sidorna..

2024

December

Kod

• Release av IDS 5.2

  • Headers för Inera och Inera admin kan ha både knappar och länkar i header

  • En hel del CSS-fixar

  • Tillgänglighetsfixar, bland annat fokuserbar headline i dialog

  • Bugfixar

Läs mer om uppdateringarna i vår changelog.

Figma

• Header (1177) - Ökad fontstorlek för tjänstens namn i mobilläge för profession och admin.

...

Resursbiblioteket
Thumbnail - Justerad bredd och höjd till Figmas nya aspect ratio.

Oktober

Kod

• Release av IDS 5.1

  • Nya komponenter: Dropdown, Pagination, Desciptionlist

  • All relevanta komponent CSSer är nu i ids-design.

  • Refaktorering av button och link.

  • List css och mycket mer

  • Bugfixar

...

• Designriktlinjer för https://inera.atlassian.net/l/cp/cAGYrCcb har ändrats och utökats

• Dokumentation för Data table pagination

• Dokumentation för List pagination

September

Kod

• Release av IDS 5.0

  • Footer CSS.

  • Header CSS (1177, 1177-admin, 1177-pro)

  • Temaspecifika header/footer komponenter baserade på ids-design.

  • Datatabell CSS

  • Popover CSS

  • Bugfixar

...

• Kodkomponenter
  I september uppdaterades ids-paketen från version 1.7.1 till 1.10.0
  Dessa uppdateringar inkluderar en ny Grid. Card, Dialog och Agent samt många förbättringar och refaktoreringar.
  Mer info finns i changelog (1.8.0 ->1.10.0).

• CSS (se ny uppdatering i rätt miljö ovan)
  Nu finns den nya CSS-koden i vår testmiljö (vi avvaktar behörighetsändring för push till rätt miljö men för att ni skall kunna se så länge lägger jag upp länkar här)
  Nedan några exempel:
  https://css-dev.netlify.app/?path=/story/components-page-footer-1177--footer 1177 footer
  https://css-dev.netlify.app/?path=/story/components-page-footer-1177-profession--footer&globals=theme:1177-profession 1177 profession footer
  https://css-dev.netlify.app/?path=/story/components-page-header-1177--default 1177 Header
  https://css-dev.netlify.app/?path=/story/components-page-header-1177--with-menu-under 1177 Header med meny
  https://css-dev.netlify.app/?path=/story/components-page-header-1177-profession-desktop--default 1177 Profession Header
  https://css-dev.netlify.app/?path=/story/components-page-header-1177-profession-mobile--logged-out 1177 Profession mobile header
  När vi lagt upp i rätt miljö kommer ny länk här.

• Nu finns uppdaterade instruktioner för att föreslå nya komponenter i Figma, se Föreslå egna komponenter i Figma . För att förenkla processen finns en ny separat leveransfil i Figma att använda och vi har tagit bort instruktionerna om branches. Leveransfilen “1177 & Inera - Leveransfil nya komponenter” ligger i Figma under UX ramverk / Designsystem.

• Följande komponenter är klara (kod och Figma):

  • https://inera.atlassian.net/l/cp/kesNauMc - brödsmula för desktop och mobil (truncated)

  • https://inera.atlassian.net/l/cp/rcMbhoK7 - uppdaterad struktur och nytt sätt att bygga på med table header och table cell

  • H1 small - mindre storlek av H1, se specifikation på https://inera.atlassian.net/l/cp/4cpPDuCP

  • Error state för radioknapp/checkbox

• Nya ikoner klara: “Id-card locked” och “Copy file” Icons

• Card-komponenten har gått igenom acceptanstest. Cards

• Nytt dokument om “toastmeddelanden” med riktlinjer kring tillgänglighet finns på Confluence under avsnittet “Vägledning och tips för tillgänglighet”: Toastmeddelanden

...