Mindig a legfrissebb Design System Figma fájl használatát javasoljuk. Ha mégis korábbi verzióra van szükséged, írj nekünk: designsystem@idomsoft.hu.
- Stílus és hangnem aloldal: publikálva
- Tartalomtervezési ellenőrzőlista aloldal: publikálva
- Tartalom elosztóoldal: frissült
- Banner aloldal: törlésre került
- Bottom navigation aloldal: törlésre került
- Date picker aloldal: törlésre került
- Top navigation aloldal: törlésre került
- Tray aloldal: törlésre került
- Animációk aloldal: törlésre került
- Eleváció aloldal: törlésre került
- Formák és effektek aloldal: törlésre került
- Ikonok aloldal: törlésre került
- Méretek aloldal: törlésre került
- Töréspontok aloldal: törlésre került
- Kezdj itt aloldal: frissült
- Kezdőoldal: frissült
A tokentábla egyszerűsítése és átláthatóbbá tétele azáltal, hogy törlünk belőle olyan színeket és csoportokat amik a visszajelzések alapján nem voltak használva.
Aloldalak aktualizálása.
A változtatás nem jár breaking change-el. Ha mégis szükséged van egy eltávolított tokenre (pl. illusztrációkhoz vagy diagramokhoz), azt local style-ként továbbra is használhatod.
A HCM elemek törlése az Akadálymentességi csapattal egyetértésben történt: Alapvetően az inkluzív tervezési személetet propagáljuk, a WCAG 2.2 szempontja szerint a 4.5:1-hez kontraszt megfelelőség a legtöbb esetben.
Services.gov.hu
- Letöltések aloldal: megszűnt
- Kezdj itt aloldal: frissült
color-foundations
Törlésre kerültek az álábbi csoportok a token táblából:
- Teal, teal alpha
- Violet, violet alpha
- High-contrast
- NKFH, NKFH alpha
- csalad.hu, csalad.hu alpha
- egeszsegablak, egeszsegablak alpha
- oktatashu, oktatashu alpha
color-theme
Törlésre kerültek az álábbi csoportok a token táblából:
- Teal
- Violet
color-semantic
Törlésre kerültek az álábbi oszlopok a token táblából:
- High-contrast
- Dark
color-components
Törlésre kerültek az álábbi oszlopok a token táblából:
- High-contrast
- Dark
Page/komponens
- Törlésre került a Color mode page
- Törlésre kerültek a "Mode test" framek
- Button komponensből törlésre került a High-contrast layer
- Callout oldalon vissza lett állítva a background variáns tábla és törölve lett belőle a High-contrast layer (Több komponens is innen kapta a HC módot)
- Checkbox oldalon vissza lett állítva a background variáns tábla és törölve lett belőle a High-contrast layer (Több komponens is innen kapta a HC módot)
- Radio button komponensből törlésre került a High-contrast layer
- Tab komponensből törlésre került a High-contrast layer
- Textarea komponensből törlésre került a High-contrast layer
- File cover: meglévő komponens archiválva és visszavonva; új komponens létrehozva.
Oldal átrendezés
-
File cover: a meglévő page archiválva, Archived szekcióba áthelyezve, új page létrehozva a Utilities szekcióban.
-
Color modes: törlésre került
-
Illustration: átkerült a Visuals szekcióba
-
DÁP szekció: megszűnt
-
DÁP brand guidelines: átkerült az Archived szekcióba
-
DÁP Sign in button: átkerült a Patterns szekcióba
-
DÁP Logo: átkerült a Visuals szekcióba
-
DÁP badge: átkerült a Visuals szekcióba
-
DÁP mobile dashboard: átkerült az Archived szekcióba
-
DÁP splash screen: átkerült az Archived szekcióba
-
DÁP official banner: átneveztük Official Banner-re és átkerült a Patterns szekcióba
-
Icons csoport: megszűnt
-
Icons page: átkerült a Visuals szekcióba
-
Country icons: átkerült a Visuals szekcióba
-
Hungarian coat of arms: átkerült a Visuals szekcióba
-
Deprecated csoport: átnevezve Archived-ra
-
Marked for refactor csoport: létrehozva
-
Input: áthelyezve ide
-
Multiselect: áthelyezve ide
-
Chip: áthelyezve ide
-
Tooltip: áthelyezve ide
-
-
Under consideration csoport: létrehozva
-
Data table: áthelyezve ide
-
Menu item: áthelyezve ide
-
Skiplink: áthelyezve ide
-
Snackbar: áthelyezve ide
-
- A Pattern gyűjtőoldalon publikálásra kerültek a hamarosan elkészülő pattern dokumentációk előnézetei.
- A menüpontok elnevezései frissítésre kerültek a jobb érthetőség érdekében.
- A Table of Contents komponens jelölést kapott.
Ez a fájl nem a 1.2.1-es verzió közvetlen változata. Ez a fájl egy belső, magasabb verzió alapján készült. Az elavult (deprecated) komponenseket nem szabad új tervekben használni, és egy későbbi kiadásban eltávolításra kerülnek.
Considering szekció: törölve
Utilities szekció:
- Background: törölve
- File cover: új archív variánsokkal bővült
- iOS/Android UI elemek: törölve
- Placeholder: törölve
- Spacing: törölve
- Nem publikált belső komponensek: törölve
WIP szekció: törölve
1.2 szekció tartalma: áthelyezve a Pattern szekcióba
Névtelen szekció 1:
- Loading screen: törölve
- 404: áthelyezve a Pattern szekcióba
- Cookie popup: áthelyezve a Pattern szekcióba
- Akadálymentességi nyilatkozat: törölve
- Adatvédelmi szabályzat: törölve
- Impresszum: törölve
- Felhasználási feltételek: törölve
Névtelen szekció 2:
- Codepuncher: törölve
- Multiselect: áthelyezve a Deprecated szekcióba
- Date input (memorable):
- Chip: áthelyezve a Deprecated szekcióba
- Tooltip: áthelyezve a Deprecated szekcióba
- Jelszókövetelmények: áthelyezve a Deprecated szekcióba
- File uploader: Patternként definiálva
- Table: Patternként definiálva
- Table of content: Patternként definiálva
- Banner: áthelyezve a Deprecated szekcióba
- Input: áthelyezve a Deprecated szekcióba
- Data table: áthelyezve a Deprecated szekcióba
- Date input (memorable): áthelyezve a Deprecated szekcióba
- Chip: áthelyezve a Deprecated szekcióba
- Tooltip: áthelyezve a Deprecated szekcióba
- Jelszókövetelmények: áthelyezve a Deprecated szekcióba
- Banner: áthelyezve a Deprecated szekcióba
- Alsó navigáció (App): áthelyezve a Deprecated szekcióba
- Date picker (Android natív): áthelyezve a Deprecated szekcióba
- Image: áthelyezve a Deprecated szekcióba
- Media card: Patternként definiálva
- Menu item: áthelyezve a Deprecated szekcióba
- Skiplink: áthelyezve a Deprecated szekcióba
- Snackbar: áthelyezve a Deprecated szekcióba
- Felső navigáció (App): áthelyezve a Deprecated szekcióba
- Tray: áthelyezve a Deprecated szekcióba
- Tipográfia: áthelyezve a Deprecated szekcióba
- Bekerült egy új iD logo komponens
- Header
- Variánsok: 1 és 2 soros verzió
- Navigációs lehetőségek: egyszerű és mega menü
- Mobil verzió
- Támogatott tartalom: kereső, avatár, gombok
- Footer section
- Támogatott tartalom: logók, linkek, közösségi média ikonok, copyright megjelenítése
- Hero section
- Variánsok: landing page, különböző aloldalak
- Támogatott tartalom: címsor, alcím, gombok, kereső, illusztráció
- Timeline
- Card és bleed verzió
- Full screen loading
- Digitális Állampolgár mobilalkalmazás splash screen (no code)
- Digitális Állampolgárság Program badge
- Hivatalos weboldal banner
- Data table
- A korábban nehezen módosítható, nyers CSS-struktúrát átalakítottuk egy könnyen karbantartható rendszerre, így a színek és egyéb stíluselemek mostantól központilag, egyszerűen kezelhetők.
- Hozzáadtuk a brand border-t a háttérrel rendelkező checkbox-okhoz, hogy konzisztens legyen a radio button-okkal.
- Hozzáadtunk click handler-eket a radio button-okhoz.
- A Card komponensen belüli Avatar mostantól small, medium és large méretben is elérhető.
- Javítottuk az Icon only Quiet variáns háttérszínét.
- Módosítottuk az összes háttérszín token dark mode értékeit.
- Az alábbi komponensek új extra small méretvariánst kaptak:
- Checkbox
- Checkbox group
- Date picker base component
- Date picker field
- Dropdown
- File upload
- Number field
- Password field
- Radio button
- Switch
- Text field
- Textarea
- A typography komponensben a Size tulajdonságokat átneveztük: xLarge, Large, Medium, Small → 1, 2, 3, 4.
- Hozzáadtuk az Inverted variánst a Divider komponenshez.
- 88 illusztrációt adtunk a UI Kit-hez.
- A Card komponens új neve: Media card és kapott egy új Video variánst.
- Az Avatar komponens most már publikus, és kapott egy notification badge-et.
- Az Avatar komponens mostantól xSmall és 2xSmall méretben is elérhető.
- A Background komponens új Border:Divider variánst kapott.
- Új Help center pattern került hozzáadásra.
- Kisebb hibajavítások történtek a Loading spinner komponensben.
- A Table of Contents komponensben a Title mostantól opcionális. A Table of Contents komponens betűméretét 14-ről 16-ra növeltük.
- Eltávolítottuk az oldalsó paddinget a List item komponensekből.
- A Top Nav komponenst újraépítettük:
- Az action bar mostantól 2 elemet fogad el bal oldalon és 3-at jobb oldalon.
- Az avatar elem title és subtitle opciót is kapott.
- Az avatar elem és az értesítési gomb notification badge opcióval rendelkezik.
- A title elem mostantól subtitle opcióval is bővült.
- A korábbi Top Nav verziók deprecated státuszba kerültek.
- Csökkentettük a mező link komponens szövegméretét:
- A _Field link (small) méretét „base”-ről „sm”-re változtattuk
- A _Field link (large) méretét „lg”-ről „base”-re változtattuk
- Eltávolítottuk a _Field fade komponenseket, és az input mező körvonalait kívülről belülre helyeztük át az alábbi komponenseknél:
- Date picker field
- Dropdown
- Number field
- Password field
- Search field
- Text field
- Javítottuk a gomb ikon tokeneket.
- Komponenseket módosítottunk a magas-kontrasztú mód támogatása érdekében:
- Hozzáadtuk a magas-kontrasztú módot az összes komponenshez és a dokumentációhoz.
- Hozzáadtunk egy 1 pixel alsó szegélyt a Banner komponenshez
- Létrehoztunk egy belső magas-kontrasztú mód szegély komponenst.
- Módosítottuk a Divider komponenst, hogy a Vertical változat 1px magasságú, a Horizontal változat pedig 1px szélességű legyen (a korábbi 0px helyett).
- Hozzáadtuk a kiválasztott állapotot a Menu item (small) és Menu item (large) komponensek "Not inset" változataihoz.
- Hozzáadtunk egy border/neutral/divider-inverted tokent.
- Eltávolítottuk a Hibás állapotot a switch group-ból.
- Frissítettük a szöveg tokeneket, hogy a subtle-button-text tokeneket használják a Table of Contents komponensben.
