...
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. Övrig support återupptas 7/1 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
Header (1177) - Ökad fontstorlek för 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.
...
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
...