@prokodo/ui 0.1.14 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (351) hide show
  1. package/LICENSE +187 -26
  2. package/NOTICE +24 -0
  3. package/README.md +32 -302
  4. package/dist/components/RTE/RTE.client.js +0 -1
  5. package/dist/components/RTE/RTE.css +180 -68
  6. package/dist/components/RTE/RTE.js +4 -1
  7. package/dist/components/RTE/RTE.module.css +180 -68
  8. package/dist/components/RTE/RTE.module.scss.js +10 -0
  9. package/dist/components/RTE/RTE.view.js +5 -1
  10. package/dist/components/accordion/Accordion.css +120 -67
  11. package/dist/components/accordion/Accordion.js +8 -2
  12. package/dist/components/accordion/Accordion.module.css +120 -67
  13. package/dist/components/accordion/Accordion.module.scss.js +12 -5
  14. package/dist/components/accordion/Accordion.view.js +4 -4
  15. package/dist/components/animated/Animated.client.js +13 -5
  16. package/dist/components/animated/Animated.js +8 -2
  17. package/dist/components/animatedText/AnimatedText.client.js +10 -2
  18. package/dist/components/animatedText/AnimatedText.js +8 -2
  19. package/dist/components/autocomplete/Autocomplete.client.js +5 -1
  20. package/dist/components/autocomplete/Autocomplete.css +111 -95
  21. package/dist/components/autocomplete/Autocomplete.js +4 -1
  22. package/dist/components/autocomplete/Autocomplete.module.css +111 -95
  23. package/dist/components/autocomplete/Autocomplete.module.scss.js +11 -4
  24. package/dist/components/autocomplete/Autocomplete.view.js +16 -5
  25. package/dist/components/avatar/Avatar.css +11 -8
  26. package/dist/components/avatar/Avatar.js +4 -1
  27. package/dist/components/avatar/Avatar.module.css +11 -8
  28. package/dist/components/avatar/Avatar.module.scss.js +1 -0
  29. package/dist/components/avatar/Avatar.view.js +22 -15
  30. package/dist/components/base-link/BaseLink.js +4 -1
  31. package/dist/components/base-link/BaseLink.view.js +3 -0
  32. package/dist/components/button/Button.client.js +12 -16
  33. package/dist/components/button/Button.css +85 -137
  34. package/dist/components/button/Button.js +4 -1
  35. package/dist/components/button/Button.module.css +85 -137
  36. package/dist/components/button/Button.module.scss.js +15 -19
  37. package/dist/components/button/Button.view.js +8 -2
  38. package/dist/components/calendly/Calendly.css +132 -0
  39. package/dist/components/calendly/Calendly.js +8 -2
  40. package/dist/components/calendly/Calendly.module.css +132 -0
  41. package/dist/components/calendly/Calendly.module.scss.js +6 -0
  42. package/dist/components/calendly/Calendly.view.js +12 -6
  43. package/dist/components/card/Card.client.js +6 -1
  44. package/dist/components/card/Card.css +67 -32
  45. package/dist/components/card/Card.js +11 -5
  46. package/dist/components/card/Card.module.css +67 -32
  47. package/dist/components/card/Card.module.scss.js +8 -2
  48. package/dist/components/card/Card.view.js +25 -8
  49. package/dist/components/carousel/Carousel.client.js +138 -129
  50. package/dist/components/carousel/Carousel.css +8 -4
  51. package/dist/components/carousel/Carousel.js +8 -2
  52. package/dist/components/carousel/Carousel.module.css +8 -4
  53. package/dist/components/carousel/Carousel.view.js +10 -0
  54. package/dist/components/checkbox/Checkbox.css +100 -79
  55. package/dist/components/checkbox/Checkbox.js +4 -1
  56. package/dist/components/checkbox/Checkbox.module.css +100 -79
  57. package/dist/components/checkbox/Checkbox.module.scss.js +11 -4
  58. package/dist/components/checkbox/Checkbox.view.js +7 -2
  59. package/dist/components/checkbox-group/CheckboxGroup.css +39 -6
  60. package/dist/components/checkbox-group/CheckboxGroup.js +4 -1
  61. package/dist/components/checkbox-group/CheckboxGroup.module.css +39 -6
  62. package/dist/components/checkbox-group/CheckboxGroup.module.scss.js +8 -0
  63. package/dist/components/checkbox-group/CheckboxGroup.view.js +7 -2
  64. package/dist/components/chip/Chip.css +185 -61
  65. package/dist/components/chip/Chip.js +4 -1
  66. package/dist/components/chip/Chip.module.css +185 -61
  67. package/dist/components/chip/Chip.module.scss.js +13 -17
  68. package/dist/components/chip/Chip.view.js +7 -4
  69. package/dist/components/datePicker/DatePicker.client.js +211 -66
  70. package/dist/components/datePicker/DatePicker.css +940 -0
  71. package/dist/components/datePicker/DatePicker.js +4 -1
  72. package/dist/components/datePicker/DatePicker.module.css +940 -0
  73. package/dist/components/datePicker/DatePicker.module.scss.js +62 -0
  74. package/dist/components/datePicker/DatePicker.server.js +31 -1
  75. package/dist/components/datePicker/DatePicker.utils.js +103 -0
  76. package/dist/components/datePicker/DatePicker.view.js +113 -41
  77. package/dist/components/datePicker/DatePickerDialog.view.js +291 -0
  78. package/dist/components/dialog/Dialog.css +107 -132
  79. package/dist/components/dialog/Dialog.js +8 -2
  80. package/dist/components/dialog/Dialog.module.css +107 -132
  81. package/dist/components/dialog/Dialog.module.scss.js +13 -8
  82. package/dist/components/dialog/Dialog.view.js +23 -5
  83. package/dist/components/drawer/Drawer.client.js +0 -1
  84. package/dist/components/drawer/Drawer.css +8 -8
  85. package/dist/components/drawer/Drawer.js +4 -1
  86. package/dist/components/drawer/Drawer.module.css +8 -8
  87. package/dist/components/drawer/Drawer.view.js +14 -3
  88. package/dist/components/dynamic-list/DynamicList.client.js +1 -0
  89. package/dist/components/dynamic-list/DynamicList.css +20 -12
  90. package/dist/components/dynamic-list/DynamicList.js +4 -1
  91. package/dist/components/dynamic-list/DynamicList.module.css +20 -12
  92. package/dist/components/dynamic-list/DynamicList.module.scss.js +1 -0
  93. package/dist/components/dynamic-list/DynamicList.view.js +89 -44
  94. package/dist/components/form/Form.client.js +4 -1
  95. package/dist/components/form/Form.js +4 -1
  96. package/dist/components/form/Form.view.js +6 -4
  97. package/dist/components/form/FormField.client.js +59 -4
  98. package/dist/components/form/FormField.js +4 -1
  99. package/dist/components/form/FormField.server.js +10 -4
  100. package/dist/components/form/FormResponse.js +6 -3
  101. package/dist/components/grid/Grid.css +1 -1
  102. package/dist/components/grid/Grid.module.css +1 -1
  103. package/dist/components/headline/Headline.css +16 -16
  104. package/dist/components/headline/Headline.js +13 -8
  105. package/dist/components/headline/Headline.module.css +16 -16
  106. package/dist/components/headline/Headline.module.scss.js +1 -1
  107. package/dist/components/headline/Headline.variants.js +4 -1
  108. package/dist/components/icon/Icon.css +14 -14
  109. package/dist/components/icon/Icon.js +8 -2
  110. package/dist/components/icon/Icon.module.css +14 -14
  111. package/dist/components/image/Image.client.js +9 -5
  112. package/dist/components/image/Image.css +4 -3
  113. package/dist/components/image/Image.js +8 -2
  114. package/dist/components/image/Image.module.css +4 -3
  115. package/dist/components/image/Image.server.js +2 -1
  116. package/dist/components/image-text/ImageText.css +43 -14
  117. package/dist/components/image-text/ImageText.js +68 -50
  118. package/dist/components/image-text/ImageText.module.css +43 -14
  119. package/dist/components/image-text/ImageText.module.scss.js +11 -2
  120. package/dist/components/input/Input.client.js +15 -2
  121. package/dist/components/input/Input.css +197 -115
  122. package/dist/components/input/Input.js +4 -1
  123. package/dist/components/input/Input.module.css +197 -115
  124. package/dist/components/input/Input.module.scss.js +19 -3
  125. package/dist/components/input/Input.view.js +102 -63
  126. package/dist/components/input/InputValidation.js +6 -2
  127. package/dist/components/inputOTP/InputOTP.client.js +165 -0
  128. package/dist/components/inputOTP/InputOTP.css +155 -7
  129. package/dist/components/inputOTP/InputOTP.js +10 -194
  130. package/dist/components/inputOTP/InputOTP.lazy.js +12 -0
  131. package/dist/components/inputOTP/InputOTP.module.css +155 -7
  132. package/dist/components/inputOTP/InputOTP.module.scss.js +14 -0
  133. package/dist/components/inputOTP/InputOTP.server.js +32 -0
  134. package/dist/components/inputOTP/InputOTP.view.js +117 -0
  135. package/dist/components/label/Label.css +33 -14
  136. package/dist/components/label/Label.js +37 -35
  137. package/dist/components/label/Label.module.css +33 -14
  138. package/dist/components/label/Label.module.scss.js +9 -2
  139. package/dist/components/link/Link.css +13 -13
  140. package/dist/components/link/Link.js +5 -3
  141. package/dist/components/link/Link.module.css +13 -13
  142. package/dist/components/link/Link.view.js +16 -13
  143. package/dist/components/list/List.css +71 -32
  144. package/dist/components/list/List.js +74 -28
  145. package/dist/components/list/List.module.css +71 -32
  146. package/dist/components/list/List.module.scss.js +1 -1
  147. package/dist/components/loading/Loading.js +4 -1
  148. package/dist/components/loading/Loading.view.js +47 -7
  149. package/dist/components/lottie/Lottie.css +16 -0
  150. package/dist/components/lottie/Lottie.js +9 -5
  151. package/dist/components/lottie/Lottie.module.css +16 -0
  152. package/dist/components/lottie/Lottie.module.scss.js +6 -2
  153. package/dist/components/map/Map.css +130 -0
  154. package/dist/components/map/Map.js +67 -46
  155. package/dist/components/map/Map.module.css +130 -0
  156. package/dist/components/map/Map.module.scss.js +6 -0
  157. package/dist/components/pagination/Pagination.css +127 -11
  158. package/dist/components/pagination/Pagination.js +4 -1
  159. package/dist/components/pagination/Pagination.module.css +127 -11
  160. package/dist/components/pagination/Pagination.module.scss.js +12 -4
  161. package/dist/components/pagination/Pagination.view.js +16 -2
  162. package/dist/components/post-item/PostItem.css +16 -16
  163. package/dist/components/post-item/PostItem.js +4 -1
  164. package/dist/components/post-item/PostItem.module.css +16 -16
  165. package/dist/components/post-item/PostItem.view.js +14 -5
  166. package/dist/components/post-item/PostItemAuthor.js +4 -1
  167. package/dist/components/post-teaser/PostTeaser.css +13 -13
  168. package/dist/components/post-teaser/PostTeaser.js +4 -1
  169. package/dist/components/post-teaser/PostTeaser.module.css +13 -13
  170. package/dist/components/post-teaser/PostTeaser.view.js +14 -5
  171. package/dist/components/post-widget/PostWidget.css +6 -8
  172. package/dist/components/post-widget/PostWidget.js +5 -3
  173. package/dist/components/post-widget/PostWidget.module.css +6 -8
  174. package/dist/components/post-widget/PostWidget.view.js +21 -8
  175. package/dist/components/post-widget-carousel/PostWidgetCarousel.css +7 -7
  176. package/dist/components/post-widget-carousel/PostWidgetCarousel.js +8 -2
  177. package/dist/components/post-widget-carousel/PostWidgetCarousel.module.css +7 -7
  178. package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js +32 -14
  179. package/dist/components/progressBar/ProgressBar.css +4 -4
  180. package/dist/components/progressBar/ProgressBar.js +8 -2
  181. package/dist/components/progressBar/ProgressBar.module.css +4 -4
  182. package/dist/components/progressBar/ProgressBar.view.js +6 -3
  183. package/dist/components/quote/Quote.css +21 -6
  184. package/dist/components/quote/Quote.js +5 -5
  185. package/dist/components/quote/Quote.module.css +21 -6
  186. package/dist/components/quote/Quote.module.scss.js +5 -0
  187. package/dist/components/rating/Rating.client.js +6 -1
  188. package/dist/components/rating/Rating.css +34 -21
  189. package/dist/components/rating/Rating.js +4 -1
  190. package/dist/components/rating/Rating.module.css +34 -21
  191. package/dist/components/rating/Rating.module.scss.js +8 -0
  192. package/dist/components/rating/Rating.view.js +4 -2
  193. package/dist/components/rich-text/RichText.client.js +55 -20
  194. package/dist/components/rich-text/RichText.css +47 -31
  195. package/dist/components/rich-text/RichText.js +8 -2
  196. package/dist/components/rich-text/RichText.module.css +47 -31
  197. package/dist/components/rich-text/RichText.server.js +3 -0
  198. package/dist/components/select/Select.client.js +303 -102
  199. package/dist/components/select/Select.css +542 -221
  200. package/dist/components/select/Select.js +8 -2
  201. package/dist/components/select/Select.module.css +542 -221
  202. package/dist/components/select/Select.module.scss.js +57 -14
  203. package/dist/components/select/Select.view.js +75 -25
  204. package/dist/components/sidenav/SideNav.client.js +24 -1
  205. package/dist/components/sidenav/SideNav.css +89 -21
  206. package/dist/components/sidenav/SideNav.js +8 -2
  207. package/dist/components/sidenav/SideNav.module.css +89 -21
  208. package/dist/components/sidenav/SideNav.module.scss.js +6 -1
  209. package/dist/components/sidenav/SideNav.view.js +69 -14
  210. package/dist/components/skeleton/Skeleton.css +7 -7
  211. package/dist/components/skeleton/Skeleton.module.css +7 -7
  212. package/dist/components/slider/Slider.client.js +11 -2
  213. package/dist/components/slider/Slider.css +177 -112
  214. package/dist/components/slider/Slider.js +4 -1
  215. package/dist/components/slider/Slider.module.css +177 -112
  216. package/dist/components/slider/Slider.module.scss.js +11 -2
  217. package/dist/components/slider/Slider.view.js +140 -90
  218. package/dist/components/snackbar/Snackbar.client.js +5 -1
  219. package/dist/components/snackbar/Snackbar.css +125 -64
  220. package/dist/components/snackbar/Snackbar.js +4 -1
  221. package/dist/components/snackbar/Snackbar.module.css +125 -64
  222. package/dist/components/snackbar/Snackbar.module.scss.js +11 -13
  223. package/dist/components/snackbar/Snackbar.view.js +2 -2
  224. package/dist/components/snackbar/SnackbarProvider.js +8 -2
  225. package/dist/components/stepper/Stepper.client.js +27 -9
  226. package/dist/components/stepper/Stepper.css +46 -11
  227. package/dist/components/stepper/Stepper.js +4 -1
  228. package/dist/components/stepper/Stepper.module.css +46 -11
  229. package/dist/components/stepper/Stepper.module.scss.js +7 -0
  230. package/dist/components/stepper/Stepper.server.js +2 -0
  231. package/dist/components/stepper/Stepper.view.js +6 -1
  232. package/dist/components/switch/Switch.css +108 -84
  233. package/dist/components/switch/Switch.js +4 -1
  234. package/dist/components/switch/Switch.module.css +108 -84
  235. package/dist/components/switch/Switch.module.scss.js +14 -12
  236. package/dist/components/switch/Switch.view.js +10 -8
  237. package/dist/components/table/Table.css +19 -14
  238. package/dist/components/table/Table.js +1 -0
  239. package/dist/components/table/Table.module.css +19 -14
  240. package/dist/components/tabs/Tabs.client.js +1 -0
  241. package/dist/components/tabs/Tabs.css +53 -27
  242. package/dist/components/tabs/Tabs.js +8 -2
  243. package/dist/components/tabs/Tabs.module.css +53 -27
  244. package/dist/components/tabs/Tabs.module.scss.js +7 -2
  245. package/dist/components/tabs/Tabs.view.js +12 -4
  246. package/dist/components/teaser/Teaser.css +5 -5
  247. package/dist/components/teaser/Teaser.js +4 -4
  248. package/dist/components/teaser/Teaser.module.css +5 -5
  249. package/dist/components/tooltip/Tooltip.client.js +140 -95
  250. package/dist/components/tooltip/Tooltip.css +46 -9
  251. package/dist/components/tooltip/Tooltip.js +10 -4
  252. package/dist/components/tooltip/Tooltip.module.css +46 -9
  253. package/dist/components/tooltip/Tooltip.module.scss.js +5 -1
  254. package/dist/components/tooltip/Tooltip.view.js +7 -1
  255. package/dist/constants/project.js +1 -1
  256. package/dist/helpers/createIsland.js +1 -0
  257. package/dist/helpers/createLazyWrapper.js +1 -0
  258. package/dist/hooks/useGoogleMaps.js +0 -1
  259. package/dist/theme.css +3269 -1588
  260. package/dist/tsconfig.build.tsbuildinfo +1 -1
  261. package/dist/types/components/RTE/RTE.d.ts +6 -1
  262. package/dist/types/components/RTE/RTE.lazy.d.ts +6 -1
  263. package/dist/types/components/RTE/RTE.view.d.ts +1 -1
  264. package/dist/types/components/accordion/Accordion.d.ts +1 -1
  265. package/dist/types/components/accordion/Accordion.lazy.d.ts +1 -1
  266. package/dist/types/components/accordion/Accordion.model.d.ts +1 -1
  267. package/dist/types/components/accordion/Accordion.view.d.ts +1 -1
  268. package/dist/types/components/autocomplete/Autocomplete.model.d.ts +2 -0
  269. package/dist/types/components/autocomplete/Autocomplete.view.d.ts +1 -1
  270. package/dist/types/components/avatar/Avatar.d.ts +1 -1
  271. package/dist/types/components/avatar/Avatar.lazy.d.ts +1 -1
  272. package/dist/types/components/avatar/Avatar.model.d.ts +1 -1
  273. package/dist/types/components/avatar/Avatar.view.d.ts +1 -1
  274. package/dist/types/components/calendly/Calendly.view.d.ts +1 -1
  275. package/dist/types/components/card/Card.model.d.ts +1 -1
  276. package/dist/types/components/card/Card.view.d.ts +1 -1
  277. package/dist/types/components/carousel/Carousel.view.d.ts +1 -1
  278. package/dist/types/components/checkbox/Checkbox.d.ts +1 -0
  279. package/dist/types/components/checkbox/Checkbox.lazy.d.ts +1 -0
  280. package/dist/types/components/checkbox/Checkbox.model.d.ts +2 -0
  281. package/dist/types/components/checkbox/Checkbox.view.d.ts +1 -1
  282. package/dist/types/components/checkbox-group/CheckboxGroup.model.d.ts +2 -0
  283. package/dist/types/components/checkbox-group/CheckboxGroup.view.d.ts +1 -1
  284. package/dist/types/components/datePicker/DatePicker.model.d.ts +70 -1
  285. package/dist/types/components/datePicker/DatePicker.utils.d.ts +10 -0
  286. package/dist/types/components/datePicker/DatePicker.view.d.ts +7 -4
  287. package/dist/types/components/datePicker/DatePickerDialog.view.d.ts +4 -0
  288. package/dist/types/components/dynamic-list/DynamicList.model.d.ts +3 -1
  289. package/dist/types/components/dynamic-list/DynamicList.view.d.ts +1 -1
  290. package/dist/types/components/form/Form.d.ts +1 -1
  291. package/dist/types/components/form/Form.lazy.d.ts +1 -1
  292. package/dist/types/components/form/Form.model.d.ts +19 -4
  293. package/dist/types/components/form/FormField.client.d.ts +2 -2
  294. package/dist/types/components/form/FormField.d.ts +1 -1
  295. package/dist/types/components/form/FormField.lazy.d.ts +1 -1
  296. package/dist/types/components/form/FormField.server.d.ts +2 -2
  297. package/dist/types/components/headline/Headline.model.d.ts +2 -2
  298. package/dist/types/components/input/Input.model.d.ts +8 -1
  299. package/dist/types/components/input/Input.view.d.ts +1 -1
  300. package/dist/types/components/inputOTP/InputOTP.client.d.ts +4 -0
  301. package/dist/types/components/inputOTP/InputOTP.d.ts +10 -3
  302. package/dist/types/components/inputOTP/InputOTP.lazy.d.ts +11 -0
  303. package/dist/types/components/inputOTP/InputOTP.model.d.ts +10 -0
  304. package/dist/types/components/inputOTP/InputOTP.server.d.ts +3 -0
  305. package/dist/types/components/inputOTP/InputOTP.view.d.ts +3 -0
  306. package/dist/types/components/inputOTP/index.d.ts +1 -1
  307. package/dist/types/components/label/Label.model.d.ts +2 -0
  308. package/dist/types/components/link/Link.model.d.ts +1 -1
  309. package/dist/types/components/link/Link.view.d.ts +1 -1
  310. package/dist/types/components/list/List.d.ts +1 -1
  311. package/dist/types/components/list/List.model.d.ts +14 -5
  312. package/dist/types/components/list/index.d.ts +1 -1
  313. package/dist/types/components/loading/Loading.model.d.ts +2 -0
  314. package/dist/types/components/loading/index.d.ts +1 -1
  315. package/dist/types/components/pagination/Pagination.model.d.ts +2 -0
  316. package/dist/types/components/pagination/Pagination.view.d.ts +1 -1
  317. package/dist/types/components/post-item/PostItem.model.d.ts +2 -1
  318. package/dist/types/components/post-teaser/PostTeaser.model.d.ts +2 -1
  319. package/dist/types/components/post-widget/PostWidget.view.d.ts +1 -1
  320. package/dist/types/components/progressBar/ProgressBar.d.ts +1 -1
  321. package/dist/types/components/progressBar/ProgressBar.lazy.d.ts +1 -1
  322. package/dist/types/components/progressBar/ProgressBar.model.d.ts +3 -2
  323. package/dist/types/components/progressBar/ProgressBar.view.d.ts +1 -1
  324. package/dist/types/components/progressBar/index.d.ts +1 -1
  325. package/dist/types/components/quote/Quote.model.d.ts +1 -1
  326. package/dist/types/components/rating/Rating.model.d.ts +2 -0
  327. package/dist/types/components/rich-text/RichText.client.d.ts +1 -1
  328. package/dist/types/components/rich-text/RichText.d.ts +1 -1
  329. package/dist/types/components/rich-text/RichText.lazy.d.ts +1 -1
  330. package/dist/types/components/rich-text/RichText.model.d.ts +1 -1
  331. package/dist/types/components/select/Select.model.d.ts +2 -0
  332. package/dist/types/components/select/Select.view.d.ts +1 -1
  333. package/dist/types/components/sidenav/SideNav.client.d.ts +1 -1
  334. package/dist/types/components/sidenav/SideNav.model.d.ts +16 -2
  335. package/dist/types/components/sidenav/SideNav.view.d.ts +1 -1
  336. package/dist/types/components/slider/Slider.model.d.ts +2 -0
  337. package/dist/types/components/snackbar/Snackbar.model.d.ts +3 -2
  338. package/dist/types/components/snackbar/Snackbar.view.d.ts +3 -2
  339. package/dist/types/components/snackbar/index.d.ts +1 -1
  340. package/dist/types/components/stepper/Stepper.d.ts +1 -0
  341. package/dist/types/components/stepper/Stepper.lazy.d.ts +1 -0
  342. package/dist/types/components/stepper/Stepper.model.d.ts +3 -0
  343. package/dist/types/components/stepper/Stepper.server.d.ts +1 -1
  344. package/dist/types/components/switch/Switch.d.ts +2 -2
  345. package/dist/types/components/switch/Switch.lazy.d.ts +2 -2
  346. package/dist/types/components/switch/Switch.model.d.ts +3 -4
  347. package/dist/types/components/tabs/Tabs.model.d.ts +2 -0
  348. package/dist/types/components/tabs/Tabs.view.d.ts +1 -1
  349. package/dist/types/components/teaser/Teaser.model.d.ts +1 -1
  350. package/dist/types/components/tooltip/Tooltip.model.d.ts +2 -0
  351. package/package.json +53 -24
@@ -127,7 +127,7 @@
127
127
  .prokodo-Link {
128
128
  text-decoration: none;
129
129
  cursor: pointer;
130
- color: var(--color-grey-500);
130
+ color: var(--pk-link-color);
131
131
  font-weight: 500;
132
132
  font-size: 1.125rem;
133
133
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -155,38 +155,38 @@
155
155
  }
156
156
  .prokodo-Link--has-no-background:hover {
157
157
  text-decoration: underline;
158
- color: var(--color-primary-500);
158
+ color: var(--pk-link-color-hover);
159
159
  }
160
160
  .prokodo-Link--has-no-background:focus {
161
- color: var(--color-primary-500);
161
+ color: var(--pk-link-color-hover);
162
162
  }
163
163
  .prokodo-Link--has-no-background--primary {
164
- color: var(--color-primary-500);
164
+ color: var(--pk-link-color-primary);
165
165
  }
166
166
  .prokodo-Link--has-no-background--secondary {
167
- color: var(--color-secondary-500);
167
+ color: var(--pk-link-color-secondary);
168
168
  }
169
169
  .prokodo-Link--has-no-background--info {
170
- color: var(--color-grey-300);
170
+ color: var(--pk-link-color-info);
171
171
  }
172
172
  .prokodo-Link--has-no-background--success {
173
- color: var(--color-success);
173
+ color: var(--pk-link-color-success);
174
174
  }
175
175
  .prokodo-Link--has-no-background--warning {
176
- color: var(--color-warning);
176
+ color: var(--pk-link-color-warning);
177
177
  }
178
178
  .prokodo-Link--has-no-background--error {
179
- color: var(--color-error);
179
+ color: var(--pk-link-color-error);
180
180
  }
181
181
  .prokodo-Link--has-no-background--white {
182
- color: var(--color-white);
182
+ color: var(--pk-link-color-white);
183
183
  }
184
184
  .prokodo-Link--has-no-background--white:hover {
185
- color: var(--color-white);
185
+ color: var(--pk-link-color-white);
186
186
  }
187
187
  .prokodo-Link--has-no-background--primary:hover, .prokodo-Link--has-no-background--secondary:hover, .prokodo-Link--has-no-background--success:hover, .prokodo-Link--has-no-background--error:hover, .prokodo-Link--has-no-background--info:hover, .prokodo-Link--has-no-background--warning:hover {
188
- color: var(--color-grey-500);
188
+ color: var(--pk-link-color-variant-hover);
189
189
  }
190
190
  .prokodo-Link--has-no-background--primary:focus, .prokodo-Link--has-no-background--secondary:focus, .prokodo-Link--has-no-background--success:focus, .prokodo-Link--has-no-background--error:focus, .prokodo-Link--has-no-background--info:focus, .prokodo-Link--has-no-background--warning:focus {
191
- color: var(--color-grey-500);
191
+ color: var(--pk-link-color-variant-hover);
192
192
  }
@@ -5,7 +5,7 @@ import { create } from "../../helpers/bem.js";
5
5
  import styles from "./Link.module.scss.js";
6
6
  const bem = create(styles, "Link");
7
7
  function LinkView({
8
- variant = "inherit",
8
+ color = "inherit",
9
9
  href,
10
10
  children,
11
11
  className,
@@ -23,7 +23,7 @@ function LinkView({
23
23
  }) {
24
24
  const linkMod = {
25
25
  "has-no-background": hasBackground === false,
26
- [`has-no-background--${variant}`]: hasBackground === false
26
+ [`has-no-background--${color}`]: hasBackground === false
27
27
  };
28
28
  const common = {
29
29
  className: bem(void 0, linkMod, className),
@@ -36,21 +36,24 @@ function LinkView({
36
36
  "span",
37
37
  {
38
38
  ...common,
39
- role: "button",
40
- tabIndex: 0,
41
- onClick: hasHandlers ? onClick : void 0,
42
- onKeyDown: hasHandlers ? (e) => {
43
- if (e.key === "Enter" || e.key === " ") {
44
- onClick == null ? void 0 : onClick(
45
- e
46
- );
47
- }
48
- } : void 0,
39
+ role: hasHandlers ? "button" : void 0,
40
+ tabIndex: hasHandlers ? 0 : void 0,
41
+ ...hasHandlers ? {
42
+ onClick,
43
+ onKeyDown: /* @__PURE__ */ __name((e) => {
44
+ if (e.key === "Enter" || e.key === " ") {
45
+ onClick == null ? void 0 : onClick(
46
+ e
47
+ );
48
+ }
49
+ }, "onKeyDown")
50
+ } : {},
49
51
  ...rest,
50
52
  children
51
53
  }
52
54
  );
53
55
  }
56
+ const clickProps = hasHandlers ? { onClick } : null;
54
57
  return /* @__PURE__ */ jsx(
55
58
  BaseLinkComponent,
56
59
  {
@@ -59,7 +62,7 @@ function LinkView({
59
62
  href,
60
63
  linkComponent,
61
64
  target,
62
- ...hasHandlers ? { onClick } : null,
65
+ ...clickProps,
63
66
  children
64
67
  }
65
68
  );
@@ -132,8 +132,8 @@
132
132
  flex-wrap: wrap;
133
133
  align-items: center;
134
134
  width: 100%;
135
- margin: 0.25rem 0;
136
- color: var(--color-grey-500);
135
+ margin: var(--pk-space-xs) 0;
136
+ color: var(--pk-color-muted);
137
137
  font-weight: 500;
138
138
  font-size: 1.125rem;
139
139
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -163,12 +163,12 @@
163
163
  flex-wrap: nowrap;
164
164
  }
165
165
  .prokodo-List__item__card {
166
- margin: 0.75rem 0;
166
+ margin: var(--pk-space-md) 0;
167
167
  }
168
168
  .prokodo-List__item__card__content {
169
169
  display: flex;
170
170
  align-items: center;
171
- padding: 0.75rem;
171
+ padding: var(--pk-space-md);
172
172
  }
173
173
  .prokodo-List__item__inner {
174
174
  width: 100%;
@@ -206,22 +206,22 @@
206
206
  align-self: flex-start;
207
207
  min-width: 2.5rem;
208
208
  height: 2.5rem;
209
- margin-top: 0.25rem;
210
- margin-right: 0.25rem;
209
+ margin-top: var(--pk-space-xs);
210
+ margin-right: var(--pk-space-xs);
211
211
  border-radius: 1000rem;
212
- background-color: var(--color-grey-50);
212
+ background-color: var(--pk-color-surface-raised);
213
213
  }
214
214
  html[data-theme=dark] .prokodo-List__item__icon {
215
- background-color: var(--color-grey-400);
215
+ background-color: var(--pk-palette-grey-400);
216
216
  }
217
217
  .prokodo-List__item__icon__wrapper {
218
218
  display: flex;
219
219
  align-items: center;
220
- padding-right: 0.5rem;
220
+ padding-right: var(--pk-space-sm);
221
221
  }
222
222
  .prokodo-List__item__title--card {
223
223
  display: block;
224
- padding: 0.75rem 0 0.25rem 0.5rem;
224
+ padding: var(--pk-space-md) 0 var(--pk-space-xs) var(--pk-space-sm);
225
225
  font-weight: 500;
226
226
  font-size: 1.125rem;
227
227
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -248,19 +248,19 @@ html[data-theme=dark] .prokodo-List__item__icon {
248
248
  font-weight: 500;
249
249
  }
250
250
  .prokodo-List__item__content {
251
- width: calc(100% - 2rem);
251
+ width: calc(100% - var(--pk-space-2xl));
252
252
  }
253
253
  .prokodo-List__item__desc {
254
- color: var(--color-grey-600);
254
+ color: var(--pk-color-muted);
255
255
  margin: 0;
256
- padding: 0.25rem 0;
256
+ padding: var(--pk-space-xs) 0;
257
257
  display: block;
258
258
  width: 100%;
259
259
  -webkit-box-orient: vertical;
260
260
  line-clamp: 3;
261
- -webkit-line-clamp: 3; /* Limits the content to 3 lines */
261
+ -webkit-line-clamp: 3;
262
262
  overflow: hidden;
263
- text-overflow: ellipsis; /* Adds the ellipsis at the end */
263
+ text-overflow: ellipsis;
264
264
  word-wrap: break-word;
265
265
  font-weight: 400;
266
266
  font-size: 1.125rem;
@@ -284,11 +284,11 @@ html[data-theme=dark] .prokodo-List__item__icon {
284
284
  }
285
285
  .prokodo-List__item__desc--card {
286
286
  padding-top: 0;
287
- padding-left: 0.5rem;
287
+ padding-left: var(--pk-space-sm);
288
288
  }
289
289
  .prokodo-List__item--is-clickable {
290
290
  cursor: pointer;
291
- color: var(--color-grey-500);
291
+ color: var(--pk-color-muted);
292
292
  }
293
293
  .prokodo-List__item--is-clickable a {
294
294
  font-weight: 500;
@@ -316,44 +316,83 @@ html[data-theme=dark] .prokodo-List__item__icon {
316
316
  .prokodo-List__item--is-clickable a {
317
317
  font-weight: 500;
318
318
  }
319
- .prokodo-List__item--is-clickable:hover span[role=presentation] {
320
- color: var(--color-primary-500);
319
+ .prokodo-List__item--is-clickable--inherit:hover {
320
+ color: var(--pk-color-brand);
321
321
  }
322
- .prokodo-List__item--is-clickable:hover .list-title {
322
+ .prokodo-List__item--is-clickable--inherit:hover .list-title {
323
323
  background-image: var(--gradient-text-primary);
324
324
  -webkit-background-clip: text;
325
325
  background-clip: text;
326
326
  -webkit-text-fill-color: transparent;
327
327
  }
328
- .prokodo-List__item--is-clickable--inherit:hover {
329
- color: var(--color-primary-500);
330
- }
331
328
  .prokodo-List__item--is-clickable--primary {
332
- color: var(--color-primary-500);
329
+ color: var(--pk-color-brand);
330
+ }
331
+ .prokodo-List__item--is-clickable--primary:hover .list-title {
332
+ background-image: var(--gradient-text-primary);
333
+ -webkit-background-clip: text;
334
+ background-clip: text;
335
+ -webkit-text-fill-color: transparent;
336
+ }
337
+ .prokodo-List__item--is-clickable--primary:hover span[role=presentation] {
338
+ color: var(--pk-color-brand);
333
339
  }
334
340
  .prokodo-List__item--is-clickable--secondary {
335
- color: var(--color-secondary-500);
341
+ color: var(--pk-color-accent);
342
+ }
343
+ .prokodo-List__item--is-clickable--secondary:hover span[role=presentation] {
344
+ color: var(--pk-color-accent);
336
345
  }
337
346
  .prokodo-List__item--is-clickable--info {
338
- color: var(--color-grey-300);
347
+ color: var(--pk-color-muted);
348
+ }
349
+ .prokodo-List__item--is-clickable--info:hover span[role=presentation] {
350
+ color: var(--pk-color-muted);
339
351
  }
340
352
  .prokodo-List__item--is-clickable--success {
341
- color: var(--color-success);
353
+ color: var(--pk-color-success);
354
+ }
355
+ .prokodo-List__item--is-clickable--success:hover .list-title {
356
+ background-image: var(--gradient-text-success);
357
+ -webkit-background-clip: text;
358
+ background-clip: text;
359
+ -webkit-text-fill-color: transparent;
360
+ }
361
+ .prokodo-List__item--is-clickable--success:hover span[role=presentation] {
362
+ color: var(--pk-color-success);
342
363
  }
343
364
  .prokodo-List__item--is-clickable--warning {
344
- color: var(--color-warning);
365
+ color: var(--pk-color-warning);
366
+ }
367
+ .prokodo-List__item--is-clickable--warning:hover .list-title {
368
+ background-image: var(--gradient-text-warning);
369
+ -webkit-background-clip: text;
370
+ background-clip: text;
371
+ -webkit-text-fill-color: transparent;
372
+ }
373
+ .prokodo-List__item--is-clickable--warning:hover span[role=presentation] {
374
+ color: var(--pk-color-warning);
345
375
  }
346
376
  .prokodo-List__item--is-clickable--error {
347
- color: var(--color-error);
377
+ color: var(--pk-color-error);
378
+ }
379
+ .prokodo-List__item--is-clickable--error:hover .list-title {
380
+ background-image: var(--gradient-text-error);
381
+ -webkit-background-clip: text;
382
+ background-clip: text;
383
+ -webkit-text-fill-color: transparent;
384
+ }
385
+ .prokodo-List__item--is-clickable--error:hover span[role=presentation] {
386
+ color: var(--pk-color-error);
348
387
  }
349
388
  .prokodo-List__item--is-clickable--white {
350
- color: var(--color-white);
389
+ color: var(--pk-palette-white);
351
390
  }
352
391
  .prokodo-List__item--is-clickable--white:hover {
353
- color: var(--color-white);
392
+ color: var(--pk-palette-white);
354
393
  }
355
394
  .prokodo-List__item--is-clickable--primary:hover, .prokodo-List__item--is-clickable--secondary:hover, .prokodo-List__item--is-clickable--success:hover, .prokodo-List__item--is-clickable--error:hover, .prokodo-List__item--is-clickable--info:hover, .prokodo-List__item--is-clickable--warning:hover {
356
- color: var(--color-grey-500);
395
+ color: var(--pk-color-muted);
357
396
  }
358
397
  .prokodo-List__item--card {
359
398
  display: block;
@@ -11,10 +11,18 @@ import { Link } from "../link/Link.js";
11
11
  const bem = create(styles, "List");
12
12
  function List({
13
13
  type,
14
- variant = "inherit",
14
+ color = "inherit",
15
15
  className,
16
- options = {},
17
- items = [],
16
+ /* istanbul ignore next */
17
+ options = (
18
+ /* istanbul ignore next */
19
+ {}
20
+ ),
21
+ /* istanbul ignore next */
22
+ items = (
23
+ /* istanbul ignore next */
24
+ []
25
+ ),
18
26
  classNameDesc,
19
27
  ...props
20
28
  }) {
@@ -38,7 +46,7 @@ function List({
38
46
  icon,
39
47
  redirect,
40
48
  onClick,
41
- variant: itemVariant,
49
+ color: itemColor,
42
50
  className: itemClassName
43
51
  } = item;
44
52
  const isClickable = Boolean(onClick || redirect);
@@ -60,7 +68,7 @@ function List({
60
68
  "item",
61
69
  {
62
70
  "is-clickable": isClickable,
63
- [`is-clickable--${itemVariant ?? variant}`]: isClickable,
71
+ [`is-clickable--${itemColor ?? color}`]: isClickable,
64
72
  "has-icon": Boolean(item == null ? void 0 : item.icon),
65
73
  ...modifier
66
74
  },
@@ -93,10 +101,28 @@ function List({
93
101
  }, "DescParagraph");
94
102
  const IconWrapper = /* @__PURE__ */ __name(() => {
95
103
  if (icon === void 0 || icon === null) return null;
96
- return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(
104
+ if (type === "icon") {
105
+ return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon"), children: isValidElement(icon) ? (
106
+ /* istanbul ignore next */
107
+ icon
108
+ ) : /* @__PURE__ */ jsx(
109
+ Icon,
110
+ {
111
+ ...options.icon,
112
+ className: bem("item__icon__svg"),
113
+ size: "sm",
114
+ name: icon ?? /* istanbul ignore next */
115
+ "ArrowRight01Icon"
116
+ }
117
+ ) });
118
+ }
119
+ return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: isValidElement(icon) ? (
120
+ /* istanbul ignore next */
121
+ icon
122
+ ) : /* @__PURE__ */ jsx(
97
123
  Icon,
98
124
  {
99
- color: variant,
125
+ color,
100
126
  name: icon,
101
127
  ...options.icon
102
128
  }
@@ -113,7 +139,7 @@ function List({
113
139
  Card,
114
140
  {
115
141
  priority: true,
116
- variant: "white",
142
+ color: "white",
117
143
  ...cardItem,
118
144
  className: bem("item__card", void 0, cardItem.className),
119
145
  contentClassName: bem(
@@ -160,32 +186,52 @@ function List({
160
186
  }
161
187
  )
162
188
  },
163
- `list-item-${id ?? i}`
189
+ `list-item-${/* istanbul ignore next */
190
+ id ?? i}`
164
191
  );
165
192
  }
166
193
  if (redirect) {
167
194
  const linkProps = redirect;
168
- return /* @__PURE__ */ jsx("li", { className: liClass, children: /* @__PURE__ */ jsxs(
169
- Link,
195
+ return /* @__PURE__ */ jsx(
196
+ "li",
170
197
  {
171
- className: bem("item__link", void 0, linkProps.className),
172
- variant,
173
- ...linkProps,
174
- children: [
175
- /* @__PURE__ */ jsxs("div", { className: bem("item__link__header"), children: [
176
- /* @__PURE__ */ jsx(IconWrapper, {}),
177
- /* @__PURE__ */ jsx(TitleSpan, {})
178
- ] }),
179
- /* @__PURE__ */ jsx(DescParagraph, {})
180
- ]
181
- }
182
- ) }, `list-item-${id ?? i}`);
198
+ className: liClass,
199
+ children: /* @__PURE__ */ jsxs(
200
+ Link,
201
+ {
202
+ className: bem("item__link", void 0, linkProps.className),
203
+ color,
204
+ ...linkProps,
205
+ children: [
206
+ /* @__PURE__ */ jsxs("div", { className: bem("item__link__header"), children: [
207
+ /* @__PURE__ */ jsx(IconWrapper, {}),
208
+ /* @__PURE__ */ jsx(TitleSpan, {})
209
+ ] }),
210
+ /* @__PURE__ */ jsx(DescParagraph, {})
211
+ ]
212
+ }
213
+ )
214
+ },
215
+ `list-item-${/* istanbul ignore next */
216
+ id ?? i}`
217
+ );
183
218
  }
184
- return /* @__PURE__ */ jsxs("li", { className: liClass, ...liHandlers, children: [
185
- /* @__PURE__ */ jsx(IconWrapper, {}),
186
- /* @__PURE__ */ jsx(TitleSpan, {}),
187
- /* @__PURE__ */ jsx(DescParagraph, {})
188
- ] }, `list-item-${id ?? i}`);
219
+ return /* @__PURE__ */ jsxs(
220
+ "li",
221
+ {
222
+ className: liClass,
223
+ ...liHandlers,
224
+ children: [
225
+ /* @__PURE__ */ jsx(IconWrapper, {}),
226
+ /* @__PURE__ */ jsxs("div", { children: [
227
+ /* @__PURE__ */ jsx(TitleSpan, {}),
228
+ /* @__PURE__ */ jsx(DescParagraph, {})
229
+ ] })
230
+ ]
231
+ },
232
+ `list-item-${/* istanbul ignore next */
233
+ id ?? i}`
234
+ );
189
235
  })
190
236
  }
191
237
  );
@@ -132,8 +132,8 @@
132
132
  flex-wrap: wrap;
133
133
  align-items: center;
134
134
  width: 100%;
135
- margin: 0.25rem 0;
136
- color: var(--color-grey-500);
135
+ margin: var(--pk-space-xs) 0;
136
+ color: var(--pk-color-muted);
137
137
  font-weight: 500;
138
138
  font-size: 1.125rem;
139
139
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -163,12 +163,12 @@
163
163
  flex-wrap: nowrap;
164
164
  }
165
165
  .prokodo-List__item__card {
166
- margin: 0.75rem 0;
166
+ margin: var(--pk-space-md) 0;
167
167
  }
168
168
  .prokodo-List__item__card__content {
169
169
  display: flex;
170
170
  align-items: center;
171
- padding: 0.75rem;
171
+ padding: var(--pk-space-md);
172
172
  }
173
173
  .prokodo-List__item__inner {
174
174
  width: 100%;
@@ -206,22 +206,22 @@
206
206
  align-self: flex-start;
207
207
  min-width: 2.5rem;
208
208
  height: 2.5rem;
209
- margin-top: 0.25rem;
210
- margin-right: 0.25rem;
209
+ margin-top: var(--pk-space-xs);
210
+ margin-right: var(--pk-space-xs);
211
211
  border-radius: 1000rem;
212
- background-color: var(--color-grey-50);
212
+ background-color: var(--pk-color-surface-raised);
213
213
  }
214
214
  html[data-theme=dark] .prokodo-List__item__icon {
215
- background-color: var(--color-grey-400);
215
+ background-color: var(--pk-palette-grey-400);
216
216
  }
217
217
  .prokodo-List__item__icon__wrapper {
218
218
  display: flex;
219
219
  align-items: center;
220
- padding-right: 0.5rem;
220
+ padding-right: var(--pk-space-sm);
221
221
  }
222
222
  .prokodo-List__item__title--card {
223
223
  display: block;
224
- padding: 0.75rem 0 0.25rem 0.5rem;
224
+ padding: var(--pk-space-md) 0 var(--pk-space-xs) var(--pk-space-sm);
225
225
  font-weight: 500;
226
226
  font-size: 1.125rem;
227
227
  font-family: var(--font-secondary), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -248,19 +248,19 @@ html[data-theme=dark] .prokodo-List__item__icon {
248
248
  font-weight: 500;
249
249
  }
250
250
  .prokodo-List__item__content {
251
- width: calc(100% - 2rem);
251
+ width: calc(100% - var(--pk-space-2xl));
252
252
  }
253
253
  .prokodo-List__item__desc {
254
- color: var(--color-grey-600);
254
+ color: var(--pk-color-muted);
255
255
  margin: 0;
256
- padding: 0.25rem 0;
256
+ padding: var(--pk-space-xs) 0;
257
257
  display: block;
258
258
  width: 100%;
259
259
  -webkit-box-orient: vertical;
260
260
  line-clamp: 3;
261
- -webkit-line-clamp: 3; /* Limits the content to 3 lines */
261
+ -webkit-line-clamp: 3;
262
262
  overflow: hidden;
263
- text-overflow: ellipsis; /* Adds the ellipsis at the end */
263
+ text-overflow: ellipsis;
264
264
  word-wrap: break-word;
265
265
  font-weight: 400;
266
266
  font-size: 1.125rem;
@@ -284,11 +284,11 @@ html[data-theme=dark] .prokodo-List__item__icon {
284
284
  }
285
285
  .prokodo-List__item__desc--card {
286
286
  padding-top: 0;
287
- padding-left: 0.5rem;
287
+ padding-left: var(--pk-space-sm);
288
288
  }
289
289
  .prokodo-List__item--is-clickable {
290
290
  cursor: pointer;
291
- color: var(--color-grey-500);
291
+ color: var(--pk-color-muted);
292
292
  }
293
293
  .prokodo-List__item--is-clickable a {
294
294
  font-weight: 500;
@@ -316,44 +316,83 @@ html[data-theme=dark] .prokodo-List__item__icon {
316
316
  .prokodo-List__item--is-clickable a {
317
317
  font-weight: 500;
318
318
  }
319
- .prokodo-List__item--is-clickable:hover span[role=presentation] {
320
- color: var(--color-primary-500);
319
+ .prokodo-List__item--is-clickable--inherit:hover {
320
+ color: var(--pk-color-brand);
321
321
  }
322
- .prokodo-List__item--is-clickable:hover .list-title {
322
+ .prokodo-List__item--is-clickable--inherit:hover .list-title {
323
323
  background-image: var(--gradient-text-primary);
324
324
  -webkit-background-clip: text;
325
325
  background-clip: text;
326
326
  -webkit-text-fill-color: transparent;
327
327
  }
328
- .prokodo-List__item--is-clickable--inherit:hover {
329
- color: var(--color-primary-500);
330
- }
331
328
  .prokodo-List__item--is-clickable--primary {
332
- color: var(--color-primary-500);
329
+ color: var(--pk-color-brand);
330
+ }
331
+ .prokodo-List__item--is-clickable--primary:hover .list-title {
332
+ background-image: var(--gradient-text-primary);
333
+ -webkit-background-clip: text;
334
+ background-clip: text;
335
+ -webkit-text-fill-color: transparent;
336
+ }
337
+ .prokodo-List__item--is-clickable--primary:hover span[role=presentation] {
338
+ color: var(--pk-color-brand);
333
339
  }
334
340
  .prokodo-List__item--is-clickable--secondary {
335
- color: var(--color-secondary-500);
341
+ color: var(--pk-color-accent);
342
+ }
343
+ .prokodo-List__item--is-clickable--secondary:hover span[role=presentation] {
344
+ color: var(--pk-color-accent);
336
345
  }
337
346
  .prokodo-List__item--is-clickable--info {
338
- color: var(--color-grey-300);
347
+ color: var(--pk-color-muted);
348
+ }
349
+ .prokodo-List__item--is-clickable--info:hover span[role=presentation] {
350
+ color: var(--pk-color-muted);
339
351
  }
340
352
  .prokodo-List__item--is-clickable--success {
341
- color: var(--color-success);
353
+ color: var(--pk-color-success);
354
+ }
355
+ .prokodo-List__item--is-clickable--success:hover .list-title {
356
+ background-image: var(--gradient-text-success);
357
+ -webkit-background-clip: text;
358
+ background-clip: text;
359
+ -webkit-text-fill-color: transparent;
360
+ }
361
+ .prokodo-List__item--is-clickable--success:hover span[role=presentation] {
362
+ color: var(--pk-color-success);
342
363
  }
343
364
  .prokodo-List__item--is-clickable--warning {
344
- color: var(--color-warning);
365
+ color: var(--pk-color-warning);
366
+ }
367
+ .prokodo-List__item--is-clickable--warning:hover .list-title {
368
+ background-image: var(--gradient-text-warning);
369
+ -webkit-background-clip: text;
370
+ background-clip: text;
371
+ -webkit-text-fill-color: transparent;
372
+ }
373
+ .prokodo-List__item--is-clickable--warning:hover span[role=presentation] {
374
+ color: var(--pk-color-warning);
345
375
  }
346
376
  .prokodo-List__item--is-clickable--error {
347
- color: var(--color-error);
377
+ color: var(--pk-color-error);
378
+ }
379
+ .prokodo-List__item--is-clickable--error:hover .list-title {
380
+ background-image: var(--gradient-text-error);
381
+ -webkit-background-clip: text;
382
+ background-clip: text;
383
+ -webkit-text-fill-color: transparent;
384
+ }
385
+ .prokodo-List__item--is-clickable--error:hover span[role=presentation] {
386
+ color: var(--pk-color-error);
348
387
  }
349
388
  .prokodo-List__item--is-clickable--white {
350
- color: var(--color-white);
389
+ color: var(--pk-palette-white);
351
390
  }
352
391
  .prokodo-List__item--is-clickable--white:hover {
353
- color: var(--color-white);
392
+ color: var(--pk-palette-white);
354
393
  }
355
394
  .prokodo-List__item--is-clickable--primary:hover, .prokodo-List__item--is-clickable--secondary:hover, .prokodo-List__item--is-clickable--success:hover, .prokodo-List__item--is-clickable--error:hover, .prokodo-List__item--is-clickable--info:hover, .prokodo-List__item--is-clickable--warning:hover {
356
- color: var(--color-grey-500);
395
+ color: var(--pk-color-muted);
357
396
  }
358
397
  .prokodo-List__item--card {
359
398
  display: block;
@@ -14,8 +14,8 @@ const styles = {
14
14
  "prokodo-List__item__desc": "prokodo-List__item__desc",
15
15
  "prokodo-List__item__desc--card": "prokodo-List__item__desc--card",
16
16
  "prokodo-List__item--is-clickable": "prokodo-List__item--is-clickable",
17
- "list-title": "list-title",
18
17
  "prokodo-List__item--is-clickable--inherit": "prokodo-List__item--is-clickable--inherit",
18
+ "list-title": "list-title",
19
19
  "prokodo-List__item--is-clickable--primary": "prokodo-List__item--is-clickable--primary",
20
20
  "prokodo-List__item--is-clickable--secondary": "prokodo-List__item--is-clickable--secondary",
21
21
  "prokodo-List__item--is-clickable--info": "prokodo-List__item--is-clickable--info",
@@ -5,7 +5,10 @@ import LoadingServer from "./Loading.server.js";
5
5
  const Loading = createIsland({
6
6
  name: "Loading",
7
7
  Server: LoadingServer,
8
- loadLazy: /* @__PURE__ */ __name(() => import("./Loading.lazy.js"), "loadLazy")
8
+ loadLazy: (
9
+ /* istanbul ignore next */
10
+ /* @__PURE__ */ __name(() => import("./Loading.lazy.js"), "loadLazy")
11
+ )
9
12
  });
10
13
  export {
11
14
  Loading,