...
Pagination byter namn till List pagination.
Data table pagination byter namn till Data pagination.
Confluence
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
...
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
...
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:
...
Det finns nu beskrivning kring “Riktlinjer för att designa/jobba med infographics” på Confluence: Riktlinjer för att designa/jobba med infographics Infographics
Januari
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
...