@gov-design-system-ce/components 0.0.51 → 0.0.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (256) hide show
  1. package/dist/cjs/{constants-0883e74c.js → constants-393e915a.js} +2 -2
  2. package/dist/cjs/{constants-0883e74c.js.map → constants-393e915a.js.map} +1 -1
  3. package/dist/cjs/core.cjs.js +1 -1
  4. package/dist/cjs/gov-accordion-item.cjs.entry.js +13 -37
  5. package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
  6. package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/gov-accordion.cjs.entry.js.map +1 -1
  8. package/dist/cjs/gov-app.cjs.entry.js +158 -326
  9. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  10. package/dist/cjs/gov-backdrop.cjs.entry.js.map +1 -1
  11. package/dist/cjs/gov-badge.cjs.entry.js +5 -11
  12. package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
  13. package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
  14. package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
  16. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  17. package/dist/cjs/gov-form-group.cjs.entry.js +7 -1
  18. package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
  19. package/dist/cjs/gov-form-input.cjs.entry.js +14 -12
  20. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  21. package/dist/cjs/gov-icon.cjs.entry.js +5 -3
  22. package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
  23. package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
  24. package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
  25. package/dist/cjs/gov-spacer.cjs.entry.js +2 -2
  26. package/dist/cjs/gov-spacer.cjs.entry.js.map +1 -1
  27. package/dist/cjs/gov-statsbar.cjs.entry.js +3 -3
  28. package/dist/cjs/gov-statsbar.cjs.entry.js.map +1 -1
  29. package/dist/cjs/gov-tabs.cjs.entry.js +1 -1
  30. package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
  31. package/dist/cjs/loader.cjs.js +1 -1
  32. package/dist/collection/components/gov-accordion/constants.js +1 -1
  33. package/dist/collection/components/gov-accordion/constants.js.map +1 -1
  34. package/dist/collection/components/gov-accordion/gov-accordion-item.css +82 -84
  35. package/dist/collection/components/gov-accordion/gov-accordion-item.js +16 -117
  36. package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
  37. package/dist/collection/components/gov-accordion/gov-accordion.js +1 -1
  38. package/dist/collection/components/gov-accordion/gov-accordion.js.map +1 -1
  39. package/dist/collection/components/gov-backdrop/gov-backdrop.js +1 -1
  40. package/dist/collection/components/gov-backdrop/gov-backdrop.js.map +1 -1
  41. package/dist/collection/components/gov-badge/gov-badge.css +20 -20
  42. package/dist/collection/components/gov-badge/gov-badge.js +8 -40
  43. package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
  44. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +3 -3
  45. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js.map +1 -1
  46. package/dist/collection/components/gov-control-group/constants.js +1 -1
  47. package/dist/collection/components/gov-control-group/constants.js.map +1 -1
  48. package/dist/collection/components/gov-control-group/gov-control-group.js +3 -3
  49. package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -1
  50. package/dist/collection/components/gov-form/control/gov-form-control.css +4 -4
  51. package/dist/collection/components/gov-form/group/constants.js +5 -0
  52. package/dist/collection/components/gov-form/group/constants.js.map +1 -1
  53. package/dist/collection/components/gov-form/group/gov-form-group.css +8 -1
  54. package/dist/collection/components/gov-form/group/gov-form-group.js +25 -0
  55. package/dist/collection/components/gov-form/group/gov-form-group.js.map +1 -1
  56. package/dist/collection/components/gov-form/input/gov-form-input.js +27 -19
  57. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  58. package/dist/collection/components/gov-icon/gov-icon.js +4 -2
  59. package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
  60. package/dist/collection/components/gov-modal/gov-modal.js +8 -2
  61. package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
  62. package/dist/collection/components/gov-promp/gov-prompt.js +9 -4
  63. package/dist/collection/components/gov-promp/gov-prompt.js.map +1 -1
  64. package/dist/collection/components/gov-spacer/constants.js +1 -1
  65. package/dist/collection/components/gov-spacer/constants.js.map +1 -1
  66. package/dist/collection/components/gov-spacer/gov-spacer.js +3 -3
  67. package/dist/collection/components/gov-spacer/gov-spacer.js.map +1 -1
  68. package/dist/collection/components/gov-statsbar/gov-statsbar.js +5 -5
  69. package/dist/collection/components/gov-statsbar/gov-statsbar.js.map +1 -1
  70. package/dist/collection/components/gov-tabs/gov-tabs.js +1 -1
  71. package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
  72. package/dist/collection/core/constants/tokens.js +17 -0
  73. package/dist/collection/core/constants/tokens.js.map +1 -0
  74. package/dist/collection/pages/Accordion.js +158 -326
  75. package/dist/collection/pages/Accordion.js.map +1 -1
  76. package/dist/components/gov-accordion-item.js +1 -1
  77. package/dist/components/gov-accordion-item.js.map +1 -1
  78. package/dist/components/gov-accordion.js +1 -1
  79. package/dist/components/gov-accordion.js.map +1 -1
  80. package/dist/components/gov-alert.js +1 -1
  81. package/dist/components/gov-alert.js.map +1 -1
  82. package/dist/components/gov-app.js +1 -1
  83. package/dist/components/gov-app.js.map +1 -1
  84. package/dist/components/gov-attachments-item.js +1 -1
  85. package/dist/components/gov-badge.js +1 -1
  86. package/dist/components/gov-breadcrumbs.js +1 -1
  87. package/dist/components/gov-breadcrumbs.js.map +1 -1
  88. package/dist/components/gov-button.js +1 -1
  89. package/dist/components/gov-card.js +1 -1
  90. package/dist/components/gov-control-group.js.map +1 -1
  91. package/dist/components/gov-form-autocomplete.js +1 -1
  92. package/dist/components/gov-form-checkbox.js +1 -1
  93. package/dist/components/gov-form-control.js +1 -1
  94. package/dist/components/gov-form-control.js.map +1 -1
  95. package/dist/components/gov-form-file.js +1 -1
  96. package/dist/components/gov-form-group.js +1 -1
  97. package/dist/components/gov-form-group.js.map +1 -1
  98. package/dist/components/gov-form-input.js +1 -1
  99. package/dist/components/gov-form-multi-select.js +1 -1
  100. package/dist/components/gov-form-select.js +1 -1
  101. package/dist/components/gov-icon.js +1 -1
  102. package/dist/components/gov-loading.js +1 -1
  103. package/dist/components/gov-modal.js +1 -1
  104. package/dist/components/gov-modal.js.map +1 -1
  105. package/dist/components/gov-pagination.js +1 -1
  106. package/dist/components/gov-prompt.js +1 -1
  107. package/dist/components/gov-prompt.js.map +1 -1
  108. package/dist/components/gov-side-nav-item.js +1 -1
  109. package/dist/components/gov-spacer.js +1 -1
  110. package/dist/components/gov-spacer.js.map +1 -1
  111. package/dist/components/gov-statsbar-item.js +1 -1
  112. package/dist/components/gov-statsbar.js +1 -1
  113. package/dist/components/gov-statsbar.js.map +1 -1
  114. package/dist/components/gov-tabs.js +1 -1
  115. package/dist/components/gov-tabs.js.map +1 -1
  116. package/dist/components/gov-tile.js +1 -1
  117. package/dist/components/gov-toast.js +1 -1
  118. package/dist/components/gov-wizzard-item.js +1 -1
  119. package/dist/components/{p-d305407a.js → p-103c7bd5.js} +2 -2
  120. package/dist/{core/p-1020a160.js → components/p-17ebfe85.js} +2 -2
  121. package/dist/components/p-37a7409e.js +2 -0
  122. package/dist/components/p-37a7409e.js.map +1 -0
  123. package/dist/components/p-386409dc.js.map +1 -1
  124. package/dist/components/{p-ec26407a.js → p-7bea2390.js} +2 -2
  125. package/dist/components/{p-cd440c95.js → p-a20f1683.js} +2 -2
  126. package/dist/components/p-a20f1683.js.map +1 -0
  127. package/dist/components/{p-1026d931.js → p-c0e49b09.js} +2 -2
  128. package/dist/components/{p-9da782bf.js → p-c3f560b9.js} +2 -2
  129. package/dist/components/{p-9da782bf.js.map → p-c3f560b9.js.map} +1 -1
  130. package/dist/components/p-cf493ba0.js +2 -0
  131. package/dist/components/p-cf493ba0.js.map +1 -0
  132. package/dist/components/{p-80b2c231.js → p-db22f9ce.js} +2 -2
  133. package/dist/core/core.esm.js +1 -1
  134. package/dist/core/core.esm.js.map +1 -1
  135. package/dist/core/{p-42cd2cc4.entry.js → p-05dc3d89.entry.js} +2 -2
  136. package/dist/core/{p-42cd2cc4.entry.js.map → p-05dc3d89.entry.js.map} +1 -1
  137. package/dist/core/{p-a857915f.entry.js → p-0c769f1a.entry.js} +2 -2
  138. package/dist/core/p-11be550d.entry.js.map +1 -1
  139. package/dist/core/p-16c3a489.entry.js +2 -0
  140. package/dist/core/p-16c3a489.entry.js.map +1 -0
  141. package/dist/{components/p-1020a160.js → core/p-17ebfe85.js} +2 -2
  142. package/dist/core/{p-abfa0beb.entry.js → p-2c7af892.entry.js} +2 -2
  143. package/dist/core/{p-abfa0beb.entry.js.map → p-2c7af892.entry.js.map} +1 -1
  144. package/dist/core/p-37a7409e.js +2 -0
  145. package/dist/core/p-37a7409e.js.map +1 -0
  146. package/dist/core/{p-3dbf7f49.js → p-3bacd021.js} +2 -2
  147. package/dist/core/p-3bc977e2.entry.js +2 -0
  148. package/dist/core/p-3bc977e2.entry.js.map +1 -0
  149. package/dist/core/{p-f969eec7.entry.js → p-41f72892.entry.js} +2 -2
  150. package/dist/core/p-41f72892.entry.js.map +1 -0
  151. package/dist/core/p-5195fd36.entry.js +2 -0
  152. package/dist/core/p-5195fd36.entry.js.map +1 -0
  153. package/dist/core/p-722218fd.entry.js.map +1 -1
  154. package/dist/core/{p-02c3a3fd.entry.js → p-7d680665.entry.js} +2 -2
  155. package/dist/core/{p-6dacb8d3.entry.js → p-88010439.entry.js} +2 -2
  156. package/dist/core/p-88010439.entry.js.map +1 -0
  157. package/dist/core/p-89921159.entry.js.map +1 -1
  158. package/dist/core/p-9a3e3ace.entry.js.map +1 -1
  159. package/dist/core/p-ab426e50.entry.js +2 -0
  160. package/dist/core/p-ab426e50.entry.js.map +1 -0
  161. package/dist/core/{p-1e3cad4b.entry.js → p-c81d62db.entry.js} +2 -2
  162. package/dist/core/p-e0c04c5f.entry.js.map +1 -1
  163. package/dist/core/{p-2790d89e.entry.js → p-e1780dba.entry.js} +2 -2
  164. package/dist/core/p-e1780dba.entry.js.map +1 -0
  165. package/dist/core/p-e39cd83c.entry.js +2 -0
  166. package/dist/core/p-e39cd83c.entry.js.map +1 -0
  167. package/dist/core/p-eda868dc.entry.js.map +1 -1
  168. package/dist/esm/{constants-037c35bc.js → constants-27b48cd1.js} +2 -2
  169. package/dist/esm/{constants-037c35bc.js.map → constants-27b48cd1.js.map} +1 -1
  170. package/dist/esm/{constants-ab132d9c.js → constants-858966b9.js} +2 -2
  171. package/dist/esm/{constants-ab132d9c.js.map → constants-858966b9.js.map} +1 -1
  172. package/dist/esm/{constants-5708696f.js → constants-ba92640d.js} +2 -2
  173. package/dist/esm/{constants-5708696f.js.map → constants-ba92640d.js.map} +1 -1
  174. package/dist/esm/core.js +1 -1
  175. package/dist/esm/gov-accordion-item.entry.js +13 -37
  176. package/dist/esm/gov-accordion-item.entry.js.map +1 -1
  177. package/dist/esm/gov-accordion.entry.js +2 -2
  178. package/dist/esm/gov-accordion.entry.js.map +1 -1
  179. package/dist/esm/gov-app.entry.js +158 -326
  180. package/dist/esm/gov-app.entry.js.map +1 -1
  181. package/dist/esm/gov-backdrop.entry.js.map +1 -1
  182. package/dist/esm/gov-badge.entry.js +6 -12
  183. package/dist/esm/gov-badge.entry.js.map +1 -1
  184. package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
  185. package/dist/esm/gov-button.entry.js +1 -1
  186. package/dist/esm/gov-control-group.entry.js.map +1 -1
  187. package/dist/esm/gov-dropdown.entry.js +1 -1
  188. package/dist/esm/gov-form-control.entry.js +1 -1
  189. package/dist/esm/gov-form-control.entry.js.map +1 -1
  190. package/dist/esm/gov-form-group.entry.js +7 -1
  191. package/dist/esm/gov-form-group.entry.js.map +1 -1
  192. package/dist/esm/gov-form-input.entry.js +14 -12
  193. package/dist/esm/gov-form-input.entry.js.map +1 -1
  194. package/dist/esm/gov-icon.entry.js +5 -3
  195. package/dist/esm/gov-icon.entry.js.map +1 -1
  196. package/dist/esm/gov-modal.entry.js.map +1 -1
  197. package/dist/esm/gov-prompt.entry.js.map +1 -1
  198. package/dist/esm/gov-spacer.entry.js +2 -2
  199. package/dist/esm/gov-spacer.entry.js.map +1 -1
  200. package/dist/esm/gov-statsbar-item.entry.js +1 -1
  201. package/dist/esm/gov-statsbar.entry.js +4 -4
  202. package/dist/esm/gov-statsbar.entry.js.map +1 -1
  203. package/dist/esm/gov-tabs.entry.js +1 -1
  204. package/dist/esm/gov-tabs.entry.js.map +1 -1
  205. package/dist/esm/loader.js +1 -1
  206. package/dist/hydrate/index.js +210 -404
  207. package/dist/stencil.config.js +2 -2
  208. package/dist/stencil.config.js.map +1 -1
  209. package/dist/types/components/gov-accordion/constants.d.ts +1 -1
  210. package/dist/types/components/gov-accordion/gov-accordion-item.d.ts +1 -19
  211. package/dist/types/components/gov-backdrop/gov-backdrop.d.ts +1 -1
  212. package/dist/types/components/gov-badge/gov-badge.d.ts +3 -8
  213. package/dist/types/components/gov-breadcrumbs/gov-breadcrumbs.d.ts +2 -2
  214. package/dist/types/components/gov-control-group/constants.d.ts +2 -2
  215. package/dist/types/components/gov-control-group/gov-control-group.d.ts +2 -2
  216. package/dist/types/components/gov-form/group/constants.d.ts +5 -0
  217. package/dist/types/components/gov-form/group/gov-form-group.d.ts +5 -1
  218. package/dist/types/components/gov-form/input/gov-form-input.d.ts +5 -4
  219. package/dist/types/components/gov-modal/gov-modal.d.ts +2 -1
  220. package/dist/types/components/gov-promp/gov-prompt.d.ts +2 -1
  221. package/dist/types/components/gov-spacer/constants.d.ts +1 -1
  222. package/dist/types/components/gov-statsbar/gov-statsbar.d.ts +1 -1
  223. package/dist/types/components.d.ts +31 -63
  224. package/dist/types/core/constants/tokens.d.ts +1 -0
  225. package/dist/types/interfaces.d.ts +1 -0
  226. package/package.json +3 -3
  227. package/dist/components/p-5bf5a42e.js +0 -2
  228. package/dist/components/p-5bf5a42e.js.map +0 -1
  229. package/dist/components/p-a5d69694.js +0 -2
  230. package/dist/components/p-a5d69694.js.map +0 -1
  231. package/dist/components/p-cd440c95.js.map +0 -1
  232. package/dist/core/p-0eadfb3e.entry.js +0 -2
  233. package/dist/core/p-0eadfb3e.entry.js.map +0 -1
  234. package/dist/core/p-2790d89e.entry.js.map +0 -1
  235. package/dist/core/p-6dacb8d3.entry.js.map +0 -1
  236. package/dist/core/p-7ab82a55.entry.js +0 -2
  237. package/dist/core/p-7ab82a55.entry.js.map +0 -1
  238. package/dist/core/p-9e208f40.entry.js +0 -2
  239. package/dist/core/p-9e208f40.entry.js.map +0 -1
  240. package/dist/core/p-a5d69694.js +0 -2
  241. package/dist/core/p-a5d69694.js.map +0 -1
  242. package/dist/core/p-e86db39c.entry.js +0 -2
  243. package/dist/core/p-e86db39c.entry.js.map +0 -1
  244. package/dist/core/p-f95bca5f.entry.js +0 -2
  245. package/dist/core/p-f95bca5f.entry.js.map +0 -1
  246. package/dist/core/p-f969eec7.entry.js.map +0 -1
  247. /package/dist/components/{p-d305407a.js.map → p-103c7bd5.js.map} +0 -0
  248. /package/dist/components/{p-1020a160.js.map → p-17ebfe85.js.map} +0 -0
  249. /package/dist/components/{p-ec26407a.js.map → p-7bea2390.js.map} +0 -0
  250. /package/dist/components/{p-1026d931.js.map → p-c0e49b09.js.map} +0 -0
  251. /package/dist/components/{p-80b2c231.js.map → p-db22f9ce.js.map} +0 -0
  252. /package/dist/core/{p-a857915f.entry.js.map → p-0c769f1a.entry.js.map} +0 -0
  253. /package/dist/core/{p-1020a160.js.map → p-17ebfe85.js.map} +0 -0
  254. /package/dist/core/{p-3dbf7f49.js.map → p-3bacd021.js.map} +0 -0
  255. /package/dist/core/{p-02c3a3fd.entry.js.map → p-7d680665.entry.js.map} +0 -0
  256. /package/dist/core/{p-1e3cad4b.entry.js.map → p-c81d62db.entry.js.map} +0 -0
package/dist/collection/pages/Accordion.js CHANGED
@@ -1,364 +1,196 @@
1
1
  class AccordionPage extends HTMLElement {
2
2
  connectedCallback() {
3
3
  this.innerHTML = `
4
-
5
- <h4>Accordion - extra small</h4>
4
+ <h4>Accordion</h4>
6
5
  <div class="container-view">
7
6
  <gov-accordion size="xs">
8
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
7
+ <gov-accordion-item>
8
+ <h3 slot="label">Font Awesome Icon</h3>
9
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
9
10
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
10
11
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
12
+ <gov-icon slot="toggle-icon" name="info"></gov-icon>
11
13
  </gov-accordion-item>
12
- <gov-accordion-item label="Kontaktní osoby" disabled is-expanded>
14
+ <gov-accordion-item disabled is-expanded>
15
+ <h3 slot="label">Kontaktní osoby</h3>
16
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
17
+ </gov-accordion-item>
18
+ <gov-accordion-item>
19
+ <h3 slot="label">Působnost v agendách</h3>
20
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
21
+ </gov-accordion-item>
22
+ <gov-accordion-item>
23
+ <h3 slot="label">Zřizované organizace</h3>
24
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
25
+ </gov-accordion-item>
26
+ </gov-accordion>
27
+ <br>
28
+ <gov-accordion size="xs">
29
+ <gov-accordion-item>
30
+ <h3 slot="label">Font Awesome Icon</h3>
31
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
32
+ <gov-icon slot="icon" name="info"></gov-icon>
33
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
34
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
35
+ </gov-accordion-item>
36
+ <gov-accordion-item label="Kontaktní osoby">
37
+ <h3 slot="label">Kontaktní osoby</h3>
38
+ <gov-icon slot="icon" name="info"></gov-icon>
13
39
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
14
40
  </gov-accordion-item>
15
41
  <gov-accordion-item label="Působnost v agendách">
42
+ <h3 slot="label">Působnost v agendách</h3>
43
+ <gov-icon slot="icon" name="info"></gov-icon>
16
44
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
17
45
  </gov-accordion-item>
18
46
  <gov-accordion-item label="Zřizované organizace">
47
+ <h3 slot="label">Zřizované organizace</h3>
48
+ <gov-icon slot="icon" name="info"></gov-icon>
49
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
50
+ </gov-accordion-item>
51
+ </gov-accordion>
52
+ <br />
53
+ <gov-accordion size="s">
54
+ <gov-accordion-item>
55
+ <h3 slot="label">Font Awesome Icon</h3>
56
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
57
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
58
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
59
+ <gov-icon slot="toggle-icon" name="info"></gov-icon>
60
+ </gov-accordion-item>
61
+ <gov-accordion-item disabled is-expanded>
62
+ <h3 slot="label">Kontaktní osoby</h3>
63
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
64
+ </gov-accordion-item>
65
+ <gov-accordion-item>
66
+ <h3 slot="label">Působnost v agendách</h3>
67
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
68
+ </gov-accordion-item>
69
+ <gov-accordion-item>
70
+ <h3 slot="label">Zřizované organizace</h3>
19
71
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
20
72
  </gov-accordion-item>
21
73
  </gov-accordion>
22
74
  <br>
23
- <gov-accordion size="xs">
24
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
75
+ <gov-accordion size="s">
76
+ <gov-accordion-item>
77
+ <h3 slot="label">Font Awesome Icon</h3>
78
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
79
+ <gov-icon slot="icon" name="info"></gov-icon>
80
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
81
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
82
+ </gov-accordion-item>
83
+ <gov-accordion-item label="Kontaktní osoby">
84
+ <h3 slot="label">Kontaktní osoby</h3>
85
+ <gov-icon slot="icon" name="info"></gov-icon>
86
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
87
+ </gov-accordion-item>
88
+ <gov-accordion-item label="Působnost v agendách">
89
+ <h3 slot="label">Působnost v agendách</h3>
90
+ <gov-icon slot="icon" name="info"></gov-icon>
91
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
92
+ </gov-accordion-item>
93
+ <gov-accordion-item label="Zřizované organizace">
94
+ <h3 slot="label">Zřizované organizace</h3>
95
+ <gov-icon slot="icon" name="info"></gov-icon>
96
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
97
+ </gov-accordion-item>
98
+ </gov-accordion>
99
+ <br />
100
+ <gov-accordion size="m">
101
+ <gov-accordion-item>
102
+ <h3 slot="label">Font Awesome Icon</h3>
103
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
104
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
105
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
106
+ <gov-icon slot="toggle-icon" name="info"></gov-icon>
107
+ </gov-accordion-item>
108
+ <gov-accordion-item disabled is-expanded>
109
+ <h3 slot="label">Kontaktní osoby</h3>
110
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
111
+ </gov-accordion-item>
112
+ <gov-accordion-item>
113
+ <h3 slot="label">Působnost v agendách</h3>
114
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
115
+ </gov-accordion-item>
116
+ <gov-accordion-item>
117
+ <h3 slot="label">Zřizované organizace</h3>
118
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
119
+ </gov-accordion-item>
120
+ </gov-accordion>
121
+ <br>
122
+ <gov-accordion size="m">
123
+ <gov-accordion-item>
124
+ <h3 slot="label">Font Awesome Icon</h3>
125
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
126
+ <gov-icon slot="icon" name="info"></gov-icon>
127
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
128
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
129
+ </gov-accordion-item>
130
+ <gov-accordion-item label="Kontaktní osoby">
131
+ <h3 slot="label">Kontaktní osoby</h3>
132
+ <gov-icon slot="icon" name="info"></gov-icon>
133
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
134
+ </gov-accordion-item>
135
+ <gov-accordion-item label="Působnost v agendách">
136
+ <h3 slot="label">Působnost v agendách</h3>
137
+ <gov-icon slot="icon" name="info"></gov-icon>
138
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
139
+ </gov-accordion-item>
140
+ <gov-accordion-item label="Zřizované organizace">
141
+ <h3 slot="label">Zřizované organizace</h3>
142
+ <gov-icon slot="icon" name="info"></gov-icon>
143
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
144
+ </gov-accordion-item>
145
+ </gov-accordion>
146
+ <br />
147
+ <gov-accordion size="l">
148
+ <gov-accordion-item>
149
+ <h3 slot="label">Font Awesome Icon</h3>
150
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
151
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
152
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
153
+ <gov-icon slot="toggle-icon" name="info"></gov-icon>
154
+ </gov-accordion-item>
155
+ <gov-accordion-item disabled is-expanded>
156
+ <h3 slot="label">Kontaktní osoby</h3>
157
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
158
+ </gov-accordion-item>
159
+ <gov-accordion-item>
160
+ <h3 slot="label">Působnost v agendách</h3>
161
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
162
+ </gov-accordion-item>
163
+ <gov-accordion-item>
164
+ <h3 slot="label">Zřizované organizace</h3>
165
+ <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
166
+ </gov-accordion-item>
167
+ </gov-accordion>
168
+ <br>
169
+ <gov-accordion size="l">
170
+ <gov-accordion-item>
171
+ <h3 slot="label">Font Awesome Icon</h3>
172
+ <p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
25
173
  <gov-icon slot="icon" name="info"></gov-icon>
26
174
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
27
175
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
28
176
  </gov-accordion-item>
29
177
  <gov-accordion-item label="Kontaktní osoby">
178
+ <h3 slot="label">Kontaktní osoby</h3>
30
179
  <gov-icon slot="icon" name="info"></gov-icon>
31
180
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
32
181
  </gov-accordion-item>
33
182
  <gov-accordion-item label="Působnost v agendách">
183
+ <h3 slot="label">Působnost v agendách</h3>
34
184
  <gov-icon slot="icon" name="info"></gov-icon>
35
185
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
36
186
  </gov-accordion-item>
37
187
  <gov-accordion-item label="Zřizované organizace">
188
+ <h3 slot="label">Zřizované organizace</h3>
38
189
  <gov-icon slot="icon" name="info"></gov-icon>
39
190
  <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
40
191
  </gov-accordion-item>
41
192
  </gov-accordion>
42
- <h4>Accordion - small</h4>
43
- <div class="container-view">
44
- <gov-accordion size="s">
45
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
46
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
47
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
48
- </gov-accordion-item>
49
- <gov-accordion-item label="Kontaktní osoby" disabled is-expanded>
50
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
51
- </gov-accordion-item>
52
- <gov-accordion-item label="Působnost v agendách">
53
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
54
- </gov-accordion-item>
55
- <gov-accordion-item label="Zřizované organizace">
56
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
57
- </gov-accordion-item>
58
- </gov-accordion>
59
- <br>
60
- <gov-accordion size="s">
61
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
62
- <gov-icon slot="icon" name="info"></gov-icon>
63
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
64
- <gov-accordion size="l">
65
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
66
- <gov-icon slot="icon" name="info"></gov-icon>
67
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
68
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
69
- </gov-accordion-item>
70
- <gov-accordion-item label="Kontaktní osoby">
71
- <gov-icon slot="icon" name="info"></gov-icon>
72
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
73
- </gov-accordion-item>
74
- <gov-accordion-item label="Působnost v agendách">
75
- <gov-icon slot="icon" name="info"></gov-icon>
76
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
77
- </gov-accordion-item>
78
- <gov-accordion-item label="Zřizované organizace">
79
- <gov-icon slot="icon" name="info"></gov-icon>
80
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
81
- </gov-accordion-item>
82
- </gov-accordion>
83
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
84
- </gov-accordion-item>
85
- <gov-accordion-item label="Kontaktní osoby">
86
- <gov-icon slot="icon" name="info"></gov-icon>
87
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
88
- </gov-accordion-item>
89
- <gov-accordion-item label="Působnost v agendách">
90
- <gov-icon slot="icon" name="info"></gov-icon>
91
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
92
- </gov-accordion-item>
93
- <gov-accordion-item label="Zřizované organizace">
94
- <gov-icon slot="icon" name="info"></gov-icon>
95
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
96
- </gov-accordion-item>
97
- </gov-accordion>
98
- <br>
99
- <h4>Without border</h4>
100
- <gov-accordion size="s" no-border>
101
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
102
- <gov-icon slot="icon" name="info"></gov-icon>
103
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
104
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
105
- </gov-accordion-item>
106
- <gov-accordion-item label="Kontaktní osoby">
107
- <gov-icon slot="icon" name="info"></gov-icon>
108
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
109
- </gov-accordion-item>
110
- <gov-accordion-item label="Působnost v agendách">
111
- <gov-icon slot="icon" name="info"></gov-icon>
112
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
113
- </gov-accordion-item>
114
- <gov-accordion-item label="Zřizované organizace">
115
- <gov-icon slot="icon" name="info"></gov-icon>
116
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
117
- </gov-accordion-item>
118
- </gov-accordion>
119
- </div>
120
-
121
- <h4>Accordion - medium (default)</h4>
122
- <div class="container-view">
123
- <gov-accordion>
124
- <gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet" disabled annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
125
- <gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
126
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
127
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
128
- </gov-accordion-item>
129
- <gov-accordion-item label="Kontaktní osoby">
130
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
131
- </gov-accordion-item>
132
- <gov-accordion-item label="Působnost v agendách">
133
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
134
- </gov-accordion-item>
135
- <gov-accordion-item label="Zřizované organizace">
136
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
137
- </gov-accordion-item>
138
- </gov-accordion>
139
- <br>
140
- <gov-accordion>
141
- <gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus." is-expanded annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
142
- <gov-icon slot="icon" name="info"></gov-icon>
143
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
144
- <gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
145
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
146
- </gov-accordion-item>
147
- <gov-accordion-item label="Kontaktní osoby">
148
- <gov-icon slot="icon" name="info"></gov-icon>
149
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
150
- </gov-accordion-item>
151
- <gov-accordion-item label="Působnost v agendách">
152
- <gov-icon slot="icon" name="info"></gov-icon>
153
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
154
- </gov-accordion-item>
155
- <gov-accordion-item label="Zřizované organizace">
156
- <gov-icon slot="icon" name="info"></gov-icon>
157
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
158
- </gov-accordion-item>
159
- </gov-accordion>
160
- </div>
161
-
162
- <h4>Accordion - large</h4>
163
- <div class="container-view">
164
- <gov-accordion size="l">
165
- <gov-accordion-item trigger-tag="h1" label="Základní informace" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
166
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
167
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
168
- </gov-accordion-item>
169
- <gov-accordion-item label="Kontaktní osoby">
170
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
171
- </gov-accordion-item>
172
- <gov-accordion-item label="Působnost v agendách">
173
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
174
- </gov-accordion-item>
175
- <gov-accordion-item label="Zřizované organizace">
176
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
177
- </gov-accordion-item>
178
- </gov-accordion>
179
- <br>
180
- <gov-accordion size="l">
181
- <gov-accordion-item trigger-tag="h1" label="Základní informace" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
182
- <gov-icon slot="icon" name="info"></gov-icon>
183
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
184
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
185
- </gov-accordion-item>
186
- <gov-accordion-item label="Kontaktní osoby">
187
- <gov-icon slot="icon" name="info"></gov-icon>
188
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
189
- </gov-accordion-item>
190
- <gov-accordion-item label="Působnost v agendách">
191
- <gov-icon slot="icon" name="info"></gov-icon>
192
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
193
- </gov-accordion-item>
194
- <gov-accordion-item label="Zřizované organizace">
195
- <gov-icon slot="icon" name="info"></gov-icon>
196
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
197
- </gov-accordion-item>
198
- </gov-accordion>
199
- </div>
200
-
201
-
202
-
203
-
204
- <h4>Accordion Secondary - extra small</h4>
205
- <div class="container-view">
206
- <gov-accordion size="xs" variant="secondary">
207
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" disabled>
208
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
209
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
210
- </gov-accordion-item>
211
- <gov-accordion-item label="Kontaktní osoby">
212
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
213
- </gov-accordion-item>
214
- <gov-accordion-item label="Působnost v agendách">
215
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
216
- </gov-accordion-item>
217
- <gov-accordion-item label="Zřizované organizace">
218
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
219
- </gov-accordion-item>
220
- </gov-accordion>
221
- <br>
222
- <gov-accordion size="xs" variant="secondary">
223
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
224
- <gov-icon slot="icon" name="info"></gov-icon>
225
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
226
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
227
- </gov-accordion-item>
228
- <gov-accordion-item label="Kontaktní osoby">
229
- <gov-icon slot="icon" name="info"></gov-icon>
230
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
231
- </gov-accordion-item>
232
- <gov-accordion-item label="Působnost v agendách">
233
- <gov-icon slot="icon" name="info"></gov-icon>
234
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
235
- </gov-accordion-item>
236
- <gov-accordion-item label="Zřizované organizace">
237
- <gov-icon slot="icon" name="info"></gov-icon>
238
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
239
- </gov-accordion-item>
240
- </gov-accordion>
241
- </div>
242
- <h4>Accordion Secondary - small</h4>
243
- <div class="container-view">
244
- <gov-accordion size="s" variant="secondary">
245
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" disabled>
246
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
247
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
248
- </gov-accordion-item>
249
- <gov-accordion-item label="Kontaktní osoby">
250
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
251
- </gov-accordion-item>
252
- <gov-accordion-item label="Působnost v agendách">
253
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
254
- </gov-accordion-item>
255
- <gov-accordion-item label="Zřizované organizace">
256
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
257
- </gov-accordion-item>
258
- </gov-accordion>
259
- <br>
260
- <gov-accordion size="s" variant="secondary">
261
- <gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
262
- <gov-icon slot="icon" name="info"></gov-icon>
263
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
264
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
265
- </gov-accordion-item>
266
- <gov-accordion-item label="Kontaktní osoby">
267
- <gov-icon slot="icon" name="info"></gov-icon>
268
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
269
- </gov-accordion-item>
270
- <gov-accordion-item label="Působnost v agendách">
271
- <gov-icon slot="icon" name="info"></gov-icon>
272
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
273
- </gov-accordion-item>
274
- <gov-accordion-item label="Zřizované organizace">
275
- <gov-icon slot="icon" name="info"></gov-icon>
276
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
277
- </gov-accordion-item>
278
- </gov-accordion>
279
- </div>
280
-
281
- <h4>Accordion Secondary - medium (default)</h4>
282
- <div class="container-view">
283
- <gov-accordion variant="secondary">
284
- <gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet">
285
- <gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
286
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
287
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
288
- </gov-accordion-item>
289
- <gov-accordion-item label="Kontaktní osoby">
290
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
291
- </gov-accordion-item>
292
- <gov-accordion-item label="Působnost v agendách">
293
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
294
- </gov-accordion-item>
295
- <gov-accordion-item label="Zřizované organizace">
296
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
297
- </gov-accordion-item>
298
- </gov-accordion>
299
- <br>
300
- <gov-accordion variant="secondary">
301
- <gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus." is-expanded>
302
- <gov-icon slot="icon" name="info"></gov-icon>
303
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
304
- <gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
305
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
306
- </gov-accordion-item>
307
- <gov-accordion-item label="Kontaktní osoby">
308
- <gov-icon slot="icon" name="info"></gov-icon>
309
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
310
- </gov-accordion-item>
311
- <gov-accordion-item label="Působnost v agendách">
312
- <gov-icon slot="icon" name="info"></gov-icon>
313
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
314
- </gov-accordion-item>
315
- <gov-accordion-item label="Zřizované organizace">
316
- <gov-icon slot="icon" name="info"></gov-icon>
317
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
318
- </gov-accordion-item>
319
- </gov-accordion>
320
- </div>
321
-
322
- <h4>Accordion Secondary - large</h4>
323
- <div class="container-view">
324
- <gov-accordion size="l" variant="secondary">
325
- <gov-accordion-item trigger-tag="h1" label="Základní informace">
326
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
327
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
328
- </gov-accordion-item>
329
- <gov-accordion-item label="Kontaktní osoby">
330
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
331
- </gov-accordion-item>
332
- <gov-accordion-item label="Působnost v agendách">
333
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
334
- </gov-accordion-item>
335
- <gov-accordion-item label="Zřizované organizace">
336
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
337
- </gov-accordion-item>
338
- </gov-accordion>
339
- <br>
340
- <gov-accordion size="l" variant="secondary">
341
- <gov-accordion-item trigger-tag="h1" label="Základní informace">
342
- <gov-icon slot="icon" name="info"></gov-icon>
343
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
344
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
345
- </gov-accordion-item>
346
- <gov-accordion-item label="Kontaktní osoby">
347
- <gov-icon slot="icon" name="info"></gov-icon>
348
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
349
- </gov-accordion-item>
350
- <gov-accordion-item label="Působnost v agendách">
351
- <gov-icon slot="icon" name="info"></gov-icon>
352
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
353
- </gov-accordion-item>
354
- <gov-accordion-item label="Zřizované organizace">
355
- <gov-icon slot="icon" name="info"></gov-icon>
356
- <p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
357
- </gov-accordion-item>
358
- </gov-accordion>
359
- </div>
360
-
361
-
193
+ </div>
362
194
  `;
363
195
  }
364
196
  }