Seznam změn

v4.7.1 ​

Balíčky @gov-design-system-ce/components, styles, icons, fonts, templates, utils, react, angular a vue jsou posunuty ze 4.7.0 na 4.7.1 (fonts a utils beze změny obsahu). Změny React balíčku jsou v samostatném bloku níže.

Změny ​

• Barvy – modrá paleta podle brandbooku JVS (názvy tokenů beze změny, viz Breaking changes výše)
  • primary-700 #003E8A → #0E3578
  • primary-800 #06397E → #102657
  • primary-900 #0C3372 → #0C1838 (JVS Tmavě modrá)
  • primary-950 #0A2450 → #091129
  • primary-1000 #0C1838 → #060B1B
  • primary-1050 #03070F → #04060E
  • primary-50 až primary-600 beze změny (primary-600 = JVS Modrá #00469B)
  • světlý --text-primary-color přechází z primary-700 na primary-600 (#003E8A → #00469B)
  • o krok níž se posouvá ukazatel odpočtu (--interactive-timer-primary-*) ve světlém i tmavém režimu, tokeny tmavého režimu (--background-primary-subtle, --background-primary-subtlest, obrysová primární tlačítka) a tokeny patičky a navigace v šablonách; úplný přehled je v podrobném seznamu změn
  • koncová barva přechodu v pozadí gov-banner (primary-900) #0C3372 → #0C1838
• Hlavička (šablona) – mobilní rozložení až do 1023 px, desktopové od lg (1024 px); logo 56 px, od 1024 px 64 px (viz Breaking changes výše)
• Banner – nový prop icon umožňuje pro foreground="icon" vybrat ikonu ze sady design systému (řetězec typ/název, název jen z malých písmen a pomlček); bez něj se použije dosavadní výchozí grafika
• Ikony – 34 nových ikon v sadě components (z 57 na 91), např. house, person, calendar-event, map, share a trash
• Pravidla – Jak na tvorbu formuláře – povinná pole se nově označují hvězdičkou, kterou vykreslí komponenta sama podle atributu required; nad prvním polem formuláře patří vysvětlivka
• Dokumentace pro vývojáře – templates.css je pro markup organismů a šablon nutný (bez něj se vykreslí bez stylů); popsány i content.css, print.css a import stylů po jednotlivých komponentách
• Fractal – označen jako deprecated, zdrojem pravdy pro šablony je Storybook

Opravy ​

• Našeptávač – při asynchronním vyhledávání (setSearchCallback) se zobrazí všechny návrhy, ne jen první
• Control group – no-border, no-inner-border a fit-content fungují i při nastavení přes JS property (Angular, Vue)
• Skeleton
  • shape="circle" zůstane kulatý i při nastavení přes JS property (Vue, Angular, React)
  • u výchozí animace progress při prefers-reduced-motion nezůstane zamrzlý pruh přechodu
• Layout – nezalomitelný obsah v gov-layout-column už nevytlačí boční sloupec mimo kontejner
• Tlačítko – gov-button přenáší na vnitřní tlačítko i atributy aria-* zapsané během načítání nebo po přesunu v DOM
• Hlavička (šablona)
  • tři rozbalovací panely navigace mají jednotný vzhled
  • vnořená menu v položce „Další“ jdou otevřít
  • megamenu ani podnabídka poslední položky nepřetékají přes okraj stránky
  • řádek navigace má stejný vodorovný okraj jako zbytek hlavičky
• Patička (šablona) – pravidlo pro odkazy už nepřebarvuje ikony sociálních tlačítek v React wrapperu (byly téměř neviditelné)
• Karty – carousel (šablona) – doplněny styly okrajových přechodů .gov-carousel__left-shadow / .gov-carousel__right-shadow
• Styly – templates.css
  • doplněny chybějící třídy .gov-block a .gov-responsive-img a tokeny --templates-width-max-xs až --templates-width-max-8xl
  • hlavička stránky (.gov-page-heading) sladěna s Figmou: hero obrázek v poměru 128 : 75, anotace max. 50rem, tlačítka sdílení bez mezer
• Styly – jednotlivé soubory components/gov-*.css obsahují i selektory [data-size], [data-disabled] a [data-open] pro React (dosud jen souhrnný components.css)
• Dokumentační web
  • gov-dialog se už neotevírá prázdný s obsahem vysypaným nad dialogem
  • levé menu si mezi stránkami drží pozici posunu
  • ukázky kódu mají v tmavém režimu tmavou paletu s kontrastem WCAG AA a světlý režim při načtení neprobliká
• Fractal – na webu šablon se nově správně načítá písmo Roboto, ikony PWA a obrázek v ukázce stepperu; ikony šablon (např. tlačítko hledání v hlavičce) už neodkazují na nepublikovanou sadu templates, ale na components

Přístupnost ​

• Stránkování – aktuální stránka nese aria-current="page" místo "true"
• Skeleton – skeleton bez přístupného názvu je dekorativní a není v pořadí tabulátoru
• Šablony stránek ve Storybooku – nové testy přístupnosti dvanácti šablon a opravy chyb, které testy odhalily
  • drobečková navigace v hlavičce stránky už není skrytá atributem aria-hidden
  • ikony v komplexní hlavičce stránky jsou dekorativní, popisky jsou ve skrytém textu
  • mobilní obsah stránky neopakuje id nadpisu obsahu
  • opraveny přeskočené úrovně nadpisů (Článek, Centrum podpory, Kariéra, Kontakty)
  • v šabloně O nás je patička mimo <main> a stránka má landmark contentinfo
  • Kariéra: role="img" u ikon s popiskem a jedinečné id vyhledávání; Pro média: platné <time datetime>

React wrapper ​

Balíček @gov-design-system-ce/react je posunut ze 4.7.0 na 4.7.1 souběžně s ostatními balíčky.

• SSR a Next.js – 13 komponent (formulářová pole, GovChip, GovDialog, GovCollapsible, GovTabs, GovPagination) generuje ID prvků přes useId(), takže u nich při hydrataci nevzniká nesoulad; ostatní komponenty zatím ne
• Next.js App Router – GovDialog, GovTabs, GovCollapsible, GovPagination a GovUserNavigation i pomocné hooky (tooltip, našeptávač, klik mimo prvek) mají direktivu 'use client'
• GovButton – prop identifier se vykresluje jako atribut id
• GovLink – external otevírá odkaz v nové záložce s rel="noreferrer"
• GovSkeleton – role progressbar a místo v pořadí tabulátoru jen s přístupným názvem; předává onClick
• GovBanner – nový prop icon (ReactNode, např. <GovIcon type="complex" name="portal"/>; na rozdíl od web-komponenty nepřijímá řetězec typ/název) a vykreslí se jen s explicitním foreground="icon"
• GovPagination – aktuální stránka nese aria-current="page"
• GovWizardItem – odstraněn prop disabled (viz Breaking changes výše)

v4.7.0 ​

Balíčky @gov-design-system-ce/core, styles, icons, fonts, templates, utils, angular a vue jsou posunuty ze 4.6.3 na 4.7.0. Změny React balíčku (@gov-design-system-ce/react, vlastní řada verzí) jsou v samostatném bloku níže.

Změny ​

• Cookie lišta
  • nastavení kategorií přesunuto do modálního okna
  • lišta je plovoucí karta vlevo dole
  • tabulka cookies nahrazena odkazem na zásady
  • doplněn tmavý režim a responzivní chování
• Toast
  • ukazatel odpočtu se plní zleva doprava
  • odpočet respektuje prefers-reduced-motion
• Styly — nový opt-in balík templates.css se šablonami
• Tabulka (šablona) — nový modifikátor --no-border bez vnějšího rámu
• Ikony — 15 nových ikon v sadě components
• Šablony — nová šablona cookie lišty
• Ukázkové projekty (skeletony) — minimální projekt pro čisté HTML, React, Angular a Vue; odkazy na stránce Pro vývojáře
• Angular — nová funkce provideGovDesignSystem() pro standalone aplikace
• Vue — plugin je nově dostupný jako @gov-design-system-ce/vue/plugin
• Dokumentace pro vývojáře — přepsána do češtiny a doplněna o rozdíly mezi wrappery
• Dokumentace — odebrány stránky pro Next.js a Nuxt.js (platí návod pro React, resp. Vue)

Opravy ​

• Rozbalovací seznam — ve Firefoxu byly skryté všechny možnosti
• Cookie lišta — opraven rozpad karty při přepsání pozicování
• Dialog — otevřený při načtení nastaví past fokusu
• Textové pole — tlačítko odhalení hesla ukazuje stav
• Search — čistící tlačítko je nyní jediné a funkční
  • slot button-erase se stylizuje jako button (dosud se roztahoval na zbylou šířku)
  • u input-type="search" se skrývá nativní × prohlížeče, pokud je slot button-erase vyplněn (Firefox ho nekreslí vůbec)
  • v šablonách hlavičky a našeptávače tlačítko konečně maže obsah pole
• Našeptávač — throttle-time konečně omezuje volání
• Grid item — col-span a row-span fungují ve frameworcích
• Hlavní navigace
  • odstraněna 1px mrtvá zóna triggeru
  • mobilní menu se nezavírá při resize
• Publikované balíčky — doplněny chybějící závislosti a opraveno publikování
  • react nedeklaroval tslib
  • vue nedeklaroval vue (peer) ani @stencil/vue-output-target
  • vue se publikoval bez kódu, protože se nesestavoval
  • styles měly klíč publishonfig místo publishConfig
• Dokumentace — opraveny nefunkční postupy
  • pro React doporučovala styly html/*, se kterými komponenty nemají barvu
  • kopírování ikon s --flat končí u každé ikony chybou 404
  • rozdělení stylů odůvodňovala Shadow DOM, který žádná komponenta nepoužívá
  • neuváděla výchozí iconsPath (/assets/icons) ani volby warningLog, errorLog, log
• Dokumentace — opraveny nefunkční odkazy
  • Přístupnost webových stránek — dvě mrtvá PDF (vzorové prohlášení, jak ho vyplnit) nahrazena jedním odkazem na Prohlášení o přístupnosti | DIA
  • Přístupnost webových stránek — odkaz na zákon č. 99/2019 Sb. vede do e-Sbírky místo na stažené PDF
  • SEO – manuál pro vývojáře — ukázkové URL se už nevykreslují jako klikatelné odkazy
  • Pravidla pro umisťování loga — odstraněn odstavec odkazující na ukončený projekt PMA3
  • Ikony — odkaz na sadu Material vedl na stažené material.io, nově míří na Material Symbols
  • SEO – manuál pro vývojáře — sekce Google Analytics psala o vypnutí Universal Analytics v budoucím čase a odkazovala na nápovědu Search Console místo Analytics

Přístupnost ​

• Záložky — opravena vazba tablist → tab
• Informační lišta — aria-hidden už neinvertuje stav obsahu
• Zaškrtávací pole — nerozhodnutý stav hlásí aria-checked="mixed"
• Multi-select — odstraněny chybné role listbox a option
• Našeptávač — input má role="combobox" a přístupný název
• Range — číselné pole vedle posuvníku dostalo aria-label
• Dialog a Loading — překryv pozadí má přístupný název
• Chip a Backdrop — aria-disabled se serializuje správně

React wrapper ​

Balíček @gov-design-system-ce/react má vlastní řadu verzí — posunut z 3.4.0 (poslední publikovaná verze) na 4.7.0, čímž je zarovnán se zbytkem monorepa.

• Atributy — sjednoceny s components.css u 38 komponent
• Cookie lišta — doplněna vlastní React implementace
• gov-form-control — nové propy invalid a disabled
• Button, Dialog, Chip, Tabs — opraveno chybějící vykreslení a styl
• Přístupnost — doplněny přístupné názvy a ARIA vazby

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.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.

Opravy ​

• 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í).
• 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.

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.
• Setup guide (/zaciname/for-developers): Opravena chybná cesta v SCSS ukázce importu fontů — @import "@gov-design-system-ce/fonts/libs/roboto" → @import "@gov-design-system-ce/fonts/lib/roboto". Adresář libs v balíčku neexistuje, kanonická cesta je lib (Sass partial _roboto.scss). Hlášeno přes form#10 a azure#27614.
• Setup guide (/zaciname/developers/html): Zarovnán s reálným balíčkem @gov-design-system-ce/components. Odstraněn <script nomodule src=".../core/core.js"> — tento ES5 bundle se v moderním Stencilu negeneruje a v dist neexistuje (zůstává funkční type="module" na core/core.esm.js). Opraven copy task: původní copyfiles --flat zploštil strukturu, takže odkazovaná cesta core/core.esm.js nevznikla — nahrazeno copyfiles -u 4 "…/dist/**/*", které zachová podadresář core/. Doplněn chybějící krok importu stylů/ikon/fontů (s odkazem na for developers), bez něhož byly komponenty nestylované.
• Setup guide (/zaciname/for-developers): Do přehledu „Use of the Gov Design System CE" doplněny dlaždice Next.js a Nuxt.js — odpovídající guides existovaly, ale nebyly z přehledu dosažitelné.
• 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ě.

Dokumentace ​

• Angular setup guide (/zaciname/developers/angular): Odebráno chybné instruování ručního volání defineCustomElements(window) v main.ts. Funkci už registruje GovDesignSystemModule ve vlastním APP_INITIALIZER se správnou integrací do Angular zone (runOutsideAngular, zone-patched event listenery); druhé volání z main.ts bootstrapovalo Stencil runtime znovu bez zone opcí a vedlo k tichým chybám v event handlingu. Při příležitosti opraven překlep v nadpisu sekce 1 ("React wrapper" → "Angular wrapper") a "in you application" → "in your application".

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.
• Atribut aria-controls: Opraven překlep v aria-controls a sjednoceno chování napříč komponentami, které atribut používají (gov-collapsible, gov-tabs, gov-accordion). Nejde o samostatnou komponentu — proto zde není odkaz.
• 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.