...
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
April
IDS (kod)
Release av 4.7.0.
Nya och uppdaterade ikoner.
All formulär CSS är nu migrerad till design.
Bugfixar och prestandaförbättring (borttagning av gamla ikonbiblioteket, mindre CSS-redundans i formulären).
Total omskrivning av formulär-element hantering. IDS formulärelement kan nu integreras mycket enklare med manuell validering.
Agent och Alerts har nu öppna headline slots för egna h-taggar.
Figma
Mars
IDS (kod)
Release av 4.6.0 som innehåller förbättringsarbetet för ids-angular.
Figma
...
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
...