9.0 - 27 feb 2026

Lansering	https://inera.atlassian.net/projects/USI/versions/21478
Datum	Feb 27, 2026
Version	9.0
Beskrivning	9.0 är en release med flera breaking changes och som vanligt rekommenderar vi att ni gör ordentliga regressionstester. Flertalet buggar har rättats och versionen har förtestats för att undvika buggar. Release notes hittar ni i Storybook: Development / Changelog / 9.0 - Docs ⋅ Storybook Releasen innehåller bland annat följande nyheter: Darkmode toggle: Ny komponent för att kunna toggla mellan dark och lightmode som placeras i footern. Grid layout: Ny komponent för layouter baserade på CSS gridlayoutNew component for layouts based on a CSS grid layout. Side panel provider: Ny komponent för enklare använding av side panel. Footers: Möjlighet att lägga in footerlänkar i UI-element. CSS spacing classes: Klasser för avstånd, från 13 till 38 klasser. Från och med denna release lanseras uppdateringar i kod och i Figma samtidigt för att bättre kunna undvika skillnader mellan kod och design.
Medarbetare	IDS-teamet

Innan du delar sidan granskar du innehållet i samtliga Jira-ärenden och tar bort känslig information. Ärende Sammanfattning Ärendetyp klass ids-anchor overrideas i alert komponenter Bug CSS Form Select och Time: Border skiljer mot Figma Bug CSS Dialog Light: Färgen på rubriken stämmer inte med Figma Bug Button Loading Sekundär har annan färg på prickarna jmf med Figma och CSS Bug Angular bugg: Tooltip Bug Angular bugg: Clickable - saknar hover Bug Angular: Popover scrollbar Bug CSS Boxlink: Ej samma bakgrundsfärg som i Figma Bug Angular Bugg: Header - bristande tangentbordsnavigering Bug Justera fontstorlek i Data table Task IDSDatePicker: Close-knappen i dialogen submit:ar parent <form> (saknar type="button") Bug Popover inuti IDSRadio/IDSCheckbox hamnar under label Bug Checkbox- & RadioGroup får extra margins Bug Angular: Dropdown - Default kan inte stängas med tangentbordsnavigering Bug Angular: Dialog scrollbar Bug Tillgänglighet: Knappar är satta som toggleknappar som default Bug React - formulär-validering Story TextArea får tom div ovanför sig om label inte används Bug Storlek på ikon i knappar Task Klickytan är fel på Form/Time komponenten Bug Ändra färg på spinner till brand-färger Story Buttons: justera spacing i grupp Story Buttons: Justera höjd Story Angular buggar: Alert Bug Lägg till klass för subtle-text Task Lägga till "More"-ikon Story Nya gemensamma färgskalor - Information Story Admin padding: Komprimera formulärelement Story Alert ribbon state har fel padding i desktop Bug Alert - avstånd mellan ikon och rubrik Task Puff list - divider Task Input field invalid message: Uppdatera texten till "text default" Story Alert - färg på ikoner Story Se över och synka spacing mellan Figma och kod Task Se över avstånd i header avatar Task Bugg: Öppnad dropdown stängs inte med escape Bug Secondary Button kan inte ha L i size Bug Buttons: Justera padding Task Footer 1177 pro Task Förtydliga hur spacing fungerar mellan figma och kod Task Breadcrumbs försvinner vid exakt 1024px Bug Tillgång till breakpoints variabler Story Admin padding: Komprimera cards Task Se över färg på divider Task Nya gemensamma färgskalor - feedback Task Admin footer - tydligare topp Task Nya breakpoints på bredare skärmar Story React SSR - undersök och preppa Task Dokumentera SSR komponenter i ids-react Story Migrera komponenter i ids-angular från Web components till Angular Story Anpassa våra grid till 8 px grid system Story Se över hur Fokusmarkeringen och Active state lirar i komponenter Story Särskilja på Hoover och Active State Story Se över kryss i modal Story Länkboxar Task ids-react importerar .css filer från ids-design vilket kan orsaka problem. Story Inställningar för dark mode Story