@digigov/ui 0.30.3 → 0.32.0

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 (352) hide show
  1. package/CHANGELOG.md +28 -1
  2. package/admin/AccessibilityMenu/index.d.ts +13 -0
  3. package/admin/AccessibilityMenu/index.js +170 -0
  4. package/admin/AutoComplete/index.d.ts +2 -2
  5. package/admin/Chip/index.d.ts +1 -0
  6. package/admin/Chip/index.js +14 -0
  7. package/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json +2 -2
  8. package/admin/Drawer/__stories__/Default.js +19 -12
  9. package/admin/Dropdown/__stories__/AlignRight.js +0 -2
  10. package/admin/Dropdown/__stories__/Default.js +0 -2
  11. package/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  12. package/admin/FilterSection/index.d.ts +1 -2
  13. package/admin/FilterSection/index.js +4 -18
  14. package/admin/Modal/index.d.ts +2 -2
  15. package/admin/Modal/index.js +17 -12
  16. package/admin/Pagination/__stories__/Default.js +4 -7
  17. package/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  18. package/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  19. package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  20. package/app/Header/__stories__/WithNavigation.js +10 -8
  21. package/app/QrCodeScanner/__stories__/Default.js +3 -3
  22. package/app/QrCodeViewer/QRCode.stories.d.ts +0 -1
  23. package/app/QrCodeViewer/index.d.ts +1 -2
  24. package/app/QrCodeViewer/index.js +10 -10
  25. package/app/ThemeOptionsForm/index.d.ts +2 -0
  26. package/app/ThemeOptionsForm/index.js +243 -0
  27. package/app/ThemePaletteForm/index.d.ts +2 -0
  28. package/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +9 -8
  29. package/app/index.d.ts +2 -1
  30. package/app/index.js +17 -4
  31. package/core/Accordion/Accordion.stories.playwright.json +2 -2
  32. package/core/Accordion/index.d.ts +2 -2
  33. package/core/Accordion/index.js +7 -7
  34. package/core/Divider/__stories__/Default.js +5 -10
  35. package/core/ErrorSummary/ErrorSummary.stories.playwright.json +1 -1
  36. package/core/ErrorSummary/__stories__/Default.js +3 -3
  37. package/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  38. package/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  39. package/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  40. package/core/Link/__stories__/DarkBackground.js +6 -2
  41. package/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  42. package/core/NavList/NavList.stories.d.ts +1 -3
  43. package/core/NavList/NavList.stories.js +4 -32
  44. package/core/NavList/NavList.stories.playwright.json +6 -6
  45. package/core/NavList/{NavListAuto.js → NavListAuto/NavListAuto.js} +11 -5
  46. package/core/NavList/{NavListBase.d.ts → NavListAuto/NavListBaseAuto.d.ts} +1 -1
  47. package/core/NavList/{NavListBase.js → NavListAuto/NavListBaseAuto.js} +6 -6
  48. package/core/NavList/{NavListContext.d.ts → NavListAuto/NavListContextAuto.d.ts} +7 -4
  49. package/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +23 -11
  50. package/core/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +9 -0
  51. package/core/NavList/{NavListSubMenu.js → NavListAuto/NavListItemAnchorAuto.js} +22 -21
  52. package/core/NavList/{NavListItemAuto.js → NavListAuto/NavListItemAuto.js} +20 -22
  53. package/core/NavList/NavListAuto/NavListItemButtonAuto.d.ts +12 -0
  54. package/core/NavList/NavListAuto/NavListItemButtonAuto.js +48 -0
  55. package/core/NavList/NavListAuto/NavListMenuAuto.d.ts +11 -0
  56. package/core/NavList/NavListAuto/NavListMenuAuto.js +56 -0
  57. package/core/NavList/NavListAuto/NavListSubMenuAuto.d.ts +9 -0
  58. package/core/NavList/NavListAuto/NavListSubMenuAuto.js +44 -0
  59. package/core/NavList/NavListItem.js +6 -8
  60. package/core/NavList/NavListItemBase.d.ts +1 -1
  61. package/core/NavList/NavListItemBase.js +4 -9
  62. package/core/NavList/NavMenuContainerContentList.d.ts +3 -1
  63. package/core/NavList/NavMenuContainerContentList.js +73 -3
  64. package/core/NavList/__stories__/Default.js +22 -15
  65. package/core/NavList/__stories__/NavVerticalLayout.d.ts +2 -0
  66. package/core/NavList/__stories__/{NavHorizontalLayout.js → NavVerticalLayout.js} +24 -18
  67. package/core/NavList/index.d.ts +3 -5
  68. package/core/NavList/index.js +9 -23
  69. package/core/NavList/types.d.ts +20 -11
  70. package/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts +13 -0
  71. package/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +75 -0
  72. package/core/SingleCharacterInputContainer/__stories__/Default.d.ts +2 -0
  73. package/core/SingleCharacterInputContainer/__stories__/Default.js +46 -0
  74. package/core/SingleCharacterInputContainer/__stories__/WithDefaultError.d.ts +2 -0
  75. package/core/SingleCharacterInputContainer/__stories__/WithDefaultError.js +52 -0
  76. package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.d.ts +2 -0
  77. package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.js +58 -0
  78. package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.d.ts +2 -0
  79. package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.js +52 -0
  80. package/core/SingleCharacterInputContainer/index.d.ts +4 -0
  81. package/core/SingleCharacterInputContainer/index.js +44 -0
  82. package/core/SingleCharacterInputContainer/index.mdx +29 -0
  83. package/core/Tabs/__stories__/Default.js +5 -5
  84. package/core/Tabs/index.d.ts +2 -2
  85. package/core/Tabs/index.js +5 -7
  86. package/es/admin/AccessibilityMenu/index.js +13 -0
  87. package/es/admin/Chip/index.js +1 -0
  88. package/es/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json +2 -2
  89. package/es/admin/Drawer/__stories__/Default.js +20 -13
  90. package/es/admin/Dropdown/__stories__/AlignRight.js +0 -2
  91. package/es/admin/Dropdown/__stories__/Default.js +0 -2
  92. package/es/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  93. package/es/admin/FilterSection/index.js +1 -2
  94. package/es/admin/Modal/index.js +16 -11
  95. package/es/admin/Pagination/__stories__/Default.js +4 -7
  96. package/es/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  97. package/es/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  98. package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  99. package/es/app/Header/__stories__/WithNavigation.js +10 -8
  100. package/es/app/QrCodeScanner/__stories__/Default.js +3 -3
  101. package/es/app/QrCodeViewer/index.js +8 -9
  102. package/es/app/ThemeOptionsForm/index.js +215 -0
  103. package/es/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
  104. package/es/app/index.js +2 -1
  105. package/es/core/Accordion/Accordion.stories.playwright.json +2 -2
  106. package/es/core/Accordion/index.js +7 -7
  107. package/es/core/Divider/__stories__/Default.js +5 -10
  108. package/es/core/ErrorSummary/ErrorSummary.stories.playwright.json +1 -1
  109. package/es/core/ErrorSummary/__stories__/Default.js +3 -3
  110. package/es/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  111. package/es/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  112. package/es/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  113. package/es/core/Link/__stories__/DarkBackground.js +6 -2
  114. package/es/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  115. package/es/core/NavList/NavList.stories.js +1 -3
  116. package/es/core/NavList/NavList.stories.playwright.json +6 -6
  117. package/{esm/core/NavList → es/core/NavList/NavListAuto}/NavListAuto.js +11 -5
  118. package/{esm/core/NavList/NavListBase.js → es/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -4
  119. package/es/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
  120. package/es/core/NavList/NavListAuto/NavListItemAnchorAuto.js +26 -0
  121. package/es/core/NavList/NavListAuto/NavListItemAuto.js +38 -0
  122. package/es/core/NavList/NavListAuto/NavListItemButtonAuto.js +30 -0
  123. package/es/core/NavList/NavListAuto/NavListMenuAuto.js +36 -0
  124. package/es/core/NavList/NavListAuto/NavListSubMenuAuto.js +26 -0
  125. package/es/core/NavList/NavListItem.js +7 -9
  126. package/es/core/NavList/NavListItemBase.js +4 -9
  127. package/es/core/NavList/NavMenuContainerContentList.js +64 -1
  128. package/es/core/NavList/__stories__/Default.js +22 -15
  129. package/{esm/core/NavList/__stories__/NavHorizontalLayout.js → es/core/NavList/__stories__/NavVerticalLayout.js} +22 -16
  130. package/es/core/NavList/index.js +3 -5
  131. package/es/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +12 -0
  132. package/es/core/SingleCharacterInputContainer/__stories__/Default.js +31 -0
  133. package/es/core/SingleCharacterInputContainer/__stories__/WithDefaultError.js +35 -0
  134. package/es/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.js +41 -0
  135. package/es/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.js +35 -0
  136. package/es/core/SingleCharacterInputContainer/index.js +4 -0
  137. package/es/core/SingleCharacterInputContainer/index.mdx +29 -0
  138. package/es/core/Tabs/__stories__/Default.js +5 -5
  139. package/es/core/Tabs/index.js +5 -7
  140. package/es/hooks/useFontSize.js +10 -0
  141. package/es/hooks/useHighlightLinks.js +38 -0
  142. package/es/hooks/useLetterSpacing.js +10 -0
  143. package/es/hooks/useLineHeight.js +10 -0
  144. package/es/hooks/useNavList.js +10 -7
  145. package/es/hooks/useTheme.js +19 -11
  146. package/es/hooks/useTogglableNav.js +292 -0
  147. package/es/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
  148. package/es/hooks/useVariantVars.js +30 -0
  149. package/es/layouts/Basic/__stories__/Default.js +2 -2
  150. package/es/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  151. package/es/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  152. package/es/locales/el.js +4 -0
  153. package/es/registry.js +40 -14
  154. package/es/typography/NormalText/__stories__/FontSizes.js +18 -6
  155. package/es/typography/NormalText/__stories__/FontWeight.js +3 -1
  156. package/es/typography/NormalText/__stories__/Variants.js +3 -1
  157. package/esm/admin/AccessibilityMenu/index.js +13 -0
  158. package/esm/admin/Chip/index.js +1 -0
  159. package/esm/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json +2 -2
  160. package/esm/admin/Drawer/__stories__/Default.js +20 -13
  161. package/esm/admin/Dropdown/__stories__/AlignRight.js +0 -2
  162. package/esm/admin/Dropdown/__stories__/Default.js +0 -2
  163. package/esm/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  164. package/esm/admin/FilterSection/index.js +1 -2
  165. package/esm/admin/Modal/index.js +16 -11
  166. package/esm/admin/Pagination/__stories__/Default.js +4 -7
  167. package/esm/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  168. package/esm/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  169. package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  170. package/esm/app/Header/__stories__/WithNavigation.js +10 -8
  171. package/esm/app/QrCodeScanner/__stories__/Default.js +3 -3
  172. package/esm/app/QrCodeViewer/index.js +8 -9
  173. package/esm/app/ThemeOptionsForm/index.js +215 -0
  174. package/esm/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
  175. package/esm/app/index.js +2 -1
  176. package/esm/core/Accordion/Accordion.stories.playwright.json +2 -2
  177. package/esm/core/Accordion/index.js +7 -7
  178. package/esm/core/Divider/__stories__/Default.js +5 -10
  179. package/esm/core/ErrorSummary/ErrorSummary.stories.playwright.json +1 -1
  180. package/esm/core/ErrorSummary/__stories__/Default.js +3 -3
  181. package/esm/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  182. package/esm/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  183. package/esm/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  184. package/esm/core/Link/__stories__/DarkBackground.js +6 -2
  185. package/esm/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  186. package/esm/core/NavList/NavList.stories.js +1 -3
  187. package/esm/core/NavList/NavList.stories.playwright.json +6 -6
  188. package/{es/core/NavList → esm/core/NavList/NavListAuto}/NavListAuto.js +11 -5
  189. package/{es/core/NavList/NavListBase.js → esm/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -4
  190. package/esm/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
  191. package/esm/core/NavList/NavListAuto/NavListItemAnchorAuto.js +26 -0
  192. package/esm/core/NavList/NavListAuto/NavListItemAuto.js +38 -0
  193. package/esm/core/NavList/NavListAuto/NavListItemButtonAuto.js +30 -0
  194. package/esm/core/NavList/NavListAuto/NavListMenuAuto.js +36 -0
  195. package/esm/core/NavList/NavListAuto/NavListSubMenuAuto.js +26 -0
  196. package/esm/core/NavList/NavListItem.js +7 -9
  197. package/esm/core/NavList/NavListItemBase.js +4 -9
  198. package/esm/core/NavList/NavMenuContainerContentList.js +64 -1
  199. package/esm/core/NavList/__stories__/Default.js +22 -15
  200. package/{es/core/NavList/__stories__/NavHorizontalLayout.js → esm/core/NavList/__stories__/NavVerticalLayout.js} +22 -16
  201. package/esm/core/NavList/index.js +3 -5
  202. package/esm/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +12 -0
  203. package/esm/core/SingleCharacterInputContainer/__stories__/Default.js +31 -0
  204. package/esm/core/SingleCharacterInputContainer/__stories__/WithDefaultError.js +35 -0
  205. package/esm/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.js +41 -0
  206. package/esm/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.js +35 -0
  207. package/esm/core/SingleCharacterInputContainer/index.js +4 -0
  208. package/esm/core/SingleCharacterInputContainer/index.mdx +29 -0
  209. package/esm/core/Tabs/__stories__/Default.js +5 -5
  210. package/esm/core/Tabs/index.js +5 -7
  211. package/esm/hooks/useFontSize.js +10 -0
  212. package/esm/hooks/useHighlightLinks.js +38 -0
  213. package/esm/hooks/useLetterSpacing.js +10 -0
  214. package/esm/hooks/useLineHeight.js +10 -0
  215. package/esm/hooks/useNavList.js +10 -7
  216. package/esm/hooks/useTheme.js +19 -11
  217. package/esm/hooks/useTogglableNav.js +292 -0
  218. package/esm/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
  219. package/esm/hooks/useVariantVars.js +30 -0
  220. package/esm/index.js +1 -1
  221. package/esm/layouts/Basic/__stories__/Default.js +2 -2
  222. package/esm/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  223. package/esm/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  224. package/esm/locales/el.js +4 -0
  225. package/esm/registry.js +40 -14
  226. package/esm/typography/NormalText/__stories__/FontSizes.js +18 -6
  227. package/esm/typography/NormalText/__stories__/FontWeight.js +3 -1
  228. package/esm/typography/NormalText/__stories__/Variants.js +3 -1
  229. package/hooks/useFontSize.d.ts +6 -0
  230. package/hooks/useFontSize.js +23 -0
  231. package/hooks/useHighlightLinks.d.ts +8 -0
  232. package/hooks/useHighlightLinks.js +52 -0
  233. package/hooks/useLetterSpacing.d.ts +6 -0
  234. package/hooks/useLetterSpacing.js +23 -0
  235. package/hooks/useLineHeight.d.ts +6 -0
  236. package/hooks/useLineHeight.js +23 -0
  237. package/hooks/useNavList.d.ts +2 -2
  238. package/hooks/useNavList.js +11 -8
  239. package/hooks/useTheme.d.ts +4 -4
  240. package/hooks/useTheme.js +19 -12
  241. package/hooks/useTogglableNav.d.ts +25 -0
  242. package/hooks/useTogglableNav.js +305 -0
  243. package/hooks/{useTogglableSections.d.ts → useTogglableTab.d.ts} +4 -3
  244. package/hooks/{useTogglableSections.js → useTogglableTab.js} +3 -9
  245. package/hooks/useVariantVars.d.ts +11 -0
  246. package/hooks/useVariantVars.js +41 -0
  247. package/layouts/Basic/__stories__/Default.js +2 -2
  248. package/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  249. package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  250. package/locales/el.d.ts +4 -0
  251. package/locales/el.js +4 -0
  252. package/package.json +3 -3
  253. package/registry.d.ts +21 -7
  254. package/registry.js +55 -16
  255. package/src/admin/AccessibilityMenu/index.tsx +14 -0
  256. package/src/admin/AutoComplete/index.tsx +2 -2
  257. package/src/admin/Chip/index.tsx +1 -0
  258. package/src/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json +2 -2
  259. package/src/admin/Drawer/__stories__/Default.tsx +24 -13
  260. package/src/admin/Dropdown/__stories__/AlignRight.tsx +2 -2
  261. package/src/admin/Dropdown/__stories__/Default.tsx +2 -2
  262. package/src/admin/Dropdown/__stories__/PlacementTop.tsx +2 -2
  263. package/src/admin/FilterSection/index.tsx +1 -2
  264. package/src/admin/Modal/index.tsx +43 -39
  265. package/src/admin/Pagination/__stories__/Default.tsx +4 -4
  266. package/src/admin/Pagination/__stories__/PaginationSmall.tsx +2 -2
  267. package/src/app/Footer/__stories__/FooterAllInclusive.tsx +1 -1
  268. package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +1 -1
  269. package/src/app/Header/__stories__/WithNavigation.tsx +8 -8
  270. package/src/app/QrCodeScanner/__stories__/Default.tsx +2 -2
  271. package/src/app/QrCodeViewer/index.tsx +16 -14
  272. package/src/app/ThemeOptionsForm/index.tsx +220 -0
  273. package/src/app/{ThemeSelectorOptions → ThemePaletteForm}/index.tsx +3 -3
  274. package/src/app/index.ts +2 -1
  275. package/src/core/Accordion/Accordion.stories.playwright.json +2 -2
  276. package/src/core/Accordion/index.tsx +5 -11
  277. package/src/core/Divider/__stories__/Default.tsx +5 -5
  278. package/src/core/ErrorSummary/ErrorSummary.stories.playwright.json +1 -1
  279. package/src/core/ErrorSummary/__stories__/Default.tsx +2 -2
  280. package/src/core/ErrorSummary/__stories__/LinkedToCheckbox.tsx +2 -2
  281. package/src/core/ErrorSummary/__stories__/LinkedToField.tsx +2 -2
  282. package/src/core/ErrorSummary/__stories__/LinkedToInput.tsx +2 -2
  283. package/src/core/Link/__stories__/DarkBackground.tsx +2 -3
  284. package/src/core/Link/__stories__/DarkBackgroundNoUnderline.tsx +2 -3
  285. package/src/core/NavList/NavList.stories.js +1 -3
  286. package/src/core/NavList/NavList.stories.playwright.json +6 -6
  287. package/src/core/NavList/NavListAuto/NavListAuto.tsx +34 -0
  288. package/src/core/NavList/{NavListBase.tsx → NavListAuto/NavListBaseAuto.tsx} +3 -3
  289. package/src/core/NavList/{NavListContext.tsx → NavListAuto/NavListContextAuto.tsx} +26 -11
  290. package/src/core/NavList/NavListAuto/NavListItemAnchorAuto.tsx +38 -0
  291. package/src/core/NavList/NavListAuto/NavListItemAuto.tsx +49 -0
  292. package/src/core/NavList/NavListAuto/NavListItemButtonAuto.tsx +53 -0
  293. package/src/core/NavList/NavListAuto/NavListMenuAuto.tsx +51 -0
  294. package/src/core/NavList/NavListAuto/NavListSubMenuAuto.tsx +32 -0
  295. package/src/core/NavList/NavListItem.tsx +15 -10
  296. package/src/core/NavList/NavListItemBase.tsx +5 -8
  297. package/src/core/NavList/NavMenuContainerContentList.tsx +61 -1
  298. package/src/core/NavList/__stories__/Default.tsx +26 -14
  299. package/src/core/NavList/__stories__/{NavHorizontalLayout.tsx → NavVerticalLayout.tsx} +29 -16
  300. package/src/core/NavList/index.tsx +3 -5
  301. package/src/core/NavList/types.tsx +23 -10
  302. package/src/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +13 -0
  303. package/src/core/SingleCharacterInputContainer/__stories__/Default.tsx +35 -0
  304. package/src/core/SingleCharacterInputContainer/__stories__/WithDefaultError.tsx +38 -0
  305. package/src/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.tsx +38 -0
  306. package/src/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.tsx +38 -0
  307. package/src/core/SingleCharacterInputContainer/index.mdx +29 -0
  308. package/src/core/SingleCharacterInputContainer/index.tsx +4 -0
  309. package/src/core/Tabs/__stories__/Default.tsx +5 -5
  310. package/src/core/Tabs/index.tsx +5 -9
  311. package/src/hooks/useFontSize.ts +32 -0
  312. package/src/hooks/useHighlightLinks.ts +45 -0
  313. package/src/hooks/useLetterSpacing.ts +27 -0
  314. package/src/hooks/useLineHeight.ts +31 -0
  315. package/src/hooks/useNavList.ts +5 -7
  316. package/src/hooks/useTheme.ts +28 -20
  317. package/src/hooks/useTogglableNav.tsx +294 -0
  318. package/src/hooks/{useTogglableSections.tsx → useTogglableTab.tsx} +12 -13
  319. package/src/hooks/useVariantVars.ts +35 -0
  320. package/src/layouts/Basic/__stories__/Default.tsx +3 -3
  321. package/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx +8 -8
  322. package/src/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx +6 -6
  323. package/src/locales/el.ts +4 -0
  324. package/src/registry.js +40 -14
  325. package/src/typography/NormalText/__stories__/FontSizes.tsx +6 -6
  326. package/src/typography/NormalText/__stories__/FontWeight.tsx +1 -1
  327. package/src/typography/NormalText/__stories__/Variants.tsx +1 -1
  328. package/typography/NormalText/__stories__/FontSizes.js +18 -6
  329. package/typography/NormalText/__stories__/FontWeight.js +3 -1
  330. package/typography/NormalText/__stories__/Variants.js +3 -1
  331. package/app/ThemeSelectorOptions/index.d.ts +0 -2
  332. package/core/NavList/NavListSubMenu.d.ts +0 -8
  333. package/core/NavList/__stories__/NavHorizontalLayout.d.ts +0 -2
  334. package/core/NavList/__stories__/NavListAutoExample.d.ts +0 -2
  335. package/core/NavList/__stories__/NavListAutoExample.js +0 -63
  336. package/core/NavList/__stories__/NavListEpathlaExample.d.ts +0 -2
  337. package/core/NavList/__stories__/NavListEpathlaExample.js +0 -141
  338. package/es/core/NavList/NavListItemAuto.js +0 -40
  339. package/es/core/NavList/NavListSubMenu.js +0 -25
  340. package/es/core/NavList/__stories__/NavListAutoExample.js +0 -48
  341. package/es/core/NavList/__stories__/NavListEpathlaExample.js +0 -123
  342. package/esm/core/NavList/NavListItemAuto.js +0 -40
  343. package/esm/core/NavList/NavListSubMenu.js +0 -25
  344. package/esm/core/NavList/__stories__/NavListAutoExample.js +0 -48
  345. package/esm/core/NavList/__stories__/NavListEpathlaExample.js +0 -123
  346. package/src/core/NavList/NavListAuto.tsx +0 -20
  347. package/src/core/NavList/NavListItemAuto.tsx +0 -41
  348. package/src/core/NavList/NavListSubMenu.tsx +0 -28
  349. package/src/core/NavList/__stories__/NavListAutoExample.tsx +0 -53
  350. package/src/core/NavList/__stories__/NavListEpathlaExample.tsx +0 -174
  351. /package/core/NavList/{NavListAuto.d.ts → NavListAuto/NavListAuto.d.ts} +0 -0
  352. /package/core/NavList/{NavListItemAuto.d.ts → NavListAuto/NavListItemAuto.d.ts} +0 -0
package/src/registry.js CHANGED
@@ -1,4 +1,5 @@
1
1
 
2
+ import * as _digigov_ui_admin_AccessibilityMenu from '@digigov/ui/admin/AccessibilityMenu';
2
3
  import * as _digigov_ui_admin_AdminLayout from '@digigov/ui/admin/AdminLayout';
3
4
  import * as _digigov_ui_admin_AutoComplete from '@digigov/ui/admin/AutoComplete';
4
5
  import * as _digigov_ui_admin_AutoComplete_Status from '@digigov/ui/admin/AutoComplete/Status';
@@ -56,7 +57,8 @@ import * as _digigov_ui_app_QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
56
57
  import * as _digigov_ui_app_QrCodeViewer_qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
57
58
  import * as _digigov_ui_app_QrCodeViewer_types from '@digigov/ui/app/QrCodeViewer/types';
58
59
  import * as _digigov_ui_app_QrCodeViewer_utils from '@digigov/ui/app/QrCodeViewer/utils';
59
- import * as _digigov_ui_app_ThemeSelectorOptions from '@digigov/ui/app/ThemeSelectorOptions';
60
+ import * as _digigov_ui_app_ThemeOptionsForm from '@digigov/ui/app/ThemeOptionsForm';
61
+ import * as _digigov_ui_app_ThemePaletteForm from '@digigov/ui/app/ThemePaletteForm';
60
62
  import * as _digigov_ui_core_Accordion from '@digigov/ui/core/Accordion';
61
63
  import * as _digigov_ui_core_BackLink from '@digigov/ui/core/BackLink';
62
64
  import * as _digigov_ui_core_Base from '@digigov/ui/core/Base';
@@ -94,15 +96,18 @@ import * as _digigov_ui_core_Masthead from '@digigov/ui/core/Masthead';
94
96
  import * as _digigov_ui_core_NavList from '@digigov/ui/core/NavList';
95
97
  import * as _digigov_ui_core_NavList_Nav from '@digigov/ui/core/NavList/Nav';
96
98
  import * as _digigov_ui_core_NavList_NavList from '@digigov/ui/core/NavList/NavList';
97
- import * as _digigov_ui_core_NavList_NavListAuto from '@digigov/ui/core/NavList/NavListAuto';
98
- import * as _digigov_ui_core_NavList_NavListBase from '@digigov/ui/core/NavList/NavListBase';
99
- import * as _digigov_ui_core_NavList_NavListContext from '@digigov/ui/core/NavList/NavListContext';
99
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListAuto from '@digigov/ui/core/NavList/NavListAuto/NavListAuto';
100
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListBaseAuto from '@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto';
101
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListContextAuto from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
102
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListItemAnchorAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAnchorAuto';
103
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListItemAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
104
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListItemButtonAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemButtonAuto';
105
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto';
106
+ import * as _digigov_ui_core_NavList_NavListAuto_NavListSubMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto';
100
107
  import * as _digigov_ui_core_NavList_NavListItem from '@digigov/ui/core/NavList/NavListItem';
101
- import * as _digigov_ui_core_NavList_NavListItemAuto from '@digigov/ui/core/NavList/NavListItemAuto';
102
108
  import * as _digigov_ui_core_NavList_NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
103
109
  import * as _digigov_ui_core_NavList_NavListItemButton from '@digigov/ui/core/NavList/NavListItemButton';
104
110
  import * as _digigov_ui_core_NavList_NavListItemLink from '@digigov/ui/core/NavList/NavListItemLink';
105
- import * as _digigov_ui_core_NavList_NavListSubMenu from '@digigov/ui/core/NavList/NavListSubMenu';
106
111
  import * as _digigov_ui_core_NavList_NavMenu from '@digigov/ui/core/NavList/NavMenu';
107
112
  import * as _digigov_ui_core_NavList_NavMenuContainer from '@digigov/ui/core/NavList/NavMenuContainer';
108
113
  import * as _digigov_ui_core_NavList_NavMenuContainerContent from '@digigov/ui/core/NavList/NavMenuContainerContent';
@@ -118,6 +123,7 @@ import * as _digigov_ui_core_RadioContainer from '@digigov/ui/core/RadioContaine
118
123
  import * as _digigov_ui_core_SectionBreak from '@digigov/ui/core/SectionBreak';
119
124
  import * as _digigov_ui_core_SelectContainer from '@digigov/ui/core/SelectContainer';
120
125
  import * as _digigov_ui_core_ServiceBadge from '@digigov/ui/core/ServiceBadge';
126
+ import * as _digigov_ui_core_SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
121
127
  import * as _digigov_ui_core_SkipLink from '@digigov/ui/core/SkipLink';
122
128
  import * as _digigov_ui_core_SummaryList from '@digigov/ui/core/SummaryList';
123
129
  import * as _digigov_ui_core_SvgIcon from '@digigov/ui/core/SvgIcon';
@@ -146,13 +152,19 @@ import * as _digigov_ui_govgr_images_minedu_logo_base64 from '@digigov/ui/govgr/
146
152
  import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from '@digigov/ui/govgr/images/minedu-logo-black-base64';
147
153
  import * as _digigov_ui_govgr from '@digigov/ui/govgr';
148
154
  import * as _digigov_ui_hooks_useDebounce from '@digigov/ui/hooks/useDebounce';
155
+ import * as _digigov_ui_hooks_useFontSize from '@digigov/ui/hooks/useFontSize';
156
+ import * as _digigov_ui_hooks_useHighlightLinks from '@digigov/ui/hooks/useHighlightLinks';
149
157
  import * as _digigov_ui_hooks_useKeypress from '@digigov/ui/hooks/useKeypress';
150
158
  import * as _digigov_ui_hooks_useLatest from '@digigov/ui/hooks/useLatest';
159
+ import * as _digigov_ui_hooks_useLetterSpacing from '@digigov/ui/hooks/useLetterSpacing';
160
+ import * as _digigov_ui_hooks_useLineHeight from '@digigov/ui/hooks/useLineHeight';
151
161
  import * as _digigov_ui_hooks_useNavList from '@digigov/ui/hooks/useNavList';
152
162
  import * as _digigov_ui_hooks_useOutdatedBrowserCheck from '@digigov/ui/hooks/useOutdatedBrowserCheck';
153
163
  import * as _digigov_ui_hooks_useSearch from '@digigov/ui/hooks/useSearch';
154
164
  import * as _digigov_ui_hooks_useTheme from '@digigov/ui/hooks/useTheme';
155
- import * as _digigov_ui_hooks_useTogglableSections from '@digigov/ui/hooks/useTogglableSections';
165
+ import * as _digigov_ui_hooks_useTogglableNav from '@digigov/ui/hooks/useTogglableNav';
166
+ import * as _digigov_ui_hooks_useTogglableTab from '@digigov/ui/hooks/useTogglableTab';
167
+ import * as _digigov_ui_hooks_useVariantVars from '@digigov/ui/hooks/useVariantVars';
156
168
  import * as _digigov_ui from '@digigov/ui';
157
169
  import * as _digigov_ui_layouts_Basic_Aside from '@digigov/ui/layouts/Basic/Aside';
158
170
  import * as _digigov_ui_layouts_Basic_Bottom from '@digigov/ui/layouts/Basic/Bottom';
@@ -202,6 +214,7 @@ function lazyImport(pkgImport) {
202
214
  )
203
215
  }
204
216
  export default {
217
+ '@digigov/ui/admin/AccessibilityMenu': lazyImport(_digigov_ui_admin_AccessibilityMenu),
205
218
  '@digigov/ui/admin/AdminLayout': lazyImport(_digigov_ui_admin_AdminLayout),
206
219
  '@digigov/ui/admin/AutoComplete': lazyImport(_digigov_ui_admin_AutoComplete),
207
220
  '@digigov/ui/admin/AutoComplete/Status': lazyImport(_digigov_ui_admin_AutoComplete_Status),
@@ -259,7 +272,8 @@ export default {
259
272
  '@digigov/ui/app/QrCodeViewer/qrcodegen': lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
260
273
  '@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
261
274
  '@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
262
- '@digigov/ui/app/ThemeSelectorOptions': lazyImport(_digigov_ui_app_ThemeSelectorOptions),
275
+ '@digigov/ui/app/ThemeOptionsForm': lazyImport(_digigov_ui_app_ThemeOptionsForm),
276
+ '@digigov/ui/app/ThemePaletteForm': lazyImport(_digigov_ui_app_ThemePaletteForm),
263
277
  '@digigov/ui/core/Accordion': lazyImport(_digigov_ui_core_Accordion),
264
278
  '@digigov/ui/core/BackLink': lazyImport(_digigov_ui_core_BackLink),
265
279
  '@digigov/ui/core/Base': lazyImport(_digigov_ui_core_Base),
@@ -297,15 +311,18 @@ export default {
297
311
  '@digigov/ui/core/NavList': lazyImport(_digigov_ui_core_NavList),
298
312
  '@digigov/ui/core/NavList/Nav': lazyImport(_digigov_ui_core_NavList_Nav),
299
313
  '@digigov/ui/core/NavList/NavList': lazyImport(_digigov_ui_core_NavList_NavList),
300
- '@digigov/ui/core/NavList/NavListAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto),
301
- '@digigov/ui/core/NavList/NavListBase': lazyImport(_digigov_ui_core_NavList_NavListBase),
302
- '@digigov/ui/core/NavList/NavListContext': lazyImport(_digigov_ui_core_NavList_NavListContext),
314
+ '@digigov/ui/core/NavList/NavListAuto/NavListAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListAuto),
315
+ '@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListBaseAuto),
316
+ '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListContextAuto),
317
+ '@digigov/ui/core/NavList/NavListAuto/NavListItemAnchorAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemAnchorAuto),
318
+ '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemAuto),
319
+ '@digigov/ui/core/NavList/NavListAuto/NavListItemButtonAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemButtonAuto),
320
+ '@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListMenuAuto),
321
+ '@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListSubMenuAuto),
303
322
  '@digigov/ui/core/NavList/NavListItem': lazyImport(_digigov_ui_core_NavList_NavListItem),
304
- '@digigov/ui/core/NavList/NavListItemAuto': lazyImport(_digigov_ui_core_NavList_NavListItemAuto),
305
323
  '@digigov/ui/core/NavList/NavListItemBase': lazyImport(_digigov_ui_core_NavList_NavListItemBase),
306
324
  '@digigov/ui/core/NavList/NavListItemButton': lazyImport(_digigov_ui_core_NavList_NavListItemButton),
307
325
  '@digigov/ui/core/NavList/NavListItemLink': lazyImport(_digigov_ui_core_NavList_NavListItemLink),
308
- '@digigov/ui/core/NavList/NavListSubMenu': lazyImport(_digigov_ui_core_NavList_NavListSubMenu),
309
326
  '@digigov/ui/core/NavList/NavMenu': lazyImport(_digigov_ui_core_NavList_NavMenu),
310
327
  '@digigov/ui/core/NavList/NavMenuContainer': lazyImport(_digigov_ui_core_NavList_NavMenuContainer),
311
328
  '@digigov/ui/core/NavList/NavMenuContainerContent': lazyImport(_digigov_ui_core_NavList_NavMenuContainerContent),
@@ -321,6 +338,7 @@ export default {
321
338
  '@digigov/ui/core/SectionBreak': lazyImport(_digigov_ui_core_SectionBreak),
322
339
  '@digigov/ui/core/SelectContainer': lazyImport(_digigov_ui_core_SelectContainer),
323
340
  '@digigov/ui/core/ServiceBadge': lazyImport(_digigov_ui_core_ServiceBadge),
341
+ '@digigov/ui/core/SingleCharacterInputContainer': lazyImport(_digigov_ui_core_SingleCharacterInputContainer),
324
342
  '@digigov/ui/core/SkipLink': lazyImport(_digigov_ui_core_SkipLink),
325
343
  '@digigov/ui/core/SummaryList': lazyImport(_digigov_ui_core_SummaryList),
326
344
  '@digigov/ui/core/SvgIcon': lazyImport(_digigov_ui_core_SvgIcon),
@@ -349,13 +367,19 @@ export default {
349
367
  '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
350
368
  '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
351
369
  '@digigov/ui/hooks/useDebounce': lazyImport(_digigov_ui_hooks_useDebounce),
370
+ '@digigov/ui/hooks/useFontSize': lazyImport(_digigov_ui_hooks_useFontSize),
371
+ '@digigov/ui/hooks/useHighlightLinks': lazyImport(_digigov_ui_hooks_useHighlightLinks),
352
372
  '@digigov/ui/hooks/useKeypress': lazyImport(_digigov_ui_hooks_useKeypress),
353
373
  '@digigov/ui/hooks/useLatest': lazyImport(_digigov_ui_hooks_useLatest),
374
+ '@digigov/ui/hooks/useLetterSpacing': lazyImport(_digigov_ui_hooks_useLetterSpacing),
375
+ '@digigov/ui/hooks/useLineHeight': lazyImport(_digigov_ui_hooks_useLineHeight),
354
376
  '@digigov/ui/hooks/useNavList': lazyImport(_digigov_ui_hooks_useNavList),
355
377
  '@digigov/ui/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_hooks_useOutdatedBrowserCheck),
356
378
  '@digigov/ui/hooks/useSearch': lazyImport(_digigov_ui_hooks_useSearch),
357
379
  '@digigov/ui/hooks/useTheme': lazyImport(_digigov_ui_hooks_useTheme),
358
- '@digigov/ui/hooks/useTogglableSections': lazyImport(_digigov_ui_hooks_useTogglableSections),
380
+ '@digigov/ui/hooks/useTogglableNav': lazyImport(_digigov_ui_hooks_useTogglableNav),
381
+ '@digigov/ui/hooks/useTogglableTab': lazyImport(_digigov_ui_hooks_useTogglableTab),
382
+ '@digigov/ui/hooks/useVariantVars': lazyImport(_digigov_ui_hooks_useVariantVars),
359
383
  '@digigov/ui': lazyImport(_digigov_ui),
360
384
  '@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),
361
385
  '@digigov/ui/layouts/Basic/Bottom': lazyImport(_digigov_ui_layouts_Basic_Bottom),
@@ -425,6 +449,7 @@ import * as _digigov_ui_core_NotificationBanner_NotificationBanner_stories from
425
449
  import * as _digigov_ui_core_PhaseBanner_PhaseBanner_stories from '@digigov/ui/core/PhaseBanner/PhaseBanner.stories';
426
450
  import * as _digigov_ui_core_RadioContainer_RadioContainer_stories from '@digigov/ui/core/RadioContainer/RadioContainer.stories';
427
451
  import * as _digigov_ui_core_SelectContainer_Select_stories from '@digigov/ui/core/SelectContainer/Select.stories';
452
+ import * as _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories';
428
453
  import * as _digigov_ui_core_SummaryList_SummaryList_stories from '@digigov/ui/core/SummaryList/SummaryList.stories';
429
454
  import * as _digigov_ui_core_Table_Table_stories from '@digigov/ui/core/Table/Table.stories';
430
455
  import * as _digigov_ui_core_Tabs_Tabs_stories from '@digigov/ui/core/Tabs/Tabs.stories';
@@ -479,6 +504,7 @@ import * as _digigov_ui_typography_Paragraph_Paragraph_stories from '@digigov/ui
479
504
  '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': _digigov_ui_core_PhaseBanner_PhaseBanner_stories,
480
505
  '@digigov/ui/core/RadioContainer/RadioContainer.stories': _digigov_ui_core_RadioContainer_RadioContainer_stories,
481
506
  '@digigov/ui/core/SelectContainer/Select.stories': _digigov_ui_core_SelectContainer_Select_stories,
507
+ '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
482
508
  '@digigov/ui/core/SummaryList/SummaryList.stories': _digigov_ui_core_SummaryList_SummaryList_stories,
483
509
  '@digigov/ui/core/Table/Table.stories': _digigov_ui_core_Table_Table_stories,
484
510
  '@digigov/ui/core/Tabs/Tabs.stories': _digigov_ui_core_Tabs_Tabs_stories,
@@ -5,17 +5,17 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
5
5
  export const FontSizes = () => (
6
6
  <>
7
7
  <NormalText fontSize="14"> govgr-!-font-size-14 </NormalText>
8
- <SectionBreak />
8
+ <SectionBreak visible={false} />
9
9
  <NormalText fontSize="16"> govgr-!-font-size-16 </NormalText>
10
- <SectionBreak />
10
+ <SectionBreak visible={false} />
11
11
  <NormalText fontSize="19"> govgr-!-font-size-19 </NormalText>
12
- <SectionBreak />
12
+ <SectionBreak visible={false} />
13
13
  <NormalText fontSize="24"> govgr-!-font-size-24 </NormalText>
14
- <SectionBreak />
14
+ <SectionBreak visible={false} />
15
15
  <NormalText fontSize="30"> govgr-!-font-size-30 </NormalText>
16
- <SectionBreak />
16
+ <SectionBreak visible={false} />
17
17
  <NormalText fontSize="48"> govgr-!-font-size-48 </NormalText>
18
- <SectionBreak />
18
+ <SectionBreak visible={false} />
19
19
  <NormalText fontSize="72"> govgr-!-font-size-72 </NormalText>
20
20
  </>
21
21
  );
@@ -5,7 +5,7 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
5
5
  export const FontWeight = () => (
6
6
  <>
7
7
  <NormalText fontWeight="regular"> govgr-!-font-weight-regular </NormalText>
8
- <SectionBreak />
8
+ <SectionBreak visible={false} />
9
9
  <NormalText fontWeight="bold"> govgr-!-font-weight-bold </NormalText>
10
10
  </>
11
11
  );
@@ -5,7 +5,7 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
5
5
  export const Variants = () => (
6
6
  <>
7
7
  <NormalText variant="small"> govgr-variant-small </NormalText>
8
- <SectionBreak />
8
+ <SectionBreak visible={false} />
9
9
  <NormalText variant="lead"> govgr-variant-lead </NormalText>
10
10
  </>
11
11
  );
@@ -17,37 +17,49 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
17
17
  fontSize: "14"
18
18
  }, " govgr-!-font-size-14 ");
19
19
 
20
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
20
+ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
21
+ visible: false
22
+ });
21
23
 
22
24
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
23
25
  fontSize: "16"
24
26
  }, " govgr-!-font-size-16 ");
25
27
 
26
- var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
28
+ var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
29
+ visible: false
30
+ });
27
31
 
28
32
  var _ref5 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
29
33
  fontSize: "19"
30
34
  }, " govgr-!-font-size-19 ");
31
35
 
32
- var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
36
+ var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
37
+ visible: false
38
+ });
33
39
 
34
40
  var _ref7 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
35
41
  fontSize: "24"
36
42
  }, " govgr-!-font-size-24 ");
37
43
 
38
- var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
44
+ var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
45
+ visible: false
46
+ });
39
47
 
40
48
  var _ref9 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
41
49
  fontSize: "30"
42
50
  }, " govgr-!-font-size-30 ");
43
51
 
44
- var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
52
+ var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
53
+ visible: false
54
+ });
45
55
 
46
56
  var _ref11 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
47
57
  fontSize: "48"
48
58
  }, " govgr-!-font-size-48 ");
49
59
 
50
- var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
60
+ var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
61
+ visible: false
62
+ });
51
63
 
52
64
  var _ref13 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
53
65
  fontSize: "72"
@@ -17,7 +17,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
17
17
  fontWeight: "regular"
18
18
  }, " govgr-!-font-weight-regular ");
19
19
 
20
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
20
+ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
21
+ visible: false
22
+ });
21
23
 
22
24
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
23
25
  fontWeight: "bold"
@@ -17,7 +17,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
17
17
  variant: "small"
18
18
  }, " govgr-variant-small ");
19
19
 
20
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, null);
20
+ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
21
+ visible: false
22
+ });
21
23
 
22
24
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
23
25
  variant: "lead"
@@ -1,2 +0,0 @@
1
- export declare const ThemeToggleOptions: () => JSX.Element;
2
- export default ThemeToggleOptions;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
3
- import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListContext';
4
- export interface NavListSubMenuProps extends NavListAutoProps {
5
- links: NavLinkInterface[];
6
- }
7
- export declare const NavListSubMenu: React.FC<NavListSubMenuProps>;
8
- export default NavListSubMenu;
@@ -1,2 +0,0 @@
1
- export declare const NavHorizontalLayout: () => JSX.Element;
2
- export default NavHorizontalLayout;
@@ -1,2 +0,0 @@
1
- export declare const NavListAutoExample: () => JSX.Element;
2
- export default NavListAutoExample;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.NavListAutoExample = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _NavList = require("@digigov/ui/core/NavList");
13
-
14
- var links = [{
15
- name: 'Nav1',
16
- href: '#',
17
- label: 'Nav list item 1'
18
- }, {
19
- name: 'Nav2',
20
- href: '#',
21
- label: 'Nav list item 2',
22
- subMenu: [{
23
- name: 'Nav2.1',
24
- href: '#',
25
- label: 'Nav list item 2.1'
26
- }, {
27
- name: 'Nav2.2',
28
- href: '#',
29
- label: 'Nav list item 2.2'
30
- }, {
31
- name: 'Nav2.3',
32
- href: '#',
33
- label: 'Nav list item 2.3'
34
- }, {
35
- name: 'Nav2.4',
36
- href: '#',
37
- label: 'Nav list item 2.4'
38
- }]
39
- }, {
40
- name: 'Nav3',
41
- href: '#',
42
- label: 'Nav list item 3'
43
- }];
44
-
45
- var NavListAutoExample = function NavListAutoExample() {
46
- var layout = 'horizontal';
47
- return /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
48
- layout: layout,
49
- links: links,
50
- "aria-label": "Nav list",
51
- role: "menu"
52
- }, links.map(function (item, key) {
53
- return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAuto, {
54
- key: key,
55
- item: item,
56
- role: "menuitem"
57
- });
58
- }));
59
- };
60
-
61
- exports.NavListAutoExample = NavListAutoExample;
62
- var _default = NavListAutoExample;
63
- exports["default"] = _default;
@@ -1,2 +0,0 @@
1
- export declare const NavListEpathlaExample: () => JSX.Element;
2
- export default NavListEpathlaExample;
@@ -1,141 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.NavListEpathlaExample = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- var _NavList = require("@digigov/ui/core/NavList");
15
-
16
- var _useNavList2 = require("@digigov/ui/hooks/useNavList");
17
-
18
- var _core = require("@digigov/ui/core");
19
-
20
- var LANG = 'el';
21
- var DEFAULT_HREF_FLAG = true;
22
- var epathlaLinks = [{
23
- name: 'index',
24
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG),
25
- label: 'Αρχική'
26
- }, {
27
- name: 'epathla',
28
- label: 'Ε.Π.ΑΘΛ.Α',
29
- subMenu: [{
30
- name: 'epathla/aim',
31
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/aim"),
32
- label: 'Σκοπός'
33
- }, {
34
- name: 'epathla/structure',
35
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/structure"),
36
- label: 'Δομή'
37
- }, {
38
- name: 'epathla/members',
39
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/members"),
40
- label: 'Συγκρότηση'
41
- }, {
42
- name: 'epathla/wording-groups',
43
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/epathla/working-groups"),
44
- label: 'Ομάδες εργασίας'
45
- }]
46
- }, {
47
- name: 'sport-manipulation',
48
- label: 'Χειραγώγηση Αγώνων',
49
- subMenu: [{
50
- name: 'sport-manipulation/macolin',
51
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/macolin"),
52
- label: 'Σύμβαση Macolin'
53
- }, {
54
- name: 'sport-manipulation/terminology',
55
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/terminology"),
56
- label: 'Ορολογία'
57
- }, {
58
- name: 'sport-manipulation/typology',
59
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/typology"),
60
- label: 'Τυπολογία'
61
- }, {
62
- name: 'sport-manipulation/law',
63
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/law"),
64
- label: 'Νομοθεσία'
65
- }, {
66
- name: 'sport-manipulation/documents',
67
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/sport-manipulation/documents"),
68
- label: 'Κείμενα αναφοράς διεθνών οργανισμών'
69
- }]
70
- }, {
71
- name: 'educational-material',
72
- label: 'Εκπαιδευτικό υλικό',
73
- subMenu: [{
74
- name: 'educational-material/videos',
75
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/videos"),
76
- label: 'Βίντεο'
77
- }, {
78
- name: 'educational-material/presentations',
79
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/presentations"),
80
- label: 'Παρουσιάσεις'
81
- }, {
82
- name: 'educational-material/other-texts',
83
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/educational-material/other-texts"),
84
- label: 'Άλλα κείμενα'
85
- }]
86
- }, {
87
- name: 'news',
88
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/news"),
89
- label: 'Νέα'
90
- }, {
91
- name: 'send-report',
92
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/send-report"),
93
- label: 'Προστάτεψε το άθλημά σου'
94
- }, {
95
- name: 'links',
96
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/links"),
97
- label: 'Σύνδεσμοι'
98
- }, {
99
- name: 'contact',
100
- href: DEFAULT_HREF_FLAG ? '#' : "/".concat(LANG, "/contact"),
101
- label: 'Επικοινωνία'
102
- }];
103
-
104
- var NavListEpathlaExample = function NavListEpathlaExample() {
105
- var _useNavList = (0, _useNavList2.useNavList)(),
106
- container = _useNavList.container,
107
- register = _useNavList.register;
108
-
109
- var setRegister = function setRegister(name) {
110
- return (0, _extends2["default"])({}, register(name));
111
- };
112
-
113
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
114
- layout: 'horizontal',
115
- links: epathlaLinks,
116
- "aria-label": "Nav list",
117
- role: "menu"
118
- }, epathlaLinks.map(function (item, key) {
119
- var _item$subMenu;
120
-
121
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
122
- key: key
123
- }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
124
- link: item,
125
- setRegister: setRegister
126
- }), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenu, container(item.name), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, {
127
- paddingLeft: 5,
128
- paddingRight: 5
129
- }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, null, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
130
- return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
131
- key: menuIndex
132
- }, /*#__PURE__*/_react["default"].createElement(_core.Link, {
133
- href: subMenu.href
134
- }, subMenu.label));
135
- }))))));
136
- })));
137
- };
138
-
139
- exports.NavListEpathlaExample = NavListEpathlaExample;
140
- var _default = NavListEpathlaExample;
141
- exports["default"] = _default;
@@ -1,40 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["item", "children", "role"];
4
- import React, { useContext } from 'react';
5
- import Divider from '@digigov/react-core/SectionBreak';
6
- import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
7
- import NavListSubMenu from '@digigov/ui/core/NavList/NavListSubMenu';
8
- import NavListContext from '@digigov/ui/core/NavList/NavListContext';
9
-
10
- var _ref3 = /*#__PURE__*/React.createElement(Divider, null);
11
-
12
- export var NavListItemAuto = function NavListItemAuto(_ref) {
13
- var item = _ref.item,
14
- children = _ref.children,
15
- role = _ref.role,
16
- props = _objectWithoutProperties(_ref, _excluded);
17
-
18
- var _useContext = useContext(NavListContext),
19
- layout = _useContext.layout,
20
- showDividers = _useContext.showDividers,
21
- links = _useContext.links,
22
- container = _useContext.container,
23
- setRegister = _useContext.setRegister;
24
-
25
- var _ref2 = links.find(function (link) {
26
- return link.name === item.name;
27
- }) || {},
28
- subMenu = _ref2.subMenu;
29
-
30
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListItemBase, _extends({
31
- container: container,
32
- setRegister: setRegister,
33
- item: item,
34
- layout: layout,
35
- role: role
36
- }, props), subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && /*#__PURE__*/React.createElement(NavListSubMenu, {
37
- links: subMenu
38
- })), showDividers && _ref3);
39
- };
40
- export default NavListItemAuto;
@@ -1,25 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["links"];
4
- import React, { useContext } from 'react';
5
- import { NavListBase } from '@digigov/ui/core/NavList/NavListBase';
6
- import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
7
- import NavListContext from '@digigov/ui/core/NavList/NavListContext';
8
- export var NavListSubMenu = function NavListSubMenu(_ref) {
9
- var links = _ref.links,
10
- props = _objectWithoutProperties(_ref, _excluded);
11
-
12
- var _useContext = useContext(NavListContext),
13
- layout = _useContext.layout;
14
-
15
- return /*#__PURE__*/React.createElement(NavListBase, _extends({
16
- subMenu: true,
17
- floating: layout === 'horizontal'
18
- }, props), links && links.map(function (subMenuLink, key) {
19
- return /*#__PURE__*/React.createElement(NavListItemBase, {
20
- key: key,
21
- item: subMenuLink
22
- });
23
- }));
24
- };
25
- export default NavListSubMenu;
@@ -1,48 +0,0 @@
1
- import React from 'react';
2
- import { NavListAuto, NavListItemAuto } from '@digigov/ui/core/NavList';
3
- var links = [{
4
- name: 'Nav1',
5
- href: '#',
6
- label: 'Nav list item 1'
7
- }, {
8
- name: 'Nav2',
9
- href: '#',
10
- label: 'Nav list item 2',
11
- subMenu: [{
12
- name: 'Nav2.1',
13
- href: '#',
14
- label: 'Nav list item 2.1'
15
- }, {
16
- name: 'Nav2.2',
17
- href: '#',
18
- label: 'Nav list item 2.2'
19
- }, {
20
- name: 'Nav2.3',
21
- href: '#',
22
- label: 'Nav list item 2.3'
23
- }, {
24
- name: 'Nav2.4',
25
- href: '#',
26
- label: 'Nav list item 2.4'
27
- }]
28
- }, {
29
- name: 'Nav3',
30
- href: '#',
31
- label: 'Nav list item 3'
32
- }];
33
- export var NavListAutoExample = function NavListAutoExample() {
34
- var layout = 'horizontal';
35
- return /*#__PURE__*/React.createElement(NavListAuto, {
36
- layout: layout,
37
- links: links,
38
- "aria-label": "Nav list",
39
- role: "menu"
40
- }, links.map(function (item, key) {
41
- return /*#__PURE__*/React.createElement(NavListItemAuto, {
42
- key: key,
43
- item: item,
44
- role: "menuitem"
45
- });
46
- }));
47
- };
48
- export default NavListAutoExample;