...
Data table - justerad och minskad padding
Tag
Inera: Minskad padding
1177: Minskad padding, vit bg-färg, högre kontrast på konturlinje och justerad border radius
Augusti
Under augusti har fokus varit på att:
Fortsätta med arbetet med ids-design (IDS CSS)
Planera hösten
Onboarding av nya personer i designsystem-teamet
Confluence
Genomgång och uppdatering av dokumentation för alla Komponenter
Genomgång och uppdatering av Designriktlinjer
Juli
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
I juli har IDS-teamet semester. Mellan måndag 1 juli och måndag 5 augusti har vi stängt för hantering av supportärenden. Vi återupptar supporten från och med 5/8. Du kan fortfarande:
Trevlig sommar önskar IDS-teamet! ☀️ |
...
Modal
Ny variant "Custom" har lagts till med en placeholder slot som kan användas för annat innehåll med lokal komponent.
Stepper
Vid långa rubriker fyller texten ut på ny rad (fill).
Progress bar
Nya varianter "Empty" och "full".
Global alert
Agent (1177)
Preamble
Body text
Confluence
Kommande:
Sommarstädning
Uppdatering av information
Nya designriktlinjer för
Tabell i mobil
Sök i select/multiselect
Card i mobil
...
Ikon “double arrow” (dubbelriktade pilar) byter namn till “swap” för att matcha IDS
Komponenter med versaltext - beslut tagna, ej genomförda ännu
Versalrubriker utgår, påverkar alla komponenter som använder dessa, t ex expandables och cards med versalrubriker
Badges blir versalgemena (inledande stor bokstav, följt av små)
Knappar fortsatt versala
Alert ombyggda för att utgå från nya 8-baserade avstånden och använder nu också layer modes (desktop/mobil)
Alert ribbon - ny variant: en mer slim och stängbar variant av alert utan rubrik, med mindre ikon
Description list - ny komponent: visar listor med innehåll där varje informationspost har en beskrivande term/rubrik
Confluence
Uppdaterade riktlinjer för Visa mer/visa mindre (fälla in och ut)
Uppdaterad information för övergången till 1177 för vårdpersonal (öppna sidor och admingränssnitt). Sidor som berörs:
...
Variabellistor för Färger - Inera och Färger - 1177
...
Augusti
Uppdateringar i IDS (kod):
...
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
Augusti
Kodkomponenter:
Tabs
Breadcrumbs
Checkbox (error state)
h1 Small
Mer info finns i changelog (1.6.0->1.7.1)Följande komponenter har acceptanstestats samt tillgänglighetsgranskats: Breadcrumbs, Truncated Breadcrumbs, Table, samt H1 small och Error state för radioknapp/checkbox.
Tillgänglighetskrav har tagit fram för Content navigation, Tool tip och Scroll back to top komponenterna.
...
Instruktion för utvecklare Angular, Patrik H
Ikonbiblioteket för Inera är uppdaterat och använder nu samma grundikoner som 1177 Vårdguidens ikonbibliotek, men med egen färgsättning utefter Ineras grafiska profil. Detta ger nu ett mer enhetligt designmanér samt ökat antal ikoner. Finns för användning i Figma- respektive Sketchbiblioteket samt zipfil med ikoner i svg-format på sidan Ikoner - Inera (Arkiverad) . (Ej uppdaterat ännu i css eller Fontello).
Augusti
JSON-fil för 1177:s e-tjänster publicerad Gemensam menystruktur för 1177 - 1177 Vårdguiden
Ny information om Ikoner - Inera (Arkiverad) där vi övergår till att använda samma Googlebibliotek som fallback som för 1177.
Beta-test at Bootstrap CSS för de förvaltningar som bedrivs och som inte har resurser att flytta in i UX-ramverksvärlden ännu. /wiki/spaces/USI/pages/2498560260
...