@ebrains/components 2.3.1 → 2.4.1

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 (568) hide show
  1. package/dist/cjs/color-primary-palette_6.cjs.entry.js +14 -14
  2. package/dist/cjs/components-section.cjs.entry.js +33 -24
  3. package/dist/cjs/components.cjs.js +1 -1
  4. package/dist/cjs/correct-use-of-colors.cjs.entry.js +1 -1
  5. package/dist/cjs/docs-palettes.cjs.entry.js +1 -1
  6. package/dist/cjs/docs-tokens.cjs.entry.js +1 -1
  7. package/dist/cjs/{eds-accordion_36.cjs.entry.js → eds-accordion_37.cjs.entry.js} +661 -209
  8. package/dist/cjs/eds-app-root.cjs.entry.js +1 -1
  9. package/dist/cjs/eds-card-desc_2.cjs.entry.js +2 -2
  10. package/dist/cjs/eds-card-generic.cjs.entry.js +1 -1
  11. package/dist/cjs/eds-card-project.cjs.entry.js +1 -1
  12. package/dist/cjs/eds-card-tags.cjs.entry.js +1 -1
  13. package/dist/cjs/eds-card-tool.cjs.entry.js +1 -1
  14. package/dist/cjs/eds-cookies-preference.cjs.entry.js +1 -1
  15. package/dist/cjs/eds-feedback.cjs.entry.js +1 -1
  16. package/dist/cjs/eds-footer.cjs.entry.js +2 -2
  17. package/dist/cjs/eds-frame.cjs.entry.js +1 -1
  18. package/dist/cjs/eds-fullscreen-menu.cjs.entry.js +8 -3
  19. package/dist/cjs/eds-gauge.cjs.entry.js +1 -1
  20. package/dist/cjs/eds-icon-arrow-diagonal.cjs.entry.js +1 -1
  21. package/dist/cjs/eds-icon-arrow-right.cjs.entry.js +1 -1
  22. package/dist/cjs/eds-icon-bin.cjs.entry.js +1 -1
  23. package/dist/cjs/eds-icon-bluesky.cjs.entry.js +1 -1
  24. package/dist/cjs/eds-icon-bookmark.cjs.entry.js +1 -1
  25. package/dist/cjs/eds-icon-chevron-down.cjs.entry.js +1 -1
  26. package/dist/cjs/eds-icon-chevron-left.cjs.entry.js +1 -1
  27. package/dist/cjs/eds-icon-chevron-right.cjs.entry.js +1 -1
  28. package/dist/cjs/eds-icon-chevron-up.cjs.entry.js +1 -1
  29. package/dist/cjs/eds-icon-clone.cjs.entry.js +1 -1
  30. package/dist/cjs/eds-icon-close.cjs.entry.js +1 -1
  31. package/dist/cjs/eds-icon-copy.cjs.entry.js +1 -1
  32. package/dist/cjs/eds-icon-download.cjs.entry.js +1 -1
  33. package/dist/cjs/eds-icon-draft.cjs.entry.js +1 -1
  34. package/dist/cjs/eds-icon-edit.cjs.entry.js +1 -1
  35. package/dist/cjs/eds-icon-eu.cjs.entry.js +1 -1
  36. package/dist/cjs/eds-icon-external.cjs.entry.js +1 -1
  37. package/dist/cjs/eds-icon-facebook.cjs.entry.js +1 -1
  38. package/dist/cjs/eds-icon-gitlab.cjs.entry.js +1 -1
  39. package/dist/cjs/eds-icon-linkedin.cjs.entry.js +1 -1
  40. package/dist/cjs/eds-icon-loader.cjs.entry.js +1 -1
  41. package/dist/cjs/eds-icon-mastodon.cjs.entry.js +1 -1
  42. package/dist/cjs/eds-icon-menu.cjs.entry.js +1 -1
  43. package/dist/cjs/eds-icon-minus.cjs.entry.js +1 -1
  44. package/dist/cjs/eds-icon-more.cjs.entry.js +1 -1
  45. package/dist/cjs/eds-icon-paper.cjs.entry.js +1 -1
  46. package/dist/cjs/eds-icon-plus.cjs.entry.js +1 -1
  47. package/dist/cjs/eds-icon-portal.cjs.entry.js +1 -1
  48. package/dist/cjs/eds-icon-private.cjs.entry.js +1 -1
  49. package/dist/cjs/eds-icon-public.cjs.entry.js +1 -1
  50. package/dist/cjs/eds-icon-search.cjs.entry.js +1 -1
  51. package/dist/cjs/eds-icon-star.cjs.entry.js +1 -1
  52. package/dist/cjs/eds-icon-start.cjs.entry.js +1 -1
  53. package/dist/cjs/eds-icon-success.cjs.entry.js +1 -1
  54. package/dist/cjs/eds-icon-thumbs-down.cjs.entry.js +1 -1
  55. package/dist/cjs/eds-icon-thumbs-up.cjs.entry.js +1 -1
  56. package/dist/cjs/eds-icon-tutorial.cjs.entry.js +1 -1
  57. package/dist/cjs/eds-icon-twitter.cjs.entry.js +1 -1
  58. package/dist/cjs/eds-icon-unknown.cjs.entry.js +1 -1
  59. package/dist/cjs/eds-icon-updown.cjs.entry.js +2 -2
  60. package/dist/cjs/eds-icon-user.cjs.entry.js +1 -1
  61. package/dist/cjs/eds-icon-view.cjs.entry.js +1 -1
  62. package/dist/cjs/eds-icon-youtube.cjs.entry.js +1 -1
  63. package/dist/cjs/eds-modal.cjs.entry.js +2 -2
  64. package/dist/cjs/eds-progress-bar.cjs.entry.js +1 -1
  65. package/dist/cjs/eds-section-core_2.cjs.entry.js +3 -3
  66. package/dist/cjs/eds-social-networks.cjs.entry.js +1 -1
  67. package/dist/cjs/eds-timeline.cjs.entry.js +1 -1
  68. package/dist/cjs/eds-toast-manager.cjs.entry.js +1 -1
  69. package/dist/cjs/eds-trl.cjs.entry.js +1 -1
  70. package/dist/cjs/incorrect-use-of-colors.cjs.entry.js +1 -1
  71. package/dist/cjs/index-50bc1aa4.js +2 -2
  72. package/dist/cjs/loader.cjs.js +1 -1
  73. package/dist/cjs/logo-space.cjs.entry.js +1 -1
  74. package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js +2 -2
  75. package/dist/cjs/logo-variations-tabs.cjs.entry.js +1 -1
  76. package/dist/cjs/logo-wrong-usage.cjs.entry.js +1 -1
  77. package/dist/cjs/svg-repository.cjs.entry.js +3 -3
  78. package/dist/cjs/token-list_3.cjs.entry.js +3 -3
  79. package/dist/cjs/token-ratios.cjs.entry.js +1 -1
  80. package/dist/cjs/token-spacing.cjs.entry.js +1 -1
  81. package/dist/cjs/token-typography.cjs.entry.js +1 -1
  82. package/dist/cjs/{up-and-down-d71df67d.js → up-and-down-6f179dd8.js} +2 -2
  83. package/dist/collection/collection-manifest.json +1 -0
  84. package/dist/collection/components/eds-accordion/eds-accordion.js +2 -2
  85. package/dist/collection/components/eds-alert/eds-alert.js +2 -2
  86. package/dist/collection/components/eds-avatar/eds-avatar.js +1 -1
  87. package/dist/collection/components/eds-block-break/eds-block-break.js +1 -1
  88. package/dist/collection/components/eds-breadcrump/eds-breadcrump.js +1 -1
  89. package/dist/collection/components/eds-button/eds-button.js +1 -19
  90. package/dist/collection/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.js +1 -1
  91. package/dist/collection/components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.js +1 -1
  92. package/dist/collection/components/eds-cards/eds-card-composer/eds-card-title/eds-card-title.js +1 -1
  93. package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.js +1 -1
  94. package/dist/collection/components/eds-cards/eds-card-project/eds-card-project.js +1 -1
  95. package/dist/collection/components/eds-cards/eds-card-tool/eds-card-tool.js +1 -1
  96. package/dist/collection/components/eds-charts/eds-gauge/eds-gauge.js +1 -1
  97. package/dist/collection/components/eds-code-block/eds-code-block.js +1 -1
  98. package/dist/collection/components/eds-dropdown/eds-dropdown.js +2 -2
  99. package/dist/collection/components/eds-feedback/eds-feedback.js +1 -1
  100. package/dist/collection/components/eds-footer/eds-footer.js +2 -2
  101. package/dist/collection/components/eds-form/eds-form.js +56 -16
  102. package/dist/collection/components/eds-frame/eds-frame.js +1 -1
  103. package/dist/collection/components/eds-fullscreen-menu/eds-fullscreen-menu.js +8 -3
  104. package/dist/collection/components/eds-header/eds-header.css +5 -0
  105. package/dist/collection/components/eds-header/eds-header.js +1 -1
  106. package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-down/eds-icon-chevron-down.js +1 -1
  107. package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-left/eds-icon-chevron-left.js +1 -1
  108. package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-right/eds-icon-chevron-right.js +1 -1
  109. package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-up/eds-icon-chevron-up.js +1 -1
  110. package/dist/collection/components/eds-icons/eds-icon-arrow-diagonal/eds-icon-arrow-diagonal.js +1 -1
  111. package/dist/collection/components/eds-icons/eds-icon-arrow-right/eds-icon-arrow-right.js +1 -1
  112. package/dist/collection/components/eds-icons/eds-icon-bin/eds-icon-bin.js +1 -1
  113. package/dist/collection/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.js +1 -1
  114. package/dist/collection/components/eds-icons/eds-icon-clone/eds-icon-clone.js +1 -1
  115. package/dist/collection/components/eds-icons/eds-icon-close/eds-icon-close.js +1 -1
  116. package/dist/collection/components/eds-icons/eds-icon-copy/eds-icon-copy.js +1 -1
  117. package/dist/collection/components/eds-icons/eds-icon-download/eds-icon-download.js +1 -1
  118. package/dist/collection/components/eds-icons/eds-icon-draft/eds-icon-draft.js +1 -1
  119. package/dist/collection/components/eds-icons/eds-icon-edit/eds-icon-edit.js +1 -1
  120. package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js +1 -1
  121. package/dist/collection/components/eds-icons/eds-icon-external/eds-icon-external.js +1 -1
  122. package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js +1 -1
  123. package/dist/collection/components/eds-icons/eds-icon-loader/eds-icon-loader.js +1 -1
  124. package/dist/collection/components/eds-icons/eds-icon-menu/eds-icon-menu.js +1 -1
  125. package/dist/collection/components/eds-icons/eds-icon-minus/eds-icon-minus.js +1 -1
  126. package/dist/collection/components/eds-icons/eds-icon-more/eds-icon-more.js +1 -1
  127. package/dist/collection/components/eds-icons/eds-icon-paper/eds-icon-paper.js +1 -1
  128. package/dist/collection/components/eds-icons/eds-icon-plus/eds-icon-plus.js +1 -1
  129. package/dist/collection/components/eds-icons/eds-icon-portal/eds-icon-portal.js +1 -1
  130. package/dist/collection/components/eds-icons/eds-icon-private/eds-icon-private.js +1 -1
  131. package/dist/collection/components/eds-icons/eds-icon-public/eds-icon-public.js +1 -1
  132. package/dist/collection/components/eds-icons/eds-icon-search/eds-icon-search.js +1 -1
  133. package/dist/collection/components/eds-icons/eds-icon-star/eds-icon-star.js +1 -1
  134. package/dist/collection/components/eds-icons/eds-icon-start/eds-icon-start.js +1 -1
  135. package/dist/collection/components/eds-icons/eds-icon-success/eds-icon-success.js +1 -1
  136. package/dist/collection/components/eds-icons/eds-icon-thumbs-down/eds-icon-thumbs-down.js +1 -1
  137. package/dist/collection/components/eds-icons/eds-icon-thumbs-up/eds-icon-thumbs-up.js +1 -1
  138. package/dist/collection/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.js +1 -1
  139. package/dist/collection/components/eds-icons/eds-icon-unknown/eds-icon-unknown.js +1 -1
  140. package/dist/collection/components/eds-icons/eds-icon-updown/eds-icon-updown.js +2 -2
  141. package/dist/collection/components/eds-icons/eds-icon-user/eds-icon-user.js +1 -1
  142. package/dist/collection/components/eds-icons/eds-icon-view/eds-icon-view.js +1 -1
  143. package/dist/collection/components/eds-icons/social/eds-icon-bluesky/eds-icon-bluesky.js +1 -1
  144. package/dist/collection/components/eds-icons/social/eds-icon-facebook/eds-icon-facebook.js +1 -1
  145. package/dist/collection/components/eds-icons/social/eds-icon-linkedin/eds-icon-linkedin.js +1 -1
  146. package/dist/collection/components/eds-icons/social/eds-icon-mastodon/eds-icon-mastodon.js +1 -1
  147. package/dist/collection/components/eds-icons/social/eds-icon-twitter/eds-icon-twitter.js +1 -1
  148. package/dist/collection/components/eds-icons/social/eds-icon-youtube/eds-icon-youtube.js +1 -1
  149. package/dist/collection/components/eds-img/eds-img.js +2 -2
  150. package/dist/collection/components/eds-input-elements/eds-input/eds-input.js +2 -2
  151. package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js +1 -1
  152. package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js +1 -1
  153. package/dist/collection/components/eds-input-elements/eds-input-range/eds-input-range.js +1 -1
  154. package/dist/collection/components/eds-input-elements/eds-input-search/eds-input-search.js +1 -1
  155. package/dist/collection/components/eds-input-elements/eds-input-select/eds-input-select.js +2 -2
  156. package/dist/collection/components/eds-input-field/eds-input-field.js +2 -2
  157. package/dist/collection/components/eds-link/eds-link.js +15 -25
  158. package/dist/collection/components/eds-logo/eds-logo.js +1 -1
  159. package/dist/collection/components/eds-modal/eds-modal.js +2 -2
  160. package/dist/collection/components/eds-nps/eds-nps.js +66 -53
  161. package/dist/collection/components/eds-pagination/eds-pagination.js +1 -1
  162. package/dist/collection/components/eds-progress-bar/eds-progress-bar.js +1 -1
  163. package/dist/collection/components/eds-rating/eds-rating.js +1 -1
  164. package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js +1 -1
  165. package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +2 -2
  166. package/dist/collection/components/eds-sidebar/eds-sidebar.css +458 -0
  167. package/dist/collection/components/eds-sidebar/eds-sidebar.js +299 -0
  168. package/dist/collection/components/eds-sidebar/eds-sidebar.stories.js +141 -0
  169. package/dist/collection/components/eds-social-networks/eds-social-networks.js +1 -1
  170. package/dist/collection/components/eds-spinner/eds-spinner.js +1 -1
  171. package/dist/collection/components/eds-steps/eds-steps.css +334 -10
  172. package/dist/collection/components/eds-steps/eds-steps.js +187 -101
  173. package/dist/collection/components/eds-steps/eds-steps.stories.js +21 -3
  174. package/dist/collection/components/eds-steps-v2/eds-steps-v2.css +167 -3
  175. package/dist/collection/components/eds-steps-v2/eds-steps-v2.js +177 -113
  176. package/dist/collection/components/eds-steps-v2/eds-steps-v2.stories.js +8 -1
  177. package/dist/collection/components/eds-switch/eds-switch.js +2 -2
  178. package/dist/collection/components/eds-table/eds-table.css +14 -0
  179. package/dist/collection/components/eds-table/eds-table.js +99 -9
  180. package/dist/collection/components/eds-tabs/eds-tabs.js +2 -2
  181. package/dist/collection/components/eds-tag/eds-tag.js +1 -1
  182. package/dist/collection/components/eds-timeline/eds-timeline.js +1 -1
  183. package/dist/collection/components/eds-toast-manager/eds-toast-manager.js +1 -1
  184. package/dist/collection/components/eds-tooltip/eds-tooltip.js +1 -1
  185. package/dist/collection/components/eds-trl/eds-trl.js +1 -1
  186. package/dist/collection/components/eds-user/eds-user.js +1 -1
  187. package/dist/collection/eds-docs-ui/colors/color-palette/primary.js +1 -1
  188. package/dist/collection/eds-docs-ui/colors/color-palette/secondary.js +1 -1
  189. package/dist/collection/eds-docs-ui/colors/color-palette/support.js +1 -1
  190. package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js +1 -1
  191. package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js +7 -7
  192. package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js +3 -3
  193. package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js +1 -1
  194. package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js +1 -1
  195. package/dist/collection/eds-docs-ui/components-section/components-section.js +1 -1
  196. package/dist/collection/eds-docs-ui/components-section/functional/overview.js +2 -2
  197. package/dist/collection/eds-docs-ui/components-section/functional/vue.js +1 -1
  198. package/dist/collection/eds-docs-ui/design-tokens/docs-tokens/docs-tokens.js +1 -1
  199. package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js +1 -1
  200. package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js +1 -1
  201. package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js +1 -1
  202. package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js +1 -1
  203. package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js +1 -1
  204. package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js +1 -1
  205. package/dist/collection/eds-docs-ui/docs-palettes/docs-palettes.js +1 -1
  206. package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js +1 -1
  207. package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js +1 -1
  208. package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js +1 -1
  209. package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js +1 -1
  210. package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js +1 -1
  211. package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js +1 -1
  212. package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js +1 -1
  213. package/dist/collection/shared-ui/eds-global-search/eds-global-search.js +10 -12
  214. package/dist/collection/shared-ui/eds-global-search/eds-global-search.stories.js +2 -1
  215. package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js +1 -1
  216. package/dist/components/components-section.js +33 -24
  217. package/dist/components/components.css +315 -0
  218. package/dist/components/components.esm.js +1 -1
  219. package/dist/components/correct-use-of-colors.js +1 -1
  220. package/dist/components/docs-palettes.js +1 -1
  221. package/dist/components/docs-tokens.js +1 -1
  222. package/dist/components/eds-accordion2.js +2 -2
  223. package/dist/components/eds-alert2.js +2 -2
  224. package/dist/components/eds-app-root.js +1 -1
  225. package/dist/components/eds-avatar2.js +1 -1
  226. package/dist/components/eds-block-break2.js +1 -1
  227. package/dist/components/eds-breadcrumb.js +1 -1
  228. package/dist/components/eds-button2.js +1 -3
  229. package/dist/components/eds-card-desc2.js +1 -1
  230. package/dist/components/eds-card-generic2.js +1 -1
  231. package/dist/components/eds-card-project.js +1 -1
  232. package/dist/components/eds-card-tags.js +1 -1
  233. package/dist/components/eds-card-title2.js +1 -1
  234. package/dist/components/eds-card-tool.js +1 -1
  235. package/dist/components/eds-code-block2.js +1 -1
  236. package/dist/components/eds-cookies-preference.js +1 -1
  237. package/dist/components/eds-dropdown2.js +2 -2
  238. package/dist/components/eds-feedback.js +1 -1
  239. package/dist/components/eds-footer2.js +6 -12
  240. package/dist/components/eds-form.js +80 -34
  241. package/dist/components/eds-frame.js +1 -1
  242. package/dist/components/eds-fullscreen-menu.js +16 -17
  243. package/dist/components/eds-gauge.js +1 -1
  244. package/dist/components/eds-global-search.js +31 -27
  245. package/dist/components/eds-header.js +2 -2
  246. package/dist/components/eds-icon-arrow-diagonal.js +1 -1
  247. package/dist/components/eds-icon-arrow-right.js +1 -1
  248. package/dist/components/eds-icon-bin.js +1 -1
  249. package/dist/components/eds-icon-bluesky.js +1 -1
  250. package/dist/components/eds-icon-bookmark.js +1 -1
  251. package/dist/components/eds-icon-chevron-down.js +1 -1
  252. package/dist/components/eds-icon-chevron-left.js +1 -1
  253. package/dist/components/eds-icon-chevron-right.js +1 -1
  254. package/dist/components/eds-icon-chevron-up.js +1 -1
  255. package/dist/components/eds-icon-clone.js +1 -1
  256. package/dist/components/eds-icon-close.js +1 -1
  257. package/dist/components/eds-icon-copy.js +1 -1
  258. package/dist/components/eds-icon-download.js +1 -1
  259. package/dist/components/eds-icon-draft.js +1 -1
  260. package/dist/components/eds-icon-edit.js +1 -1
  261. package/dist/components/eds-icon-eu.js +1 -1
  262. package/dist/components/eds-icon-external.js +1 -1
  263. package/dist/components/eds-icon-facebook.js +1 -1
  264. package/dist/components/eds-icon-gitlab.js +1 -1
  265. package/dist/components/eds-icon-linkedin.js +1 -1
  266. package/dist/components/eds-icon-loader.js +1 -1
  267. package/dist/components/eds-icon-mastodon.js +1 -1
  268. package/dist/components/eds-icon-menu.js +1 -1
  269. package/dist/components/eds-icon-minus.js +1 -1
  270. package/dist/components/eds-icon-more.js +1 -1
  271. package/dist/components/eds-icon-paper.js +1 -1
  272. package/dist/components/eds-icon-plus.js +1 -1
  273. package/dist/components/eds-icon-portal.js +1 -1
  274. package/dist/components/eds-icon-private.js +1 -1
  275. package/dist/components/eds-icon-public.js +1 -1
  276. package/dist/components/eds-icon-search.js +1 -1
  277. package/dist/components/eds-icon-star.js +1 -1
  278. package/dist/components/eds-icon-start.js +1 -1
  279. package/dist/components/eds-icon-success.js +1 -1
  280. package/dist/components/eds-icon-thumbs-down.js +1 -1
  281. package/dist/components/eds-icon-thumbs-up.js +1 -1
  282. package/dist/components/eds-icon-tutorial.js +1 -1
  283. package/dist/components/eds-icon-twitter.js +1 -1
  284. package/dist/components/eds-icon-unknown.js +1 -1
  285. package/dist/components/eds-icon-updown.js +2 -2
  286. package/dist/components/eds-icon-user.js +1 -1
  287. package/dist/components/eds-icon-view.js +1 -1
  288. package/dist/components/eds-icon-youtube.js +1 -1
  289. package/dist/components/eds-img2.js +2 -2
  290. package/dist/components/eds-input-field2.js +22 -16
  291. package/dist/components/eds-input-footer2.js +9 -3
  292. package/dist/components/eds-input-label2.js +1 -1
  293. package/dist/components/eds-input-range2.js +1 -1
  294. package/dist/components/eds-input-search2.js +1 -1
  295. package/dist/components/eds-input-select2.js +2 -2
  296. package/dist/components/eds-input2.js +2 -2
  297. package/dist/components/eds-link2.js +14 -9
  298. package/dist/components/eds-logo2.js +1 -1
  299. package/dist/components/eds-modal.js +2 -2
  300. package/dist/components/eds-nps2.js +66 -53
  301. package/dist/components/eds-pagination2.js +1 -1
  302. package/dist/components/eds-progress-bar2.js +1 -1
  303. package/dist/components/eds-rating2.js +1 -1
  304. package/dist/components/eds-section-core2.js +1 -1
  305. package/dist/components/eds-section-heading2.js +2 -2
  306. package/dist/components/eds-sidebar.d.ts +11 -0
  307. package/dist/components/eds-sidebar.js +208 -0
  308. package/dist/components/eds-social-networks2.js +1 -1
  309. package/dist/components/eds-spinner2.js +1 -1
  310. package/dist/components/eds-steps-v2.js +133 -46
  311. package/dist/components/eds-steps2.js +130 -34
  312. package/dist/components/eds-switch.js +2 -2
  313. package/dist/components/eds-table2.js +65 -9
  314. package/dist/components/eds-tabs.js +2 -2
  315. package/dist/components/eds-tag2.js +1 -1
  316. package/dist/components/eds-timeline.js +1 -1
  317. package/dist/components/eds-toast-manager.js +1 -1
  318. package/dist/components/eds-tooltip2.js +1 -1
  319. package/dist/components/eds-trl.js +1 -1
  320. package/dist/components/eds-user.js +1 -1
  321. package/dist/components/incorrect-use-of-colors.js +1 -1
  322. package/dist/components/logo-space.js +1 -1
  323. package/dist/components/logo-variations-horizontal2.js +1 -1
  324. package/dist/components/logo-variations-tabs.js +1 -1
  325. package/dist/components/logo-variations-vertical2.js +1 -1
  326. package/dist/components/logo-wrong-usage.js +1 -1
  327. package/dist/components/{p-838d6773.entry.js → p-0e504247.entry.js} +1 -1
  328. package/dist/components/{p-b8b4c01e.entry.js → p-0f319eac.entry.js} +1 -1
  329. package/dist/components/{p-7b0496b1.entry.js → p-11bf02db.entry.js} +1 -1
  330. package/dist/components/{p-ca91952b.entry.js → p-15df046d.entry.js} +1 -1
  331. package/dist/components/p-15e5229b.entry.js +1 -0
  332. package/dist/components/{p-75b40e57.entry.js → p-1804a119.entry.js} +1 -1
  333. package/dist/components/p-19c628e6.entry.js +1 -0
  334. package/dist/components/p-19e241e9.entry.js +1 -0
  335. package/dist/components/p-1a674723.entry.js +9 -0
  336. package/dist/components/p-1dd6faeb.entry.js +1 -0
  337. package/dist/components/{p-e614c8e8.entry.js → p-21ed7e2e.entry.js} +1 -1
  338. package/dist/components/{p-2d6ca1c5.entry.js → p-2bd9605b.entry.js} +1 -1
  339. package/dist/components/{p-44d33938.entry.js → p-2d4f6e90.entry.js} +1 -1
  340. package/dist/components/p-2e3bd154.entry.js +1 -0
  341. package/dist/components/p-3004d956.entry.js +1 -0
  342. package/dist/components/p-313b04c9.entry.js +1 -0
  343. package/dist/components/p-31a3c6a2.entry.js +1 -0
  344. package/dist/components/p-3778e162.entry.js +1 -0
  345. package/dist/components/p-39548acc.entry.js +1 -0
  346. package/dist/components/p-3aac5c73.entry.js +1 -0
  347. package/dist/components/p-3d313fb5.entry.js +1 -0
  348. package/dist/components/p-43bc9224.entry.js +1 -0
  349. package/dist/components/p-48eaf544.entry.js +1 -0
  350. package/dist/components/{p-b522fa70.entry.js → p-4c2a8bf1.entry.js} +1 -1
  351. package/dist/components/{p-fe2bb83e.entry.js → p-4eaa7ba2.entry.js} +1 -1
  352. package/dist/components/p-5157eb25.entry.js +1 -0
  353. package/dist/components/{p-0798d50d.entry.js → p-59d2b2a9.entry.js} +1 -1
  354. package/dist/components/p-5c28d2d3.entry.js +1 -0
  355. package/dist/components/p-63d9ab86.entry.js +1 -0
  356. package/dist/components/p-640c4463.entry.js +1 -0
  357. package/dist/components/p-643eee62.entry.js +1 -0
  358. package/dist/components/p-64be8ed5.entry.js +1 -0
  359. package/dist/components/{p-e9a6f693.entry.js → p-67c3bedc.entry.js} +1 -1
  360. package/dist/components/{p-f2b12631.entry.js → p-70cbe02d.entry.js} +1 -1
  361. package/dist/components/p-7aa97ad6.entry.js +1 -0
  362. package/dist/components/{p-24683124.entry.js → p-7b160270.entry.js} +1 -1
  363. package/dist/components/p-83b26d8c.entry.js +1 -0
  364. package/dist/components/{p-e2bc6329.entry.js → p-85f866f0.entry.js} +1 -1
  365. package/dist/components/p-8779905b.entry.js +1 -0
  366. package/dist/components/p-88814860.entry.js +1 -0
  367. package/dist/components/{p-b471922f.entry.js → p-8998eec7.entry.js} +1 -1
  368. package/dist/components/p-8c42cefe.entry.js +1 -0
  369. package/dist/components/{p-bce8a58d.entry.js → p-8c520685.entry.js} +1 -1
  370. package/dist/components/p-8cba26bd.entry.js +1 -0
  371. package/dist/components/p-8ef830f5.entry.js +1 -0
  372. package/dist/components/p-942f4a95.entry.js +1 -0
  373. package/dist/components/p-9b05145b.entry.js +1 -0
  374. package/dist/components/{p-4beb1e06.entry.js → p-9d57b51f.entry.js} +1 -1
  375. package/dist/components/p-9e46df74.entry.js +1 -0
  376. package/dist/components/{p-76330532.entry.js → p-9fe2c4ba.entry.js} +1 -1
  377. package/dist/components/p-a38bb645.entry.js +1 -0
  378. package/dist/components/{p-df18ffd1.entry.js → p-a61dbad5.entry.js} +1 -1
  379. package/dist/components/{p-398255ff.entry.js → p-a78079b7.entry.js} +1 -1
  380. package/dist/components/p-a8e5591c.entry.js +1 -0
  381. package/dist/components/p-afceabd6.entry.js +1 -0
  382. package/dist/components/p-b00352ff.entry.js +1 -0
  383. package/dist/components/p-b93f983c.entry.js +1 -0
  384. package/dist/components/p-bb6a6de2.entry.js +1 -0
  385. package/dist/components/p-bc2204f3.entry.js +1 -0
  386. package/dist/components/p-be54a6c8.entry.js +1 -0
  387. package/dist/components/p-bef9bf37.entry.js +1 -0
  388. package/dist/components/p-c1ad7132.entry.js +1 -0
  389. package/dist/components/p-cb5e39d1.entry.js +1 -0
  390. package/dist/components/p-ccb6ad15.entry.js +1 -0
  391. package/dist/components/p-d090b9fa.entry.js +1 -0
  392. package/dist/components/p-d11f2808.entry.js +1 -0
  393. package/dist/components/p-d6e5a9fb.entry.js +1 -0
  394. package/dist/components/{p-ce3b6043.entry.js → p-d958e1f3.entry.js} +1 -1
  395. package/dist/components/{p-963feadd.entry.js → p-da7b4b6a.entry.js} +1 -1
  396. package/dist/components/p-dea41137.entry.js +1 -0
  397. package/dist/components/p-e01cf4f8.entry.js +1 -0
  398. package/dist/components/{p-54e29971.entry.js → p-e5a1118d.entry.js} +1 -1
  399. package/dist/components/p-eb818455.entry.js +1 -0
  400. package/dist/components/p-f061ff11.entry.js +1 -0
  401. package/dist/components/p-f0a330ef.entry.js +1 -0
  402. package/dist/components/p-f11e3f42.entry.js +1 -0
  403. package/dist/components/{p-7ada2015.entry.js → p-f24bfc6a.entry.js} +1 -1
  404. package/dist/components/primary.js +1 -1
  405. package/dist/components/primary2.js +1 -1
  406. package/dist/components/secondary.js +1 -1
  407. package/dist/components/secondary2.js +7 -7
  408. package/dist/components/support.js +1 -1
  409. package/dist/components/support2.js +3 -3
  410. package/dist/components/svg-repository.js +3 -3
  411. package/dist/components/token-list2.js +1 -1
  412. package/dist/components/token-radii2.js +1 -1
  413. package/dist/components/token-ratios.js +1 -1
  414. package/dist/components/token-shadows2.js +1 -1
  415. package/dist/components/token-spacing.js +1 -1
  416. package/dist/components/token-typography.js +1 -1
  417. package/dist/components/up-and-down.js +2 -2
  418. package/dist/esm/color-primary-palette_6.entry.js +14 -14
  419. package/dist/esm/components-section.entry.js +33 -24
  420. package/dist/esm/components.js +1 -1
  421. package/dist/esm/correct-use-of-colors.entry.js +1 -1
  422. package/dist/esm/docs-palettes.entry.js +1 -1
  423. package/dist/esm/docs-tokens.entry.js +1 -1
  424. package/dist/esm/{eds-accordion_36.entry.js → eds-accordion_37.entry.js} +661 -210
  425. package/dist/esm/eds-app-root.entry.js +1 -1
  426. package/dist/esm/eds-card-desc_2.entry.js +2 -2
  427. package/dist/esm/eds-card-generic.entry.js +1 -1
  428. package/dist/esm/eds-card-project.entry.js +1 -1
  429. package/dist/esm/eds-card-tags.entry.js +1 -1
  430. package/dist/esm/eds-card-tool.entry.js +1 -1
  431. package/dist/esm/eds-cookies-preference.entry.js +1 -1
  432. package/dist/esm/eds-feedback.entry.js +1 -1
  433. package/dist/esm/eds-footer.entry.js +2 -2
  434. package/dist/esm/eds-frame.entry.js +1 -1
  435. package/dist/esm/eds-fullscreen-menu.entry.js +8 -3
  436. package/dist/esm/eds-gauge.entry.js +1 -1
  437. package/dist/esm/eds-icon-arrow-diagonal.entry.js +1 -1
  438. package/dist/esm/eds-icon-arrow-right.entry.js +1 -1
  439. package/dist/esm/eds-icon-bin.entry.js +1 -1
  440. package/dist/esm/eds-icon-bluesky.entry.js +1 -1
  441. package/dist/esm/eds-icon-bookmark.entry.js +1 -1
  442. package/dist/esm/eds-icon-chevron-down.entry.js +1 -1
  443. package/dist/esm/eds-icon-chevron-left.entry.js +1 -1
  444. package/dist/esm/eds-icon-chevron-right.entry.js +1 -1
  445. package/dist/esm/eds-icon-chevron-up.entry.js +1 -1
  446. package/dist/esm/eds-icon-clone.entry.js +1 -1
  447. package/dist/esm/eds-icon-close.entry.js +1 -1
  448. package/dist/esm/eds-icon-copy.entry.js +1 -1
  449. package/dist/esm/eds-icon-download.entry.js +1 -1
  450. package/dist/esm/eds-icon-draft.entry.js +1 -1
  451. package/dist/esm/eds-icon-edit.entry.js +1 -1
  452. package/dist/esm/eds-icon-eu.entry.js +1 -1
  453. package/dist/esm/eds-icon-external.entry.js +1 -1
  454. package/dist/esm/eds-icon-facebook.entry.js +1 -1
  455. package/dist/esm/eds-icon-gitlab.entry.js +1 -1
  456. package/dist/esm/eds-icon-linkedin.entry.js +1 -1
  457. package/dist/esm/eds-icon-loader.entry.js +1 -1
  458. package/dist/esm/eds-icon-mastodon.entry.js +1 -1
  459. package/dist/esm/eds-icon-menu.entry.js +1 -1
  460. package/dist/esm/eds-icon-minus.entry.js +1 -1
  461. package/dist/esm/eds-icon-more.entry.js +1 -1
  462. package/dist/esm/eds-icon-paper.entry.js +1 -1
  463. package/dist/esm/eds-icon-plus.entry.js +1 -1
  464. package/dist/esm/eds-icon-portal.entry.js +1 -1
  465. package/dist/esm/eds-icon-private.entry.js +1 -1
  466. package/dist/esm/eds-icon-public.entry.js +1 -1
  467. package/dist/esm/eds-icon-search.entry.js +1 -1
  468. package/dist/esm/eds-icon-star.entry.js +1 -1
  469. package/dist/esm/eds-icon-start.entry.js +1 -1
  470. package/dist/esm/eds-icon-success.entry.js +1 -1
  471. package/dist/esm/eds-icon-thumbs-down.entry.js +1 -1
  472. package/dist/esm/eds-icon-thumbs-up.entry.js +1 -1
  473. package/dist/esm/eds-icon-tutorial.entry.js +1 -1
  474. package/dist/esm/eds-icon-twitter.entry.js +1 -1
  475. package/dist/esm/eds-icon-unknown.entry.js +1 -1
  476. package/dist/esm/eds-icon-updown.entry.js +2 -2
  477. package/dist/esm/eds-icon-user.entry.js +1 -1
  478. package/dist/esm/eds-icon-view.entry.js +1 -1
  479. package/dist/esm/eds-icon-youtube.entry.js +1 -1
  480. package/dist/esm/eds-modal.entry.js +2 -2
  481. package/dist/esm/eds-progress-bar.entry.js +1 -1
  482. package/dist/esm/eds-section-core_2.entry.js +3 -3
  483. package/dist/esm/eds-social-networks.entry.js +1 -1
  484. package/dist/esm/eds-timeline.entry.js +1 -1
  485. package/dist/esm/eds-toast-manager.entry.js +1 -1
  486. package/dist/esm/eds-trl.entry.js +1 -1
  487. package/dist/esm/incorrect-use-of-colors.entry.js +1 -1
  488. package/dist/esm/index-870ab08f.js +2 -2
  489. package/dist/esm/loader.js +1 -1
  490. package/dist/esm/logo-space.entry.js +1 -1
  491. package/dist/esm/logo-variations-horizontal_2.entry.js +2 -2
  492. package/dist/esm/logo-variations-tabs.entry.js +1 -1
  493. package/dist/esm/logo-wrong-usage.entry.js +1 -1
  494. package/dist/esm/svg-repository.entry.js +3 -3
  495. package/dist/esm/token-list_3.entry.js +3 -3
  496. package/dist/esm/token-ratios.entry.js +1 -1
  497. package/dist/esm/token-spacing.entry.js +1 -1
  498. package/dist/esm/token-typography.entry.js +1 -1
  499. package/dist/esm/{up-and-down-d747abee.js → up-and-down-8b69ca97.js} +2 -2
  500. package/dist/hydrate/index.js +827 -341
  501. package/dist/hydrate/index.mjs +827 -341
  502. package/dist/types/Users/nigeor/Documents/Projects/EBRAINS/ebrains-ui-ecosystem/packages/components/.stencil/packages/svgs/src/lib/svgs.d.ts +2 -2
  503. package/dist/types/components/eds-button/eds-button.d.ts +0 -1
  504. package/dist/types/components/eds-form/eds-form.d.ts +1 -0
  505. package/dist/types/components/eds-link/eds-link.d.ts +0 -1
  506. package/dist/types/components/eds-nps/eds-nps.d.ts +5 -3
  507. package/dist/types/components/eds-sidebar/eds-sidebar.d.ts +50 -0
  508. package/dist/types/components/eds-sidebar/eds-sidebar.stories.d.ts +98 -0
  509. package/dist/types/components/eds-steps/eds-steps.d.ts +18 -69
  510. package/dist/types/components/eds-steps/eds-steps.stories.d.ts +18 -0
  511. package/dist/types/components/eds-steps-v2/eds-steps-v2.d.ts +24 -52
  512. package/dist/types/components/eds-steps-v2/eds-steps-v2.stories.d.ts +8 -0
  513. package/dist/types/components/eds-table/eds-table.d.ts +8 -0
  514. package/dist/types/components.d.ts +143 -124
  515. package/package.json +1 -1
  516. package/dist/components/p-004801b2.entry.js +0 -1
  517. package/dist/components/p-02648f82.entry.js +0 -1
  518. package/dist/components/p-09f1b358.entry.js +0 -1
  519. package/dist/components/p-0ec9dcf5.entry.js +0 -1
  520. package/dist/components/p-0fb8511d.entry.js +0 -1
  521. package/dist/components/p-127870d7.entry.js +0 -1
  522. package/dist/components/p-12e153fb.entry.js +0 -1
  523. package/dist/components/p-1f80e708.entry.js +0 -1
  524. package/dist/components/p-21b5ca1f.entry.js +0 -1
  525. package/dist/components/p-2bfcb3cf.entry.js +0 -1
  526. package/dist/components/p-2efa0ba6.entry.js +0 -1
  527. package/dist/components/p-33a639b5.entry.js +0 -1
  528. package/dist/components/p-36b17bf2.entry.js +0 -1
  529. package/dist/components/p-3c478e74.entry.js +0 -1
  530. package/dist/components/p-447e436c.entry.js +0 -1
  531. package/dist/components/p-4995b8b2.entry.js +0 -1
  532. package/dist/components/p-53343ea1.entry.js +0 -1
  533. package/dist/components/p-56447243.entry.js +0 -1
  534. package/dist/components/p-56cc4a15.entry.js +0 -1
  535. package/dist/components/p-5ddcec77.entry.js +0 -1
  536. package/dist/components/p-5e8142ed.entry.js +0 -1
  537. package/dist/components/p-70f5e9f5.entry.js +0 -1
  538. package/dist/components/p-714445de.entry.js +0 -1
  539. package/dist/components/p-7436a99a.entry.js +0 -1
  540. package/dist/components/p-772d6ca9.entry.js +0 -1
  541. package/dist/components/p-79044ab6.entry.js +0 -1
  542. package/dist/components/p-7c7aaa95.entry.js +0 -1
  543. package/dist/components/p-81ba0feb.entry.js +0 -1
  544. package/dist/components/p-82b357f7.entry.js +0 -1
  545. package/dist/components/p-84239973.entry.js +0 -1
  546. package/dist/components/p-85dfbfd3.entry.js +0 -1
  547. package/dist/components/p-a155c283.entry.js +0 -1
  548. package/dist/components/p-a4080044.entry.js +0 -1
  549. package/dist/components/p-abd40167.entry.js +0 -1
  550. package/dist/components/p-ae41414e.entry.js +0 -1
  551. package/dist/components/p-afb55d52.entry.js +0 -1
  552. package/dist/components/p-b4c2c58d.entry.js +0 -9
  553. package/dist/components/p-b6fc1a7d.entry.js +0 -1
  554. package/dist/components/p-b8a36d0f.entry.js +0 -1
  555. package/dist/components/p-bb4633ec.entry.js +0 -1
  556. package/dist/components/p-bc59e5ff.entry.js +0 -1
  557. package/dist/components/p-cdabb63e.entry.js +0 -1
  558. package/dist/components/p-d3fa440f.entry.js +0 -1
  559. package/dist/components/p-dacd8c26.entry.js +0 -1
  560. package/dist/components/p-ddec1f12.entry.js +0 -1
  561. package/dist/components/p-e6819f4d.entry.js +0 -1
  562. package/dist/components/p-e8d0a2db.entry.js +0 -1
  563. package/dist/components/p-eaf5d057.entry.js +0 -1
  564. package/dist/components/p-eb57d477.entry.js +0 -1
  565. package/dist/components/p-efdc6fd7.entry.js +0 -1
  566. package/dist/components/p-f013c0ac.entry.js +0 -1
  567. package/dist/components/p-f1ead3b3.entry.js +0 -1
  568. /package/dist/components/{p-1b2913c8.js → p-553ca350.js} +0 -0
@@ -36,7 +36,7 @@ const ColorPrimaryPalette = class {
36
36
  ];
37
37
  }
38
38
  render() {
39
- return (index.h("ul", { key: 'b51f8df9e8481654c410a4564554e6af65e5995c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
39
+ return (index.h("ul", { key: '126edc10e07814fef8d8832a3defca18aa1f183e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
40
40
  }
41
41
  };
42
42
 
@@ -97,7 +97,7 @@ const ColorSecondaryPalette = class {
97
97
  this.show = undefined;
98
98
  }
99
99
  render() {
100
- return (index.h("ul", { key: 'c7b2a9406709dc3584e8e6f6c57a79ea5a9974c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
100
+ return (index.h("ul", { key: '77522e66323f22f1201b7b70a9c7a244627b350b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
101
101
  }
102
102
  };
103
103
 
@@ -158,7 +158,7 @@ const ColorSupportPalette = class {
158
158
  return 'text-default';
159
159
  }
160
160
  render() {
161
- return (index.h("ul", { key: '50f93b8bc9ee54e78eb23a21764afb0be5e3ea6c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
161
+ return (index.h("ul", { key: '24be31af945fa36a65a512367f61ff64e260acef', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
162
162
  // compute once
163
163
  const textClass = this.getTextColor(color.background);
164
164
  return (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), index.h("div", { class: "grid" }, index.h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), index.h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));
@@ -198,7 +198,7 @@ const GradientPrimaryPalette = class {
198
198
  ];
199
199
  }
200
200
  render() {
201
- return (index.h("ul", { key: 'f3653cb822e88d5914f12a84342603ad3dfb6af0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
201
+ return (index.h("ul", { key: 'd49c7b463621ffc3c747c4dab0703415a4275555', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
202
202
  background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
203
203
  } }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16" }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
204
204
  }
@@ -260,19 +260,19 @@ const GradientSecondaryPalette = class {
260
260
  ];
261
261
  }
262
262
  render() {
263
- return (index.h("div", { key: '068872a235a7b4a3bb1b5d49fe3c26014c317995' }, index.h("ul", { key: 'f2ef5ac747e40b62eda116125b2ec1da32b00c9e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '5c700c0e2794b38e6448709ac4eda002805fed43', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '185747db12912d6fbb672e6c2a3a6a28b533f483', class: "effect-height flex items-center justify-between p-16", style: {
263
+ return (index.h("div", { key: 'f2a833d8e2e4b13f8149a2b47772489ba7eec29e' }, index.h("ul", { key: '0d787bde224fcef07d6b5fbae338e2a521c52f05', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'd739f505deed8cab298dc94a6bd76521ca8ac847', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '0ae2b7e3cdda8b54defa9f82f1356cd5d1c9b709', class: "effect-height flex items-center justify-between p-16", style: {
264
264
  background: this.colors[0].background
265
- } }, index.h("div", { key: 'bf2818f7382f1f86989c4e63c1a27abcf6630f77', class: "grid" }, index.h("span", { key: '21418b3761bfff72fa4e0893e233e7e4e3784940', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'a87087d4c32e323ec6f6cb44607bfe106de8e37d', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '7a4b6263093b9046f09ec51aa91b1391096d420e', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a1aa7b145ce29f5b3e193bd46510b1fd25f59e44', class: "grid" }, index.h("span", { key: '81ee23a025329d756a120872df9a7d9204209adf', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'f32a3efb2f2b987201684ab83bdaef467ea0a262', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: '41364b3de70ccec9c37aec1dc448c3a47ead60a9', class: "effect-height flex items-center justify-between p-16", style: {
265
+ } }, index.h("div", { key: '64eb1288afd2cdefa1f104bb43258d55c3245b8c', class: "grid" }, index.h("span", { key: 'f7fb79a235046c7892b91394b444d17443ca0248', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'f1cece71d557e453c8c9787fd28d7a3f8475a7e2', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '0200a4cf288f1328c67e079171a4530801b78921', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '79666e2d3b62155de387cee661dfc94778b28aa5', class: "grid" }, index.h("span", { key: 'ee58f239ce1b20323813674c086ae138a7cb70c7', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'ee1753329fe850c66dc58dfe900b38c67e8acd55', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: 'c7b2e2a19336afbded9f8ae3eff507ab12ecc4ac', class: "effect-height flex items-center justify-between p-16", style: {
266
266
  background: this.colors[1].background
267
- } }, index.h("div", { key: 'b3f90be4ee360322051d26ffef7e09a63a8dfc87', class: "grid" }, index.h("span", { key: '09f4313220f9d93d578e5fa10ac1b399863244d2', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '0261f9fd84a18c46ece5d982f7158e5a5f638909', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'd04ecab2e1f63580ab95c69e4a70293c0358fea8', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'd188c38f611530259dfdef7cd75da4bdca0d2257', class: "grid" }, index.h("span", { key: '7378b85e8948ef41d5b2140a09768394ac95cb38', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '9e27beba8e19af3b05702d5b82b04db636d815ac', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: '56644448031fb2a4e26b79dfff46d8ada641e7b1' }), index.h("ul", { key: '2d6213ff4091ca2f9cb77854beafa34886c3ed42', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '717be10bad4a00a04644a09dfcaed2e583327e21', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '381ff7e46bc6508bf2b956b8b0ab61e154d70341', class: "effect-height flex items-center justify-between p-16", style: {
267
+ } }, index.h("div", { key: 'f130fec6b8a3c9ab2eb9ed4d09672624a26865e1', class: "grid" }, index.h("span", { key: 'b22ec15019ebe56721b7dfb63bcf327aaf5b9823', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '805c9ccaaea2baa8b6c1d41a08ebcd37b6d4153b', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: '58b09ffd2a465b1c35d71224db3d56b664669273', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '87e3b35c6837b8b2249c65c2775d86352cdfbaa1', class: "grid" }, index.h("span", { key: '14da8f6c8e8993d652889808a23dd49e40c515f8', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '739355001e3488c8fd100fc92f90e01d32079311', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: '7a9d217a2a097c49eb31c3740cc9c075ee12f646' }), index.h("ul", { key: 'd12159ccfdbeb0aecb24c6a1d653cad16e692df1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '3619595f2daa91bf7ba9ad3ad6a1775e6e972c56', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'b01fa5e47c8c0d3c96d78235c3210a5351b19c39', class: "effect-height flex items-center justify-between p-16", style: {
268
268
  background: this.colors[2].background
269
- } }, index.h("div", { key: '0dcbea6ed615f5b99c9d8bfde699bda1aba7d574', class: "grid" }, index.h("span", { key: 'b8c02c0590f264d68927b17ffa30e9a7af865baf', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '20b702c1743d53a3ecc13c1f105a43fc175c9fde', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '1b10b51df54537b0d236f8a0c1e85415a83a9762', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '381a0109027379acee17ba106778d0a6af2418de', class: "grid" }, index.h("span", { key: '79be72de7ba1588ac6bbead48c014279500c67e5', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'ff2e674caa413fe8eda95b9e683ff3264955a699', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '839e80c29b1f45e1141b5ca7ee14a8164f0d59f4', class: "effect-height flex items-center justify-between p-16", style: {
269
+ } }, index.h("div", { key: 'd494257a35394278969f2ba6db366576e9ae9e49', class: "grid" }, index.h("span", { key: '849658f307afb30dce0ac150fa9a573ccdbf4c04', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'b86d3700b71389ffa098746c57bef30a9dcb4c60', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '264f5a6e7c66b3feac9ab2476078f43ae864657c', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '67d58325bc81537a1df54aa92bd1c20afb6d4337', class: "grid" }, index.h("span", { key: '5961ba6cc25b866236521f7aac9e74a2eaa56f6b', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '6f891a3d8a392f7f993a3be70430dd107e2fb687', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '48eb15e8bc88a4df98c15351956e7e3c23fd4f5b', class: "effect-height flex items-center justify-between p-16", style: {
270
270
  background: this.colors[3].background
271
- } }, index.h("div", { key: 'd1cf88212f2c5cf0a8a3fc95e6f28b576af209bb', class: "grid" }, index.h("span", { key: '599b3fe538135f04b93e2e9a9ae5884e6fe66307', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: 'fe3989bf9061ee14ba325fdfe61d190e45a8d715', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: 'b5edf416ce3443e33784270ae786117dca54484e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '6337a21286045759e3b8858d225226bd67ccda95', class: "grid" }, index.h("span", { key: 'cfe45c5f93fe75f7a7d75de09ca74e247b5f9f3c', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '266110a2ccf1a77b76c8795e609b69b933d71e34', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '5edf56c8f60ca932f25cf4794898ceb09dffc490' }), index.h("ul", { key: 'e28256a79065796bba19fa8557d1ad4937dbc43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '0d900d8923731c12436819da4bb78495c82c61e4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '23e00e8340a1a7c4339db354778785bcfcfc34be', class: "effect-height flex items-center justify-between p-16", style: {
271
+ } }, index.h("div", { key: '102f3ef256c4640cd218f50eb368c62f3bacdcae', class: "grid" }, index.h("span", { key: '84f60a51251d14e207b849c1c4f5cf324f144db7', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '2fb2ce9460a4c1a031678df3625aef0d46c58ca3', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: 'dd95a53afc3b16fdc47c99cc12764a151e4adc78', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8857d41ec688b9b654e935dc5068d7a56db1175d', class: "grid" }, index.h("span", { key: '967db71db927b65cff00298730e3195b23927f9c', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '942d70c17ccdd39d5fee5aaa7d08cb7607aba083', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '9905640465b352ee2581ba2f2fb0c111df2e4d51' }), index.h("ul", { key: '3b503ca2aa38d5ca087b03195f5e8e316f91a046', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'dee0de27a82ce6baf0ef5cb18b8d51015095e93b', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '7cbc284a013f4a3ef36991f66ce4174a6459c414', class: "effect-height flex items-center justify-between p-16", style: {
272
272
  background: this.colors[4].background
273
- } }, index.h("div", { key: 'ff202435e451358b08d02fbe5ed085cb61bb27e2', class: "grid" }, index.h("span", { key: '6710617d3369d48fbd7b0d50e5cee98816ce7b92', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '998e0c640f8b090da7662743a857ac0ee0ea4e0a', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'ff4a789b3dbed8d20a636403b2ad921c7c4dc7b8', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'e5d5fef837f2f1b1ba36746da1806eba8396d288', class: "grid" }, index.h("span", { key: 'ed1302507a2760b27c1aaed2d48899b04d166d66', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '89bda8fc8cd7e150bde7263edc8fc4631e6831be', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '689354344f53850640da266e14d6b622429eb1ff', class: "effect-height flex items-center justify-between p-16", style: {
273
+ } }, index.h("div", { key: '159d904075a396929e34d9b0b0c47c64e5b2d392', class: "grid" }, index.h("span", { key: 'e9fe88d716b42ee87cd00cec2e6aba4979778327', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: 'b2b8401366adbc00142e4b993b193b849034bb64', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '9a29a5ce1149b9581fbc7389117e331c118b7353', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a0f65e92dc676413301ab868d267f1dc621041a3', class: "grid" }, index.h("span", { key: 'aa6719d23be2279fc63cf11c714b2f3f509a757c', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '64c9b712f7719c7e695044153e1b568c4a52d5f7', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '33ff5f6a668ade9681d9652a8a295f148c86f612', class: "effect-height flex items-center justify-between p-16", style: {
274
274
  background: this.colors[5].background
275
- } }, index.h("div", { key: 'ace17479948837f012514a27392dad21f8c801e8', class: "grid" }, index.h("span", { key: 'dd776f7884fa45d50204c0b10b4d2b6cac3eca5a', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: '7e44097339748f3309502391ab77dc5bd447b053', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: 'c656dc07828b4548faaae6d0071cd02639016d54', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'cab214dadb52b79f24efdc607fe0507eccb94644', class: "grid" }, index.h("span", { key: '2282a82817bc3cbb25f08e943fd086fa458ef34a', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '06bf558a5387c5512b28fbbef644769fc8cf5b37', class: "f-body-02" }, this.colors[5].pantoneU)))))));
275
+ } }, index.h("div", { key: '2800012e3986478469d57dd0d4a44bd4778dbe8d', class: "grid" }, index.h("span", { key: 'ccb1d4d1b76547aa711bade0d4f02c6c0536edb0', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: '71fc93f55e10505f0d806d5ae08198c744c3ccbe', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: '99ac406de66c5196e5d7e5cfc75cec977d0a300c', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'fabb9ea805a237c89a06703f17baa630f219b67c', class: "grid" }, index.h("span", { key: 'ffba37cdb47b4b3ba020a75b8302776569b93df9', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '9831ad808be56cbc208b76686d6a9a22e4daf643', class: "f-body-02" }, this.colors[5].pantoneU)))))));
276
276
  }
277
277
  };
278
278
 
@@ -324,11 +324,11 @@ const GradientSupportPalette = class {
324
324
  ];
325
325
  }
326
326
  render() {
327
- return (index.h("ul", { key: '3d8000d8778c4f6f35f8feca3c54fb2d535bc09f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '28143c46226cc5452c009346ec23ab016d78c675', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '57bbdd2b971ef3235e14f5b175e7e15696b68a28', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: '24c7d800175b4b453b06795b1e759c6819b35607', class: "grid" }, index.h("span", { key: '16653d8c729d81156d1df461de0fded8aa7d8e93', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '4b4a537f3896f2a7b986172feb5d08cf05355714', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'b6d4d3472e18e03a373b2667a785ef9e735dfaec', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8e85ec4998995bbdde92a2afc1939f0c2deabee5', class: "grid" }, index.h("span", { key: 'e5815876cb2a5e0790cb2a5ea9e132a24b677880', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: '745a25fc7b57801a4aef526001359e6427b6efd1', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: 'cb10855c01a39e52b4d651a1df440b6e9dc86a62', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '56d0b50121ad6386d0f91c24cb73a8bc9596a720', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: 'bed562bf4fabe0599e315ff86fbf17aba5ee3d74', class: "grid" }, index.h("span", { key: 'bdb88a23996aeca2cf8da34d534ed1e2e1098890', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '5c55cd02843963393abbf393a851fff3790c1905', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'f11febc9e05590d48879d93cd3b823bbbb7bc878', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '79119e208137848015ff77ae326afe1fb5cfc0d3', class: "grid" }, index.h("span", { key: '7dfeb3a9e103f208986888f967384c5ba3ed4d4c', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '205cf6b9473d9d236fac83aa2b6eb458ecd1aee5', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: '16406e3fa39372ebb6c32a2bbf506427fc047c13', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '4d44f5f7771164d581b7883698a8c891c9615a1f', class: "effect-height flex items-center justify-between p-16", style: {
327
+ return (index.h("ul", { key: '4536bf9450bc01b4288801fd244fbf62b2c7c6ea', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'bd9714faac09cb05215bfb07c852579b08811d84', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '5dec5f2445f60c982bb90688fa15af5f5d0fc429', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: 'bdfdb8c692531fce0f968c5bdddbe8cf01c30cb5', class: "grid" }, index.h("span", { key: '74b10fc06c3cf8b221bbcbd240787bd667c1eac6', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '7068886705095e95884dbca60f6955ed1bb3afda', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'aa72791c1ae4129ab625430804eaafea77913852', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9b9875d0701745fd6d3c27d7cf8e8e1438ad1f10', class: "grid" }, index.h("span", { key: '49034e6e4668ef271a039250b633b042de668932', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: 'b8a5448822eff24b533f27c66f5c67c99fcff631', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: 'af96a3795f253000ec44634d8bd8879cbb42dc02', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '39c7718379605d3bb087928fceb92f1772d32d0f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: '9a2ebe2703870e187652821a9f1e5c312d234b1e', class: "grid" }, index.h("span", { key: 'f1f50954ea41d6ba2581abacc3be8259b2c5f6df', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '15d0acd635db2af23e23c583e555726d98516499', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: '5c587f4fc2d824caef7986348a98e5016314ec71', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8e465b3324ee9f3c2d3a3f77af219f3b9fbd38bd', class: "grid" }, index.h("span", { key: 'f462ad550675c18668a4710e34adf49106a4010f', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '19cef6f8c5502c1e6ed3344365614a0fed3b7479', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: 'c33912ea002fd04f953d787ab3429aad6cb22819', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '7ee1396dcc55d2ab311a2dd8f3f684f690d149cc', class: "effect-height flex items-center justify-between p-16", style: {
328
328
  background: this.colors[2].background
329
- } }, index.h("div", { key: '95b07ece22975f09f30fdff39dff685e71ad94e7', class: "grid" }, index.h("span", { key: '9144a8c71d1e198b5a46bb1b6d3a4b7937b980d0', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '7be418e7bec46b05decfe58bd04bdb0cbc2f9c4f', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '61050dd447d35dcd1388785cadb809b9936460ff', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '87289e9f27972a7ac01f95dfdc780b2a63840246', class: "grid" }, index.h("span", { key: 'e2d37a0132d667f3a95a248f5b5a26cd55b7bed0', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '58d126103e9bf1dc68ba22fdc6e8a2d24ed18693', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '0ca5402553a62bb66b9d5271b2f6d9bdc03b9aa5', class: "effect-height flex items-center justify-between p-16", style: {
329
+ } }, index.h("div", { key: '5a9e865e7e21279d95072a1e36e514d19bc320f2', class: "grid" }, index.h("span", { key: '3f50ab38b2537aaa5bd8b0835d3f1bef56ab3a4f', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'e54e1bb4f6f98dc2fc00e3e9777673923a5acb39', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: 'a840c223d88b635c5c8d6c769148157c5c706589', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'e5df78c22dec1102cccfe147fe399d9c2dd95763', class: "grid" }, index.h("span", { key: 'fac7fb25462577388b702d4d344e6a92c2fef703', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '9ee513ef286f8aa73308e312f2dd15dbd9cd66a6', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '1298bd6a27cfb1f6ae78893aecede2ea38dd5918', class: "effect-height flex items-center justify-between p-16", style: {
330
330
  background: this.colors[3].background
331
- } }, index.h("div", { key: '4934962684a70ea4ab804bd2435f6b184d7f52c8', class: "grid" }, index.h("span", { key: '1a891700e10b5fc4eafd7f2a42d901b949bac2e7', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '99ebfc2392e11e67a3739796b4606ec6cee12ef3', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '13f9e44bc9b34cbdfb93a5a97ada482627e11a92', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '2c2a179f5073ead1646e114d76b4c26f48d998b5', class: "grid" }, index.h("span", { key: 'aba72113f0e47ec564bfb8dc1695d74cc0dacf0b', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '4a113554b101bcf1db71eff702914e2de6bb5876', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '78085204312fd78071a88d329c1085cd4615fe95', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'edc490c0d48ecdfa8be56ba2921ff7f5a6f74ee1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '5f8ff231f7752ad50a8bebdbaccfc63543a8e16b', class: "grid" }, index.h("span", { key: '22c0035742e6dd5e2c02c59e67b5769ce97324cf', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '87215ff0541f7891b74082bd63c59e3e65db1998', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'f96e95f761998e790c44c9b62f9b4eab4007f985', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9b31a9dd4b8cc239c9b66c7adbc312bdd827b93e', class: "grid" }, index.h("span", { key: 'c271cd470251c490af7a47726477ff1ad924ca1e', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: '1fe724e0c13e01af88619953dada47e659a234a4', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
331
+ } }, index.h("div", { key: '0fba58a3d08292a83f9ea355c9f5eaf302ec7e62', class: "grid" }, index.h("span", { key: '06978e5ccd45c684114baba14197fae88a29b009', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '0bd72456a2de62ef77b091861aa042ab9fd0739b', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: 'f2e9fe5798503e662637ee73182dc00e183c01b7', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '489311b860dfdd54a1facb310a94c684fa34e169', class: "grid" }, index.h("span", { key: '98b03f75771f438b1dfe1325f0e21ee5b45f9447', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: 'dfa8933173fdb19186372a63fdf7a2b683c36b95', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '5e7516b9e860965a9a1c1b140988bc8789f4e92e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'cde427ae68e8d16a547dd1e714847359e5b39197', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '547066eac01d4cc61a1938dccf2d51c1ee3b4f6a', class: "grid" }, index.h("span", { key: '2deac787b948cfdeaf00b39de8731fa6ffe54512', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '3bbd8a2f82a25f16bb989252912e69bee13b61dd', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'f262c5f8bdfa4355181700078d3a38c13b5598f3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '352d72f29eba7dec334e1e46898921cfe9dbb1e5', class: "grid" }, index.h("span", { key: 'd199696680cc4cea53920f3898e97a9cd7cce4ca', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: '058951afa29e29683fcb6b0f89ee046482c50669', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
332
332
  }
333
333
  };
334
334
 
@@ -14,26 +14,25 @@ const DocsOverview = () => (index.h("div", { class: "static-content container" }
14
14
  "."),
15
15
  index.h("eds-code-block", { code: "<script type='module'>\n import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js'; \n // Define custom elements\n defineCustomElements(window);\n</script>", language: "javascript", "copy-label": "Copy Code" }),
16
16
  index.h("p", null, "This snippet is part of the Stencil component loader system. Under the hood, it does the following:"),
17
- index.h("eds-steps", { steps: [
18
- {
19
- title: 'Import the Loader Module',
20
- content: 'The script imports the defineCustomElements function from the Stencil-generated loader module hosted at a CDN. This module contains the registration logic for all your custom components.'
21
- },
22
- {
23
- title: 'Register Custom Elements',
24
- content: 'Calling defineCustomElements(window) loops through the available components and registers each one with the browser using customElements.define(). This makes your custom elements available in the DOM.'
25
- },
26
- {
27
- title: 'Lazy Loading in Action',
28
- content: "Although all components are registered on startup, their implementation code is lazy-loaded. This means a component's code is only fetched when it is first used, optimizing the initial load time."
29
- },
30
- {
31
- title: 'Optimized Performance',
32
- content: 'By registering components early and lazy-loading their implementations, the script helps maintain a fast startup while ensuring that all custom elements are ready for use when needed.'
33
- }
34
- ] }),
35
- index.h("p", null, "Once included, components can be used in your markup like any other regular HTML elements:"),
36
- index.h("eds-code-block", { code: '<eds-button label="my bytton" intent="primary"></eds-button>', language: "html", "copy-label": "Copy Code" }),
17
+ index.h("div", { class: "mt-16" },
18
+ index.h("eds-steps", { type: "static", steps: [
19
+ {
20
+ title: 'Import the Loader Module',
21
+ content: 'The script imports the defineCustomElements function from the Stencil-generated loader module hosted at a CDN. This module contains the registration logic for all your custom components.'
22
+ },
23
+ {
24
+ title: 'Register Custom Elements',
25
+ content: 'Calling defineCustomElements(window) loops through the available components and registers each one with the browser using customElements.define(). This makes your custom elements available in the DOM.'
26
+ },
27
+ {
28
+ title: 'Lazy Loading in Action',
29
+ content: "Although all components are registered on startup, their implementation code is lazy-loaded. This means a component's code is only fetched when it is first used, optimizing the initial load time."
30
+ },
31
+ {
32
+ title: 'Optimized Performance',
33
+ content: 'By registering components early and lazy-loading their implementations, the script helps maintain a fast startup while ensuring that all custom elements are ready for use when needed.'
34
+ }
35
+ ] })),
37
36
  index.h("h2", null, "Load the variables and styles"),
38
37
  index.h("p", null,
39
38
  "To directly use only the produced variables (colors, breakpoints, typography) add the tag below to the",
@@ -45,13 +44,16 @@ const DocsOverview = () => (index.h("div", { class: "static-content container" }
45
44
  "To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the",
46
45
  ' ',
47
46
  index.h("code", null, "head"),
48
- ". Use this when you want quick access to ready-made utilities for building your own components or applications and you do not wish to dive deep to css configurations."),
47
+ ". Use this when you want quick access to ready-made utilities for building your own components or applications and you do not wish to dive deep to dynamic css configurations."),
49
48
  index.h("eds-code-block", { code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/output.css"/>', language: "css", "copy-label": "Copy Code" }),
50
49
  index.h("p", null,
51
50
  "Note that, loading either the variables or the predefined CSS framework above,",
52
51
  ' ',
53
52
  index.h("b", null, "automatically loads the fonts so you can skip loading them separately"),
54
- ".")));
53
+ "."),
54
+ index.h("h2", null, "Example"),
55
+ index.h("p", null, "Once included, components can be used in your markup like any other regular HTML elements:"),
56
+ index.h("eds-code-block", { code: '<eds-button label="my bytton" intent="primary"></eds-button>', language: "html", "copy-label": "Copy Code" })));
55
57
 
56
58
  const DocsInstallation = () => (index.h("div", null,
57
59
  index.h("p", null, "Before proceeding, ensure that Node.js is installed on your machine\u2014you can download the latest version from the official website. If your project doesn\u2019t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."),
@@ -80,6 +82,13 @@ const DocsVue = () => (index.h("div", null,
80
82
  index.h("h2", null, "Vue Wrappers"),
81
83
  index.h("p", null, "To use the EBRAINS web components in a Vue Application, simple install the package below and check out the examples."),
82
84
  index.h("eds-code-block", { code: "npm install @ebrains/vue", language: "javascript", "copy-label": "Copy Code" }),
85
+ index.h("h2", null, "Vue Router Initialization"),
86
+ index.h("p", null,
87
+ "For better component handling and to avoid potential asynchronous initialization issues (such as runtime errors from components that depend on the router context), make sure the application waits for the router to fully initialize before mounting the app. Use the following pattern in your ",
88
+ index.h("code", null, "main.ts"),
89
+ ":"),
90
+ index.h("eds-code-block", { code: "import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\n\nconst app = createApp(App);\napp.use(router);\n\n// Wait for router to finish resolving initial navigation\nrouter.isReady().then(() => {\n app.mount('#root');\n});\n", language: "javascript", "copy-label": "Copy Code" }),
91
+ index.h("p", null, "This ensures that all components relying on routing information (e.g., navigation links, route guards, or async route data) are rendered only after the router is ready, preventing timing-related errors or unexpected behavior at startup."),
83
92
  index.h("h2", null,
84
93
  "Passing Properties to Custom Elements Using the ",
85
94
  index.h("b", null, ".prop"),
@@ -101,7 +110,7 @@ const DocsVue = () => (index.h("div", null,
101
110
  index.h("b", null, ".prop"),
102
111
  " modifier in Vue ensures that the data you pass to your custom elements is received as intended. It prevents Vue (and the browser) from transforming camelCase property names into lowercase attributes, thereby maintaining the correct data mapping in your Stencil components."),
103
112
  index.h("eds-section-core", { "section-title": "Example Vue App", "heading-level": "h3" },
104
- index.h("eds-code-block", { code: '\n<template>\n <div>\n <EdsHeader></EdsHeader>\n <!-- render the splash until we manually hide it -->\n <EdsSplashScreen inverse="false" />\n\n <!-- then show main UI -->\n <div v-if="!splashVisible" class="container my-16">\n <EdsSteps \n :steps="JSON.stringify(stepsdata)"\n type="linear"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport { EdsSplashScreen, EdsSteps, EdsHeader } from "@ebrains/vue";\n\nexport default {\n name: "App",\n components: { EdsHeader, EdsSplashScreen, EdsSteps },\n data() {\n return {\n stepsdata: [\n { title: "Introduction", content: "Begin by familiarizing yourself with the overall process." },\n { title: "Process Overview", content: "Review the detailed steps and understand the workflow." }\n ],\n splashVisible: true\n };\n },\n methods: {\n delay(ms) {\n return new Promise(resolve => setTimeout(resolve, ms));\n },\n async initialize() {\n try {\n // simulate your init work\n await this.delay(2000);\n\n // fire the built-in event that EdsSplashScreen listens for\n window.dispatchEvent(new Event("hideSplash"));\n } catch (e) {\n console.error("Init error", e);\n window.dispatchEvent(new Event("hideSplash"));\n } finally {\n // show the rest of the app\n this.splashVisible = false;\n }\n }\n },\n mounted() {\n this.initialize();\n }\n};\n</script>\n', language: "javascript", "copy-label": "Copy Code" }))));
113
+ index.h("eds-code-block", { code: '\n<template>\n <div>\n <EdsHeader headerVariant="strong"></EdsHeader>\n <!-- render the splash until we manually hide it -->\n <EdsSplashScreen inverse="false" />\n\n <!-- then show main UI -->\n <div v-if="!splashVisible" style="padding: 10px;">\n <EdsSteps \n :steps="JSON.stringify(stepsdata)"\n type="linear"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport { EdsSplashScreen, EdsSteps, EdsHeader } from "@ebrains/vue";\n\nexport default {\n name: "App",\n components: { EdsHeader, EdsSplashScreen, EdsSteps },\n data() {\n return {\n stepsdata: [\n { title: "Introduction", content: "Begin by familiarizing yourself with the overall process." },\n { title: "Process Overview", content: "Review the detailed steps and understand the workflow." }\n ],\n splashVisible: true\n };\n },\n methods: {\n delay(ms) {\n return new Promise(resolve => setTimeout(resolve, ms));\n },\n async initialize() {\n try {\n // simulate your init work\n await this.delay(2000);\n\n // fire the built-in event that EdsSplashScreen listens for\n window.dispatchEvent(new Event("hideSplash"));\n } catch (e) {\n console.error("Init error", e);\n window.dispatchEvent(new Event("hideSplash"));\n } finally {\n // show the rest of the app\n this.splashVisible = false;\n }\n }\n },\n mounted() {\n this.initialize();\n }\n};\n</script>\n', language: "javascript", "copy-label": "Copy Code" }))));
105
114
 
106
115
  const DocsAngular = () => (index.h("div", null,
107
116
  index.h("h2", null, "Angular Wrappers"),
@@ -136,7 +145,7 @@ const ComponentsSection = class {
136
145
  }
137
146
  }
138
147
  render() {
139
- return index.h("div", { key: '7c35270931bb242311baaa8b2d45f15135f72410', class: "container" }, this.renderContent());
148
+ return index.h("div", { key: '558e6c2ad94148d2371879fa7ae8f4ce6d996f73', class: "container" }, this.renderContent());
140
149
  }
141
150
  };
142
151
 
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_36.cjs\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"shortMode\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"bg\":[4],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[4,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1028,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"buttonIntent\":[1,\"button-intent\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"min\":[2],\"max\":[2],\"step\":[2],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[1,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[17,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-fullscreen-menu.cjs\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline.cjs\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-gauge.cjs\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bin.cjs\",[[0,\"eds-icon-bin\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-clone.cjs\",[[0,\"eds-icon-clone\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-download.cjs\",[[0,\"eds-icon-download\",{\"class\":[1]}]]],[\"eds-icon-draft.cjs\",[[0,\"eds-icon-draft\",{\"class\":[1]}]]],[\"eds-icon-edit.cjs\",[[0,\"eds-icon-edit\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external.cjs\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-start.cjs\",[[0,\"eds-icon-start\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-view.cjs\",[[0,\"eds-icon-view\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie.cjs\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-footer.cjs\",[[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"eds-splash-screen.cjs\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-social-networks.cjs\",[[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2.cjs\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6.cjs\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-card-desc_2.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]]]"), options);
22
+ return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_37.cjs\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"shortMode\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-sidebar\",{\"items\":[1],\"theme\":[1],\"activeUrl\":[1,\"active-url\"],\"enableRouting\":[4,\"enable-routing\"],\"maxLevel\":[2,\"max-level\"],\"openItems\":[32],\"parsedItems\":[32]},null,{\"items\":[\"handleItemsChange\"],\"activeUrl\":[\"handleActiveUrlChange\"]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"collapsibleTitles\":[4,\"collapsible-titles\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"buttonIntent\":[1,\"button-intent\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"sortingEnabled\":[4,\"sorting-enabled\"],\"theme\":[1],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32],\"sortColumn\":[32],\"sortDirection\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"min\":[2],\"max\":[2],\"step\":[2],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[17,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-fullscreen-menu.cjs\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline.cjs\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-gauge.cjs\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bin.cjs\",[[0,\"eds-icon-bin\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-clone.cjs\",[[0,\"eds-icon-clone\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-download.cjs\",[[0,\"eds-icon-download\",{\"class\":[1]}]]],[\"eds-icon-draft.cjs\",[[0,\"eds-icon-draft\",{\"class\":[1]}]]],[\"eds-icon-edit.cjs\",[[0,\"eds-icon-edit\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external.cjs\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-start.cjs\",[[0,\"eds-icon-start\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-view.cjs\",[[0,\"eds-icon-view\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie.cjs\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-footer.cjs\",[[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"eds-splash-screen.cjs\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-social-networks.cjs\",[[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2.cjs\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6.cjs\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-card-desc_2.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]]]"), options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -61,7 +61,7 @@ const CorrectUseOfColors = class {
61
61
  index.registerInstance(this, hostRef);
62
62
  }
63
63
  render() {
64
- return (index.h("div", { key: 'd0be09152cb04a9a38d8a744187a9b26a1e89218', class: "container" }, index.h("p", { key: 'b271be0db9ebeb6b97f139d104c8ad22f67a0a07', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'c2166109121cb18a2bee1d7e97a829ad726dd635', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '77a3b2e02a38239cbdcdfacbe8375a8a37169fa5', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '82a056e939a0b263f1454a968688702038389842', class: "flex" }, index.h("div", { key: 'b9bb7e15d2a5cc4c490d2e4e7d6dd56112fde0f8', class: "w-full" }, index.h("ul", { key: '9190e2d3a5169fee4fe98a4edb0147be2e355455', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'bae996225c7c49f584d6a5cc9cf3a8ad8f8807ec', class: "w-full" }, index.h("ul", { key: 'f70940212a1efa846e3563dfbf93df65cd0bbbf1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '9ced01dbcfd41dfb15c40a3f85165b94ffe9de23', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'bc44a1e9c7bf221946c550457e146b8149735e43', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: 'cf461572ff956405929ca6cf95dfa56d07744593', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '37d90b2c2f0269791c923ce440924c0c3b01ca71', class: "flex" }, index.h("div", { key: 'ff636e6bd9029bc7c9d53f3f0d8524f23b5b8ab3', class: "w-full" }, index.h("ul", { key: '4b8a8666c8b4a2ac30550a1d0ab2c0e0314f2fe5', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '94d98ed72746e71f47ab181cbbb528d2ef61dfce', class: "w-full" }, index.h("ul", { key: '3600baa2c87dd21cba3e2fc138df5b968c9c52ef', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '117caf5580bde7dd9347df9c38acbb4456ab98f8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '6a82c99271f67352ada76deee022ef660b43815a', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '935f98fb55d98c8a7e430c14420502cace108e3f', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '7d9c32250cdd2f369c536bb4c6c90df2e74a5a33', class: "flex" }, index.h("div", { key: '376f8f6c2728c8044d058bab425d393534bd663d', class: "w-full" }, index.h("ul", { key: '317a5310649943460df30cd2e68dbf3dcc547499', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '7cde122042c334ddee130cd08ace0e5d85df6f8c', class: "w-full" }, index.h("ul", { key: '9b86c880cc07b785fcfe364ee3271947f2804079', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: 'a2c6b976e0afb9f501bb19a6de47faa1a0de095e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'f7b115c2c96e67123dc3f539cf191f93a8f411e0', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '236cba8f8133462144e771fa0911f5f5f3d7af58', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '1330c6ae0c7e870a94e9f120587240a605570883', class: "flex" }, index.h("div", { key: '548fd1822b448bc1d424d0d8d70e21643e0d4b7b', class: "w-full" }, index.h("ul", { key: '0a03e4b6817a18cfbcbadb0734c7970120b7d632', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '535d834c0520279fc1c1356275901aa942037e9c', class: "w-full" }, index.h("ul", { key: '3125151afe464cdb9ca4a33904ee9f865c743fed', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
64
+ return (index.h("div", { key: '9d28ec9943d0677134197c13540de9bb7c2f12cd', class: "container" }, index.h("p", { key: '6f7d0b82630b3c49f9dff5ccd36bca698a1fbd5c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'd7f9671b3cbb38b08cd81c30587abdf0d8f41f51', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: 'f2f511e348e059b3dd4f297f5b4a3979cd375129', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '969c18ae721d4f00760e98cd80059dc2aa453d67', class: "flex" }, index.h("div", { key: '1b17ab8ece1291526e71d18dcf3c1f93a00fa2c4', class: "w-full" }, index.h("ul", { key: '986f769f30231630847cdfe86b8656839a939d88', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '86eefc26ae16cd6e9677740d9bc79510a52fc73f', class: "w-full" }, index.h("ul", { key: 'f9d33602d9d0074e708853f4f8414be3059df356', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '07b359efde4e571b7aca720c96a4bbf14c838d4d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'd298f15d103db28cee0d20c033a32588ed5fd19e', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '30104956c75990db31768f55fe29a3c58c3db6ee', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '2ac588649556015429c13fc99639dcfc156262d6', class: "flex" }, index.h("div", { key: '80a4806cad7dbfe512b77fd24e5d857301cba9cb', class: "w-full" }, index.h("ul", { key: '92f3708e7750b344f7b493023cb76fb40c859a4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '7bdd5b1548c55260c6425b167ec4dbb89dd6eda2', class: "w-full" }, index.h("ul", { key: '387542a843d26539d7fea2af38ef9ae4308eeb32', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '0f1ba1c7c7408685f371c4044f95c7ca502fc944', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '8ed5ff96b53904e8ba20ef1511245c0b5154afa4', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: 'a14d384ccfd1147cf97b368b2cde7382a54c0a45', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '155d52d56352a506e3b7737d427a14a3abcaebcd', class: "flex" }, index.h("div", { key: 'e91aa745ca8cff4fa9b704317ddfd43a6f40ca38', class: "w-full" }, index.h("ul", { key: 'c7011ffce80763f4042be97d0ea69babfac40361', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'a98a22aa0af0b286575bed2e334b184617be1ecf', class: "w-full" }, index.h("ul", { key: '20b30469c9c0d2999139d8e0f1d80f5ab0a3c514', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '10e39fc6e1aa2682ada0ec5183b3552c9958bc98', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '849655d792c79a191cf6cab7672ec649de59cb5a', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: 'b1e5d967791190f20c86d54ef46b703270b5b637', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '292f06ed7f8d9af814439e8774308068c2aa6a3b', class: "flex" }, index.h("div", { key: '44575c8a4582d31170803e390265f02548045831', class: "w-full" }, index.h("ul", { key: 'fc137b3481b601c0b7eb216b9393ddd291eb9a02', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '39c79f448361189f8f439622099271276d3ebe3d', class: "w-full" }, index.h("ul", { key: '6195f5159065e800f84f1d0f78f6523986506369', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
65
65
  }
66
66
  };
67
67
 
@@ -20,7 +20,7 @@ const DocsPalettes = class {
20
20
  }
21
21
  }
22
22
  render() {
23
- return index.h("div", { key: 'c5add26ecb245e398f8b2cf496d05da86a60f108', class: "container" }, this.renderContent());
23
+ return index.h("div", { key: '7cf421f19dc1d70ab5c2df29e8ca22577b1652e2', class: "container" }, this.renderContent());
24
24
  }
25
25
  };
26
26
 
@@ -28,7 +28,7 @@ const DocsContent = class {
28
28
  }
29
29
  }
30
30
  render() {
31
- return index.h("div", { key: '9afe4f5912087e80d327a7c79a69be68b1ffa677', class: "container" }, this.renderContent());
31
+ return index.h("div", { key: 'bf55f7238eb1c05bdf6b79a4663070ff257595d8', class: "container" }, this.renderContent());
32
32
  }
33
33
  };
34
34