@public-ui/components 1.4.0-rc.1 → 1.4.0-rc.11

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 (769) hide show
  1. package/cheat-sheet.html +38 -25
  2. package/custom-elements.json +2952 -125
  3. package/dist/cjs/a11y.tipps-ab1afcfd.js +4 -0
  4. package/dist/cjs/a11y.tipps-ab1afcfd.js.map +1 -0
  5. package/dist/cjs/app-globals-725a044c.js +4 -0
  6. package/dist/cjs/app-globals-725a044c.js.map +1 -0
  7. package/dist/cjs/button-link-17aa6a40.js +4 -0
  8. package/dist/cjs/button-link-17aa6a40.js.map +1 -0
  9. package/dist/cjs/{controller-9758ea26.js → controller-0753ec3a.js} +1 -1
  10. package/dist/cjs/{controller-9758ea26.js.map → controller-0753ec3a.js.map} +1 -1
  11. package/dist/cjs/{controller-8c043f6a.js → controller-75784c0e.js} +1 -1
  12. package/dist/cjs/{controller-8c043f6a.js.map → controller-75784c0e.js.map} +1 -1
  13. package/dist/cjs/controller-8c609713.js +4 -0
  14. package/dist/cjs/{controller-e0715879.js.map → controller-8c609713.js.map} +1 -1
  15. package/dist/cjs/{controller-3ff1c0cb.js → controller-cb433205.js} +1 -1
  16. package/dist/cjs/{controller-3ff1c0cb.js.map → controller-cb433205.js.map} +1 -1
  17. package/dist/cjs/{controller-ae4978e8.js → controller-dd3f28d0.js} +1 -1
  18. package/dist/cjs/{controller-ae4978e8.js.map → controller-dd3f28d0.js.map} +1 -1
  19. package/dist/cjs/controller-ec443a90.js +4 -0
  20. package/dist/cjs/{controller-11d59cf4.js.map → controller-ec443a90.js.map} +1 -1
  21. package/dist/cjs/{controller-icon-ae20df4e.js → controller-icon-ac752d0d.js} +1 -1
  22. package/dist/cjs/{controller-icon-ae20df4e.js.map → controller-icon-ac752d0d.js.map} +1 -1
  23. package/dist/cjs/devtools-29b8b4ff.js +4 -0
  24. package/dist/cjs/devtools-29b8b4ff.js.map +1 -0
  25. package/dist/cjs/i18n-d56b3736.js +4 -0
  26. package/dist/cjs/i18n-d56b3736.js.map +1 -0
  27. package/dist/cjs/{icon-a373f57a.js → icon-2a4562a6.js} +1 -1
  28. package/dist/cjs/icon-2a4562a6.js.map +1 -0
  29. package/dist/cjs/{index-c4f8dd50.js → index-1266b30d.js} +1 -1
  30. package/dist/cjs/index-1266b30d.js.map +1 -0
  31. package/dist/cjs/index-29c5d3c6.js.map +1 -0
  32. package/dist/cjs/index-cc5674d0.js +4 -0
  33. package/dist/cjs/index-cc5674d0.js.map +1 -0
  34. package/dist/cjs/index.cjs.js +1 -1
  35. package/dist/cjs/index.cjs.js.map +1 -1
  36. package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
  37. package/dist/cjs/kol-abbr.cjs.entry.js.map +1 -1
  38. package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
  39. package/dist/cjs/kol-accordion.cjs.entry.js.map +1 -1
  40. package/dist/cjs/kol-alert.cjs.entry.js +1 -1
  41. package/dist/cjs/kol-alert.cjs.entry.js.map +1 -1
  42. package/dist/cjs/kol-badge.cjs.entry.js +1 -1
  43. package/dist/cjs/kol-badge.cjs.entry.js.map +1 -1
  44. package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
  45. package/dist/cjs/kol-breadcrumb.cjs.entry.js.map +1 -1
  46. package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
  47. package/dist/cjs/kol-button-group-wc.cjs.entry.js.map +1 -1
  48. package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
  49. package/dist/cjs/kol-button-group.cjs.entry.js.map +1 -1
  50. package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
  51. package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
  52. package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
  53. package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -1
  54. package/dist/cjs/kol-button.cjs.entry.js +1 -1
  55. package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
  56. package/dist/cjs/kol-card.cjs.entry.js +1 -1
  57. package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
  58. package/dist/cjs/kol-details.cjs.entry.js +1 -1
  59. package/dist/cjs/kol-details.cjs.entry.js.map +1 -1
  60. package/dist/cjs/kol-form.cjs.entry.js +1 -1
  61. package/dist/cjs/kol-form.cjs.entry.js.map +1 -1
  62. package/dist/cjs/kol-heading-wc_2.cjs.entry.js +1 -1
  63. package/dist/cjs/kol-heading-wc_2.cjs.entry.js.map +1 -1
  64. package/dist/cjs/kol-heading.cjs.entry.js +1 -1
  65. package/dist/cjs/kol-heading.cjs.entry.js.map +1 -1
  66. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
  67. package/dist/cjs/kol-icon-font-awesome.cjs.entry.js.map +1 -1
  68. package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
  69. package/dist/cjs/kol-icon-icofont.cjs.entry.js.map +1 -1
  70. package/dist/cjs/kol-icon.cjs.entry.js +1 -1
  71. package/dist/cjs/kol-icon.cjs.entry.js.map +1 -1
  72. package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
  73. package/dist/cjs/kol-indented-text.cjs.entry.js.map +1 -1
  74. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
  75. package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js.map +1 -1
  76. package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
  77. package/dist/cjs/kol-input-checkbox.cjs.entry.js.map +1 -1
  78. package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
  79. package/dist/cjs/kol-input-color.cjs.entry.js.map +1 -1
  80. package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
  81. package/dist/cjs/kol-input-date.cjs.entry.js.map +1 -1
  82. package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
  83. package/dist/cjs/kol-input-email.cjs.entry.js.map +1 -1
  84. package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
  85. package/dist/cjs/kol-input-file.cjs.entry.js.map +1 -1
  86. package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
  87. package/dist/cjs/kol-input-number.cjs.entry.js.map +1 -1
  88. package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
  89. package/dist/cjs/kol-input-password.cjs.entry.js.map +1 -1
  90. package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
  91. package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
  92. package/dist/cjs/kol-input-radio.cjs.entry.js.map +1 -1
  93. package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
  94. package/dist/cjs/kol-input-range.cjs.entry.js.map +1 -1
  95. package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
  96. package/dist/cjs/kol-input-text.cjs.entry.js.map +1 -1
  97. package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
  98. package/dist/cjs/kol-kolibri.cjs.entry.js.map +1 -1
  99. package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
  100. package/dist/cjs/kol-link-button.cjs.entry.js.map +1 -1
  101. package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
  102. package/dist/cjs/kol-link-group.cjs.entry.js.map +1 -1
  103. package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
  104. package/dist/cjs/kol-link-wc.cjs.entry.js.map +1 -1
  105. package/dist/cjs/kol-link.cjs.entry.js +1 -1
  106. package/dist/cjs/kol-link.cjs.entry.js.map +1 -1
  107. package/dist/cjs/kol-logo.cjs.entry.js +1 -1
  108. package/dist/cjs/kol-logo.cjs.entry.js.map +1 -1
  109. package/dist/cjs/kol-modal.cjs.entry.js +1 -1
  110. package/dist/cjs/kol-modal.cjs.entry.js.map +1 -1
  111. package/dist/cjs/kol-nav.cjs.entry.js +1 -1
  112. package/dist/cjs/kol-nav.cjs.entry.js.map +1 -1
  113. package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
  114. package/dist/cjs/kol-pagination.cjs.entry.js.map +1 -1
  115. package/dist/cjs/kol-progress.cjs.entry.js +1 -1
  116. package/dist/cjs/kol-progress.cjs.entry.js.map +1 -1
  117. package/dist/cjs/kol-select.cjs.entry.js +1 -1
  118. package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
  119. package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
  120. package/dist/cjs/kol-skip-nav.cjs.entry.js.map +1 -1
  121. package/dist/cjs/kol-span.cjs.entry.js +1 -1
  122. package/dist/cjs/kol-span.cjs.entry.js.map +1 -1
  123. package/dist/cjs/kol-spin.cjs.entry.js +1 -1
  124. package/dist/cjs/kol-spin.cjs.entry.js.map +1 -1
  125. package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
  126. package/dist/cjs/kol-symbol.cjs.entry.js.map +1 -1
  127. package/dist/cjs/kol-table.cjs.entry.js +1 -1
  128. package/dist/cjs/kol-table.cjs.entry.js.map +1 -1
  129. package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
  130. package/dist/cjs/kol-tabs.cjs.entry.js.map +1 -1
  131. package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
  132. package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
  133. package/dist/cjs/kol-toast.cjs.entry.js +1 -1
  134. package/dist/cjs/kol-toast.cjs.entry.js.map +1 -1
  135. package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
  136. package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
  137. package/dist/cjs/kol-version.cjs.entry.js +1 -1
  138. package/dist/cjs/kol-version.cjs.entry.js.map +1 -1
  139. package/dist/cjs/kolibri.cjs.js +1 -1
  140. package/dist/cjs/kolibri.cjs.js.map +1 -1
  141. package/dist/cjs/label-b702acbd.js +4 -0
  142. package/dist/cjs/label-b702acbd.js.map +1 -0
  143. package/dist/cjs/loader.cjs.js +1 -1
  144. package/dist/cjs/loader.cjs.js.map +1 -1
  145. package/dist/cjs/log-c0dc35c9.js +4 -0
  146. package/dist/cjs/log-c0dc35c9.js.map +1 -0
  147. package/dist/cjs/prop.validators-da7d3db2.js +4 -0
  148. package/dist/cjs/prop.validators-da7d3db2.js.map +1 -0
  149. package/dist/cjs/{tab-index-0a963ec3.js → tab-index-a499e8df.js} +1 -1
  150. package/dist/cjs/{tab-index-0a963ec3.js.map → tab-index-a499e8df.js.map} +1 -1
  151. package/dist/cjs/{validation-cafa32e9.js → validation-421fff30.js} +1 -1
  152. package/dist/cjs/{validation-cafa32e9.js.map → validation-421fff30.js.map} +1 -1
  153. package/dist/cjs/validation-9fd3dc0c.js +4 -0
  154. package/dist/cjs/{validation-dceac8f2.js.map → validation-9fd3dc0c.js.map} +1 -1
  155. package/dist/components/component.js +1 -1
  156. package/dist/components/component.js.map +1 -1
  157. package/dist/components/component10.js +1 -1
  158. package/dist/components/component10.js.map +1 -1
  159. package/dist/components/component11.js +1 -1
  160. package/dist/components/component11.js.map +1 -1
  161. package/dist/components/component12.js +1 -1
  162. package/dist/components/component12.js.map +1 -1
  163. package/dist/components/component13.js +1 -1
  164. package/dist/components/component13.js.map +1 -1
  165. package/dist/components/component2.js +1 -1
  166. package/dist/components/component2.js.map +1 -1
  167. package/dist/components/component3.js +1 -1
  168. package/dist/components/component3.js.map +1 -1
  169. package/dist/components/component4.js +1 -1
  170. package/dist/components/component4.js.map +1 -1
  171. package/dist/components/component5.js +1 -1
  172. package/dist/components/component5.js.map +1 -1
  173. package/dist/components/component6.js +1 -1
  174. package/dist/components/component6.js.map +1 -1
  175. package/dist/components/component7.js +1 -1
  176. package/dist/components/component7.js.map +1 -1
  177. package/dist/components/component8.js +1 -1
  178. package/dist/components/component8.js.map +1 -1
  179. package/dist/components/controller-icon.js +1 -1
  180. package/dist/components/controller2.js +1 -1
  181. package/dist/components/controller3.js +1 -1
  182. package/dist/components/controller4.js +1 -1
  183. package/dist/components/devtools.js.map +1 -1
  184. package/dist/components/i18n.js +1 -1
  185. package/dist/components/i18n.js.map +1 -1
  186. package/dist/components/index.js +1 -1
  187. package/dist/components/index.js.map +1 -1
  188. package/dist/components/index2.js +1 -1
  189. package/dist/components/index2.js.map +1 -1
  190. package/dist/components/kol-abbr.js +1 -1
  191. package/dist/components/kol-abbr.js.map +1 -1
  192. package/dist/components/kol-accordion.js +1 -1
  193. package/dist/components/kol-accordion.js.map +1 -1
  194. package/dist/components/kol-breadcrumb.js +1 -1
  195. package/dist/components/kol-breadcrumb.js.map +1 -1
  196. package/dist/components/kol-button-group.js +1 -1
  197. package/dist/components/kol-button-group.js.map +1 -1
  198. package/dist/components/kol-button-link.js +1 -1
  199. package/dist/components/kol-button-link.js.map +1 -1
  200. package/dist/components/kol-card.js +1 -1
  201. package/dist/components/kol-card.js.map +1 -1
  202. package/dist/components/kol-details.js +1 -1
  203. package/dist/components/kol-details.js.map +1 -1
  204. package/dist/components/kol-heading.js +1 -1
  205. package/dist/components/kol-heading.js.map +1 -1
  206. package/dist/components/kol-icon-font-awesome.js +1 -1
  207. package/dist/components/kol-icon-font-awesome.js.map +1 -1
  208. package/dist/components/kol-icon-icofont.js +1 -1
  209. package/dist/components/kol-icon-icofont.js.map +1 -1
  210. package/dist/components/kol-input-adapter-leanup.js +1 -1
  211. package/dist/components/kol-input-adapter-leanup.js.map +1 -1
  212. package/dist/components/kol-input-checkbox.js +1 -1
  213. package/dist/components/kol-input-checkbox.js.map +1 -1
  214. package/dist/components/kol-input-color.js +1 -1
  215. package/dist/components/kol-input-color.js.map +1 -1
  216. package/dist/components/kol-input-date.js +1 -1
  217. package/dist/components/kol-input-date.js.map +1 -1
  218. package/dist/components/kol-input-email.js +1 -1
  219. package/dist/components/kol-input-email.js.map +1 -1
  220. package/dist/components/kol-input-file.js +1 -1
  221. package/dist/components/kol-input-file.js.map +1 -1
  222. package/dist/components/kol-input-password.js +1 -1
  223. package/dist/components/kol-input-password.js.map +1 -1
  224. package/dist/components/kol-input-range.js +1 -1
  225. package/dist/components/kol-input-range.js.map +1 -1
  226. package/dist/components/kol-input-text.js +1 -1
  227. package/dist/components/kol-input-text.js.map +1 -1
  228. package/dist/components/kol-kolibri.js +1 -1
  229. package/dist/components/kol-kolibri.js.map +1 -1
  230. package/dist/components/kol-link-button.js +1 -1
  231. package/dist/components/kol-link-button.js.map +1 -1
  232. package/dist/components/kol-link-group.js +1 -1
  233. package/dist/components/kol-link-group.js.map +1 -1
  234. package/dist/components/kol-logo.js +1 -1
  235. package/dist/components/kol-logo.js.map +1 -1
  236. package/dist/components/kol-modal.js +1 -1
  237. package/dist/components/kol-modal.js.map +1 -1
  238. package/dist/components/kol-nav.js +1 -1
  239. package/dist/components/kol-nav.js.map +1 -1
  240. package/dist/components/kol-progress.js +1 -1
  241. package/dist/components/kol-progress.js.map +1 -1
  242. package/dist/components/kol-skip-nav.js +1 -1
  243. package/dist/components/kol-skip-nav.js.map +1 -1
  244. package/dist/components/kol-span.js +1 -1
  245. package/dist/components/kol-span.js.map +1 -1
  246. package/dist/components/kol-spin.js +1 -1
  247. package/dist/components/kol-spin.js.map +1 -1
  248. package/dist/components/kol-table.js +1 -1
  249. package/dist/components/kol-table.js.map +1 -1
  250. package/dist/components/kol-tabs.js +1 -1
  251. package/dist/components/kol-tabs.js.map +1 -1
  252. package/dist/components/kol-textarea.js +1 -1
  253. package/dist/components/kol-textarea.js.map +1 -1
  254. package/dist/components/kol-toast.js +1 -1
  255. package/dist/components/kol-toast.js.map +1 -1
  256. package/dist/components/kol-version.js +1 -1
  257. package/dist/components/kol-version.js.map +1 -1
  258. package/dist/components/prop.validators.js +1 -1
  259. package/dist/components/prop.validators.js.map +1 -1
  260. package/dist/components/shadow.js +1 -1
  261. package/dist/components/shadow.js.map +1 -1
  262. package/dist/components/shadow2.js +1 -1
  263. package/dist/components/shadow2.js.map +1 -1
  264. package/dist/esm/a11y.tipps-7a139717.js +4 -0
  265. package/dist/esm/a11y.tipps-7a139717.js.map +1 -0
  266. package/dist/esm/app-globals-0ffb53ba.js +4 -0
  267. package/dist/esm/app-globals-0ffb53ba.js.map +1 -0
  268. package/dist/esm/{button-link-01028aae.js → button-link-75df8fe4.js} +1 -1
  269. package/dist/esm/button-link-75df8fe4.js.map +1 -0
  270. package/dist/esm/{controller-8b3a25ac.js → controller-3dd01f3f.js} +1 -1
  271. package/dist/esm/{controller-8b3a25ac.js.map → controller-3dd01f3f.js.map} +1 -1
  272. package/dist/esm/controller-4fb4a3b9.js +4 -0
  273. package/dist/esm/{controller-b7578f6d.js.map → controller-4fb4a3b9.js.map} +1 -1
  274. package/dist/esm/{controller-de509dfa.js → controller-5c769b0e.js} +1 -1
  275. package/dist/esm/{controller-de509dfa.js.map → controller-5c769b0e.js.map} +1 -1
  276. package/dist/esm/{controller-e49952b6.js → controller-b2f78852.js} +1 -1
  277. package/dist/esm/{controller-e49952b6.js.map → controller-b2f78852.js.map} +1 -1
  278. package/dist/esm/{controller-e915936c.js → controller-b7800467.js} +1 -1
  279. package/dist/esm/{controller-e915936c.js.map → controller-b7800467.js.map} +1 -1
  280. package/dist/esm/controller-f1a122f2.js +4 -0
  281. package/dist/esm/{controller-28809de9.js.map → controller-f1a122f2.js.map} +1 -1
  282. package/dist/esm/{controller-icon-07d9636a.js → controller-icon-ac7d7589.js} +1 -1
  283. package/dist/esm/{controller-icon-07d9636a.js.map → controller-icon-ac7d7589.js.map} +1 -1
  284. package/dist/esm/devtools-1fae3661.js +4 -0
  285. package/dist/esm/devtools-1fae3661.js.map +1 -0
  286. package/dist/esm/i18n-23bb2f48.js +4 -0
  287. package/dist/esm/i18n-23bb2f48.js.map +1 -0
  288. package/dist/esm/{icon-5edb38e1.js → icon-286d4116.js} +1 -1
  289. package/dist/esm/icon-286d4116.js.map +1 -0
  290. package/dist/esm/index-50adf9a0.js.map +1 -0
  291. package/dist/esm/index-599f5430.js +4 -0
  292. package/dist/esm/index-599f5430.js.map +1 -0
  293. package/dist/esm/{index-1b8b837d.js → index-d14da386.js} +1 -1
  294. package/dist/esm/index-d14da386.js.map +1 -0
  295. package/dist/esm/index.js +1 -1
  296. package/dist/esm/index.js.map +1 -1
  297. package/dist/esm/kol-abbr.entry.js +1 -1
  298. package/dist/esm/kol-abbr.entry.js.map +1 -1
  299. package/dist/esm/kol-accordion.entry.js +1 -1
  300. package/dist/esm/kol-accordion.entry.js.map +1 -1
  301. package/dist/esm/kol-alert.entry.js +1 -1
  302. package/dist/esm/kol-alert.entry.js.map +1 -1
  303. package/dist/esm/kol-badge.entry.js +1 -1
  304. package/dist/esm/kol-badge.entry.js.map +1 -1
  305. package/dist/esm/kol-breadcrumb.entry.js +1 -1
  306. package/dist/esm/kol-breadcrumb.entry.js.map +1 -1
  307. package/dist/esm/kol-button-group-wc.entry.js +1 -1
  308. package/dist/esm/kol-button-group-wc.entry.js.map +1 -1
  309. package/dist/esm/kol-button-group.entry.js +1 -1
  310. package/dist/esm/kol-button-group.entry.js.map +1 -1
  311. package/dist/esm/kol-button-link.entry.js +1 -1
  312. package/dist/esm/kol-button-link.entry.js.map +1 -1
  313. package/dist/esm/kol-button-wc_2.entry.js +1 -1
  314. package/dist/esm/kol-button-wc_2.entry.js.map +1 -1
  315. package/dist/esm/kol-button.entry.js +1 -1
  316. package/dist/esm/kol-button.entry.js.map +1 -1
  317. package/dist/esm/kol-card.entry.js +1 -1
  318. package/dist/esm/kol-card.entry.js.map +1 -1
  319. package/dist/esm/kol-details.entry.js +1 -1
  320. package/dist/esm/kol-details.entry.js.map +1 -1
  321. package/dist/esm/kol-form.entry.js +1 -1
  322. package/dist/esm/kol-form.entry.js.map +1 -1
  323. package/dist/esm/kol-heading-wc_2.entry.js +1 -1
  324. package/dist/esm/kol-heading-wc_2.entry.js.map +1 -1
  325. package/dist/esm/kol-heading.entry.js +1 -1
  326. package/dist/esm/kol-heading.entry.js.map +1 -1
  327. package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
  328. package/dist/esm/kol-icon-font-awesome.entry.js.map +1 -1
  329. package/dist/esm/kol-icon-icofont.entry.js +1 -1
  330. package/dist/esm/kol-icon-icofont.entry.js.map +1 -1
  331. package/dist/esm/kol-icon.entry.js +1 -1
  332. package/dist/esm/kol-icon.entry.js.map +1 -1
  333. package/dist/esm/kol-indented-text.entry.js +1 -1
  334. package/dist/esm/kol-indented-text.entry.js.map +1 -1
  335. package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
  336. package/dist/esm/kol-input-adapter-leanup.entry.js.map +1 -1
  337. package/dist/esm/kol-input-checkbox.entry.js +1 -1
  338. package/dist/esm/kol-input-checkbox.entry.js.map +1 -1
  339. package/dist/esm/kol-input-color.entry.js +1 -1
  340. package/dist/esm/kol-input-color.entry.js.map +1 -1
  341. package/dist/esm/kol-input-date.entry.js +1 -1
  342. package/dist/esm/kol-input-date.entry.js.map +1 -1
  343. package/dist/esm/kol-input-email.entry.js +1 -1
  344. package/dist/esm/kol-input-email.entry.js.map +1 -1
  345. package/dist/esm/kol-input-file.entry.js +1 -1
  346. package/dist/esm/kol-input-file.entry.js.map +1 -1
  347. package/dist/esm/kol-input-number.entry.js +1 -1
  348. package/dist/esm/kol-input-number.entry.js.map +1 -1
  349. package/dist/esm/kol-input-password.entry.js +1 -1
  350. package/dist/esm/kol-input-password.entry.js.map +1 -1
  351. package/dist/esm/kol-input-radio-group.entry.js +1 -1
  352. package/dist/esm/kol-input-radio.entry.js +1 -1
  353. package/dist/esm/kol-input-radio.entry.js.map +1 -1
  354. package/dist/esm/kol-input-range.entry.js +1 -1
  355. package/dist/esm/kol-input-range.entry.js.map +1 -1
  356. package/dist/esm/kol-input-text.entry.js +1 -1
  357. package/dist/esm/kol-input-text.entry.js.map +1 -1
  358. package/dist/esm/kol-kolibri.entry.js +1 -1
  359. package/dist/esm/kol-kolibri.entry.js.map +1 -1
  360. package/dist/esm/kol-link-button.entry.js +1 -1
  361. package/dist/esm/kol-link-button.entry.js.map +1 -1
  362. package/dist/esm/kol-link-group.entry.js +1 -1
  363. package/dist/esm/kol-link-group.entry.js.map +1 -1
  364. package/dist/esm/kol-link-wc.entry.js +1 -1
  365. package/dist/esm/kol-link-wc.entry.js.map +1 -1
  366. package/dist/esm/kol-link.entry.js +1 -1
  367. package/dist/esm/kol-link.entry.js.map +1 -1
  368. package/dist/esm/kol-logo.entry.js +1 -1
  369. package/dist/esm/kol-logo.entry.js.map +1 -1
  370. package/dist/esm/kol-modal.entry.js +1 -1
  371. package/dist/esm/kol-modal.entry.js.map +1 -1
  372. package/dist/esm/kol-nav.entry.js +1 -1
  373. package/dist/esm/kol-nav.entry.js.map +1 -1
  374. package/dist/esm/kol-pagination.entry.js +1 -1
  375. package/dist/esm/kol-pagination.entry.js.map +1 -1
  376. package/dist/esm/kol-progress.entry.js +1 -1
  377. package/dist/esm/kol-progress.entry.js.map +1 -1
  378. package/dist/esm/kol-select.entry.js +1 -1
  379. package/dist/esm/kol-select.entry.js.map +1 -1
  380. package/dist/esm/kol-skip-nav.entry.js +1 -1
  381. package/dist/esm/kol-skip-nav.entry.js.map +1 -1
  382. package/dist/esm/kol-span.entry.js +1 -1
  383. package/dist/esm/kol-span.entry.js.map +1 -1
  384. package/dist/esm/kol-spin.entry.js +1 -1
  385. package/dist/esm/kol-spin.entry.js.map +1 -1
  386. package/dist/esm/kol-symbol.entry.js +1 -1
  387. package/dist/esm/kol-symbol.entry.js.map +1 -1
  388. package/dist/esm/kol-table.entry.js +1 -1
  389. package/dist/esm/kol-table.entry.js.map +1 -1
  390. package/dist/esm/kol-tabs.entry.js +1 -1
  391. package/dist/esm/kol-tabs.entry.js.map +1 -1
  392. package/dist/esm/kol-textarea.entry.js +1 -1
  393. package/dist/esm/kol-textarea.entry.js.map +1 -1
  394. package/dist/esm/kol-toast.entry.js +1 -1
  395. package/dist/esm/kol-toast.entry.js.map +1 -1
  396. package/dist/esm/kol-tooltip.entry.js +1 -1
  397. package/dist/esm/kol-tooltip.entry.js.map +1 -1
  398. package/dist/esm/kol-version.entry.js +1 -1
  399. package/dist/esm/kol-version.entry.js.map +1 -1
  400. package/dist/esm/kolibri.js +1 -1
  401. package/dist/esm/kolibri.js.map +1 -1
  402. package/dist/esm/label-bd914c5e.js +4 -0
  403. package/dist/esm/label-bd914c5e.js.map +1 -0
  404. package/dist/esm/loader.js +1 -1
  405. package/dist/esm/loader.js.map +1 -1
  406. package/dist/esm/log-829fbbc7.js +4 -0
  407. package/dist/esm/log-829fbbc7.js.map +1 -0
  408. package/dist/esm/polyfills/core-js.js +1 -1
  409. package/dist/esm/prop.validators-27682076.js +4 -0
  410. package/dist/esm/prop.validators-27682076.js.map +1 -0
  411. package/dist/esm/{tab-index-3378b139.js → tab-index-7446a923.js} +1 -1
  412. package/dist/esm/{tab-index-3378b139.js.map → tab-index-7446a923.js.map} +1 -1
  413. package/dist/esm/validation-57ce54ee.js +4 -0
  414. package/dist/esm/{validation-5c3578c0.js.map → validation-57ce54ee.js.map} +1 -1
  415. package/dist/esm/validation-7fe30a10.js +4 -0
  416. package/dist/esm/{validation-0dc15e8d.js.map → validation-7fe30a10.js.map} +1 -1
  417. package/dist/kolibri/a11y.tipps-7a139717.js +4 -0
  418. package/dist/kolibri/a11y.tipps-7a139717.js.map +1 -0
  419. package/dist/kolibri/app-globals-0ffb53ba.js +4 -0
  420. package/dist/kolibri/app-globals-0ffb53ba.js.map +1 -0
  421. package/dist/kolibri/assets/alert-simulation.js +1 -0
  422. package/dist/kolibri/assets/nav-simulation.js +1 -1
  423. package/dist/kolibri/assets/style.css +49 -77
  424. package/dist/kolibri/assets/table-simulation.js +1 -1
  425. package/dist/kolibri/assets/tabs-simulation.js +1 -1
  426. package/dist/kolibri/button-link-75df8fe4.js +4 -0
  427. package/dist/kolibri/button-link-75df8fe4.js.map +1 -0
  428. package/dist/kolibri/controller-3dd01f3f.js +4 -0
  429. package/dist/kolibri/controller-4fb4a3b9.js +4 -0
  430. package/dist/kolibri/{controller-b7578f6d.js.map → controller-4fb4a3b9.js.map} +1 -1
  431. package/dist/kolibri/{controller-de509dfa.js → controller-5c769b0e.js} +1 -1
  432. package/dist/kolibri/{controller-e49952b6.js → controller-b2f78852.js} +1 -1
  433. package/dist/kolibri/{controller-e915936c.js → controller-b7800467.js} +1 -1
  434. package/dist/kolibri/controller-f1a122f2.js +4 -0
  435. package/dist/kolibri/{controller-28809de9.js.map → controller-f1a122f2.js.map} +1 -1
  436. package/dist/kolibri/{controller-icon-07d9636a.js → controller-icon-ac7d7589.js} +1 -1
  437. package/dist/kolibri/devtools-1fae3661.js +4 -0
  438. package/dist/kolibri/devtools-1fae3661.js.map +1 -0
  439. package/dist/kolibri/i18n-23bb2f48.js +4 -0
  440. package/dist/kolibri/i18n-23bb2f48.js.map +1 -0
  441. package/dist/kolibri/{icon-5edb38e1.js → icon-286d4116.js} +1 -1
  442. package/dist/kolibri/icon-286d4116.js.map +1 -0
  443. package/dist/kolibri/index-50adf9a0.js.map +1 -0
  444. package/dist/kolibri/index-599f5430.js +4 -0
  445. package/dist/kolibri/index-599f5430.js.map +1 -0
  446. package/dist/kolibri/{index-1b8b837d.js → index-d14da386.js} +1 -1
  447. package/dist/kolibri/index-d14da386.js.map +1 -0
  448. package/dist/kolibri/index.esm.js +1 -1
  449. package/dist/kolibri/kol-abbr.entry.js +1 -1
  450. package/dist/kolibri/kol-abbr.entry.js.map +1 -1
  451. package/dist/kolibri/kol-accordion.entry.js +1 -1
  452. package/dist/kolibri/kol-accordion.entry.js.map +1 -1
  453. package/dist/kolibri/kol-alert.entry.js +1 -1
  454. package/dist/kolibri/kol-alert.entry.js.map +1 -1
  455. package/dist/kolibri/kol-badge.entry.js +1 -1
  456. package/dist/kolibri/kol-badge.entry.js.map +1 -1
  457. package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
  458. package/dist/kolibri/kol-breadcrumb.entry.js.map +1 -1
  459. package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
  460. package/dist/kolibri/kol-button-group-wc.entry.js.map +1 -1
  461. package/dist/kolibri/kol-button-group.entry.js +1 -1
  462. package/dist/kolibri/kol-button-group.entry.js.map +1 -1
  463. package/dist/kolibri/kol-button-link.entry.js +1 -1
  464. package/dist/kolibri/kol-button-link.entry.js.map +1 -1
  465. package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
  466. package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -1
  467. package/dist/kolibri/kol-button.entry.js +1 -1
  468. package/dist/kolibri/kol-button.entry.js.map +1 -1
  469. package/dist/kolibri/kol-card.entry.js +1 -1
  470. package/dist/kolibri/kol-card.entry.js.map +1 -1
  471. package/dist/kolibri/kol-details.entry.js +1 -1
  472. package/dist/kolibri/kol-details.entry.js.map +1 -1
  473. package/dist/kolibri/kol-form.entry.js +1 -1
  474. package/dist/kolibri/kol-form.entry.js.map +1 -1
  475. package/dist/kolibri/kol-heading-wc_2.entry.js +1 -1
  476. package/dist/kolibri/kol-heading-wc_2.entry.js.map +1 -1
  477. package/dist/kolibri/kol-heading.entry.js +1 -1
  478. package/dist/kolibri/kol-heading.entry.js.map +1 -1
  479. package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
  480. package/dist/kolibri/kol-icon-font-awesome.entry.js.map +1 -1
  481. package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
  482. package/dist/kolibri/kol-icon-icofont.entry.js.map +1 -1
  483. package/dist/kolibri/kol-icon.entry.js +1 -1
  484. package/dist/kolibri/kol-icon.entry.js.map +1 -1
  485. package/dist/kolibri/kol-indented-text.entry.js +1 -1
  486. package/dist/kolibri/kol-indented-text.entry.js.map +1 -1
  487. package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
  488. package/dist/kolibri/kol-input-adapter-leanup.entry.js.map +1 -1
  489. package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
  490. package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
  491. package/dist/kolibri/kol-input-color.entry.js +1 -1
  492. package/dist/kolibri/kol-input-color.entry.js.map +1 -1
  493. package/dist/kolibri/kol-input-date.entry.js +1 -1
  494. package/dist/kolibri/kol-input-date.entry.js.map +1 -1
  495. package/dist/kolibri/kol-input-email.entry.js +1 -1
  496. package/dist/kolibri/kol-input-email.entry.js.map +1 -1
  497. package/dist/kolibri/kol-input-file.entry.js +1 -1
  498. package/dist/kolibri/kol-input-file.entry.js.map +1 -1
  499. package/dist/kolibri/kol-input-number.entry.js +1 -1
  500. package/dist/kolibri/kol-input-number.entry.js.map +1 -1
  501. package/dist/kolibri/kol-input-password.entry.js +1 -1
  502. package/dist/kolibri/kol-input-password.entry.js.map +1 -1
  503. package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
  504. package/dist/kolibri/kol-input-radio-group.entry.js.map +1 -1
  505. package/dist/kolibri/kol-input-radio.entry.js +1 -1
  506. package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
  507. package/dist/kolibri/kol-input-range.entry.js +1 -1
  508. package/dist/kolibri/kol-input-range.entry.js.map +1 -1
  509. package/dist/kolibri/kol-input-text.entry.js +1 -1
  510. package/dist/kolibri/kol-input-text.entry.js.map +1 -1
  511. package/dist/kolibri/kol-kolibri.entry.js +1 -1
  512. package/dist/kolibri/kol-kolibri.entry.js.map +1 -1
  513. package/dist/kolibri/kol-link-button.entry.js +1 -1
  514. package/dist/kolibri/kol-link-button.entry.js.map +1 -1
  515. package/dist/kolibri/kol-link-group.entry.js +1 -1
  516. package/dist/kolibri/kol-link-group.entry.js.map +1 -1
  517. package/dist/kolibri/kol-link-wc.entry.js +1 -1
  518. package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
  519. package/dist/kolibri/kol-link.entry.js +1 -1
  520. package/dist/kolibri/kol-link.entry.js.map +1 -1
  521. package/dist/kolibri/kol-logo.entry.js +1 -1
  522. package/dist/kolibri/kol-logo.entry.js.map +1 -1
  523. package/dist/kolibri/kol-modal.entry.js +1 -1
  524. package/dist/kolibri/kol-modal.entry.js.map +1 -1
  525. package/dist/kolibri/kol-nav.entry.js +1 -1
  526. package/dist/kolibri/kol-nav.entry.js.map +1 -1
  527. package/dist/kolibri/kol-pagination.entry.js +1 -1
  528. package/dist/kolibri/kol-pagination.entry.js.map +1 -1
  529. package/dist/kolibri/kol-progress.entry.js +1 -1
  530. package/dist/kolibri/kol-progress.entry.js.map +1 -1
  531. package/dist/kolibri/kol-select.entry.js +1 -1
  532. package/dist/kolibri/kol-select.entry.js.map +1 -1
  533. package/dist/kolibri/kol-skip-nav.entry.js +1 -1
  534. package/dist/kolibri/kol-skip-nav.entry.js.map +1 -1
  535. package/dist/kolibri/kol-span.entry.js +1 -1
  536. package/dist/kolibri/kol-span.entry.js.map +1 -1
  537. package/dist/kolibri/kol-spin.entry.js +1 -1
  538. package/dist/kolibri/kol-spin.entry.js.map +1 -1
  539. package/dist/kolibri/kol-symbol.entry.js +1 -1
  540. package/dist/kolibri/kol-symbol.entry.js.map +1 -1
  541. package/dist/kolibri/kol-table.entry.js +1 -1
  542. package/dist/kolibri/kol-table.entry.js.map +1 -1
  543. package/dist/kolibri/kol-tabs.entry.js +1 -1
  544. package/dist/kolibri/kol-tabs.entry.js.map +1 -1
  545. package/dist/kolibri/kol-textarea.entry.js +1 -1
  546. package/dist/kolibri/kol-textarea.entry.js.map +1 -1
  547. package/dist/kolibri/kol-toast.entry.js +1 -1
  548. package/dist/kolibri/kol-toast.entry.js.map +1 -1
  549. package/dist/kolibri/kol-tooltip.entry.js +1 -1
  550. package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
  551. package/dist/kolibri/kol-version.entry.js +1 -1
  552. package/dist/kolibri/kol-version.entry.js.map +1 -1
  553. package/dist/kolibri/kolibri.esm.js +1 -1
  554. package/dist/kolibri/kolibri.esm.js.map +1 -1
  555. package/dist/kolibri/label-bd914c5e.js +4 -0
  556. package/dist/kolibri/label-bd914c5e.js.map +1 -0
  557. package/dist/kolibri/log-829fbbc7.js +4 -0
  558. package/dist/kolibri/log-829fbbc7.js.map +1 -0
  559. package/dist/kolibri/prop.validators-27682076.js +4 -0
  560. package/dist/kolibri/prop.validators-27682076.js.map +1 -0
  561. package/dist/kolibri/tab-index-7446a923.js +4 -0
  562. package/dist/kolibri/{tab-index-3378b139.js.map → tab-index-7446a923.js.map} +1 -1
  563. package/dist/kolibri/validation-57ce54ee.js +4 -0
  564. package/dist/kolibri/{validation-0dc15e8d.js → validation-7fe30a10.js} +1 -1
  565. package/dist/types/components/accordion/component.d.ts +2 -2
  566. package/dist/types/components/alert/component.d.ts +1 -0
  567. package/dist/types/components/badge/component.d.ts +2 -4
  568. package/dist/types/components/badge/contrast.d.ts +2 -1
  569. package/dist/types/components/heading/component.d.ts +9 -1
  570. package/dist/types/components/heading/shadow.d.ts +2 -0
  571. package/dist/types/components/heading/test/html.mock.d.ts +1 -1
  572. package/dist/types/components/input-date/component.d.ts +3 -2
  573. package/dist/types/components/input-date/types.d.ts +3 -1
  574. package/dist/types/components/input-number/component.d.ts +2 -2
  575. package/dist/types/components/input-number/controller.d.ts +3 -1
  576. package/dist/types/components/pagination/types.d.ts +4 -4
  577. package/dist/types/components/tabs/component.d.ts +2 -2
  578. package/dist/types/components.d.ts +40 -44
  579. package/dist/types/enums/color.d.ts +0 -5
  580. package/dist/types/types/button-link.d.ts +3 -3
  581. package/dist/types/types/callbacks.d.ts +2 -1
  582. package/dist/types/types/heading-level.d.ts +1 -1
  583. package/dist/types/types/input/control/number.d.ts +1 -1
  584. package/dist/types/types/input/iso8601.d.ts +1 -1
  585. package/dist/types/types/input/types.d.ts +2 -2
  586. package/dist/types/utils/dev.utils.d.ts +0 -17
  587. package/dist/types/utils/log.d.ts +18 -0
  588. package/dist/types/utils/prop.validators.d.ts +1 -1
  589. package/dist/types/utils/validators/label.d.ts +2 -0
  590. package/dist/types/utils/validators/list.d.ts +2 -0
  591. package/doc/abbr.md +25 -4
  592. package/doc/accordion.md +30 -7
  593. package/doc/alert.md +26 -5
  594. package/doc/badge.md +31 -9
  595. package/doc/breadcrumb.md +27 -18
  596. package/doc/button-group.md +1 -1
  597. package/doc/button-link.md +25 -2
  598. package/doc/button.md +31 -8
  599. package/doc/card.md +33 -10
  600. package/doc/details.md +25 -4
  601. package/doc/heading.md +6 -4
  602. package/doc/icon-icofont.md +1 -1
  603. package/doc/icon.md +24 -10
  604. package/doc/indented-text.md +24 -1
  605. package/doc/input-checkbox.md +23 -0
  606. package/doc/input-color.md +25 -4
  607. package/doc/input-date.md +28 -7
  608. package/doc/input-email.md +25 -4
  609. package/doc/input-file.md +25 -4
  610. package/doc/input-number.md +28 -7
  611. package/doc/input-password.md +25 -4
  612. package/doc/input-radio.md +26 -16
  613. package/doc/input-range.md +25 -4
  614. package/doc/input-text.md +25 -4
  615. package/doc/kolibri.md +24 -1
  616. package/doc/link-button.md +26 -3
  617. package/doc/link-group.md +27 -8
  618. package/doc/link.md +26 -5
  619. package/doc/logo.md +24 -1
  620. package/doc/modal.md +24 -1
  621. package/doc/nav.md +29 -19
  622. package/doc/pagination.md +37 -14
  623. package/doc/progress.md +24 -1
  624. package/doc/select.md +38 -52
  625. package/doc/skip-nav.md +26 -12
  626. package/doc/span.md +23 -0
  627. package/doc/spin.md +24 -1
  628. package/doc/table.md +23 -0
  629. package/doc/tabs.md +33 -23
  630. package/doc/textarea.md +24 -1
  631. package/doc/toast.md +26 -5
  632. package/doc/tooltip.md +23 -0
  633. package/doc/version.md +24 -1
  634. package/jest-test-results.json +1 -1
  635. package/package.json +1 -1
  636. package/vscode-custom-data.json +22 -40
  637. package/dist/cjs/a11y.tipps-bd1e1e68.js +0 -4
  638. package/dist/cjs/a11y.tipps-bd1e1e68.js.map +0 -1
  639. package/dist/cjs/app-globals-78158be1.js +0 -4
  640. package/dist/cjs/app-globals-78158be1.js.map +0 -1
  641. package/dist/cjs/button-link-eca34f5d.js +0 -4
  642. package/dist/cjs/button-link-eca34f5d.js.map +0 -1
  643. package/dist/cjs/color-71239302.js +0 -4
  644. package/dist/cjs/color-71239302.js.map +0 -1
  645. package/dist/cjs/controller-11d59cf4.js +0 -4
  646. package/dist/cjs/controller-e0715879.js +0 -4
  647. package/dist/cjs/dev.utils-b6dd5206.js +0 -4
  648. package/dist/cjs/dev.utils-b6dd5206.js.map +0 -1
  649. package/dist/cjs/devtools-b3bb986c.js +0 -4
  650. package/dist/cjs/devtools-b3bb986c.js.map +0 -1
  651. package/dist/cjs/i18n-2eef9091.js +0 -4
  652. package/dist/cjs/i18n-2eef9091.js.map +0 -1
  653. package/dist/cjs/icon-a373f57a.js.map +0 -1
  654. package/dist/cjs/index-57f4a280.js.map +0 -1
  655. package/dist/cjs/index-7e718c1e.js +0 -4
  656. package/dist/cjs/index-7e718c1e.js.map +0 -1
  657. package/dist/cjs/index-95d4d068.js +0 -4
  658. package/dist/cjs/index-95d4d068.js.map +0 -1
  659. package/dist/cjs/index-c4f8dd50.js.map +0 -1
  660. package/dist/cjs/index-ecfaeef4.js +0 -4
  661. package/dist/cjs/index-ecfaeef4.js.map +0 -1
  662. package/dist/cjs/index.m-21aa1255.js +0 -4
  663. package/dist/cjs/index.m-21aa1255.js.map +0 -1
  664. package/dist/cjs/kol-color.cjs.entry.js +0 -4
  665. package/dist/cjs/kol-color.cjs.entry.js.map +0 -1
  666. package/dist/cjs/kol-counter.cjs.entry.js +0 -4
  667. package/dist/cjs/kol-counter.cjs.entry.js.map +0 -1
  668. package/dist/cjs/label-6ab9ca4e.js +0 -4
  669. package/dist/cjs/label-6ab9ca4e.js.map +0 -1
  670. package/dist/cjs/prop.validators-292d455b.js +0 -4
  671. package/dist/cjs/prop.validators-292d455b.js.map +0 -1
  672. package/dist/cjs/validation-dceac8f2.js +0 -4
  673. package/dist/components/color.js +0 -4
  674. package/dist/components/color.js.map +0 -1
  675. package/dist/components/index.m.js +0 -4
  676. package/dist/components/index.m.js.map +0 -1
  677. package/dist/components/index3.js +0 -4
  678. package/dist/components/index3.js.map +0 -1
  679. package/dist/components/kol-color.d.ts +0 -11
  680. package/dist/components/kol-color.js +0 -4
  681. package/dist/components/kol-color.js.map +0 -1
  682. package/dist/components/kol-counter.d.ts +0 -11
  683. package/dist/components/kol-counter.js +0 -4
  684. package/dist/components/kol-counter.js.map +0 -1
  685. package/dist/esm/a11y.tipps-353a7f35.js +0 -4
  686. package/dist/esm/a11y.tipps-353a7f35.js.map +0 -1
  687. package/dist/esm/app-globals-ae4b65e9.js +0 -4
  688. package/dist/esm/app-globals-ae4b65e9.js.map +0 -1
  689. package/dist/esm/button-link-01028aae.js.map +0 -1
  690. package/dist/esm/color-8bf509b6.js +0 -4
  691. package/dist/esm/color-8bf509b6.js.map +0 -1
  692. package/dist/esm/controller-28809de9.js +0 -4
  693. package/dist/esm/controller-b7578f6d.js +0 -4
  694. package/dist/esm/dev.utils-3ec9f837.js +0 -4
  695. package/dist/esm/dev.utils-3ec9f837.js.map +0 -1
  696. package/dist/esm/devtools-38fc0936.js +0 -4
  697. package/dist/esm/devtools-38fc0936.js.map +0 -1
  698. package/dist/esm/i18n-9b7525d8.js +0 -4
  699. package/dist/esm/i18n-9b7525d8.js.map +0 -1
  700. package/dist/esm/icon-5edb38e1.js.map +0 -1
  701. package/dist/esm/index-0dce65d2.js.map +0 -1
  702. package/dist/esm/index-0fb82b03.js +0 -4
  703. package/dist/esm/index-0fb82b03.js.map +0 -1
  704. package/dist/esm/index-1b8b837d.js.map +0 -1
  705. package/dist/esm/index-68b1f91c.js +0 -4
  706. package/dist/esm/index-68b1f91c.js.map +0 -1
  707. package/dist/esm/index-e722bdb7.js +0 -4
  708. package/dist/esm/index-e722bdb7.js.map +0 -1
  709. package/dist/esm/index.m-86dc8c44.js +0 -4
  710. package/dist/esm/index.m-86dc8c44.js.map +0 -1
  711. package/dist/esm/kol-color.entry.js +0 -4
  712. package/dist/esm/kol-color.entry.js.map +0 -1
  713. package/dist/esm/kol-counter.entry.js +0 -4
  714. package/dist/esm/kol-counter.entry.js.map +0 -1
  715. package/dist/esm/label-e7bacbab.js +0 -4
  716. package/dist/esm/label-e7bacbab.js.map +0 -1
  717. package/dist/esm/prop.validators-62a61880.js +0 -4
  718. package/dist/esm/prop.validators-62a61880.js.map +0 -1
  719. package/dist/esm/validation-0dc15e8d.js +0 -4
  720. package/dist/esm/validation-5c3578c0.js +0 -4
  721. package/dist/kolibri/a11y.tipps-353a7f35.js +0 -4
  722. package/dist/kolibri/a11y.tipps-353a7f35.js.map +0 -1
  723. package/dist/kolibri/app-globals-ae4b65e9.js +0 -4
  724. package/dist/kolibri/app-globals-ae4b65e9.js.map +0 -1
  725. package/dist/kolibri/button-link-01028aae.js +0 -4
  726. package/dist/kolibri/button-link-01028aae.js.map +0 -1
  727. package/dist/kolibri/color-8bf509b6.js +0 -4
  728. package/dist/kolibri/color-8bf509b6.js.map +0 -1
  729. package/dist/kolibri/controller-28809de9.js +0 -4
  730. package/dist/kolibri/controller-8b3a25ac.js +0 -4
  731. package/dist/kolibri/controller-b7578f6d.js +0 -4
  732. package/dist/kolibri/dev.utils-3ec9f837.js +0 -4
  733. package/dist/kolibri/dev.utils-3ec9f837.js.map +0 -1
  734. package/dist/kolibri/devtools-38fc0936.js +0 -4
  735. package/dist/kolibri/devtools-38fc0936.js.map +0 -1
  736. package/dist/kolibri/i18n-9b7525d8.js +0 -4
  737. package/dist/kolibri/i18n-9b7525d8.js.map +0 -1
  738. package/dist/kolibri/icon-5edb38e1.js.map +0 -1
  739. package/dist/kolibri/index-0dce65d2.js.map +0 -1
  740. package/dist/kolibri/index-0fb82b03.js +0 -4
  741. package/dist/kolibri/index-0fb82b03.js.map +0 -1
  742. package/dist/kolibri/index-1b8b837d.js.map +0 -1
  743. package/dist/kolibri/index-68b1f91c.js +0 -4
  744. package/dist/kolibri/index-68b1f91c.js.map +0 -1
  745. package/dist/kolibri/index-e722bdb7.js +0 -4
  746. package/dist/kolibri/index-e722bdb7.js.map +0 -1
  747. package/dist/kolibri/index.m-86dc8c44.js +0 -4
  748. package/dist/kolibri/index.m-86dc8c44.js.map +0 -1
  749. package/dist/kolibri/kol-color.entry.js +0 -4
  750. package/dist/kolibri/kol-color.entry.js.map +0 -1
  751. package/dist/kolibri/kol-counter.entry.js +0 -4
  752. package/dist/kolibri/kol-counter.entry.js.map +0 -1
  753. package/dist/kolibri/label-e7bacbab.js +0 -4
  754. package/dist/kolibri/label-e7bacbab.js.map +0 -1
  755. package/dist/kolibri/prop.validators-62a61880.js +0 -4
  756. package/dist/kolibri/prop.validators-62a61880.js.map +0 -1
  757. package/dist/kolibri/tab-index-3378b139.js +0 -4
  758. package/dist/kolibri/validation-5c3578c0.js +0 -4
  759. package/dist/types/global/defaults/icon.d.ts +0 -1
  760. /package/dist/cjs/{index-57f4a280.js → index-29c5d3c6.js} +0 -0
  761. /package/dist/esm/{index-0dce65d2.js → index-50adf9a0.js} +0 -0
  762. /package/dist/kolibri/{controller-8b3a25ac.js.map → controller-3dd01f3f.js.map} +0 -0
  763. /package/dist/kolibri/{controller-de509dfa.js.map → controller-5c769b0e.js.map} +0 -0
  764. /package/dist/kolibri/{controller-e49952b6.js.map → controller-b2f78852.js.map} +0 -0
  765. /package/dist/kolibri/{controller-e915936c.js.map → controller-b7800467.js.map} +0 -0
  766. /package/dist/kolibri/{controller-icon-07d9636a.js.map → controller-icon-ac7d7589.js.map} +0 -0
  767. /package/dist/kolibri/{index-0dce65d2.js → index-50adf9a0.js} +0 -0
  768. /package/dist/kolibri/{validation-5c3578c0.js.map → validation-57ce54ee.js.map} +0 -0
  769. /package/dist/kolibri/{validation-0dc15e8d.js.map → validation-7fe30a10.js.map} +0 -0
package/doc/icon.md CHANGED
@@ -1,39 +1,53 @@
1
1
  # Icon
2
2
 
3
- Mit Hilfe der **Icon**-Komponente können Icons aus der Icon-Bibliothek an beliebigen Positionen erzeugt werden. Die Ausgabe des Icon kann über Attribute gesteuert werden und erfolgt barrierefrei. Die Ausgabe erfolgt standardmäßig als **_inline_**-Element.
3
+ Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut `_icon` gesteuert werden und erfolgt durch das Attribut `_aria-label` barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.
4
+
5
+ Folgende Icon-Fonts werden _`out-of-the-box`_ unterstützt.
6
+
7
+ - [Codicons]
8
+ - [Font-Awesome]
9
+ - [Icofont]
10
+
11
+ <kol-alert _heading="Hinweis" _type="info">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateien der Icon-Fonts eingebunden sind.</kol-alert>
4
12
 
5
13
  ## Konstruktion
6
14
 
7
- Die Komponente **Icon** wird über das HTML-Element `<kol-icon></kol-icon>` erzeugt.
15
+ Die Komponente **Icon** wird über das HTML-Tag `kol-icon` erzeugt.
8
16
 
9
17
  ### Code
10
18
 
11
- ```tsx
12
- <kol-icon _aria-label="" _icon="fa-solid fa-house"></kol-icon>
19
+ ```html
20
+ <kol-icon _aria-label="Zu Hause" _icon="fa-solid fa-house"></kol-icon>
13
21
  ```
14
22
 
15
23
  ### Beispiel
16
24
 
17
- <kol-icon _aria-label="" _icon="fa-solid fa-house"></kol-icon>
25
+ <kol-icon _aria-label="Zu Hause" _icon="fa-solid fa-house"></kol-icon>
18
26
 
19
27
  ## Verwendung
20
28
 
21
- ### Icon
22
-
23
- Verwenden Sie das Attribut `_icon` um das anzuzeigende Icon festzulegen.
24
-
25
29
  ### Best practices
26
30
 
27
31
  ## Barrierefreiheit
28
32
 
33
+ Wichtig ist bei Kontext-relevanten Grafiken, dass sie beschriftet werden.
34
+
35
+ - https://www.w3.org/WAI/ARIA/apg/practices/names-and-descriptions/
36
+
29
37
  ### Aria-Hidden
30
38
 
31
39
  Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.
32
40
 
33
- Referenz: <https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden>
41
+ ### Aria-Label
42
+
43
+ Mittels der Auszeichnung `aria-label` muss ein Kontext-relevantes Icon beschriftet werden.
34
44
 
35
45
  ## Links und Referenzen
36
46
 
47
+ [Codicons]: https://github.com/microsoft/vscode-codicons
48
+ [Font-Awesome]: https://fontawesome.com
49
+ [Icofont]: https://icofont.com
50
+
37
51
  <!-- Auto Generated Below -->
38
52
 
39
53
 
package/doc/indented-text.md CHANGED
@@ -8,7 +8,7 @@ In der Komponente kann beliebiger HTML-Code verwendet werden.
8
8
 
9
9
  ### Code
10
10
 
11
- ```tsx
11
+ ```html
12
12
  <kol-indented-text>
13
13
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
14
14
  vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit
@@ -44,6 +44,29 @@ Verwenden Sie die **IndentedText**-Komponente, um Textpassagen oder Informatione
44
44
  <!-- Auto Generated Below -->
45
45
 
46
46
 
47
+ ## CSS Custom Properties
48
+
49
+ | Name | Description |
50
+ | --------------------------- | ------------------------------- |
51
+ | `--kolibri-border-color` | Default color of the border. |
52
+ | `--kolibri-border-radius` | Default radius of the border. |
53
+ | `--kolibri-border-width` | Default width of the border. |
54
+ | `--kolibri-color-danger` | Default color of the danger. |
55
+ | `--kolibri-color-disabled` | Default color of the disabled. |
56
+ | `--kolibri-color-error` | Default color of the error. |
57
+ | `--kolibri-color-ghost` | Default color of the ghost. |
58
+ | `--kolibri-color-info` | Default color of the info. |
59
+ | `--kolibri-color-normal` | Default color of the normal. |
60
+ | `--kolibri-color-primary` | Default color of the primary. |
61
+ | `--kolibri-color-secondary` | Default color of the secondary. |
62
+ | `--kolibri-color-success` | Default color of the success. |
63
+ | `--kolibri-color-text` | Default color of the text. |
64
+ | `--kolibri-color-visited` | Default color of the visited. |
65
+ | `--kolibri-color-warning` | Default color of the warning. |
66
+ | `--kolibri-font-family` | Default font family. |
67
+ | `--kolibri-font-size` | Default font size. |
68
+
69
+
47
70
  ## Dependencies
48
71
 
49
72
  ### Used by
package/doc/input-checkbox.md CHANGED
@@ -77,6 +77,29 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
77
77
  | `_variant` | `_variant` | Gibt an, welchen Type das Input haben soll. | `"button" \| "checkbox" \| "switch" \| undefined` | `undefined` |
78
78
 
79
79
 
80
+ ## CSS Custom Properties
81
+
82
+ | Name | Description |
83
+ | --------------------------- | ------------------------------- |
84
+ | `--kolibri-border-color` | Default color of the border. |
85
+ | `--kolibri-border-radius` | Default radius of the border. |
86
+ | `--kolibri-border-width` | Default width of the border. |
87
+ | `--kolibri-color-danger` | Default color of the danger. |
88
+ | `--kolibri-color-disabled` | Default color of the disabled. |
89
+ | `--kolibri-color-error` | Default color of the error. |
90
+ | `--kolibri-color-ghost` | Default color of the ghost. |
91
+ | `--kolibri-color-info` | Default color of the info. |
92
+ | `--kolibri-color-normal` | Default color of the normal. |
93
+ | `--kolibri-color-primary` | Default color of the primary. |
94
+ | `--kolibri-color-secondary` | Default color of the secondary. |
95
+ | `--kolibri-color-success` | Default color of the success. |
96
+ | `--kolibri-color-text` | Default color of the text. |
97
+ | `--kolibri-color-visited` | Default color of the visited. |
98
+ | `--kolibri-color-warning` | Default color of the warning. |
99
+ | `--kolibri-font-family` | Default font family. |
100
+ | `--kolibri-font-size` | Default font size. |
101
+
102
+
80
103
  ## Dependencies
81
104
 
82
105
  ### Depends on
package/doc/input-color.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer belieb
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-color _id="meine_farbe" _name="meine_farbe" _value="#ff0000">
11
- Hintergrundfarbe
12
- </kol-input-color>
9
+ ```html
10
+ <kol-input-color _id="meine_farbe" _name="meine_farbe" _value="#ff0000"> Hintergrundfarbe </kol-input-color>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -72,6 +70,29 @@ Achten Sie darauf, jeder Checkbox ein Label zuzuweisen, da dieses von Screenread
72
70
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
73
71
 
74
72
 
73
+ ## CSS Custom Properties
74
+
75
+ | Name | Description |
76
+ | --------------------------- | ------------------------------- |
77
+ | `--kolibri-border-color` | Default color of the border. |
78
+ | `--kolibri-border-radius` | Default radius of the border. |
79
+ | `--kolibri-border-width` | Default width of the border. |
80
+ | `--kolibri-color-danger` | Default color of the danger. |
81
+ | `--kolibri-color-disabled` | Default color of the disabled. |
82
+ | `--kolibri-color-error` | Default color of the error. |
83
+ | `--kolibri-color-ghost` | Default color of the ghost. |
84
+ | `--kolibri-color-info` | Default color of the info. |
85
+ | `--kolibri-color-normal` | Default color of the normal. |
86
+ | `--kolibri-color-primary` | Default color of the primary. |
87
+ | `--kolibri-color-secondary` | Default color of the secondary. |
88
+ | `--kolibri-color-success` | Default color of the success. |
89
+ | `--kolibri-color-text` | Default color of the text. |
90
+ | `--kolibri-color-visited` | Default color of the visited. |
91
+ | `--kolibri-color-warning` | Default color of the warning. |
92
+ | `--kolibri-font-family` | Default font family. |
93
+ | `--kolibri-font-size` | Default font size. |
94
+
95
+
75
96
  ## Dependencies
76
97
 
77
98
  ### Depends on
package/doc/input-date.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können k
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-date _id="mein_datum" _name="mein_datum" _type="date">
11
- Erstellungsdatum
12
- </kol-input-date>
9
+ ```html
10
+ <kol-input-date _id="mein_datum" _name="mein_datum" _type="date"> Erstellungsdatum </kol-input-date>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -73,8 +71,8 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
73
71
  | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
74
72
  | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
75
73
  | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
76
- | `_max` | `_max` | Gibt den größtmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
77
- | `_min` | `_min` | Gibt den kleinstmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
74
+ | `_max` | `_max` | Gibt den größtmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| undefined` | `undefined` |
75
+ | `_min` | `_min` | Gibt den kleinstmöglichen Datumswert an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| undefined` | `undefined` |
78
76
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
79
77
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
80
78
  | `_readOnly` | `_read-only` | Gibt an, ob das Eingabefeld nur lesend ist. | `boolean \| undefined` | `undefined` |
@@ -84,7 +82,30 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
84
82
  | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
85
83
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
86
84
  | `_type` | `_type` | Gibt den Typ des Eingabefeldes an. | `"date" \| "datetime-local" \| "month" \| "time" \| "week"` | `'date'` |
87
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| undefined` | `undefined` |
85
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `Date \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| null \| undefined` | `undefined` |
86
+
87
+
88
+ ## CSS Custom Properties
89
+
90
+ | Name | Description |
91
+ | --------------------------- | ------------------------------- |
92
+ | `--kolibri-border-color` | Default color of the border. |
93
+ | `--kolibri-border-radius` | Default radius of the border. |
94
+ | `--kolibri-border-width` | Default width of the border. |
95
+ | `--kolibri-color-danger` | Default color of the danger. |
96
+ | `--kolibri-color-disabled` | Default color of the disabled. |
97
+ | `--kolibri-color-error` | Default color of the error. |
98
+ | `--kolibri-color-ghost` | Default color of the ghost. |
99
+ | `--kolibri-color-info` | Default color of the info. |
100
+ | `--kolibri-color-normal` | Default color of the normal. |
101
+ | `--kolibri-color-primary` | Default color of the primary. |
102
+ | `--kolibri-color-secondary` | Default color of the secondary. |
103
+ | `--kolibri-color-success` | Default color of the success. |
104
+ | `--kolibri-color-text` | Default color of the text. |
105
+ | `--kolibri-color-visited` | Default color of the visited. |
106
+ | `--kolibri-color-warning` | Default color of the warning. |
107
+ | `--kolibri-font-family` | Default font family. |
108
+ | `--kolibri-font-size` | Default font size. |
88
109
 
89
110
 
90
111
  ## Dependencies
package/doc/input-email.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **E-Mail** erzeugt ein Eingabefeld für E-Mails.
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-email _id="meine_email" _name="meine_email">
11
- E-Mail-Adresse
12
- </kol-input-email>
9
+ ```html
10
+ <kol-input-email _id="meine_email" _name="meine_email"> E-Mail-Adresse </kol-input-email>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -73,6 +71,29 @@ Die Validierung der erfassten E-Mail-Adressen erfolgt programmseitig. Bei Eingab
73
71
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
74
72
 
75
73
 
74
+ ## CSS Custom Properties
75
+
76
+ | Name | Description |
77
+ | --------------------------- | ------------------------------- |
78
+ | `--kolibri-border-color` | Default color of the border. |
79
+ | `--kolibri-border-radius` | Default radius of the border. |
80
+ | `--kolibri-border-width` | Default width of the border. |
81
+ | `--kolibri-color-danger` | Default color of the danger. |
82
+ | `--kolibri-color-disabled` | Default color of the disabled. |
83
+ | `--kolibri-color-error` | Default color of the error. |
84
+ | `--kolibri-color-ghost` | Default color of the ghost. |
85
+ | `--kolibri-color-info` | Default color of the info. |
86
+ | `--kolibri-color-normal` | Default color of the normal. |
87
+ | `--kolibri-color-primary` | Default color of the primary. |
88
+ | `--kolibri-color-secondary` | Default color of the secondary. |
89
+ | `--kolibri-color-success` | Default color of the success. |
90
+ | `--kolibri-color-text` | Default color of the text. |
91
+ | `--kolibri-color-visited` | Default color of the visited. |
92
+ | `--kolibri-color-warning` | Default color of the warning. |
93
+ | `--kolibri-font-family` | Default font family. |
94
+ | `--kolibri-font-size` | Default font size. |
95
+
96
+
76
97
  ## Dependencies
77
98
 
78
99
  ### Depends on
package/doc/input-file.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **File** erzeugt ein Eingabefeld für Uploads. Es können eine ode
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf">
11
- Bild hochladen
12
- </kol-input-file>
9
+ ```html
10
+ <kol-input-file _id="mein_upload" _name="mein_upload" _accept="image/png, image/jpeg, application/pdf"> Bild hochladen </kol-input-file>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -63,6 +61,29 @@ Geben Sie über das Attribut **`_accept`** an, welche Dateitypen zur Auswahl erl
63
61
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
64
62
 
65
63
 
64
+ ## CSS Custom Properties
65
+
66
+ | Name | Description |
67
+ | --------------------------- | ------------------------------- |
68
+ | `--kolibri-border-color` | Default color of the border. |
69
+ | `--kolibri-border-radius` | Default radius of the border. |
70
+ | `--kolibri-border-width` | Default width of the border. |
71
+ | `--kolibri-color-danger` | Default color of the danger. |
72
+ | `--kolibri-color-disabled` | Default color of the disabled. |
73
+ | `--kolibri-color-error` | Default color of the error. |
74
+ | `--kolibri-color-ghost` | Default color of the ghost. |
75
+ | `--kolibri-color-info` | Default color of the info. |
76
+ | `--kolibri-color-normal` | Default color of the normal. |
77
+ | `--kolibri-color-primary` | Default color of the primary. |
78
+ | `--kolibri-color-secondary` | Default color of the secondary. |
79
+ | `--kolibri-color-success` | Default color of the success. |
80
+ | `--kolibri-color-text` | Default color of the text. |
81
+ | `--kolibri-color-visited` | Default color of the visited. |
82
+ | `--kolibri-color-warning` | Default color of the warning. |
83
+ | `--kolibri-font-family` | Default font family. |
84
+ | `--kolibri-font-size` | Default font size. |
85
+
86
+
66
87
  ## Dependencies
67
88
 
68
89
  ### Depends on
package/doc/input-number.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen, Datumswerte, Datum
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-number _type="date" _id="mein_datum" _name="mein_datum">
11
- Erstellungsdatum
12
- </kol-input-number>
9
+ ```html
10
+ <kol-input-number _type="date" _id="mein_datum" _name="mein_datum"> Erstellungsdatum </kol-input-number>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -79,8 +77,8 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
79
77
  | `_icon` | `_icon` | Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes. | `string \| undefined \| { right: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { right?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
80
78
  | `_id` _(required)_ | `_id` | Gibt die technische ID des Eingabefeldes an. | `string` | `undefined` |
81
79
  | `_list` | `_list` | Gibt die Liste der Vorschlagszahlen an. | `string \| string[] \| undefined` | `undefined` |
82
- | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
83
- | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
80
+ | `_max` | `_max` | Gibt den größtmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| number \| undefined` | `undefined` |
81
+ | `_min` | `_min` | Gibt den kleinstmöglichen Zahlenwert an. | ``${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| number \| undefined` | `undefined` |
84
82
  | `_name` | `_name` | Gibt den technischen Namen des Eingabefeldes an. | `string \| undefined` | `undefined` |
85
83
  | `_on` | -- | Gibt die EventCallback-Funktionen für das Input-Event an. | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus \| undefined` | `undefined` |
86
84
  | `_placeholder` | `_placeholder` | Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist. | `string \| undefined` | `undefined` |
@@ -91,7 +89,30 @@ Das Eingabefeld für Zeitangaben gibt es in unterschiedlichen Ausprägungen (Dat
91
89
  | `_tabIndex` | `_tab-index` | Gibt an, welchen Tab-Index dieses Input hat. | `number \| undefined` | `undefined` |
92
90
  | `_touched` | `_touched` | Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde. | `boolean \| undefined` | `false` |
93
91
  | `_type` | `_type` | <span class="text-red-500">**[DEPRECATED]**</span> Das W3C hat die Date-Typen in eine eigene Gruppe zusammengefasst. Verwende hierfür die InputDate-Komponente.<br/><br/>Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist. | `"date" \| "datetime-local" \| "month" \| "number" \| "time" \| "week" \| undefined` | `'number'` |
94
- | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}.${number}` \| `${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}.${number}` \| `${number}:${number}:${number}` \| number \| undefined` | `undefined` |
92
+ | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | ``${number}-${number}-${number}T${number}:${number}:${number}` \| `${number}-${number}-${number}T${number}:${number}` \| `${number}-${number}-${number}` \| `${number}-${number}` \| `${number}-W${number}` \| `${number}:${number}:${number}` \| `${number}:${number}` \| null \| number \| undefined` | `undefined` |
93
+
94
+
95
+ ## CSS Custom Properties
96
+
97
+ | Name | Description |
98
+ | --------------------------- | ------------------------------- |
99
+ | `--kolibri-border-color` | Default color of the border. |
100
+ | `--kolibri-border-radius` | Default radius of the border. |
101
+ | `--kolibri-border-width` | Default width of the border. |
102
+ | `--kolibri-color-danger` | Default color of the danger. |
103
+ | `--kolibri-color-disabled` | Default color of the disabled. |
104
+ | `--kolibri-color-error` | Default color of the error. |
105
+ | `--kolibri-color-ghost` | Default color of the ghost. |
106
+ | `--kolibri-color-info` | Default color of the info. |
107
+ | `--kolibri-color-normal` | Default color of the normal. |
108
+ | `--kolibri-color-primary` | Default color of the primary. |
109
+ | `--kolibri-color-secondary` | Default color of the secondary. |
110
+ | `--kolibri-color-success` | Default color of the success. |
111
+ | `--kolibri-color-text` | Default color of the text. |
112
+ | `--kolibri-color-visited` | Default color of the visited. |
113
+ | `--kolibri-color-warning` | Default color of the warning. |
114
+ | `--kolibri-font-family` | Default font family. |
115
+ | `--kolibri-font-size` | Default font size. |
95
116
 
96
117
 
97
118
  ## Dependencies
package/doc/input-password.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-password _id="main_passwort" _name="main_passwort">
11
- Passwort
12
- </kol-input-password>
9
+ ```html
10
+ <kol-input-password _id="main_passwort" _name="main_passwort"> Passwort </kol-input-password>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -66,6 +64,29 @@ Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe
66
64
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
67
65
 
68
66
 
67
+ ## CSS Custom Properties
68
+
69
+ | Name | Description |
70
+ | --------------------------- | ------------------------------- |
71
+ | `--kolibri-border-color` | Default color of the border. |
72
+ | `--kolibri-border-radius` | Default radius of the border. |
73
+ | `--kolibri-border-width` | Default width of the border. |
74
+ | `--kolibri-color-danger` | Default color of the danger. |
75
+ | `--kolibri-color-disabled` | Default color of the disabled. |
76
+ | `--kolibri-color-error` | Default color of the error. |
77
+ | `--kolibri-color-ghost` | Default color of the ghost. |
78
+ | `--kolibri-color-info` | Default color of the info. |
79
+ | `--kolibri-color-normal` | Default color of the normal. |
80
+ | `--kolibri-color-primary` | Default color of the primary. |
81
+ | `--kolibri-color-secondary` | Default color of the secondary. |
82
+ | `--kolibri-color-success` | Default color of the success. |
83
+ | `--kolibri-color-text` | Default color of the text. |
84
+ | `--kolibri-color-visited` | Default color of the visited. |
85
+ | `--kolibri-color-warning` | Default color of the warning. |
86
+ | `--kolibri-font-family` | Default font family. |
87
+ | `--kolibri-font-size` | Default font size. |
88
+
89
+
69
90
  ## Dependencies
70
91
 
71
92
  ### Depends on
package/doc/input-radio.md CHANGED
@@ -10,7 +10,7 @@ Die Komponente ** InputRadio** besteht aus einer Sammlung von Radio-Elementen un
10
10
 
11
11
  ### Code
12
12
 
13
- ```tsx
13
+ ```html
14
14
  <kol-input-radio
15
15
  _id="anrede"
16
16
  _name="anrede"
@@ -34,21 +34,8 @@ Das JSON-Objekt erwartet je Radio-Element folgende Werte:
34
34
 
35
35
  Beispiel für die Erstellung des JSON-Objekts zur Definition der Radio-Elemente:
36
36
 
37
- ```tsx
38
- [
39
- {
40
- label: 'Herr',
41
- value: 'Herr',
42
- },
43
- {
44
- label: 'Frau',
45
- value: 'Frau',
46
- },
47
- {
48
- label: 'Firma',
49
- value: 'Firma',
50
- },
51
- ];
37
+ ```html
38
+ [ { label: 'Herr', value: 'Herr', }, { label: 'Frau', value: 'Frau', }, { label: 'Firma', value: 'Firma', }, ];
52
39
  ```
53
40
 
54
41
  ### Best practices
@@ -97,6 +84,29 @@ Beispiel für die Erstellung des JSON-Objekts zur Definition der Radio-Elemente:
97
84
  | `_value` | `_value` | Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902) | `number \| string \| undefined` | `undefined` |
98
85
 
99
86
 
87
+ ## CSS Custom Properties
88
+
89
+ | Name | Description |
90
+ | --------------------------- | ------------------------------- |
91
+ | `--kolibri-border-color` | Default color of the border. |
92
+ | `--kolibri-border-radius` | Default radius of the border. |
93
+ | `--kolibri-border-width` | Default width of the border. |
94
+ | `--kolibri-color-danger` | Default color of the danger. |
95
+ | `--kolibri-color-disabled` | Default color of the disabled. |
96
+ | `--kolibri-color-error` | Default color of the error. |
97
+ | `--kolibri-color-ghost` | Default color of the ghost. |
98
+ | `--kolibri-color-info` | Default color of the info. |
99
+ | `--kolibri-color-normal` | Default color of the normal. |
100
+ | `--kolibri-color-primary` | Default color of the primary. |
101
+ | `--kolibri-color-secondary` | Default color of the secondary. |
102
+ | `--kolibri-color-success` | Default color of the success. |
103
+ | `--kolibri-color-text` | Default color of the text. |
104
+ | `--kolibri-color-visited` | Default color of the visited. |
105
+ | `--kolibri-color-warning` | Default color of the warning. |
106
+ | `--kolibri-font-family` | Default font family. |
107
+ | `--kolibri-font-size` | Default font size. |
108
+
109
+
100
110
  ## Dependencies
101
111
 
102
112
  ### Used by
package/doc/input-range.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-range _id="meine_range" _name="meine_range" _min={100} _max={200} _step={10}>
11
- Wertebereich
12
- </kol-input-range>
9
+ ```html
10
+ <kol-input-range _id="meine_range" _name="meine_range" _min="{100}" _max="{200}" _step="{10}"> Wertebereich </kol-input-range>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -65,6 +63,29 @@ Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Ve
65
63
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `number \| undefined` | `undefined` |
66
64
 
67
65
 
66
+ ## CSS Custom Properties
67
+
68
+ | Name | Description |
69
+ | --------------------------- | ------------------------------- |
70
+ | `--kolibri-border-color` | Default color of the border. |
71
+ | `--kolibri-border-radius` | Default radius of the border. |
72
+ | `--kolibri-border-width` | Default width of the border. |
73
+ | `--kolibri-color-danger` | Default color of the danger. |
74
+ | `--kolibri-color-disabled` | Default color of the disabled. |
75
+ | `--kolibri-color-error` | Default color of the error. |
76
+ | `--kolibri-color-ghost` | Default color of the ghost. |
77
+ | `--kolibri-color-info` | Default color of the info. |
78
+ | `--kolibri-color-normal` | Default color of the normal. |
79
+ | `--kolibri-color-primary` | Default color of the primary. |
80
+ | `--kolibri-color-secondary` | Default color of the secondary. |
81
+ | `--kolibri-color-success` | Default color of the success. |
82
+ | `--kolibri-color-text` | Default color of the text. |
83
+ | `--kolibri-color-visited` | Default color of the visited. |
84
+ | `--kolibri-color-warning` | Default color of the warning. |
85
+ | `--kolibri-font-family` | Default font family. |
86
+ | `--kolibri-font-size` | Default font size. |
87
+
88
+
68
89
  ## Dependencies
69
90
 
70
91
  ### Depends on
package/doc/input-text.md CHANGED
@@ -6,10 +6,8 @@ Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe,
6
6
 
7
7
  ### Code
8
8
 
9
- ```tsx
10
- <kol-input-text _type="text" _id="mein_text" _name="mein_text">
11
- Texteingabe
12
- </kol-input-text>
9
+ ```html
10
+ <kol-input-text _type="text" _id="mein_text" _name="mein_text"> Texteingabe </kol-input-text>
13
11
  ```
14
12
 
15
13
  ### Beispiel
@@ -74,6 +72,29 @@ Texteingabe
74
72
  | `_value` | `_value` | Gibt den Wert des Eingabefeldes an. | `string \| undefined` | `undefined` |
75
73
 
76
74
 
75
+ ## CSS Custom Properties
76
+
77
+ | Name | Description |
78
+ | --------------------------- | ------------------------------- |
79
+ | `--kolibri-border-color` | Default color of the border. |
80
+ | `--kolibri-border-radius` | Default radius of the border. |
81
+ | `--kolibri-border-width` | Default width of the border. |
82
+ | `--kolibri-color-danger` | Default color of the danger. |
83
+ | `--kolibri-color-disabled` | Default color of the disabled. |
84
+ | `--kolibri-color-error` | Default color of the error. |
85
+ | `--kolibri-color-ghost` | Default color of the ghost. |
86
+ | `--kolibri-color-info` | Default color of the info. |
87
+ | `--kolibri-color-normal` | Default color of the normal. |
88
+ | `--kolibri-color-primary` | Default color of the primary. |
89
+ | `--kolibri-color-secondary` | Default color of the secondary. |
90
+ | `--kolibri-color-success` | Default color of the success. |
91
+ | `--kolibri-color-text` | Default color of the text. |
92
+ | `--kolibri-color-visited` | Default color of the visited. |
93
+ | `--kolibri-color-warning` | Default color of the warning. |
94
+ | `--kolibri-font-family` | Default font family. |
95
+ | `--kolibri-font-size` | Default font size. |
96
+
97
+
77
98
  ## Dependencies
78
99
 
79
100
  ### Depends on