@public-ui/sample-react 2.0.4 → 2.0.6

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 (374) hide show
  1. package/.eslintrc.js +2 -1
  2. package/dist/104.js +2 -0
  3. package/dist/{4669.js → 1296.js} +2 -2
  4. package/dist/{8869.js → 1461.js} +2 -2
  5. package/dist/1684.js +2 -0
  6. package/dist/1685.js +2 -0
  7. package/dist/1888.js +2 -0
  8. package/dist/1892.js +2 -0
  9. package/dist/2120.js +2 -0
  10. package/dist/2240.js +2 -0
  11. package/dist/2364.js +2 -0
  12. package/dist/{4279.js → 2392.js} +2 -2
  13. package/dist/2444.js +2 -0
  14. package/dist/2628.js +2 -0
  15. package/dist/{3388.js → 2740.js} +2 -2
  16. package/dist/2764.js +2 -0
  17. package/dist/2782.js +2 -0
  18. package/dist/2812.js +2 -0
  19. package/dist/{3845.js → 2984.js} +2 -2
  20. package/dist/{5324.js → 3200.js} +2 -2
  21. package/dist/3204.js +2 -0
  22. package/dist/{3034.js → 3384.js} +2 -2
  23. package/dist/352.js +2 -0
  24. package/dist/3564.js +2 -0
  25. package/dist/{8612.js → 3920.js} +2 -2
  26. package/dist/4064.js +2 -0
  27. package/dist/4136.js +1 -0
  28. package/dist/4544.js +2 -0
  29. package/dist/{9865.js → 4728.js} +2 -2
  30. package/dist/4915.js +2 -0
  31. package/dist/4988.js +2 -0
  32. package/dist/5376.js +2 -0
  33. package/dist/5456.js +2 -0
  34. package/dist/5615.js +1 -1
  35. package/dist/5628.js +2 -0
  36. package/dist/5744.js +2 -0
  37. package/dist/5768.js +2 -0
  38. package/dist/{9330.js → 5839.js} +2 -2
  39. package/dist/5956.js +2 -0
  40. package/dist/5972.js +2 -0
  41. package/dist/6040.js +2 -0
  42. package/dist/{3600.js → 6112.js} +2 -2
  43. package/dist/6476.js +2 -0
  44. package/dist/6488.js +2 -0
  45. package/dist/7192.js +2 -0
  46. package/dist/7312.js +2 -0
  47. package/dist/736.js +2 -0
  48. package/dist/{8734.js → 7496.js} +2 -2
  49. package/dist/7508.js +2 -0
  50. package/dist/7596.js +2 -0
  51. package/dist/7712.js +2 -0
  52. package/dist/7804.js +2 -0
  53. package/dist/{9886.js → 7808.js} +2 -2
  54. package/dist/80.js +2 -0
  55. package/dist/8188.js +2 -0
  56. package/dist/8232.js +2 -0
  57. package/dist/8248.js +2 -0
  58. package/dist/828.js +2 -0
  59. package/dist/8476.js +2 -0
  60. package/dist/8524.js +2 -0
  61. package/dist/9072.js +2 -0
  62. package/dist/9088.js +2 -0
  63. package/dist/{2079.js → 9224.js} +2 -2
  64. package/dist/9224.js.LICENSE.txt +3 -0
  65. package/dist/9404.js +2 -0
  66. package/dist/9404.js.LICENSE.txt +3 -0
  67. package/dist/9424.js +2 -0
  68. package/dist/9424.js.LICENSE.txt +3 -0
  69. package/dist/9680.js +2 -0
  70. package/dist/9680.js.LICENSE.txt +3 -0
  71. package/dist/9888.js +2 -0
  72. package/dist/9888.js.LICENSE.txt +3 -0
  73. package/dist/9984.js +1 -1
  74. package/dist/index.html +1 -1
  75. package/dist/main.css +1 -1
  76. package/dist/main.js +10336 -5859
  77. package/dist/main.js.LICENSE.txt +2 -2
  78. package/package.json +14 -15
  79. package/public/index.html +1 -1
  80. package/src/App.tsx +16 -10
  81. package/src/components/BackPage.tsx +17 -0
  82. package/src/components/FocusInput.tsx +4 -2
  83. package/src/components/FormWrap.tsx +6 -2
  84. package/src/components/SampleDescription.tsx +4 -1
  85. package/src/components/Sidebar.tsx +12 -4
  86. package/src/components/abbr/basic.tsx +2 -1
  87. package/src/components/abbr/routes.ts +0 -1
  88. package/src/components/accordion/basic.tsx +3 -2
  89. package/src/components/accordion/headlines.tsx +2 -1
  90. package/src/components/accordion/list.tsx +3 -1
  91. package/src/components/accordion/routes.ts +0 -1
  92. package/src/components/alert/basic.tsx +3 -2
  93. package/src/components/alert/card-msg.tsx +2 -1
  94. package/src/components/alert/html.tsx +4 -3
  95. package/src/components/alert/routes.ts +0 -3
  96. package/src/components/avatar/basic.tsx +3 -1
  97. package/src/components/badge/basic.tsx +2 -1
  98. package/src/components/badge/button.tsx +2 -1
  99. package/src/components/badge/routes.ts +0 -2
  100. package/src/components/breadcrumb/basic.tsx +11 -10
  101. package/src/components/breadcrumb/routes.ts +0 -1
  102. package/src/components/button/access-key.tsx +3 -1
  103. package/src/components/button/baselined.tsx +2 -1
  104. package/src/components/button/basic.tsx +3 -1
  105. package/src/components/button/hide-label.tsx +2 -1
  106. package/src/components/button/icons.tsx +2 -1
  107. package/src/components/button/partials/cases.tsx +3 -2
  108. package/src/components/button/partials/variants.tsx +2 -1
  109. package/src/components/button/routes.ts +2 -6
  110. package/src/components/button/width.tsx +2 -1
  111. package/src/components/button-group/basic.tsx +2 -1
  112. package/src/components/button-group/routes.ts +0 -1
  113. package/src/components/button-link/basic.tsx +2 -1
  114. package/src/components/button-link/icons.tsx +2 -1
  115. package/src/components/button-link/image.tsx +2 -1
  116. package/src/components/button-link/routes.ts +0 -3
  117. package/src/components/card/basic.tsx +2 -1
  118. package/src/components/card/confirm.tsx +2 -1
  119. package/src/components/card/flex.tsx +2 -1
  120. package/src/components/card/routes.ts +0 -4
  121. package/src/components/card/selection.tsx +2 -1
  122. package/src/components/details/basic.tsx +7 -1
  123. package/src/components/details/routes.ts +0 -1
  124. package/src/components/handout/basic.tsx +38 -34
  125. package/src/components/handout/routes.ts +0 -1
  126. package/src/components/heading/badged.tsx +2 -1
  127. package/src/components/heading/basic.tsx +2 -1
  128. package/src/components/heading/paragraph.tsx +2 -1
  129. package/src/components/heading/routes.ts +0 -3
  130. package/src/components/icon/basic.tsx +2 -1
  131. package/src/components/icon/routes.ts +0 -1
  132. package/src/components/image/basic.tsx +3 -2
  133. package/src/components/image/routes.ts +0 -1
  134. package/src/components/indented-text/basic.tsx +2 -1
  135. package/src/components/indented-text/routes.ts +0 -1
  136. package/src/components/input-checkbox/basic.tsx +3 -1
  137. package/src/components/input-checkbox/button.tsx +3 -1
  138. package/src/components/input-checkbox/partials/cases.tsx +1 -1
  139. package/src/components/input-checkbox/partials/variants.tsx +1 -1
  140. package/src/components/input-checkbox/routes.ts +0 -1
  141. package/src/components/input-checkbox/switch.tsx +4 -2
  142. package/src/components/input-color/basic.tsx +3 -1
  143. package/src/components/input-color/partials/cases.tsx +1 -1
  144. package/src/components/input-color/partials/variants.tsx +1 -1
  145. package/src/components/input-color/routes.ts +0 -1
  146. package/src/components/input-date/basic.tsx +3 -1
  147. package/src/components/input-date/partials/cases.tsx +1 -1
  148. package/src/components/input-date/partials/variants.tsx +1 -1
  149. package/src/components/input-date/routes.ts +0 -1
  150. package/src/components/input-email/basic.tsx +3 -1
  151. package/src/components/input-email/partials/cases.tsx +1 -1
  152. package/src/components/input-email/partials/variants.tsx +1 -1
  153. package/src/components/input-email/routes.ts +0 -1
  154. package/src/components/input-file/basic.tsx +3 -1
  155. package/src/components/input-file/partials/cases.tsx +1 -1
  156. package/src/components/input-file/partials/variants.tsx +1 -1
  157. package/src/components/input-file/routes.ts +0 -1
  158. package/src/components/input-number/basic.tsx +17 -2
  159. package/src/components/input-number/partials/cases.tsx +1 -1
  160. package/src/components/input-number/partials/variants.tsx +1 -1
  161. package/src/components/input-number/routes.ts +0 -1
  162. package/src/components/input-password/basic.tsx +3 -1
  163. package/src/components/input-password/partials/cases.tsx +1 -1
  164. package/src/components/input-password/partials/variants.tsx +1 -1
  165. package/src/components/input-password/routes.ts +0 -1
  166. package/src/components/input-password/show-password.tsx +3 -1
  167. package/src/components/input-radio/basic.tsx +3 -1
  168. package/src/components/input-radio/horizontal.tsx +4 -2
  169. package/src/components/input-radio/partials/cases.tsx +1 -1
  170. package/src/components/input-radio/partials/variants.tsx +1 -1
  171. package/src/components/input-radio/routes.ts +0 -2
  172. package/src/components/input-radio/select.tsx +3 -2
  173. package/src/components/input-range/basic.tsx +3 -1
  174. package/src/components/input-range/partials/cases.tsx +1 -1
  175. package/src/components/input-range/partials/variants.tsx +1 -1
  176. package/src/components/input-range/routes.ts +0 -1
  177. package/src/components/input-text/basic.tsx +3 -1
  178. package/src/components/input-text/blur.tsx +3 -1
  179. package/src/components/input-text/focus.tsx +2 -1
  180. package/src/components/input-text/hide-errors.tsx +25 -0
  181. package/src/components/input-text/partials/cases.tsx +1 -1
  182. package/src/components/input-text/partials/variants.tsx +1 -1
  183. package/src/components/input-text/routes.ts +2 -1
  184. package/src/components/kolibri/basic.tsx +5 -2
  185. package/src/components/kolibri/routes.ts +0 -1
  186. package/src/components/link/basic.tsx +13 -8
  187. package/src/components/link/icons.tsx +7 -2
  188. package/src/components/link/image.tsx +5 -4
  189. package/src/components/link/routes.ts +0 -4
  190. package/src/components/link/target.tsx +8 -6
  191. package/src/components/link-button/basic.tsx +3 -4
  192. package/src/components/link-button/routes.ts +0 -1
  193. package/src/components/link-group/basic.tsx +6 -4
  194. package/src/components/link-group/horizontal.tsx +6 -4
  195. package/src/components/logo/basic.tsx +4 -2
  196. package/src/components/logo/routes.ts +0 -1
  197. package/src/components/modal/basic.tsx +3 -1
  198. package/src/components/modal/routes.ts +0 -1
  199. package/src/components/nav/aria-current.tsx +4 -3
  200. package/src/components/nav/basic.tsx +22 -4
  201. package/src/components/nav/horizontal.tsx +2 -1
  202. package/src/components/nav/links.ts +17 -17
  203. package/src/components/pagination/basic.tsx +2 -1
  204. package/src/components/pagination/routes.ts +0 -1
  205. package/src/components/progress/basic.tsx +2 -1
  206. package/src/components/progress/routes.ts +0 -1
  207. package/src/components/quote/basic.tsx +3 -1
  208. package/src/components/quote/block.tsx +3 -1
  209. package/src/components/quote/routes.ts +0 -1
  210. package/src/components/select/basic.tsx +3 -1
  211. package/src/components/select/partials/cases.tsx +3 -3
  212. package/src/components/select/partials/variants.tsx +1 -1
  213. package/src/components/select/routes.ts +0 -1
  214. package/src/components/skip-nav/basic.tsx +4 -1
  215. package/src/components/skip-nav/routes.ts +0 -1
  216. package/src/components/spin/basic.tsx +2 -1
  217. package/src/components/spin/custom.tsx +4 -2
  218. package/src/components/spin/cycle.tsx +2 -1
  219. package/src/components/spin/routes.ts +0 -1
  220. package/src/components/split-button/basic.tsx +3 -1
  221. package/src/components/table/badge-size.tsx +5 -3
  222. package/src/components/table/column-alignment.tsx +4 -2
  223. package/src/components/table/horizontal-scrollbar.tsx +4 -2
  224. package/src/components/table/pagination-position.tsx +8 -4
  225. package/src/components/table/render-cell.tsx +4 -3
  226. package/src/components/table/routes.ts +2 -3
  227. package/src/components/table/sort-data.tsx +6 -3
  228. package/src/components/table/with-pagination.tsx +6 -3
  229. package/src/components/tabs/basic.tsx +3 -1
  230. package/src/components/tabs/icons-only.tsx +3 -1
  231. package/src/components/tabs/routes.ts +0 -1
  232. package/src/components/textarea/adjust-height.tsx +2 -1
  233. package/src/components/textarea/basic.tsx +3 -1
  234. package/src/components/textarea/counter.tsx +3 -1
  235. package/src/components/textarea/disabled.tsx +2 -1
  236. package/src/components/textarea/partials/cases.tsx +2 -1
  237. package/src/components/textarea/partials/variants.tsx +1 -1
  238. package/src/components/textarea/placeholder.tsx +2 -1
  239. package/src/components/textarea/readonly.tsx +2 -1
  240. package/src/components/textarea/resize.tsx +2 -1
  241. package/src/components/textarea/routes.ts +2 -9
  242. package/src/components/textarea/rows.tsx +3 -2
  243. package/src/components/toast/basic.tsx +4 -1
  244. package/src/components/tree/basic.tsx +72 -0
  245. package/src/components/tree/routes.ts +9 -0
  246. package/src/components/types.tsx +14 -13
  247. package/src/components/version/basic.tsx +2 -1
  248. package/src/components/version/context.tsx +2 -1
  249. package/src/components/version/routes.ts +0 -2
  250. package/src/hooks/useSetCurrentLocation.ts +2 -1
  251. package/src/main.ts +0 -2
  252. package/src/react.main.tsx +3 -2
  253. package/src/scenarios/appointment-form/AppointmentForm.tsx +21 -12
  254. package/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx +13 -13
  255. package/src/scenarios/appointment-form/DistrictForm.tsx +13 -13
  256. package/src/scenarios/appointment-form/PersonalInformationForm.tsx +25 -7
  257. package/src/scenarios/appointment-form/Summary.tsx +4 -2
  258. package/src/scenarios/appointment-form/formUtils.ts +8 -0
  259. package/src/scenarios/complex-form/kopfdaten/component.tsx +2 -1
  260. package/src/scenarios/complex-form/location/component.tsx +3 -2
  261. package/src/scenarios/complex-form/schedule/component.tsx +1 -0
  262. package/src/scenarios/custom-tooltip-width.tsx +3 -1
  263. package/src/scenarios/inputs-get-value.tsx +6 -3
  264. package/src/scenarios/routes.ts +4 -2
  265. package/src/scenarios/static-form.tsx +78 -0
  266. package/src/shares/randomEmoji.ts +4 -0
  267. package/src/shares/routes.ts +2 -0
  268. package/src/shares/store.ts +3 -3
  269. package/dist/1090.js +0 -2
  270. package/dist/1181.js +0 -2
  271. package/dist/1218.js +0 -2
  272. package/dist/1338.js +0 -2
  273. package/dist/1517.js +0 -2
  274. package/dist/1596.js +0 -2
  275. package/dist/2163.js +0 -2
  276. package/dist/2415.js +0 -2
  277. package/dist/2594.js +0 -2
  278. package/dist/2611.js +0 -2
  279. package/dist/2643.js +0 -2
  280. package/dist/3099.js +0 -2
  281. package/dist/3145.js +0 -2
  282. package/dist/3345.js +0 -2
  283. package/dist/3466.js +0 -2
  284. package/dist/3580.js +0 -2
  285. package/dist/3619.js +0 -2
  286. package/dist/3776.js +0 -2
  287. package/dist/4150.js +0 -2
  288. package/dist/42.js +0 -2
  289. package/dist/4463.js +0 -2
  290. package/dist/4686.js +0 -2
  291. package/dist/4756.js +0 -2
  292. package/dist/5027.js +0 -2
  293. package/dist/521.js +0 -2
  294. package/dist/5373.js +0 -2
  295. package/dist/5518.js +0 -2
  296. package/dist/5853.js +0 -2
  297. package/dist/6010.js +0 -2
  298. package/dist/6308.js +0 -2
  299. package/dist/7170.js +0 -2
  300. package/dist/755.js +0 -2
  301. package/dist/7654.js +0 -2
  302. package/dist/8037.js +0 -1
  303. package/dist/817.js +0 -2
  304. package/dist/881.js +0 -2
  305. package/dist/892.js +0 -2
  306. package/dist/8948.js +0 -2
  307. package/dist/8951.js +0 -2
  308. package/dist/9227.js +0 -2
  309. package/dist/9317.js +0 -2
  310. package/dist/9670.js +0 -2
  311. package/dist/9700.js +0 -2
  312. package/dist/9727.js +0 -2
  313. package/dist/9797.js +0 -2
  314. package/dist/9912.js +0 -2
  315. package/src/scenarios/appointment-form/ErrorList.tsx +0 -35
  316. /package/dist/{1090.js.LICENSE.txt → 104.js.LICENSE.txt} +0 -0
  317. /package/dist/{1181.js.LICENSE.txt → 1296.js.LICENSE.txt} +0 -0
  318. /package/dist/{1218.js.LICENSE.txt → 1461.js.LICENSE.txt} +0 -0
  319. /package/dist/{1338.js.LICENSE.txt → 1684.js.LICENSE.txt} +0 -0
  320. /package/dist/{1517.js.LICENSE.txt → 1685.js.LICENSE.txt} +0 -0
  321. /package/dist/{1596.js.LICENSE.txt → 1888.js.LICENSE.txt} +0 -0
  322. /package/dist/{2079.js.LICENSE.txt → 1892.js.LICENSE.txt} +0 -0
  323. /package/dist/{2163.js.LICENSE.txt → 2120.js.LICENSE.txt} +0 -0
  324. /package/dist/{2415.js.LICENSE.txt → 2240.js.LICENSE.txt} +0 -0
  325. /package/dist/{2594.js.LICENSE.txt → 2364.js.LICENSE.txt} +0 -0
  326. /package/dist/{2611.js.LICENSE.txt → 2392.js.LICENSE.txt} +0 -0
  327. /package/dist/{2643.js.LICENSE.txt → 2444.js.LICENSE.txt} +0 -0
  328. /package/dist/{3034.js.LICENSE.txt → 2628.js.LICENSE.txt} +0 -0
  329. /package/dist/{3099.js.LICENSE.txt → 2740.js.LICENSE.txt} +0 -0
  330. /package/dist/{3145.js.LICENSE.txt → 2764.js.LICENSE.txt} +0 -0
  331. /package/dist/{3345.js.LICENSE.txt → 2782.js.LICENSE.txt} +0 -0
  332. /package/dist/{3388.js.LICENSE.txt → 2812.js.LICENSE.txt} +0 -0
  333. /package/dist/{3466.js.LICENSE.txt → 2984.js.LICENSE.txt} +0 -0
  334. /package/dist/{3580.js.LICENSE.txt → 3200.js.LICENSE.txt} +0 -0
  335. /package/dist/{3600.js.LICENSE.txt → 3204.js.LICENSE.txt} +0 -0
  336. /package/dist/{3619.js.LICENSE.txt → 3384.js.LICENSE.txt} +0 -0
  337. /package/dist/{3776.js.LICENSE.txt → 352.js.LICENSE.txt} +0 -0
  338. /package/dist/{3845.js.LICENSE.txt → 3564.js.LICENSE.txt} +0 -0
  339. /package/dist/{4150.js.LICENSE.txt → 3920.js.LICENSE.txt} +0 -0
  340. /package/dist/{42.js.LICENSE.txt → 4064.js.LICENSE.txt} +0 -0
  341. /package/dist/{4279.js.LICENSE.txt → 4544.js.LICENSE.txt} +0 -0
  342. /package/dist/{4463.js.LICENSE.txt → 4728.js.LICENSE.txt} +0 -0
  343. /package/dist/{4669.js.LICENSE.txt → 4915.js.LICENSE.txt} +0 -0
  344. /package/dist/{4686.js.LICENSE.txt → 4988.js.LICENSE.txt} +0 -0
  345. /package/dist/{4756.js.LICENSE.txt → 5376.js.LICENSE.txt} +0 -0
  346. /package/dist/{5027.js.LICENSE.txt → 5456.js.LICENSE.txt} +0 -0
  347. /package/dist/{521.js.LICENSE.txt → 5628.js.LICENSE.txt} +0 -0
  348. /package/dist/{5324.js.LICENSE.txt → 5744.js.LICENSE.txt} +0 -0
  349. /package/dist/{5373.js.LICENSE.txt → 5768.js.LICENSE.txt} +0 -0
  350. /package/dist/{5518.js.LICENSE.txt → 5839.js.LICENSE.txt} +0 -0
  351. /package/dist/{5853.js.LICENSE.txt → 5956.js.LICENSE.txt} +0 -0
  352. /package/dist/{6010.js.LICENSE.txt → 5972.js.LICENSE.txt} +0 -0
  353. /package/dist/{6308.js.LICENSE.txt → 6040.js.LICENSE.txt} +0 -0
  354. /package/dist/{7170.js.LICENSE.txt → 6112.js.LICENSE.txt} +0 -0
  355. /package/dist/{755.js.LICENSE.txt → 6476.js.LICENSE.txt} +0 -0
  356. /package/dist/{7654.js.LICENSE.txt → 6488.js.LICENSE.txt} +0 -0
  357. /package/dist/{817.js.LICENSE.txt → 7192.js.LICENSE.txt} +0 -0
  358. /package/dist/{8612.js.LICENSE.txt → 7312.js.LICENSE.txt} +0 -0
  359. /package/dist/{8734.js.LICENSE.txt → 736.js.LICENSE.txt} +0 -0
  360. /package/dist/{881.js.LICENSE.txt → 7496.js.LICENSE.txt} +0 -0
  361. /package/dist/{8869.js.LICENSE.txt → 7508.js.LICENSE.txt} +0 -0
  362. /package/dist/{892.js.LICENSE.txt → 7596.js.LICENSE.txt} +0 -0
  363. /package/dist/{8948.js.LICENSE.txt → 7712.js.LICENSE.txt} +0 -0
  364. /package/dist/{8951.js.LICENSE.txt → 7804.js.LICENSE.txt} +0 -0
  365. /package/dist/{9227.js.LICENSE.txt → 7808.js.LICENSE.txt} +0 -0
  366. /package/dist/{9317.js.LICENSE.txt → 80.js.LICENSE.txt} +0 -0
  367. /package/dist/{9330.js.LICENSE.txt → 8188.js.LICENSE.txt} +0 -0
  368. /package/dist/{9670.js.LICENSE.txt → 8232.js.LICENSE.txt} +0 -0
  369. /package/dist/{9700.js.LICENSE.txt → 8248.js.LICENSE.txt} +0 -0
  370. /package/dist/{9727.js.LICENSE.txt → 828.js.LICENSE.txt} +0 -0
  371. /package/dist/{9797.js.LICENSE.txt → 8476.js.LICENSE.txt} +0 -0
  372. /package/dist/{9865.js.LICENSE.txt → 8524.js.LICENSE.txt} +0 -0
  373. /package/dist/{9886.js.LICENSE.txt → 9072.js.LICENSE.txt} +0 -0
  374. /package/dist/{9912.js.LICENSE.txt → 9088.js.LICENSE.txt} +0 -0
package/dist/main.js.LICENSE.txt CHANGED
@@ -33,7 +33,7 @@
33
33
  */
34
34
 
35
35
  /**
36
- * @remix-run/router v1.14.2
36
+ * @remix-run/router v1.15.0
37
37
  *
38
38
  * Copyright (c) Remix Software Inc.
39
39
  *
@@ -44,7 +44,7 @@
44
44
  */
45
45
 
46
46
  /**
47
- * React Router v6.21.3
47
+ * React Router v6.22.0
48
48
  *
49
49
  * Copyright (c) Remix Software Inc.
50
50
  *
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@public-ui/sample-react",
3
- "version": "2.0.4",
3
+ "version": "2.0.6",
4
4
  "description": "This app contains samples for the KoliBri/Public UI",
5
5
  "license": "EUPL-1.2",
6
6
  "dependencies": {
7
7
  "@leanup/stack": "1.3.49",
8
8
  "@leanup/stack-react": "1.3.49",
9
9
  "@leanup/stack-webpack": "1.3.49",
10
- "@public-ui/components": "2.0.4",
11
- "@public-ui/react": "2.0.4",
12
- "@public-ui/themes": "2.0.4",
13
- "@types/node": "20.11.6",
14
- "@types/react": "18.2.48",
15
- "@types/react-dom": "18.2.18",
16
- "@unocss/preset-uno": "0.58.3",
17
- "@unocss/webpack": "0.58.3",
10
+ "@public-ui/components": "2.0.6",
11
+ "@public-ui/react": "2.0.6",
12
+ "@public-ui/themes": "2.0.6",
13
+ "@types/node": "20.11.17",
14
+ "@types/react": "18.2.55",
15
+ "@types/react-dom": "18.2.19",
16
+ "@unocss/preset-uno": "0.58.5",
17
+ "@unocss/webpack": "0.58.5",
18
18
  "ajv": "8.12.0",
19
- "chromedriver": "120.0.2",
19
+ "chromedriver": "121.0.0",
20
20
  "cpy-cli": "5.0.0",
21
21
  "eslint-plugin-jsx-a11y": "6.8.0",
22
22
  "eslint-plugin-react": "7.33.2",
@@ -25,12 +25,12 @@
25
25
  "npm-run-all": "4.1.5",
26
26
  "react": "18.2.0",
27
27
  "react-dom": "18.2.0",
28
- "react-router": "6.21.3",
29
- "react-router-dom": "6.21.3",
28
+ "react-router": "6.22.0",
29
+ "react-router-dom": "6.22.0",
30
30
  "rimraf": "3.0.2",
31
31
  "ts-prune": "0.10.3",
32
32
  "typescript": "5.3.3",
33
- "world_countries_lists": "2.8.2",
33
+ "world_countries_lists": "2.9.0",
34
34
  "yup": "1.3.3"
35
35
  },
36
36
  "files": [
@@ -48,9 +48,8 @@
48
48
  "webpack.config.js"
49
49
  ],
50
50
  "scripts": {
51
- "clean": "git clean -f -d -X",
52
- "clean:locks": "rimraf package-lock.json pnpm-lock.yaml && npm run clean",
53
51
  "build": "rimraf dist && cross-env NODE_ENV=production webpack",
52
+ "build:deps": "pnpm --filter @public-ui/sample-react^... build",
54
53
  "format": "prettier --check src",
55
54
  "lint": "eslint \"{src,tests}/**/*.{html,js,json,jsx,ts,tsx,gql,graphql}\"",
56
55
  "serve": "cross-env NODE_ENV=development webpack serve --devtool=source-map",
package/public/index.html CHANGED
@@ -18,7 +18,7 @@
18
18
  <link rel="stylesheet" href="assets/tabler-icons/tabler-icons.css" />
19
19
  <link rel="stylesheet" href="main.css" />
20
20
  <meta name="robots" content="noindex" />
21
- <meta name="kolibri" content="dev-mode=false" />
21
+ <meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />
22
22
  </head>
23
23
  <body>
24
24
  <div id="app"></div>
package/src/App.tsx CHANGED
@@ -1,18 +1,23 @@
1
- import React, { FC } from 'react';
1
+ import type { FC } from 'react';
2
+ import React from 'react';
3
+ import { useLocation } from 'react-router';
2
4
  import { Navigate, Route, Routes, useSearchParams } from 'react-router-dom';
3
- import { Route as MyRoute, Routes as MyRoutes } from './shares/types';
4
5
 
5
- import { Option } from '@public-ui/components';
6
- import { KolAlert, KolBadge } from '@public-ui/react';
7
- import { ROUTES } from './shares/routes';
8
- import { isDraftTheme, Theme, THEME_OPTIONS } from './shares/theme';
9
6
  import PackageJson from '@public-ui/components/package.json';
10
- import { getTheme, getThemeName, setStorage, setTheme } from './shares/store';
7
+ import { KolAlert, KolBadge } from '@public-ui/react';
8
+
11
9
  import { Sidebar } from './components/Sidebar';
12
- import { useLocation } from 'react-router';
13
- import { HideMenusContext } from './shares/HideMenusContext';
14
10
  import { useSetCurrentLocation } from './hooks/useSetCurrentLocation';
11
+ import { HideMenusContext } from './shares/HideMenusContext';
12
+ import { ROUTES } from './shares/routes';
13
+ import { getTheme, getThemeName, setStorage, setTheme } from './shares/store';
14
+ import { isDraftTheme, THEME_OPTIONS } from './shares/theme';
15
+ import { BackPage } from './components/BackPage';
16
+
17
+ import type { Route as MyRoute, Routes as MyRoutes } from './shares/types';
15
18
 
19
+ import type { Option } from '@public-ui/components';
20
+ import type { Theme } from './shares/theme';
16
21
  setStorage(localStorage);
17
22
 
18
23
  const getRouteList = (routes: MyRoutes, offset = '/'): string[] => {
@@ -133,10 +138,11 @@ export const App: FC = () => {
133
138
  )}
134
139
 
135
140
  <div className="p-4" id="route-container">
136
- {!hideMenus && isDraftTheme(theme) && <KolBadge className="mb-3" _label="DRAFT" _color="#db5461" />}
141
+ {!hideMenus && isDraftTheme(theme) && <KolBadge className="block mb-3" _label="DRAFT" _color="#db5461" />}
137
142
  <Routes>
138
143
  {ROUTE_TREE}
139
144
  <Route path="*" element={<KolAlert _type="info">This code example has not been migrated yet - it&#39;s coming soon!</KolAlert>} />
145
+ <Route path="back-page" element={<BackPage />} />
140
146
  </Routes>
141
147
  </div>
142
148
  </div>
package/src/components/BackPage.tsx ADDED
@@ -0,0 +1,17 @@
1
+ import { KolAlert, KolButton } from '@public-ui/react';
2
+ import React from 'react';
3
+
4
+ import type { FC } from 'react';
5
+
6
+ export const BackPage: FC = () => {
7
+ const goBack = {
8
+ onClick: () => history.back(),
9
+ };
10
+
11
+ return (
12
+ <KolAlert _label="This is an example page" _level={0} _type="info">
13
+ <p>You followed an example link.</p>
14
+ {history.length > 1 && <KolButton _label="Go Back" _on={goBack} />}
15
+ </KolAlert>
16
+ );
17
+ };
package/src/components/FocusInput.tsx CHANGED
@@ -1,5 +1,7 @@
1
- import React, { FC, useRef } from 'react';
2
- import { RefComponent } from './types';
1
+ import type { FC } from 'react';
2
+ import React, { useRef } from 'react';
3
+
4
+ import type { RefComponent } from './types';
3
5
 
4
6
  type FokusElementProps = {
5
7
  RefComponent: RefComponent;
package/src/components/FormWrap.tsx CHANGED
@@ -1,7 +1,11 @@
1
+ import React from 'react';
2
+
1
3
  import { KolButton, KolForm } from '@public-ui/react';
2
- import React, { FC } from 'react';
4
+
3
5
  import { FocusElement } from './FocusInput';
4
- import { RefFormComponent } from './types';
6
+
7
+ import type { FC } from 'react';
8
+ import type { RefFormComponent } from './types';
5
9
 
6
10
  type FormWrapProps = {
7
11
  RefComponent: RefFormComponent;
package/src/components/SampleDescription.tsx CHANGED
@@ -1,5 +1,8 @@
1
- import React, { FC, PropsWithChildren, useContext } from 'react';
1
+ import type { FC, PropsWithChildren } from 'react';
2
+ import React, { useContext } from 'react';
3
+
2
4
  import { KolIndentedText, KolLink } from '@public-ui/react';
5
+
3
6
  import { HideMenusContext } from '../shares/HideMenusContext';
4
7
 
5
8
  export const SampleDescription: FC<PropsWithChildren> = (props) => {
package/src/components/Sidebar.tsx CHANGED
@@ -1,9 +1,12 @@
1
- import React, { FC, PropsWithChildren, useState } from 'react';
1
+ import type { FC, PropsWithChildren } from 'react';
2
+ import React, { useState } from 'react';
3
+
2
4
  import { KolAccordion, KolButton, KolHeading, KolLink, KolSelect, KolVersion } from '@public-ui/react';
3
- import { THEME_OPTIONS } from '../shares/theme';
4
- import { Routes } from '../shares/types';
5
+
5
6
  import { useMobile } from '../hooks/useMobile';
7
+ import { THEME_OPTIONS } from '../shares/theme';
6
8
 
9
+ import type { Routes } from '../shares/types';
7
10
  type Props = {
8
11
  version: string;
9
12
  theme: string;
@@ -81,7 +84,12 @@ export const Sidebar: FC<Props> = ({ version, theme, routes, routeList, sample,
81
84
  <ul className="list-inside ml p0">
82
85
  {Object.keys(children).map((childName) => (
83
86
  <li key={`${parentName}/${childName}`}>
84
- <KolLink _label={childName} _href={`#/${parentName}/${childName}`} _on={{ onClick: handleLinkClick }} />
87
+ {/* Handle special case for nested routes in tree example - this might need a proper refactoring in the future */}
88
+ {parentName === 'tree' && childName === 'basic/:subPage' ? (
89
+ <KolLink _label="basic" _href={`#/${parentName}/basic/home`} _on={{ onClick: handleLinkClick }} />
90
+ ) : (
91
+ <KolLink _label={childName} _href={`#/${parentName}/${childName}`} _on={{ onClick: handleLinkClick }} />
92
+ )}
85
93
  </li>
86
94
  ))}
87
95
  </ul>
package/src/components/abbr/basic.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
- import { FC } from 'react';
2
+
3
3
  import { KolAbbr } from '@public-ui/react';
4
4
 
5
+ import type { FC } from 'react';
5
6
  export const AbbrBasic: FC = () => (
6
7
  <>
7
8
  <p>
package/src/components/abbr/routes.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { AbbrBasic } from './basic';
4
3
 
5
4
  export const ABBR_ROUTES: Routes = {
package/src/components/accordion/basic.tsx CHANGED
@@ -1,14 +1,15 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolAccordion } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const AccordionBasic: FC = () => (
7
8
  <div className="grid gap-4">
8
9
  <KolAccordion _label="Überschrift Accordion Tab 1" _level={1}>
9
10
  <div slot="">Inhalt Accordion Tab 1</div>
10
11
  </KolAccordion>
11
- <KolAccordion _label="Überschrift Accordion Tab 2" _level={1} _open>
12
+ <KolAccordion _disabled _label="Überschrift Accordion Tab 2 (deaktiviert)" _level={1} _open>
12
13
  <div slot="">Inhalt Accordion Tab 2</div>
13
14
  </KolAccordion>
14
15
  <KolAccordion _label="Überschrift Accordion Tab 3" _level={1}>
package/src/components/accordion/headlines.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolAccordion } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const AccordionHeadlines: FC = () => (
7
8
  <div className="grid gap-4">
package/src/components/accordion/list.tsx CHANGED
@@ -1,4 +1,6 @@
1
- import React, { FC } from 'react';
1
+ import type { FC } from 'react';
2
+ import React from 'react';
3
+
2
4
  import { KolAccordion } from '@public-ui/react';
3
5
 
4
6
  const LIST = [
package/src/components/accordion/routes.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { AccordionBasic } from './basic';
4
3
  import { AccordionHeadlines } from './headlines';
5
4
  import { AccordionList } from './list';
package/src/components/alert/basic.tsx CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolAlert } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
- import { AlertType, AlertVariant, HeadingLevel } from '@public-ui/components';
5
+ import type { FC } from 'react';
6
+ import type { AlertType, AlertVariant, HeadingLevel } from '@public-ui/components';
6
7
 
7
8
  type PropsByType = {
8
9
  level: HeadingLevel;
package/src/components/alert/card-msg.tsx CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
- import { FC } from 'react';
3
2
 
4
3
  import { AlertBasic } from './basic';
5
4
 
5
+ import type { FC } from 'react';
6
+
6
7
  export const AlertCardMsg: FC = () => (
7
8
  <div className="grid">
8
9
  <AlertBasic variant="card" />
package/src/components/alert/html.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolAlert } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const AlertHtml: FC = () => (
7
8
  <div>
@@ -9,14 +10,14 @@ export const AlertHtml: FC = () => (
9
10
  <h2 className="mt-2 mb-3">Hier wird eine H2-Überschrift ausgegeben</h2>
10
11
  <div className="grid gap-4 sm:grid-cols-2">
11
12
  <div>
12
- <h4>Text in einer linken Spalte</h4>
13
+ <h3>Text in einer linken Spalte</h3>
13
14
  <p>
14
15
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta
15
16
  accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?
16
17
  </p>
17
18
  </div>
18
19
  <div>
19
- <h4>Text in einer rechten Spalte</h4>
20
+ <h3>Text in einer rechten Spalte</h3>
20
21
  <p>
21
22
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus,
22
23
  molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!
package/src/components/alert/routes.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { AlertBasic } from './basic';
4
-
5
3
  import { AlertCardMsg } from './card-msg';
6
-
7
4
  import { AlertHtml } from './html';
8
5
 
9
6
  export const ALERT_ROUTES: Routes = {
package/src/components/avatar/basic.tsx CHANGED
@@ -1,6 +1,8 @@
1
+ import React from 'react';
2
+
1
3
  import { KolAvatar } from '@public-ui/react';
2
- import React, { FC } from 'react';
3
4
 
5
+ import type { FC } from 'react';
4
6
  export const AvatarBasic: FC = () => (
5
7
  <div className="flex flex-wrap gap-4">
6
8
  <KolAvatar _src="https://www.w3schools.com/howto/img_avatar.png" _label="Elke Mustermann" />
package/src/components/badge/basic.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolBadge } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const BadgeBasic: FC = () => (
7
8
  <div className="flex gap-2">
package/src/components/badge/button.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolBadge, KolHeading } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  const createBadgeProps = (label: string) => ({
7
8
  _smartButton: {
package/src/components/badge/routes.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { BadgeBasic } from './basic';
4
-
5
3
  import { BadgeButton } from './button';
6
4
 
7
5
  export const BADGE_ROUTES: Routes = {
package/src/components/breadcrumb/basic.tsx CHANGED
@@ -1,18 +1,19 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolBreadcrumb } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const BreadcrumbBasic: FC = () => (
7
8
  <div className="grid gap-4">
8
9
  <KolBreadcrumb
9
10
  _label="Breadcrumb aus Text-Links"
10
11
  _links={[
11
- { _label: 'Startseite', _href: '#/' },
12
- { _label: 'Unterseite der Startseite', _href: '#/unterseite' },
12
+ { _label: 'Startseite', _href: '#/back-page' },
13
+ { _label: 'Unterseite der Startseite', _href: '#/back-page' },
13
14
  {
14
15
  _label: 'Unterseite der Unterseite',
15
- _href: '#/unterseite/unterseite',
16
+ _href: '#/back-page',
16
17
  },
17
18
  ]}
18
19
  ></KolBreadcrumb>
@@ -23,29 +24,29 @@ export const BreadcrumbBasic: FC = () => (
23
24
  _label: 'Startseite',
24
25
  _icons: 'codicon codicon-home',
25
26
  _hideLabel: true,
26
- _href: '#/',
27
+ _href: '#/back-page',
27
28
  },
28
29
  {
29
30
  _label: 'Unterseite der Startseite mit sehr langem Link-Test',
30
- _href: '#/unterseite',
31
+ _href: '#/back-page',
31
32
  },
32
33
  {
33
34
  _label: 'Unterseite der Unterseite',
34
- _href: '#/unterseite/unterseite',
35
+ _href: '#/back-page',
35
36
  },
36
37
  ]}
37
38
  ></KolBreadcrumb>
38
39
  <KolBreadcrumb
39
40
  _label="Breadcrumb aus Icons- und Text-Links"
40
41
  _links={[
41
- { _label: 'Startseite', _icons: 'codicon codicon-home', _href: '#/' },
42
+ { _label: 'Startseite', _icons: 'codicon codicon-home', _href: '#/back-page' },
42
43
  {
43
44
  _label: 'Unterseite der Startseite und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen',
44
- _href: '#/unterseite',
45
+ _href: '#/back-page',
45
46
  },
46
47
  {
47
48
  _label: 'Unterseite der Unterseite',
48
- _href: '#/unterseite/unterseite',
49
+ _href: '#/back-page',
49
50
  },
50
51
  ]}
51
52
  ></KolBreadcrumb>
package/src/components/breadcrumb/routes.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { BreadcrumbBasic } from './basic';
4
3
 
5
4
  export const BREADCRUMB_ROUTES: Routes = {
package/src/components/button/access-key.tsx CHANGED
@@ -1,6 +1,8 @@
1
+ import React from 'react';
2
+
1
3
  import { KolButton } from '@public-ui/react';
2
- import React, { FC } from 'react';
3
4
 
5
+ import type { FC } from 'react';
4
6
  export const ButtonAccessKey: FC = () => (
5
7
  <div className="flex flex-wrap gap-4">
6
8
  <KolButton _label="Mit S access key" _accessKey="S"></KolButton>
package/src/components/button/baselined.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButton } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonBaselined: FC = () => (
7
8
  <div className="inline-block">
package/src/components/button/basic.tsx CHANGED
@@ -1,4 +1,6 @@
1
- import React, { FC } from 'react';
1
+ import type { FC } from 'react';
2
+ import React from 'react';
3
+
2
4
  import { FocusElement } from '../FocusInput';
3
5
  import { ButtonVariants } from './partials/variants';
4
6
 
package/src/components/button/hide-label.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButton } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  const ARGS = {
7
8
  _icons: 'codicon codicon-home',
package/src/components/button/icons.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButton } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonIcons: FC = () => (
7
8
  <KolButton
package/src/components/button/partials/cases.tsx CHANGED
@@ -1,7 +1,8 @@
1
- import { Components } from '@public-ui/components';
2
- import { KolButton } from '@public-ui/react';
1
+ import type { Components } from '@public-ui/components';
3
2
  import React, { forwardRef } from 'react';
4
3
 
4
+ import { KolButton } from '@public-ui/react';
5
+
5
6
  export const ButtonCases = forwardRef<HTMLKolButtonElement, Components.KolButton>(function InputCheckboxCases(props, ref) {
6
7
  return (
7
8
  <div className="flex flex-wrap gap-4">
package/src/components/button/partials/variants.tsx CHANGED
@@ -1,5 +1,6 @@
1
- import { Components } from '@public-ui/components';
1
+ import type { Components } from '@public-ui/components';
2
2
  import React, { forwardRef } from 'react';
3
+
3
4
  import { ButtonCases } from './cases';
4
5
 
5
6
  export const ButtonVariants = forwardRef<HTMLKolButtonElement, Components.KolButton>(function InputCheckboxVariant(props, ref) {
package/src/components/button/routes.ts CHANGED
@@ -1,14 +1,10 @@
1
1
  import { Routes } from '../../shares/types';
2
-
2
+ import { ButtonAccessKey } from './access-key';
3
+ import { ButtonBaselined } from './baselined';
3
4
  import { ButtonBasic } from './basic';
4
-
5
5
  import { ButtonIconOnly } from './hide-label';
6
-
7
6
  import { ButtonIcons } from './icons';
8
-
9
7
  import { ButtonWidth } from './width';
10
- import { ButtonAccessKey } from './access-key';
11
- import { ButtonBaselined } from './baselined';
12
8
 
13
9
  export const BUTTON_ROUTES: Routes = {
14
10
  button: {
package/src/components/button/width.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButton } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  const ARGS = {
7
8
  className: 'w-8rem',
package/src/components/button-group/basic.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButton, KolButtonGroup } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonGroupBasic: FC = () => (
7
8
  <KolButtonGroup>
package/src/components/button-group/routes.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { ButtonGroupBasic } from './basic';
4
3
 
5
4
  export const BUTTON_GROUP_ROUTES: Routes = {
package/src/components/button-link/basic.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButtonLink } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonLinkBasic: FC = () => (
7
8
  <div className="grid gap-4">
package/src/components/button-link/icons.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButtonLink } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonLinkIcons: FC = () => (
7
8
  <div className="grid gap-4">
package/src/components/button-link/image.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolButtonLink } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const ButtonLinkImage: FC = () => (
7
8
  <div className="grid gap-4">
package/src/components/button-link/routes.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import { Routes } from '../../shares/types';
2
-
3
2
  import { ButtonLinkBasic } from './basic';
4
-
5
3
  import { ButtonLinkIcons } from './icons';
6
-
7
4
  import { ButtonLinkImage } from './image';
8
5
 
9
6
  export const BUTTON_LINK_ROUTES: Routes = {
package/src/components/card/basic.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+
2
3
  import { KolCard } from '@public-ui/react';
3
4
 
4
- import { FC } from 'react';
5
+ import type { FC } from 'react';
5
6
 
6
7
  export const CardBasic: FC = () => (
7
8
  <KolCard _label="Titel">