A design systemet agilis módszertan alapján, iteratívan tervezzük. A roadmap ennek megfelelően változhat.
A design system aktuális (Figma UI Kit) kiadása: 1.3
A design system kódbeli implementációja saját verziózást követ, és itt érhető el: DÁP Design System komponensek.
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.
