...
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
Figma
...
Julledighet
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
I jul har många i IDS-teamet semester, från och med måndagen den 23 december. Elin Karasalo finns på plats för att svara på kodrelaterade frågor på arbetsdagarna under december och januari. Vi återupptar supporten som vanligt 7 januari 2025. Du kan fortfarande:
God jul och gott nytt år önskar IDS-teamet! 🎁 |
December
Kod
Release av IDS 5.3
Kompakta formulär i admin och pro.
Updaterad Jämtland Härjedalen logotyp och flexiblare header knappar.
Bugfixar
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
Nytt mode introducerat vid namn "Brand" som används för att sätta tema (gäller endast formulär för nu).
1177: Citizen och Pro/Admin.
Inera: Inera.se och Admin.
Button, Loading button, Spinner och Search button - Justerade storlekar.
Search button - Varianter för Device har ersatts med mode.
Formulär
Kompakta formulär för Admin och Pro (mode: Brand - Pro/Admin).
Varianter för light som används på mörkare bakgrunder (Color style: Light).
Justerade storlekar.
Uppdaterad design för Disabled och Invalid.
Search field
Nu finns motsvarande varianter som övriga formulärskomponenter.
Varianter för Size: Small som har samma storlekar som vanlig Input.
Varianter för Device har ersatts med mode.
Select multiple - Varianter för Expanded har ersatts med booleaner.
Header (1177) - Ökad fontstorlek för tjänstens namn i mobilläge för profession och admin.
Header (Inera) - Puff med text finns nu för megamenyn i desktop.
November
Figma
Badge - Ikon kan nu aktiveras i properties.
Description list
Variant med linjer byter namn till Column.
Ny variant för invånare med linjer för 1177.
Scrollbar
Justerad bredd och padding.
Nya varianter för Hover och Active states.
Popover - Justerad Scrollbar.
Textarea - Justerad Scrollbar.
Search field - Kryss för att rensa Search field är borttaget.
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
...