Seznam změn

v4.6.4b ​

Cognito hotfix ​

• gov-form-file – přípona .jsonld (a další) hlásila „Soubor tohoto typu není povolen": validace atributu accept porovnávala pouze MIME typ souboru (file.type), který prohlížeč pro některé přípony (např. .jsonld) hlásí prázdný nebo nestandardní (application/ld+json), takže soubor byl vždy odmítnut, i když byl v accept povolen. Validace nyní odpovídá HTML specifikaci accept – přípona (.ext) se porovnává proti názvu souboru, přesný MIME (type/subtype) i skupinový zástupný znak (type/*) proti MIME typu; navíc už chybně nematchuje kvůli neescapovaným znakům v regulárním výrazu.
• gov-form-file – bez multiple šlo přidat více souborů najednou: při multiple={false} sice nativní výběr povoloval jen jeden soubor, ale dávka doručená jinou cestou (drag-drop, framework wrapper nebo programové nastavení input.files) se přidala celá. Nyní je v single-file módu příchozí dávka omezena na jediný soubor (poslední).

v4.6.4 ​

Změny ​

• gov-tooltip-content – nový prop message: text tooltipu se nyní předává deklarativně přes prop a renderuje Stencilem. Stará cesta (přepis innerHTML na content elementu) je nahrazena, takže Stencilem vykreslené children (např. close button v persist módu) nejsou při změně textu zničeny. Pokud message není nastaven, komponenta nadále používá <slot/> – inside-content varianta funguje beze změny.
• Primary aliasy – návrat z primary-700 na primary-600: revert commitu e07ca86a, který přesunul sémantické aliasy (background-primary, border-primary, button-solid-primary + hover/active, icon-on-subtle, icon-on-subtle-fixed-bg, interactive-active, text-status-info; light i dark mód) z primary-600 na primary-700, protože v tu dobu na primary-700 seděla JVS Modrá (#00469B). Ostatní palety (secondary, error, warning, success) mají svůj hlavní krok konzistentně na 600, takže se aliasy vrací zpět na primary-600, aby primary z konvence nevybočovala. Hover/active kroky se vrací se stejným odstupem jako předtím (light: base→hover→active o +1 kroku; dark: hover je naopak o krok světlejší než base).
• Primitiva primary - dodavatel JVS dodal novou paletu barev 400–800 kolem JVS Modré na kroku 600: navazuje na vrácení aliasů výše. Primitivní hodnota primary-600 je nyní přesně JVS Modrá #00469B (dřív na tomto kroku byl odstín #2E6AA8), kroky 400/500/700/800 pozměněny; 300, 900 a tmavší kroky beze změny.
• gov-banner – výchozí foreground změněn z logo na image: default hodnota propu foreground (Playground story v Storybooku,) se mění z logo na image, ve shodě s ostatními připravenými ukázkami (Waves/Stripes/Lines/Simple), které už image používaly. Tento change request je prvním řešení situace, kde VG JVS nedoporučuji vkládání loga do banneru.

Opravy ​

• gov-form-search – CTA tlačítko zasahovalo do borderu: kontejner gov-form-search měl pevnou height rovnou velikostnímu tokenu (--height-component-{s|m|l}), zatímco slotnuté CTA tlačítko mělo přes stejný size atribut tu samou výšku. Při box-sizing: border-box byla vnitřní content area o 2 × border-width menší než tlačítko, takže CTA opticky překrývalo horní i dolní border a vpravo bylo namáčknuté až na border. Slotnutému tlačítku se teď v rámci gov-form-search vynucuje height: 100 % (včetně vnitřního .element), takže se smrskne tak, aby sedělo do content area kontejneru; kontejner si zachová původní výšku ze size tokenu. K tomu uniformní --spacing-2xs padding kolem dokola pro viditelnou 3px mezeru ke všem hranám.
• gov-form-checkbox – zalamování labelu s inline odkazem/tlačítkem: Při šířce ≤ 1500 px se vnitřní gov-link, gov-button a povinná hvězdička * v labelu checkboxu zalamovaly do bloků (každý prvek měl vynucenou šířku 100 %). Selektor *[slot="label"] * v gov-form-checkbox.scss byl zúžen na > *, takže width: 100% se aplikuje jen na přímý <label> (zachová klikací plochu přes celý řádek), zatímco vnořené inline prvky zůstanou inline.
• gov-form-file – v single-file módu se nový soubor přidával místo nahrazení: při multiple={false} a zapnutém display-attachments nově vybraný soubor jen přibyl do zobrazeného seznamu vedle původního, místo aby jej nahradil. Před validací nového výběru se nyní v single-file módu seznam příloh vyresetuje, takže UI obsahuje právě jeden soubor.
• gov-form-file – nativní <input type="file"> nebyl synchronizován s UI: zobrazený seznam příloh a inputRef.files se rozcházely, takže nativní form submit / FormData posílaly jiné soubory, než uživatel vidí. Doplněna synchronizace přes DataTransfer – při každé změně (přidání, odebrání, reset()) se input.files nastaví na aktuální platné položky (neplatný MIME typ nebo příliš velký soubor jsou vyloučeny).
• gov-form-file – reset() před prvním renderem: zavolání public metody reset() před tím, než byl <input> vyrenderován, házelo chybu při zápisu do this.inputRef.value. Přístup k inputRef je nyní hlídaný.
• gov-tooltip – zmizelé tlačítko zavřít po změně textu: při persistovaném (klikem zafixovaném) tooltipu se po změně message ztratil close button. Příčina – přepis innerHTML content elementu v createContentWrapper smazal Stencilem vykreslené children. Opraveno propojením přes nový message prop na gov-tooltip-content.
• gov-tooltip – pozice se neaktualizovala při změně rozměrů: při změně textu (více řádků) nebo při příchodu close buttonu (změna padding / šířky v persist módu) se top/left content elementu nepřepočítával. Doplněn ResizeObserver napojený na content během zobrazení – tooltip se nyní sám reposicuje, jakmile se jeho box změní.
• gov-tooltip – reposice při window resize: tooltip se nyní přepočítá i při změně velikosti okna.
• gov-form-autocomplete – throttling vstupu nefungoval: handler on-gov-input byl throttlovaný přímo v JSX (throttle(this.onInputHandler.bind(this), this.throttleTime)), takže se nová throttlovaná funkce s vlastním interním časovačem vytvářela znovu při každém renderu komponenty – throttling tak nikdy neakumuloval zpoždění napříč vstupy a fakticky se neuplatnil. Throttlovaný handler (debouncedSearch) se nyní vytváří jednou v componentWillLoad a znovu jen při změně throttleTime; aktualizace value proběhne okamžitě, throttlovaný je jen navazující vyhledávací callback.
• main-navigation – mobilní menu se zavíralo při falešných resize událostech: debouncovaný handler na resize níže od tabletového breakpointu vždy zavolal controlHeaderNavigation(false), i když šlo o vedlejší změnu rozměrů okna (např. schování/zobrazení adresního řádku v mobilním prohlížeči) při otevřeném mobilním menu, takže se menu neočekávaně zavíralo. Doplněna kontrola isMobileMenuOpen() (dle aria-expanded na navigation triggeru) – dokud je mobilní menu otevřené, handler ho při resize nezavírá.
• gov-form-select – ve Firefoxu se skrývaly options: komponenta skrývala nevybrané <option> přes CSS (option:not([selected]) { display: none }) a zároveň v JS po každém renderu ručně přepisovala atribut selected na jednotlivých options (markSelectedValue, volané mj. přes tick() v componentDidRender). V kombinaci s timingem vykreslování to ve Firefoxu vedlo k tomu, že se options nesprávně skrývaly. CSS hack odstraněn, výběr hodnoty se nyní řeší přímým nastavením selectRef.value (syncSelectValue) – standardní cestou přes DOM API selectu.
• main-navigation – 1px mrtvá zóna u triggerů hlavní navigace: šířka .element v triggeru navigace se počítala jako calc(100% + (var(--spacing-m-nudge) * 2)) bez zohlednění border-width, takže mezi vizuálně sousedícími prvky vznikala 1px mezera necitlivá na hover/klik. Do výpočtu doplněn var(--border-width, 0.0625rem), čímž mrtvá zóna zmizela.

v4.6.3 ​

Změny ​

• gov-form-autocomplete – statický seznam options: Komponenta nyní umí pracovat se statickým polem položek předaným přes options (např. Angular [options]). Kliknutí do inputu zobrazí dostupné položky, psaní je filtruje (shoda na podřetězec, bez ohledu na velikost písmen a diakritiku). Nový prop max-options (výchozí 10, 0 = bez limitu) omezuje počet zobrazených položek.
• Upgrade core-vue na 4.6.3: Balíček @gov-design-system-ce/vue posunut z 2.6.1 (poslední publikovaná verze) na 4.6.3, čímž je zarovnán s verzí zbytku monorepa. První publish v 4.x linii.

Opravy ​

• gov-form-autocomplete – staticky předané options se nezobrazovaly: Pole předané přes options (typicky z Angular [options] vazby) nikdy nenaplnilo seznam návrhů, protože se iniciální hodnota zpracovávala výhradně přes @Watch, který se pro první hodnotu nespouští. Seznam se nyní synchronizuje v componentWillLoad.
• gov-form-search – propagace size atributu: Prop size na <gov-form-search> se v Stencilu deklaroval bez reflect: true, takže framework wrappery (Angular / React / Vue) sice nastavily JS property, ale HTML atribut size nikdy nezůstal na elementu. CSS pravidla pro velikostní varianty (gov-form-search[size="s|m|l"]) jsou ovšem napsaná na atributový selektor, takže ve framework wrapperech wrapper zůstával v defaultní m velikosti nezávisle na zvolené hodnotě. Doplněn reflect: true, výška/gap wrapperu se nyní mění konzistentně ve všech konzumentech.
• core-vue build na úrovni dev: nx cache pro target core:build neuchovávala vedlejší soubory generované do sourozeneckých balíčků (packages/core-vue/lib/index.ts od vueOutputTarget, packages/core-angular/src/directives/proxies.ts a proxies-list.ts od angularOutputTarget). Při cache-hitu se obnovil jen dist/packages/core, ostatní soubory zůstaly chybět a navazující kroky core-vue:fix-paths / core-angular:build selhávaly. Doplněny tři další cesty do outputs v packages/core/project.json, takže nx je nyní cachuje a obnovuje korektně.

v4.6.2 ​

Změny ​

• Výchozí brand barva – posun na JVS Modrou: Sémantické tokeny pro primární brand color přesunuty z primary-600 (#2E6AA8) na primary-700 (#00469B = oficiální JVS Modrá). Konkrétně --background-primary, --border-primary, --button-solid-primary, --interactive-active, --icon-on-subtle, --icon-on-subtle-fixed-bg a --text-status-info. Hover stavy posunuty o stupeň hlouběji (Light mode: primary-700 → primary-800; Dark mode: primary-500 → primary-600), active stavy obdobně. Vizuální dopad: tlačítka, ohraničení, akční ikony a status-info text používají nyní JVS Modrou jako výchozí. Hodnoty primitive palety primary se nemění – jen mapování sémantických tokenů.
• Figma kity: Aktualizovány na verzi 4.6.2 a přesunuty na trvalou adresu designsystem.gov.cz/figmakity/gov-figmakity-4-6-2.zip (dříve byly bundlované v download adresáři dokumentace). Obsahují aktualizované gov-materials, gov-templates a gov-icons.
• gov-materials Figma: Sémantické aliasy v kolekci color aktualizovány tak, aby výchozí brand-color tokeny ukazovaly na color/primary/700 (= JVS Modrá). Konkrétně background/primary/primary, border/border-primary, button/solid/solid-primary, interactive/active, icon/on-subtle, text/status/text-info; hover/active varianty button/solid/solid-primary-hover a button/solid/solid-primary-active posunuty o jednu pozici hlouběji.
• gov-templates Figma: Header opraven – nahrazeno 26 vrstev s hardcoded #00469B nebo s vazbou na osamocenou proměnnou (z původně nelinkované knihovny gov-materials-4-2-5) na sémantické tokeny z gov-materials (text/primary-color, icon/on-subtle, component/nav/text-link, interactive/active). Důsledek: Header se nyní správně přizpůsobuje Dark módu (logo a navigační texty mají dostatečný kontrast proti tmavému pozadí).

Opravy ​

• Dokumentační swatche /principy/barvy: Hodnoty v core/src/data/color-definitions.js byly zastaralé (paleta z předchozích verzí), zatímco skutečné CSS proměnné v _primitives.scss už obsahovaly JVS-kompatibilní paletu. Swatche v dokumentaci nyní odpovídají skutečně zaváděným barvám. Doplněna chybějící paleta error-1000, opraven překlep ve warning-500 (#eaad0b → #eaad08). Tři JVS-kotvy (Světle modrá, Modrá, Tmavě modrá) označeny v popiscích swatchů.
• Popis primární palety v dokumentaci: Věta v /principy/barvy říkala, že Primary 600 (#2E6AA8) vychází z JVS. JVS ale definuje #00469B (Modrá) jako svou základní brand barvu. Přeformulováno tak, aby zmiňovalo všechny tři JVS-kotvené pozice (Primary 300 = Světle modrá, Primary 700 = Modrá, Primary 1000 = Tmavě modrá).

v4.6.0 ​

Změny ​

• Barevné tokeny – Jednotný vizuální styl státní správy (JVS): Primitive palety primary a error aktualizovány na hodnoty JVS. Paleta neutral ponechána v původních hodnotách pro zachování kontrastu. Ostatní palety (secondary, warning, success, focus, visited) beze změny.
• Sémantické tokeny – pozadí stránky: --background-page v light mode změněn z neutral-50 na neutral-50 (bez změny); v dark mode zůstává primary-1050.
• Figma – kolekce Primitives: Sjednoceno na jediný mód (odebrán mód Gov). Hodnoty aktualizovány podle JVS, showcase tabulky navázány na proměnné.

Opravy přístupnosti ​

• Disabled text: --text-disabled změněn z neutral-300 na neutral-600 — kontrast na disabled buttonu z 1.42:1 na 4.6:1 (WCAG AA).
• Outlined primary button – active/hover stav: Pozadí hover posunuto z primary-200 na primary-100, active z primary-300 na primary-200 — text primary-600 na active pozadí z 3.18:1 na 4.25:1.
• Verze chip v hlavičce: Změněn z type="outlined" na type="solid" pro dostatečný kontrast v dark mode (4.10:1 → 5.13:1).
• Chybějící aria-labels: Doplněny na logo odkaz v hlavičce, X/Twitter tlačítko a opraven špatný aria-label u loga NPO v patičce.

Infrastruktura ​

• Multiplatformní build skripty: Bash for-smyčky v icons, docs a templates nahrazeny sekvenčním voláním copyfiles (podpora Windows cmd.exe). Přidán styles/build.mjs jako Node.js port build.sh; styles/project.json nyní volá node build.mjs.
• Docker local setup: Přidán Dockerfile.local a docker-compose.local.yml pro lokální vývoj (docs + storybook na portu 8080). Trackován .docker/nginx-https.conf.
• Build fix: Playground pages (src/pages/**) vyloučeny z tsconfig.lib-publish.json — řeší duplicitní identifikátory při produkčním Stencil buildu.
• Matomo: Zakomentováno analytické sledování (matomo.nakit.cloud).
• Fonty: Opraven import Roboto fontů přes @use ... with() syntax.

Patička ​

• Partnerská loga: Nová bílá loga DIA (69×40), EU (119×40) a NPO (118×32) ze zdrojů DIA portálu.
• NAKIT: Odebrán ze seznamu partnerů.
• Sociální síť: Odkaz změněn na x.com/agentura_dia.

Nové favicony ​

• Všechny favicon soubory nahrazeny novými ikonami DIA (16×16 až 512×512 SVG).

v4.5.1 ​

Opravy ​

• gov-tabs: Odebráno podtržení při použití gov-chip.
• gov-form-checkbox: Opravený výchozí margin.
• gov-form-radio: Opravený výchozí margin.
• gov-control-group: Opraven hover stat vnořených elementů.
• gov-form-texarea: Opravena změna velikosti pole.

v4.5.0 ​

Změny ​

• gov-link: Přidáno zkracování textu (truncate).
• gov-input: Přidán variant param.
• gov-autocomplete: Přidán autocomplete do playgroundu.
• gov-autocomplete: Nastavena maximální výška seznamu návrhů.
• gov-form-tabs: Upraveny záložky – sjednocený underline styl.
• gov-form-tabs: Přesunuto aria-label z wrapperu na tlačítko.
• gov-attachments-item: Přidán tooltip a zkracování textu.

Opravy ​

• gov-card: Opraveno chování hover stavu.
• gov-form-range: Opravený parametr range.
• gov-chip: Opraveno zarovnání a aria-atributy.
• gov-form-checkbox: Opravené proměnné a namespace.
• gov-form-radio: Opravené proměnné a namespace.
• gov-form-select: Opraven výběr na Windows.
• gov-tabs: Opraveno chování kliknutí pod záložkami.
• gov-dropdown: Přesunut seznam do správného wrapperu.
• gov-dropdown: Opraven parametr fixed v CSS.
• gov-aria-controls: Opraven překlep v aria-controls a sjednoceno chování.
• Globální styly: Přidána podpora rem jednotek, opraveny SASS importy a namespaces.
• Globální styly: Opraveny chyby při přepočtu proměnných a chybějící čárky.

v4.2.7 ​

Změny ​

• gov-grid: Odebrán atribut columns.
• gov-tabs: Odebrán scroll-bar.

Opravy ​

• gov-error-code: Opraveno zarovnání v prohlížeči Firefox.
• gov-form-file: Opraveno CSS pro „drop“ areu.
• gov-theme-switch: Opravená barva ikony.
• gov-accordion: Opravené pozadí v aktivním stavu.
• gov-dialog: Opravený focus komponenty.
• gov-dialog: Procházení focusu pouze v rámci daného dialogu.
• gov-dialog: Vrácení focusu na element, který dialog vyvolal.
• gov-form-checkbox: Opravený focus stav, když není definován label.
• gov-form-switch: Opravený focus stav, když není definován label.
• gov-form-switch: Opraveno vizuální přepínání komponenty.
• gov-form-file: Opravené zobrazení chybové hlášky u přílohy.
• gov-form-file: Opravený focus stav.
• gov-button: Opravený 1px neaktivní stav kolem tlačítka.
• gov-card: Odstraněn hover stav při statickém použití.
• gov-form-radio: Odstraněna neaktivní zóna mezi inputem a labelem.
• gov-form-checkbox: Odstraněna neaktivní zóna mezi inputem a labelem.
• gov-form-switch: Odstraněna neaktivní zóna mezi inputem a labelem.
• gov-card: Opravené duplicitní definice velikostí v CSS.
• gov-tabs: Omezení zobrazení horizontální scrollu.
• Opravená CSS definice pro elementy <ul> a <ol>.

v4.2.6 ​

Změny ​

• Resetován margin a padding na úrovni <html> tagu.
• Výchozí styl <hr/> tagu;

Opravy ​

• gov-wizard: Oprava border-radius.
• gov-wizard: Oprava zarovnání headline v responzivní variantě.
• gov-empty: Oprava font-size.
• gov-skeleton: Oprava vlastní definice wifth a height.

v4.2.5 ​

Změny ​

• gov-banner: Aktualizováno logo lva ve Foreground.
• Figma kit gov-icons:
  • Complex Icons: Aktualizováno logo lva v příslušných ikonách.
  • Logos: Aktualizováno logo lva, ponechána loga značek DIA a Nakit, ponechány také pomocné badge Google Play a App Store, ostatní loga odstraněna.

v4.2.4 ​

Opravy ​

• gov-control-group - Oprava zakulacení komponenty.
• gov-form-label - Opravena barva hvězdičky označující povinnou položku.
• gov-form-label - Odstranění resetu marginu.
• gov-card - Odstranění resetu marginu.

Změny ​

• gov-empty: Přidána horizontální varianta.
• gov-button: Přidán parametr expanded-mobile pro zobrazení tlačítka na 100% šířky v mobilním zobrazení.

v4.2.3 ​

Opravy ​

• gov-tabs: Oprava generování gov-tabs při vnořených záložkách.

Změny ​

• gov-tabs: Definování atributu type pro položky záložek.

v4.2.2 ​

Opravy ​

• Aktualizována specifikace závislostí – změna z ~ na ^ u @gov-design-system-ce/icons pro lepší správu verzí a kompatibilitu s budoucími minor verzemi.

v4.2.1 ​

Změny ​

• Opravy překlepů v CSS3 proměnných.
  • background-overlay-tranparent => background-overlay-transparent
  • text-terciary => text-tertiary
• Přidán token text-status-warning.
• Podpůrné třídy s barvami již nereferencují konkrétní barvu ale její token.
• Změna barvy formulářových rámečků border.
• gov-card: Úprava vnitřního odsazení a stínu při hover stavu.
• gov-link: Přidána podpora ořezu na jeden řádek.

Opravy ​

• gov-search: Opravena výška komponenty.
• gov-form-radio: Opravena focus prvku.
• gov-form-autocomplete: Opravena hover a focus stavu.
• gov-dialog: Opravena dědičnost barev z nastavení.
• gov-banner: Opraveny velikosti textu, mezer a tlačítek.
• gov-blockquote: Opravena barva odkazu.

v4.2.0 ​

Novinky ​

• gov-banner: Nová komponenta k vizuálnímu upoutání uživatele na webu. Banner je k dispozici ve více variantách a velikostech pro specifické účely.
• gov-blockquote: Nová komponenta pro vizuální odlišení textu citovaného z jiného zdroje od ostatního textu.
• Přidání výchozích stylů pro seznamy (ve Figma jako Text List).
• Odstranění přípony „Gov“ z názvů komponent: Tato změna byla provedena za účelem zlepšení čitelnosti a snazšího rozpoznání názvů komponent ve Figma. Názvy jsou nyní kratší a přehlednější, což usnadňuje práci designérům.

Změny ​

Typografie ​

Původní pojmenování velikostí typografie používali názvy inspirované velikostmi oblečení, jako například gov-text--m, gov-text--xl. Nově design systém nabízí sémantické pojmenování, které lépe odráží jejich funkční využití v designu. Typografie je nyní označována názvy jako font-size-body-m, font-size-headline-lapod., což usnadňuje orientaci a přispívá k lepší konzistenci v návrhu i implementaci.

Více v sekci typografie.

Grid ​

• Přidán atribut columns.
• Přidán atribut align-items.
• Přidán atribut justify-items.
• Přidán atribut gap.
• Odebrán atribut align-x.
• Odebrán atribut align-y.

Grid item ​

• Přidán atribut col-span.
• Přidán atribut col-span-sm.
• Přidán atribut col-span-md.
• Přidán atribut col-span-lg.
• Přidán atribut col-span-xl.
• Přidán atribut row-span.
• Přidán atribut row-span-sm.
• Přidán atribut row-span-md.
• Přidán atribut row-span-lg.
• Přidán atribut row-span-xl.
• Odebrán atribut size.
• Odebrán atribut size-sm.
• Odebrán atribut size-md.
• Odebrán atribut size-lg.
• Odebrán atribut size-xl.

Flex ​

• Přidáno responzivní chování.

Stepper ​

• Přepracování vzhledu komponenty.

Tag ​

• Úpravy vlastností tokenů.
• Přidány responsivní velikosti tokenů.
• Odstraněny class --size-XX.
• Odstaněny primitive size tokeny.

Form group ​

• Upraveny hodnoty gap.

Form radio ​

• Refaktorováno CSS komponenty

Container ​

• Změna velikostí a mezer.
• Přidána podpora CSS3 priměnných.

Layout ​

• Změna velikostí.

Opravy ​

Tag ​

• Oprava odsazení při použítí atributu expanded.

Form label ​

• Opravení kurzoru nad elementem legend.

Form switch ​

• Opraven focus stav.

Form search ​

• Oprava odsazení okolo tlačítek.

Form checkbox ​

• Oprava zobrazení komponenty v rámci accordion.

Layout ​

• Oprava zobrazení aside layoutu.

v4.1.2 ​

Změny ​

Card ​

• Změna struktury komponenty gov-card.
• Odstraněny třídy gov-card__title, gov-card__main, gov-card__btns.
• Přidána třída gov-card__content.

Flex ​

• Přidání atributu gap na úroveň komponenty.
• Atribut align-self rozšířen o možnosti normal, self-start, self-end a anchor-center.

Chip ​

• Změna barvy orámování (border) u type="outlined".

Tag ​

• Přidán atribut expanded.

Styles ​

• Odstraněno spodní odsazení (margin) z komponent.
• Přidány nové třídy pro texty.
• Proměnná --roboto změněna na --font-family a vložena do theme.scss.

Opravy ​

Pagination ​

• Oprava css display, které vkládalo komponentu s nežádoucí mezerou.

Switch ​

• Oprava vnitřního odsazení padding u vnitřního tlačítka button.

Theme switch ​

• Oprava zobrazení popisů.

v4.1.1 ​

• Byla přidána kontrola typu načteného obsahu do komponenty gov-icon, aby se zajistilo, že se renderují pouze SVG soubory. Dříve načtení jiného formátu mohlo způsobit problémy s vykreslením obsahu.

v4.1.0 ​

• Tokenizace: Usnadňuje přizpůsobení barev a velikostí pro různé produkty a módy. Zajišťuje konzistenci napříč produkty.
• Podpora customizace: Úpravy pomocí tokenů bez narušení konzistence designu.
• Dark Mode: Lepší přístupnost uživatelského rozhraní díky podpoře tmavého režimu.
• Sekundární barva: Přidání Secondary brandové barvy. Upraveny šedé odstíny jako Neutral.
• Figma soubor gov-icons: Nový soubor gov-icons ve Figmě nyní obsahuje nejen všechny Bootstrap ikony, což usnadňuje designérům jejich použití.

Nové komponenty ​

• gov-flex pro pohodlné zarovnávání elementů
• gov-theme-switch pro přepínaní mezi dark a light módy
• gov-dropdown pro interaktivní nabídky
• gov-link pro vytváření odkazů, zahrnuje potřebné paddingy

Změny komponent ​

Odebrané komponenty ​

• gov-nav
• gov-side-nav
• gov-statsbar

v4.0.0 ​

Vylepšená verze design systému nyní představuje webové komponenty, které lze snadno začlenit do různých frontendových frameworků. Její nové zpracování nenavazuje na předchozí verze a není s nimi kompatibilní.

Tímto krokem se nám podařilo výrazně zdokonalit možnosti integrace a vytvořit nástroj, který je mnohem univerzálnější a přizpůsobitelnější pro vaše projektové potřeby.

v3.4.0 ​

Novinky ​

• Přidání nové komponenty Pruh statistik.
• Přidání nové komponenty Nápověda.
• Přidání klasických variant formulářových prvků Textové pole, Rozbalovací seznam.
• Rozšíření formulářových prvků o oznámení stavu validní hodnoty.
• Nové klasické a komplexní ikony.

Změny ​

• Přepracování komponenty Boční menu do tříúrovňové navigace.
• Upravení přístupnosti komponent.
• Srovnání velikostí komponent do 8px stupnice.

v3.3.0 ​

Novinky ​

• Přidání nové komponenty Cookie lišta.

Opravy ​

• Opravení chování komponenty Rozbalovací seznam při změně hodnoty na výchozí.

v3.2.0 ​

Novinky ​

• Přidání nové komponenty Boční menu.

Rozšíření ​

• Přidání nových velikostí pro Akordeon, konkrétně .gov-accordion--large a .gov-accordion--small. Původní akordeon je nyní roven velikosti large.
• Přidána podpora ikon pro komponentu Akordeon.

Změny ​

• Nahrazení komponent Výběr data a Výběr času nativní podporou prohlížečů.
• Oddělení komponent určených pro Portál veřejné správy.
• Změna inicializace JavaScript komponent na specifické třídy s prefixem gov-js určené pouze pro navázání funkcionality.

Pro udržení dosavadní funkcionality je zapotřebí rozšířit definice komponent následovně:

v3.1.2 ​

Opravy ​

• Oprava komponenty Kalendář. Chyba ve vykreslování pozic jednotlivých dnů v daném týdnu.

v3.1.1 ​

• Přidání autoformátu hodnoty pro komponentu Výběr času.
• Drobné úpravy stylů na základě Figma stylesheetu.

Opravy ​

• Oprava komponenty Výběr data. Při změně měsíce docházelo k zavírání celého kalendáře.
• Opravení chování komponenty Rozbalovací seznam při předvybrané možnosti.

v3.1.0 ​

• Uvedení nové komponenty Výběr času.
• Rozšíření komponenty Rozbalovací seznam o možnosti vícenásobného výběru.

Opravy ​

• Opravena vynucená výchozí hodnota formulářového prvku <select>.

v3.0.1 ​

• U komponenty gov-lang-switch byly u select elementu nahrazeny třídy gov-select a gov-select--lang za třídu gov-lang-switch__select.
• Uvedení nové komponenty Odznak.
• Přidána validace formátu pro komponentu Výběr data při ručním vkládání.
• Oprava zobrazení komponent Menu, Výběr data a Rozbalovací seznam.

v3.0.0 ​

• Kompletní přepracování design systému.