@ebrains/components 0.8.0-alpha.0 → 0.9.0-beta

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 (560) hide show
  1. package/dist/cjs/bookmark-c61853d9.js +18 -0
  2. package/dist/cjs/color-primary-palette_6.cjs.entry.js +44 -31
  3. package/dist/cjs/{eds-components-section.cjs.entry.js → components-section.cjs.entry.js} +22 -17
  4. package/dist/cjs/components.cjs.js +1 -1
  5. package/dist/cjs/correct-use-of-colors.cjs.entry.js +1 -1
  6. package/dist/cjs/{eds-docs-palettes.cjs.entry.js → docs-palettes.cjs.entry.js} +3 -3
  7. package/dist/cjs/{eds-docs-tokens.cjs.entry.js → docs-tokens.cjs.entry.js} +3 -3
  8. package/dist/cjs/eds-accordion.cjs.entry.js +86 -0
  9. package/dist/cjs/eds-app-root.cjs.entry.js +1 -1
  10. package/dist/cjs/{eds-accordion_17.cjs.entry.js → eds-avatar_24.cjs.entry.js} +848 -216
  11. package/dist/cjs/eds-card-desc_3.cjs.entry.js +1 -1
  12. package/dist/cjs/eds-cookies-preference.cjs.entry.js +1 -1
  13. package/dist/cjs/eds-feedback.cjs.entry.js +2 -2
  14. package/dist/cjs/eds-frame.cjs.entry.js +5 -11
  15. package/dist/cjs/eds-icon-bluesky.cjs.entry.js +1 -1
  16. package/dist/cjs/eds-icon-bookmark.cjs.entry.js +18 -0
  17. package/dist/cjs/eds-icon-close.cjs.entry.js +1 -1
  18. package/dist/cjs/eds-icon-copy.cjs.entry.js +1 -1
  19. package/dist/cjs/eds-icon-eu.cjs.entry.js +1 -1
  20. package/dist/cjs/eds-icon-external.cjs.entry.js +18 -0
  21. package/dist/cjs/eds-icon-facebook.cjs.entry.js +1 -1
  22. package/dist/cjs/eds-icon-gitlab.cjs.entry.js +1 -1
  23. package/dist/cjs/eds-icon-linkedin.cjs.entry.js +1 -1
  24. package/dist/cjs/eds-icon-loader.cjs.entry.js +1 -1
  25. package/dist/cjs/eds-icon-mastodon.cjs.entry.js +1 -1
  26. package/dist/cjs/eds-icon-menu.cjs.entry.js +1 -1
  27. package/dist/cjs/eds-icon-minus.cjs.entry.js +18 -0
  28. package/dist/cjs/eds-icon-more.cjs.entry.js +1 -1
  29. package/dist/cjs/eds-icon-paper.cjs.entry.js +18 -0
  30. package/dist/cjs/eds-icon-plus.cjs.entry.js +18 -0
  31. package/dist/cjs/eds-icon-portal.cjs.entry.js +18 -0
  32. package/dist/cjs/eds-icon-private.cjs.entry.js +18 -0
  33. package/dist/cjs/eds-icon-public.cjs.entry.js +18 -0
  34. package/dist/cjs/eds-icon-search.cjs.entry.js +1 -1
  35. package/dist/cjs/eds-icon-star.cjs.entry.js +1 -1
  36. package/dist/cjs/eds-icon-success.cjs.entry.js +1 -1
  37. package/dist/cjs/eds-icon-thumbs-down.cjs.entry.js +1 -1
  38. package/dist/cjs/eds-icon-thumbs-up.cjs.entry.js +1 -1
  39. package/dist/cjs/eds-icon-tutorial.cjs.entry.js +18 -0
  40. package/dist/cjs/eds-icon-twitter.cjs.entry.js +1 -1
  41. package/dist/cjs/eds-icon-unknown.cjs.entry.js +18 -0
  42. package/dist/cjs/eds-icon-updown.cjs.entry.js +18 -0
  43. package/dist/cjs/eds-icon-user.cjs.entry.js +1 -1
  44. package/dist/cjs/eds-icon-youtube.cjs.entry.js +1 -1
  45. package/dist/cjs/eds-login_2.cjs.entry.js +23 -14
  46. package/dist/cjs/eds-matomo-notice.cjs.entry.js +123 -0
  47. package/dist/cjs/eds-modal.cjs.entry.js +6 -6
  48. package/dist/cjs/eds-pagination_2.cjs.entry.js +5 -5
  49. package/dist/cjs/eds-progress-bar.cjs.entry.js +1 -1
  50. package/dist/cjs/eds-rating.cjs.entry.js +1 -1
  51. package/dist/cjs/eds-section-core_2.cjs.entry.js +3 -3
  52. package/dist/cjs/eds-spinner.cjs.entry.js +1 -1
  53. package/dist/cjs/eds-switch.cjs.entry.js +2 -2
  54. package/dist/cjs/eds-tabs.cjs.entry.js +2 -2
  55. package/dist/cjs/eds-timeline.cjs.entry.js +2 -2
  56. package/dist/cjs/eds-toast-manager.cjs.entry.js +1 -1
  57. package/dist/cjs/eds-tooltip.cjs.entry.js +1 -1
  58. package/dist/cjs/eds-trl.cjs.entry.js +1 -1
  59. package/dist/cjs/incorrect-use-of-colors.cjs.entry.js +1 -1
  60. package/dist/cjs/index-2f63169d.js +74 -34
  61. package/dist/cjs/loader.cjs.js +1 -1
  62. package/dist/cjs/logo-space.cjs.entry.js +2 -2
  63. package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js +4 -4
  64. package/dist/cjs/{eds-logo-variations.cjs.entry.js → logo-variations-tabs.cjs.entry.js} +3 -3
  65. package/dist/cjs/logo-wrong-usage.cjs.entry.js +2 -2
  66. package/dist/cjs/minus-1da6a98a.js +13 -0
  67. package/dist/cjs/paper-0d6302f6.js +17 -0
  68. package/dist/cjs/plus-d0e00ad0.js +14 -0
  69. package/dist/cjs/portal-46212559.js +20 -0
  70. package/dist/cjs/private-38835fe7.js +27 -0
  71. package/dist/cjs/public-b519b1f6.js +18 -0
  72. package/dist/cjs/{eds-svg-repository.cjs.entry.js → svg-repository.cjs.entry.js} +30 -29
  73. package/dist/cjs/token-list_3.cjs.entry.js +5 -5
  74. package/dist/cjs/token-ratios.cjs.entry.js +1 -1
  75. package/dist/cjs/token-typography.cjs.entry.js +3 -3
  76. package/dist/cjs/tutotial-7855df3c.js +29 -0
  77. package/dist/cjs/unknown-6814e551.js +24 -0
  78. package/dist/cjs/up-and-down-d71df67d.js +14 -0
  79. package/dist/collection/collection-manifest.json +16 -5
  80. package/dist/collection/components/eds-accordion/eds-accordion.css +6 -4
  81. package/dist/collection/components/eds-accordion/eds-accordion.js +1 -1
  82. package/dist/collection/components/eds-accordion/eds-accordion.stories.js +1 -1
  83. package/dist/collection/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.js +36 -0
  84. package/dist/collection/components/eds-icons/eds-icon-close/eds-icon-close.js +1 -1
  85. package/dist/collection/components/eds-icons/eds-icon-copy/eds-icon-copy.js +1 -1
  86. package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js +1 -1
  87. package/dist/collection/components/eds-icons/eds-icon-external/eds-icon-external.js +36 -0
  88. package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js +1 -1
  89. package/dist/collection/components/eds-icons/eds-icon-loader/eds-icon-loader.js +1 -1
  90. package/dist/collection/components/eds-icons/eds-icon-menu/eds-icon-menu.js +1 -1
  91. package/dist/collection/components/eds-icons/eds-icon-minus/eds-icon-minus.js +36 -0
  92. package/dist/collection/components/eds-icons/eds-icon-more/eds-icon-more.js +1 -1
  93. package/dist/collection/components/eds-icons/eds-icon-paper/eds-icon-paper.js +36 -0
  94. package/dist/collection/components/eds-icons/eds-icon-plus/eds-icon-plus.js +36 -0
  95. package/dist/collection/components/eds-icons/eds-icon-portal/eds-icon-portal.js +36 -0
  96. package/dist/collection/components/eds-icons/eds-icon-private/eds-icon-private.js +36 -0
  97. package/dist/collection/components/eds-icons/eds-icon-public/eds-icon-public.js +36 -0
  98. package/dist/collection/components/eds-icons/eds-icon-search/eds-icon-search.js +1 -1
  99. package/dist/collection/components/eds-icons/eds-icon-star/eds-icon-star.js +1 -1
  100. package/dist/collection/components/eds-icons/eds-icon-success/eds-icon-success.js +1 -1
  101. package/dist/collection/components/eds-icons/eds-icon-thumbs-down/eds-icon-thumbs-down.js +1 -1
  102. package/dist/collection/components/eds-icons/eds-icon-thumbs-up/eds-icon-thumbs-up.js +1 -1
  103. package/dist/collection/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.js +36 -0
  104. package/dist/collection/components/eds-icons/eds-icon-unknown/eds-icon-unknown.js +36 -0
  105. package/dist/collection/components/eds-icons/eds-icon-updown/eds-icon-updown.js +36 -0
  106. package/dist/collection/components/eds-icons/eds-icon-user/eds-icon-user.js +1 -1
  107. package/dist/collection/components/eds-icons/social/eds-icon-bluesky/eds-icon-bluesky.js +1 -1
  108. package/dist/collection/components/eds-icons/social/eds-icon-facebook/eds-icon-facebook.js +1 -1
  109. package/dist/collection/components/eds-icons/social/eds-icon-linkedin/eds-icon-linkedin.js +1 -1
  110. package/dist/collection/components/eds-icons/social/eds-icon-mastodon/eds-icon-mastodon.js +1 -1
  111. package/dist/collection/components/eds-icons/social/eds-icon-twitter/eds-icon-twitter.js +1 -1
  112. package/dist/collection/components/eds-icons/social/eds-icon-youtube/eds-icon-youtube.js +1 -1
  113. package/dist/collection/components/eds-img/eds-img.js +2 -2
  114. package/dist/collection/components/eds-input-elements/eds-input/eds-input.js +2 -21
  115. package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js +1 -1
  116. package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js +1 -1
  117. package/dist/collection/components/eds-input-elements/eds-input-range/eds-input-range.js +59 -2
  118. package/dist/collection/components/eds-input-elements/eds-input-search/eds-input-search.js +1 -1
  119. package/dist/collection/components/eds-input-elements/eds-input-select/eds-input-select.js +4 -1
  120. package/dist/collection/components/eds-input-field/eds-input-field.js +37 -5
  121. package/dist/collection/components/eds-input-field/eds-input-field.stories.js +1 -0
  122. package/dist/collection/components/eds-link/eds-link.css +12 -0
  123. package/dist/collection/components/eds-link/eds-link.js +17 -9
  124. package/dist/collection/components/eds-logo/eds-logo.js +1 -1
  125. package/dist/collection/components/eds-modal/eds-modal.css +32 -1
  126. package/dist/collection/components/eds-modal/eds-modal.js +5 -5
  127. package/dist/collection/components/eds-pagination/eds-pagination.js +1 -1
  128. package/dist/collection/components/eds-progress-bar/eds-progress-bar.js +1 -1
  129. package/dist/collection/components/eds-rating/eds-rating.js +1 -1
  130. package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js +1 -1
  131. package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +2 -2
  132. package/dist/collection/components/eds-spinner/eds-spinner.js +1 -1
  133. package/dist/collection/components/eds-switch/eds-switch.js +2 -2
  134. package/dist/collection/components/eds-table/eds-table.js +4 -4
  135. package/dist/collection/components/eds-tag/eds-tag.js +1 -1
  136. package/dist/collection/components/eds-timeline/eds-timeline.css +35 -17
  137. package/dist/collection/components/eds-timeline/eds-timeline.js +1 -1
  138. package/dist/collection/components/eds-tooltip/eds-tooltip.js +1 -1
  139. package/dist/collection/components/eds-trl/eds-trl.js +1 -1
  140. package/dist/collection/eds-docs-ui/colors/color-palette/primary.js +1 -1
  141. package/dist/collection/eds-docs-ui/colors/color-palette/secondary.js +1 -1
  142. package/dist/collection/eds-docs-ui/colors/color-palette/support.js +31 -18
  143. package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js +1 -1
  144. package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js +7 -7
  145. package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js +3 -3
  146. package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js +1 -1
  147. package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js +1 -1
  148. package/dist/collection/eds-docs-ui/{eds-components-section/eds-components-section.js → components-section/components-section.js} +13 -13
  149. package/dist/collection/eds-docs-ui/components-section/functional/angular.js +2 -0
  150. package/dist/collection/eds-docs-ui/components-section/functional/installation.js +2 -0
  151. package/dist/collection/eds-docs-ui/{functional → components-section/functional}/overview.js +2 -2
  152. package/dist/collection/eds-docs-ui/components-section/functional/react.js +2 -0
  153. package/dist/collection/eds-docs-ui/components-section/functional/usage.js +2 -0
  154. package/dist/collection/eds-docs-ui/components-section/functional/vue.js +2 -0
  155. package/dist/collection/eds-docs-ui/{eds-docs-tokens/eds-docs-tokens.js → design-tokens/docs-tokens/docs-tokens.js} +3 -3
  156. package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js +3 -3
  157. package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js +1 -1
  158. package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js +1 -1
  159. package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js +1 -1
  160. package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js +1 -1
  161. package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js +3 -3
  162. package/dist/collection/eds-docs-ui/{eds-docs-palettes/eds-docs-palettes.js → docs-palettes/docs-palettes.js} +3 -3
  163. package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.css +144 -43
  164. package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js +1 -1
  165. package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.css +149 -68
  166. package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js +1 -1
  167. package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.css +158 -53
  168. package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js +1 -1
  169. package/dist/collection/eds-docs-ui/{eds-logo-variations/eds-logo-variations.js → logo/logo-variations-tabs/logo-variations.js} +3 -3
  170. package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.css +199 -169
  171. package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js +1 -1
  172. package/dist/collection/eds-docs-ui/{eds-svg-repository/eds-svg-repository.js → svg-repository/svg-repository.js} +5 -5
  173. package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js +1 -1
  174. package/dist/collection/shared-ui/eds-feedback/eds-feedback.css +8 -0
  175. package/dist/collection/shared-ui/eds-feedback/eds-feedback.js +1 -1
  176. package/dist/collection/shared-ui/eds-footer/eds-footer.js +2 -2
  177. package/dist/collection/shared-ui/eds-form/eds-form.js +46 -11
  178. package/dist/collection/shared-ui/eds-frame/eds-frame.js +28 -31
  179. package/dist/collection/shared-ui/eds-frame/eds-frame.stories.js +12 -12
  180. package/dist/collection/shared-ui/eds-header/eds-header.js +2 -2
  181. package/dist/collection/shared-ui/eds-login/eds-login.js +4 -1
  182. package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.js +1 -1
  183. package/dist/collection/shared-ui/eds-splash-screen/eds-splash-screen.js +25 -13
  184. package/dist/collection/shared-ui/eds-tabs/eds-tabs.css +35 -17
  185. package/dist/collection/shared-ui/eds-tabs/eds-tabs.js +1 -1
  186. package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js +1 -1
  187. package/dist/collection/shared-ui/eds-user/eds-user.css +35 -17
  188. package/dist/collection/shared-ui/eds-user/eds-user.js +1 -1
  189. package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js +1 -1
  190. package/dist/collection/utils/eds-form/formUtils.js +4 -34
  191. package/dist/components/bookmark.js +16 -0
  192. package/dist/components/{eds-logo-variations.d.ts → components-section.d.ts} +4 -4
  193. package/dist/components/{eds-components-section.js → components-section.js} +27 -22
  194. package/dist/components/components.css +35 -17
  195. package/dist/components/components.esm.js +1 -1
  196. package/dist/components/correct-use-of-colors.js +1 -1
  197. package/dist/components/{eds-svg-repository.d.ts → docs-palettes.d.ts} +4 -4
  198. package/dist/components/{eds-docs-palettes.js → docs-palettes.js} +8 -8
  199. package/dist/components/docs-tokens.d.ts +11 -0
  200. package/dist/components/{eds-docs-tokens.js → docs-tokens.js} +8 -8
  201. package/dist/components/eds-accordion2.js +2 -2
  202. package/dist/components/eds-app-root.js +1 -1
  203. package/dist/components/eds-cookies-preference.js +1 -1
  204. package/dist/components/eds-feedback.js +2 -2
  205. package/dist/components/eds-footer2.js +2 -2
  206. package/dist/components/eds-form.js +50 -45
  207. package/dist/components/eds-frame.js +7 -13
  208. package/dist/components/eds-header.js +2 -2
  209. package/dist/components/eds-icon-bluesky.js +1 -1
  210. package/dist/components/{eds-docs-palettes.d.ts → eds-icon-bookmark.d.ts} +4 -4
  211. package/dist/components/eds-icon-bookmark.js +33 -0
  212. package/dist/components/eds-icon-close.js +1 -1
  213. package/dist/components/eds-icon-copy.js +1 -1
  214. package/dist/components/eds-icon-eu.js +1 -1
  215. package/dist/components/eds-icon-external.d.ts +11 -0
  216. package/dist/components/eds-icon-external.js +33 -0
  217. package/dist/components/eds-icon-facebook.js +1 -1
  218. package/dist/components/eds-icon-gitlab.js +1 -1
  219. package/dist/components/eds-icon-linkedin.js +1 -1
  220. package/dist/components/eds-icon-loader.js +1 -1
  221. package/dist/components/eds-icon-mastodon.js +1 -1
  222. package/dist/components/eds-icon-menu.js +1 -1
  223. package/dist/components/eds-icon-minus.d.ts +11 -0
  224. package/dist/components/eds-icon-minus.js +33 -0
  225. package/dist/components/eds-icon-more.js +1 -1
  226. package/dist/components/eds-icon-paper.d.ts +11 -0
  227. package/dist/components/eds-icon-paper.js +33 -0
  228. package/dist/components/eds-icon-plus.d.ts +11 -0
  229. package/dist/components/eds-icon-plus.js +33 -0
  230. package/dist/components/{eds-docs-tokens.d.ts → eds-icon-portal.d.ts} +4 -4
  231. package/dist/components/eds-icon-portal.js +33 -0
  232. package/dist/components/eds-icon-private.d.ts +11 -0
  233. package/dist/components/eds-icon-private.js +33 -0
  234. package/dist/components/eds-icon-public.d.ts +11 -0
  235. package/dist/components/eds-icon-public.js +33 -0
  236. package/dist/components/eds-icon-search.js +1 -1
  237. package/dist/components/eds-icon-star.js +1 -1
  238. package/dist/components/eds-icon-success.js +1 -1
  239. package/dist/components/eds-icon-thumbs-down.js +1 -1
  240. package/dist/components/eds-icon-thumbs-up.js +1 -1
  241. package/dist/components/eds-icon-tutorial.d.ts +11 -0
  242. package/dist/components/eds-icon-tutorial.js +33 -0
  243. package/dist/components/eds-icon-twitter.js +1 -1
  244. package/dist/components/eds-icon-unknown.d.ts +11 -0
  245. package/dist/components/eds-icon-unknown.js +33 -0
  246. package/dist/components/eds-icon-updown.d.ts +11 -0
  247. package/dist/components/eds-icon-updown.js +33 -0
  248. package/dist/components/eds-icon-user.js +1 -1
  249. package/dist/components/eds-icon-youtube.js +1 -1
  250. package/dist/components/eds-img2.js +2 -2
  251. package/dist/components/eds-input-field2.js +37 -5
  252. package/dist/components/eds-input-footer2.js +1 -1
  253. package/dist/components/eds-input-label2.js +1 -1
  254. package/dist/components/eds-input-range2.js +26 -3
  255. package/dist/components/eds-input-search2.js +1 -1
  256. package/dist/components/eds-input-select2.js +4 -1
  257. package/dist/components/eds-input2.js +3 -5
  258. package/dist/components/eds-link2.js +18 -10
  259. package/dist/components/eds-login2.js +1 -1
  260. package/dist/components/eds-logo2.js +1 -1
  261. package/dist/components/eds-modal.js +6 -6
  262. package/dist/components/eds-pagination2.js +1 -1
  263. package/dist/components/eds-progress-bar2.js +1 -1
  264. package/dist/components/eds-rating2.js +1 -1
  265. package/dist/components/eds-section-core2.js +1 -1
  266. package/dist/components/eds-section-heading2.js +2 -2
  267. package/dist/components/eds-social-networks2.js +1 -1
  268. package/dist/components/eds-spinner2.js +1 -1
  269. package/dist/components/eds-splash-screen2.js +25 -14
  270. package/dist/components/eds-switch.js +2 -2
  271. package/dist/components/eds-table2.js +4 -4
  272. package/dist/components/eds-tabs.js +2 -2
  273. package/dist/components/eds-tag2.js +1 -1
  274. package/dist/components/eds-timeline.js +2 -2
  275. package/dist/components/eds-toast-manager.js +1 -1
  276. package/dist/components/eds-tooltip.js +1 -1
  277. package/dist/components/eds-trl.js +1 -1
  278. package/dist/components/eds-user.js +12 -18
  279. package/dist/components/incorrect-use-of-colors.js +1 -1
  280. package/dist/components/logo-space.js +69 -3
  281. package/dist/components/logo-variations-horizontal2.js +2 -2
  282. package/dist/components/logo-variations-tabs.d.ts +11 -0
  283. package/dist/components/{eds-logo-variations.js → logo-variations-tabs.js} +8 -8
  284. package/dist/components/logo-variations-vertical2.js +2 -2
  285. package/dist/components/logo-wrong-usage.js +2 -2
  286. package/dist/components/minus.js +11 -0
  287. package/dist/components/p-024c7937.js +1 -0
  288. package/dist/components/p-032f9f64.entry.js +1 -0
  289. package/dist/components/p-05754401.js +1 -0
  290. package/dist/components/{p-ceac6200.entry.js → p-058cf100.entry.js} +1 -1
  291. package/dist/components/p-063b0683.entry.js +1 -0
  292. package/dist/components/p-0ce924b1.entry.js +1 -0
  293. package/dist/components/p-18eb23ff.entry.js +1 -0
  294. package/dist/components/p-1aab55cf.entry.js +1 -0
  295. package/dist/components/p-1b2913c8.js +1 -0
  296. package/dist/components/p-1b4e9576.entry.js +1 -0
  297. package/dist/components/p-20b3a999.entry.js +1 -0
  298. package/dist/components/p-20e9ae7f.entry.js +1 -0
  299. package/dist/components/p-29e807f5.entry.js +1 -0
  300. package/dist/components/{p-d17ea8af.entry.js → p-2c1be2bb.entry.js} +1 -1
  301. package/dist/components/p-30a319d5.entry.js +1 -0
  302. package/dist/components/p-35ed7ebf.entry.js +1 -0
  303. package/dist/components/p-3932d0af.entry.js +1 -0
  304. package/dist/components/{p-4d295eb7.entry.js → p-3a7be9a7.entry.js} +1 -1
  305. package/dist/components/p-3af94671.entry.js +1 -0
  306. package/dist/components/p-41e89554.entry.js +1 -0
  307. package/dist/components/{p-07ba7c89.entry.js → p-424ba743.entry.js} +1 -1
  308. package/dist/components/p-435a8942.entry.js +1 -0
  309. package/dist/components/p-4c7852f8.entry.js +1 -0
  310. package/dist/components/p-4e8a317b.entry.js +1 -0
  311. package/dist/components/{p-0f73391d.entry.js → p-526cdc57.entry.js} +1 -1
  312. package/dist/components/p-52913e2e.entry.js +1 -0
  313. package/dist/components/{p-5cf480a8.entry.js → p-59d963d1.entry.js} +1 -1
  314. package/dist/components/p-6404e157.entry.js +1 -0
  315. package/dist/components/p-66bb44c9.entry.js +1 -0
  316. package/dist/components/p-694fc085.js +1 -0
  317. package/dist/components/p-6dc26e53.entry.js +1 -0
  318. package/dist/components/p-7198c024.js +1 -0
  319. package/dist/components/p-78fa7132.entry.js +1 -0
  320. package/dist/components/p-7dce734a.entry.js +1 -0
  321. package/dist/components/{p-01cb7ceb.entry.js → p-7fa88255.entry.js} +1 -1
  322. package/dist/components/p-83936521.entry.js +1 -0
  323. package/dist/components/{p-a6bf9bf8.entry.js → p-85ad681a.entry.js} +1 -1
  324. package/dist/components/p-8653bc36.entry.js +1 -0
  325. package/dist/components/p-86bb73dc.js +1 -0
  326. package/dist/components/p-8e3c6c63.entry.js +1 -0
  327. package/dist/components/p-923f67b5.entry.js +1 -0
  328. package/dist/components/p-93093977.entry.js +1 -0
  329. package/dist/components/{p-a02c5c4a.entry.js → p-941240b5.entry.js} +1 -1
  330. package/dist/components/p-97e95520.entry.js +1 -0
  331. package/dist/components/{p-4df00ba5.entry.js → p-9a1a6df1.entry.js} +1 -1
  332. package/dist/components/p-9dc879c9.entry.js +1 -0
  333. package/dist/components/p-a56f0579.entry.js +1 -0
  334. package/dist/components/p-a8b0fe92.entry.js +1 -0
  335. package/dist/components/p-acc4d234.entry.js +1 -0
  336. package/dist/components/p-b0b37831.entry.js +1 -0
  337. package/dist/components/p-b2b46793.entry.js +1 -0
  338. package/dist/components/p-b55b0091.entry.js +1 -0
  339. package/dist/components/p-b73410de.js +1 -0
  340. package/dist/components/p-b76aa402.entry.js +1 -0
  341. package/dist/components/p-b96fc468.entry.js +1 -0
  342. package/dist/components/p-bab07ba6.entry.js +1 -0
  343. package/dist/components/{p-abaf04e1.entry.js → p-bcbc7b7f.entry.js} +1 -1
  344. package/dist/components/p-c1e4ef92.js +1 -0
  345. package/dist/components/p-c8abff96.entry.js +1 -0
  346. package/dist/components/{p-24507e71.entry.js → p-c935aa46.entry.js} +1 -1
  347. package/dist/components/p-cccff1e3.entry.js +1 -0
  348. package/dist/components/p-cd624044.entry.js +1 -0
  349. package/dist/components/p-cdf19579.js +1 -0
  350. package/dist/components/{p-7ba154c5.entry.js → p-d525ed36.entry.js} +1 -1
  351. package/dist/components/p-d94a44b9.entry.js +1 -0
  352. package/dist/components/p-d962849c.js +1 -0
  353. package/dist/components/p-dbcf1f0e.entry.js +1 -0
  354. package/dist/components/p-dcc08064.entry.js +1 -0
  355. package/dist/components/{p-f2e66c82.entry.js → p-e64cd6f7.entry.js} +1 -1
  356. package/dist/components/p-ea089f4e.entry.js +1 -0
  357. package/dist/components/p-eebf7ebf.entry.js +1 -0
  358. package/dist/components/p-efc73304.entry.js +1 -0
  359. package/dist/components/p-f13e9ab1.entry.js +1 -0
  360. package/dist/components/p-f48a4313.entry.js +1 -0
  361. package/dist/components/{p-f223a835.entry.js → p-ff7acb55.entry.js} +1 -1
  362. package/dist/components/paper.js +15 -0
  363. package/dist/components/plus.js +12 -0
  364. package/dist/components/portal.js +18 -0
  365. package/dist/components/primary.js +1 -1
  366. package/dist/components/primary2.js +1 -1
  367. package/dist/components/private.js +25 -0
  368. package/dist/components/public.js +16 -0
  369. package/dist/components/secondary.js +1 -1
  370. package/dist/components/secondary2.js +7 -7
  371. package/dist/components/support.js +31 -18
  372. package/dist/components/support2.js +3 -3
  373. package/dist/components/svg-repository.d.ts +11 -0
  374. package/dist/components/{eds-svg-repository.js → svg-repository.js} +34 -33
  375. package/dist/components/token-list2.js +3 -3
  376. package/dist/components/token-radii2.js +1 -1
  377. package/dist/components/token-ratios.js +1 -1
  378. package/dist/components/token-shadows2.js +1 -1
  379. package/dist/components/token-spacing.js +1 -1
  380. package/dist/components/token-typography.js +3 -3
  381. package/dist/components/tutotial.js +27 -0
  382. package/dist/components/unknown.js +22 -0
  383. package/dist/components/up-and-down.js +12 -0
  384. package/dist/esm/bookmark-c200037c.js +16 -0
  385. package/dist/esm/color-primary-palette_6.entry.js +44 -31
  386. package/dist/esm/{eds-components-section.entry.js → components-section.entry.js} +22 -17
  387. package/dist/esm/components.js +1 -1
  388. package/dist/esm/correct-use-of-colors.entry.js +1 -1
  389. package/dist/esm/{eds-docs-palettes.entry.js → docs-palettes.entry.js} +3 -3
  390. package/dist/esm/{eds-docs-tokens.entry.js → docs-tokens.entry.js} +3 -3
  391. package/dist/esm/eds-accordion.entry.js +82 -0
  392. package/dist/esm/eds-app-root.entry.js +1 -1
  393. package/dist/esm/{eds-accordion_17.entry.js → eds-avatar_24.entry.js} +841 -216
  394. package/dist/esm/eds-card-desc_3.entry.js +1 -1
  395. package/dist/esm/eds-cookies-preference.entry.js +1 -1
  396. package/dist/esm/eds-feedback.entry.js +2 -2
  397. package/dist/esm/eds-frame.entry.js +5 -11
  398. package/dist/esm/eds-icon-bluesky.entry.js +1 -1
  399. package/dist/esm/eds-icon-bookmark.entry.js +14 -0
  400. package/dist/esm/eds-icon-close.entry.js +1 -1
  401. package/dist/esm/eds-icon-copy.entry.js +1 -1
  402. package/dist/esm/eds-icon-eu.entry.js +1 -1
  403. package/dist/esm/eds-icon-external.entry.js +14 -0
  404. package/dist/esm/eds-icon-facebook.entry.js +1 -1
  405. package/dist/esm/eds-icon-gitlab.entry.js +1 -1
  406. package/dist/esm/eds-icon-linkedin.entry.js +1 -1
  407. package/dist/esm/eds-icon-loader.entry.js +1 -1
  408. package/dist/esm/eds-icon-mastodon.entry.js +1 -1
  409. package/dist/esm/eds-icon-menu.entry.js +1 -1
  410. package/dist/esm/eds-icon-minus.entry.js +14 -0
  411. package/dist/esm/eds-icon-more.entry.js +1 -1
  412. package/dist/esm/eds-icon-paper.entry.js +14 -0
  413. package/dist/esm/eds-icon-plus.entry.js +14 -0
  414. package/dist/esm/eds-icon-portal.entry.js +14 -0
  415. package/dist/esm/eds-icon-private.entry.js +14 -0
  416. package/dist/esm/eds-icon-public.entry.js +14 -0
  417. package/dist/esm/eds-icon-search.entry.js +1 -1
  418. package/dist/esm/eds-icon-star.entry.js +1 -1
  419. package/dist/esm/eds-icon-success.entry.js +1 -1
  420. package/dist/esm/eds-icon-thumbs-down.entry.js +1 -1
  421. package/dist/esm/eds-icon-thumbs-up.entry.js +1 -1
  422. package/dist/esm/eds-icon-tutorial.entry.js +14 -0
  423. package/dist/esm/eds-icon-twitter.entry.js +1 -1
  424. package/dist/esm/eds-icon-unknown.entry.js +14 -0
  425. package/dist/esm/eds-icon-updown.entry.js +14 -0
  426. package/dist/esm/eds-icon-user.entry.js +1 -1
  427. package/dist/esm/eds-icon-youtube.entry.js +1 -1
  428. package/dist/esm/eds-login_2.entry.js +23 -14
  429. package/dist/esm/eds-matomo-notice.entry.js +119 -0
  430. package/dist/esm/eds-modal.entry.js +6 -6
  431. package/dist/esm/eds-pagination_2.entry.js +5 -5
  432. package/dist/esm/eds-progress-bar.entry.js +1 -1
  433. package/dist/esm/eds-rating.entry.js +1 -1
  434. package/dist/esm/eds-section-core_2.entry.js +3 -3
  435. package/dist/esm/eds-spinner.entry.js +1 -1
  436. package/dist/esm/eds-switch.entry.js +2 -2
  437. package/dist/esm/eds-tabs.entry.js +2 -2
  438. package/dist/esm/eds-timeline.entry.js +2 -2
  439. package/dist/esm/eds-toast-manager.entry.js +1 -1
  440. package/dist/esm/eds-tooltip.entry.js +1 -1
  441. package/dist/esm/eds-trl.entry.js +1 -1
  442. package/dist/esm/incorrect-use-of-colors.entry.js +1 -1
  443. package/dist/esm/index-8a71b9a7.js +74 -34
  444. package/dist/esm/loader.js +1 -1
  445. package/dist/esm/logo-space.entry.js +2 -2
  446. package/dist/esm/logo-variations-horizontal_2.entry.js +4 -4
  447. package/dist/esm/{eds-logo-variations.entry.js → logo-variations-tabs.entry.js} +3 -3
  448. package/dist/esm/logo-wrong-usage.entry.js +2 -2
  449. package/dist/esm/minus-b30a7c71.js +11 -0
  450. package/dist/esm/paper-8e74ea31.js +15 -0
  451. package/dist/esm/plus-89c07be2.js +12 -0
  452. package/dist/esm/portal-d6c8ce56.js +18 -0
  453. package/dist/esm/private-1c25ff8e.js +25 -0
  454. package/dist/esm/public-d4d8c585.js +16 -0
  455. package/dist/esm/{eds-svg-repository.entry.js → svg-repository.entry.js} +29 -28
  456. package/dist/esm/token-list_3.entry.js +5 -5
  457. package/dist/esm/token-ratios.entry.js +1 -1
  458. package/dist/esm/token-typography.entry.js +3 -3
  459. package/dist/esm/tutotial-150ee1fd.js +27 -0
  460. package/dist/esm/unknown-ed01a24c.js +22 -0
  461. package/dist/esm/up-and-down-d747abee.js +12 -0
  462. package/dist/hydrate/index.js +1122 -609
  463. package/dist/hydrate/index.mjs +1122 -609
  464. package/dist/stencil.config.js +1 -1
  465. package/dist/types/Users/nigeor/Documents/Projects/EBRAINS/ebrains-ui-ecosystem/packages/components/.stencil/packages/svgs/src/lib/svgs.d.ts +11 -1
  466. package/dist/types/components/eds-accordion/eds-accordion.stories.d.ts +1 -1
  467. package/dist/types/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.d.ts +10 -0
  468. package/dist/types/components/eds-icons/eds-icon-external/eds-icon-external.d.ts +10 -0
  469. package/dist/types/components/eds-icons/eds-icon-minus/eds-icon-minus.d.ts +10 -0
  470. package/dist/types/components/eds-icons/eds-icon-paper/eds-icon-paper.d.ts +10 -0
  471. package/dist/types/components/eds-icons/eds-icon-plus/eds-icon-plus.d.ts +10 -0
  472. package/dist/types/components/eds-icons/eds-icon-portal/eds-icon-portal.d.ts +10 -0
  473. package/dist/types/components/eds-icons/eds-icon-private/eds-icon-private.d.ts +10 -0
  474. package/dist/types/components/eds-icons/eds-icon-public/eds-icon-public.d.ts +10 -0
  475. package/dist/types/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.d.ts +10 -0
  476. package/dist/types/components/eds-icons/eds-icon-unknown/eds-icon-unknown.d.ts +10 -0
  477. package/dist/types/components/eds-icons/eds-icon-updown/eds-icon-updown.d.ts +10 -0
  478. package/dist/types/components/eds-input-elements/eds-input/eds-input.d.ts +0 -2
  479. package/dist/types/components/eds-input-elements/eds-input-range/eds-input-range.d.ts +12 -0
  480. package/dist/types/components/eds-input-field/eds-input-field.d.ts +3 -0
  481. package/dist/types/components.d.ts +364 -173
  482. package/dist/types/eds-docs-ui/colors/color-palette/support.d.ts +1 -0
  483. package/dist/types/eds-docs-ui/{eds-logo-variations/eds-logo-variations.d.ts → components-section/components-section.d.ts} +1 -1
  484. package/dist/types/eds-docs-ui/components-section/functional/angular.d.ts +2 -0
  485. package/dist/types/eds-docs-ui/components-section/functional/installation.d.ts +2 -0
  486. package/dist/types/eds-docs-ui/components-section/functional/overview.d.ts +2 -0
  487. package/dist/types/eds-docs-ui/components-section/functional/react.d.ts +2 -0
  488. package/dist/types/eds-docs-ui/components-section/functional/usage.d.ts +2 -0
  489. package/dist/types/eds-docs-ui/components-section/functional/vue.d.ts +2 -0
  490. package/dist/types/eds-docs-ui/{eds-docs-tokens/eds-docs-tokens.d.ts → design-tokens/docs-tokens/docs-tokens.d.ts} +1 -1
  491. package/dist/types/eds-docs-ui/{eds-docs-palettes/eds-docs-palettes.d.ts → docs-palettes/docs-palettes.d.ts} +1 -1
  492. package/dist/types/eds-docs-ui/{eds-components-section/eds-components-section.d.ts → logo/logo-variations-tabs/logo-variations.d.ts} +1 -1
  493. package/dist/types/eds-docs-ui/{eds-svg-repository/eds-svg-repository.d.ts → svg-repository/svg-repository.d.ts} +1 -1
  494. package/dist/types/shared-ui/eds-form/eds-form.d.ts +1 -0
  495. package/dist/types/shared-ui/eds-frame/eds-frame.d.ts +10 -9
  496. package/dist/types/shared-ui/eds-frame/eds-frame.stories.d.ts +3 -3
  497. package/dist/types/shared-ui/eds-login/eds-login.d.ts +3 -0
  498. package/dist/types/shared-ui/eds-splash-screen/eds-splash-screen.d.ts +2 -0
  499. package/dist/types/utils/eds-form/formUtils.d.ts +1 -1
  500. package/package.json +4 -4
  501. package/README.md +0 -370
  502. package/dist/cjs/eds-form.cjs.entry.js +0 -409
  503. package/dist/cjs/eds-input_7.cjs.entry.js +0 -357
  504. package/dist/cjs/token-spacing.cjs.entry.js +0 -16
  505. package/dist/collection/eds-docs-ui/functional/angular.js +0 -2
  506. package/dist/collection/eds-docs-ui/functional/installation.js +0 -2
  507. package/dist/collection/eds-docs-ui/functional/react.js +0 -2
  508. package/dist/collection/eds-docs-ui/functional/usage.js +0 -2
  509. package/dist/collection/eds-docs-ui/functional/vue.js +0 -2
  510. package/dist/components/eds-components-section.d.ts +0 -11
  511. package/dist/components/p-03a38eab.entry.js +0 -1
  512. package/dist/components/p-05d8fdc3.entry.js +0 -1
  513. package/dist/components/p-0918a2e2.entry.js +0 -1
  514. package/dist/components/p-096d3274.entry.js +0 -1
  515. package/dist/components/p-10a318e0.entry.js +0 -1
  516. package/dist/components/p-16e0b902.entry.js +0 -1
  517. package/dist/components/p-18e10983.entry.js +0 -1
  518. package/dist/components/p-215f3b21.entry.js +0 -1
  519. package/dist/components/p-30075622.entry.js +0 -1
  520. package/dist/components/p-32a7f571.entry.js +0 -1
  521. package/dist/components/p-3f0fd469.entry.js +0 -1
  522. package/dist/components/p-4675ac16.entry.js +0 -1
  523. package/dist/components/p-46c9a35e.entry.js +0 -1
  524. package/dist/components/p-4aefc66e.entry.js +0 -1
  525. package/dist/components/p-4bcf6077.entry.js +0 -1
  526. package/dist/components/p-5d26f527.entry.js +0 -1
  527. package/dist/components/p-64f6f07e.entry.js +0 -1
  528. package/dist/components/p-69e5af42.entry.js +0 -1
  529. package/dist/components/p-6a73ac42.entry.js +0 -1
  530. package/dist/components/p-70201ae6.entry.js +0 -1
  531. package/dist/components/p-7ba4ca15.entry.js +0 -1
  532. package/dist/components/p-84faf1b3.entry.js +0 -1
  533. package/dist/components/p-8803ecf9.entry.js +0 -1
  534. package/dist/components/p-8cf4ee6e.entry.js +0 -1
  535. package/dist/components/p-9e2a0f5a.entry.js +0 -1
  536. package/dist/components/p-9f4ad4e4.entry.js +0 -1
  537. package/dist/components/p-a0abe772.entry.js +0 -1
  538. package/dist/components/p-ae60f98b.entry.js +0 -1
  539. package/dist/components/p-b2f0f40b.entry.js +0 -1
  540. package/dist/components/p-b4332c34.entry.js +0 -1
  541. package/dist/components/p-cee891dc.entry.js +0 -1
  542. package/dist/components/p-d06faa08.entry.js +0 -1
  543. package/dist/components/p-d2159cc9.entry.js +0 -1
  544. package/dist/components/p-d895d036.entry.js +0 -1
  545. package/dist/components/p-db970de6.entry.js +0 -1
  546. package/dist/components/p-e343cd31.entry.js +0 -1
  547. package/dist/components/p-e3811d4b.entry.js +0 -1
  548. package/dist/components/p-e8bd6106.entry.js +0 -1
  549. package/dist/components/p-e96a5c8e.entry.js +0 -1
  550. package/dist/components/p-fec4cba7.entry.js +0 -1
  551. package/dist/esm/eds-form.entry.js +0 -405
  552. package/dist/esm/eds-input_7.entry.js +0 -347
  553. package/dist/esm/token-spacing.entry.js +0 -12
  554. package/dist/types/eds-docs-ui/functional/angular.d.ts +0 -2
  555. package/dist/types/eds-docs-ui/functional/installation.d.ts +0 -2
  556. package/dist/types/eds-docs-ui/functional/overview.d.ts +0 -2
  557. package/dist/types/eds-docs-ui/functional/react.d.ts +0 -2
  558. package/dist/types/eds-docs-ui/functional/usage.d.ts +0 -2
  559. package/dist/types/eds-docs-ui/functional/vue.d.ts +0 -2
  560. /package/dist/collection/eds-docs-ui/{eds-svg-repository/eds-svg-repository.css → svg-repository/svg-repository.css} +0 -0
@@ -43,7 +43,7 @@ const IncorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class IncorrectU
43
43
  this.__registerHost();
44
44
  }
45
45
  render() {
46
- return (h("div", { key: '8a29f5c3fe2ab920f00d640b797828d11f7fcba9', class: "container" }, h("eds-alert", { key: '0ce8c5013e9fa6ffd800a559a67de190ecc1a4bb', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" }), h("div", { key: 'ba82246769b20e6cd15cd70fef6df808d08e3b30', class: "flex" }, h("div", { key: 'af9b08aa76f58fff8d8aace808dc3871c4462275', class: "w-full" }, h("ul", { key: '5ad431baa554ed4c3db78f8eb3da82fff2a9ca9c', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '4e222c4aa8943835c43e0908ccf8b1acbb22bb46', class: "w-full" }, h("ul", { key: '6bd9ac71cc5c4dc99b3779154aa6222c2dd5b43d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
46
+ return (h("div", { key: '80253e3c155668ddc9ff17644feba21c6bbda657', class: "container" }, h("eds-alert", { key: '6ebf1dbef8a8f24dd55b113225780d3763f240df', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" }), h("div", { key: '749dff3be5134a9f314b285c11610eea9a4f4600', class: "flex" }, h("div", { key: 'd46d147fb0b9fab7a7965015892de54f34d69e11', class: "w-full" }, h("ul", { key: 'acb6ad9453e4e1324255a021bf42e52af29eae4f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '42dc313b4347957c970f072167173ab564a8d4c0', class: "w-full" }, h("ul", { key: '89328173141957bedfe051dbba174eaa0ff903d2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
47
47
  }
48
48
  }, [0, "incorrect-use-of-colors"]);
49
49
  function defineCustomElement$1() {
@@ -1,7 +1,18 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { v as vLogoMargins } from './logo-color-margins.js';
3
+ import { d as defineCustomElement$c } from './eds-icon-wrapper2.js';
4
+ import { d as defineCustomElement$b } from './eds-input2.js';
5
+ import { d as defineCustomElement$a } from './eds-input-field2.js';
6
+ import { d as defineCustomElement$9 } from './eds-input-footer2.js';
7
+ import { d as defineCustomElement$8 } from './eds-input-label2.js';
8
+ import { d as defineCustomElement$7 } from './eds-input-range2.js';
9
+ import { d as defineCustomElement$6 } from './eds-input-search2.js';
10
+ import { d as defineCustomElement$5 } from './eds-input-select2.js';
11
+ import { d as defineCustomElement$4 } from './eds-link2.js';
12
+ import { d as defineCustomElement$3 } from './eds-pagination2.js';
13
+ import { d as defineCustomElement$2 } from './eds-table2.js';
3
14
 
4
- const logoSpaceCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
15
+ const logoSpaceCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
5
16
  const LogoSpaceStyle0 = logoSpaceCss;
6
17
 
7
18
  const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTMLElement {
@@ -11,7 +22,7 @@ const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTM
11
22
  this.__attachShadow();
12
23
  }
13
24
  render() {
14
- return (h("div", { key: '6d1dd1a42531168fa253a2627100be4d15befa01', class: "container my-20" }, h("div", { key: 'f405531b79f871634d0b7f2b8d164c5bfc5296e0', class: "w-[300px]" }, h("div", { key: '29eb549e14b00c6936bb397e2f60dfb7728a261f', class: "bg-dark" }, h("div", { key: '34c5784a90267142e604e59e6db480b4603d0760', class: "logo-container", innerHTML: vLogoMargins })))));
25
+ return (h("div", { key: 'ef880ea5beba757cdd39f435eeb2fffc31840b44', class: "container" }, h("ul", { key: '53cab505e89057b97a9e6d431e25886c8790a363', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c5454fac34e2799ce7a10d57e9d1a659522325ac', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e8c8300bec00274891d0a5fca79955fa06efff67', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '4b3c0262751f08fd7b23937908c429ea95f0d053', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '93acac909ef53d6e08dc09d0f9bacd676bb5e7d9', class: "text-center mt-16" }, h("p", { key: 'e8f03d15125aeb471a876cd58f12ae094c1539d3', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'fbb39b9b45de955c46329f3d96209074a1e513ff', data: '[\n { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n ]', config: '{\n "Media": { "format": "bold" }\n }' }))), h("li", { key: '25b3994ab87f7c78b514b585aebf72893b4cc25f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
15
26
  }
16
27
  static get style() { return LogoSpaceStyle0; }
17
28
  }, [1, "logo-space"]);
@@ -19,13 +30,68 @@ function defineCustomElement$1() {
19
30
  if (typeof customElements === "undefined") {
20
31
  return;
21
32
  }
22
- const components = ["logo-space"];
33
+ const components = ["logo-space", "eds-icon-wrapper", "eds-input", "eds-input-field", "eds-input-footer", "eds-input-label", "eds-input-range", "eds-input-search", "eds-input-select", "eds-link", "eds-pagination", "eds-table"];
23
34
  components.forEach(tagName => { switch (tagName) {
24
35
  case "logo-space":
25
36
  if (!customElements.get(tagName)) {
26
37
  customElements.define(tagName, LogoSpace$1);
27
38
  }
28
39
  break;
40
+ case "eds-icon-wrapper":
41
+ if (!customElements.get(tagName)) {
42
+ defineCustomElement$c();
43
+ }
44
+ break;
45
+ case "eds-input":
46
+ if (!customElements.get(tagName)) {
47
+ defineCustomElement$b();
48
+ }
49
+ break;
50
+ case "eds-input-field":
51
+ if (!customElements.get(tagName)) {
52
+ defineCustomElement$a();
53
+ }
54
+ break;
55
+ case "eds-input-footer":
56
+ if (!customElements.get(tagName)) {
57
+ defineCustomElement$9();
58
+ }
59
+ break;
60
+ case "eds-input-label":
61
+ if (!customElements.get(tagName)) {
62
+ defineCustomElement$8();
63
+ }
64
+ break;
65
+ case "eds-input-range":
66
+ if (!customElements.get(tagName)) {
67
+ defineCustomElement$7();
68
+ }
69
+ break;
70
+ case "eds-input-search":
71
+ if (!customElements.get(tagName)) {
72
+ defineCustomElement$6();
73
+ }
74
+ break;
75
+ case "eds-input-select":
76
+ if (!customElements.get(tagName)) {
77
+ defineCustomElement$5();
78
+ }
79
+ break;
80
+ case "eds-link":
81
+ if (!customElements.get(tagName)) {
82
+ defineCustomElement$4();
83
+ }
84
+ break;
85
+ case "eds-pagination":
86
+ if (!customElements.get(tagName)) {
87
+ defineCustomElement$3();
88
+ }
89
+ break;
90
+ case "eds-table":
91
+ if (!customElements.get(tagName)) {
92
+ defineCustomElement$2();
93
+ }
94
+ break;
29
95
  } });
30
96
  }
31
97
 
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$1 } from './eds-logo2.js';
3
3
 
4
- const logoVariationsHorizontalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left, \n #9CE142 0%, \n #00C959 50%, \n #00A595 100%)}";
4
+ const logoVariationsHorizontalCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.coloured{background:linear-gradient(to left,\n #9CE142 0%,\n #00C959 50%,\n #00A595 100%)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
5
5
  const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
6
6
 
7
7
  const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVariationsHorizontal extends HTMLElement {
@@ -11,7 +11,7 @@ const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVari
11
11
  this.__attachShadow();
12
12
  }
13
13
  render() {
14
- return (h("div", { key: 'cc9a05a766fad3600cc3da8d922320708526346a' }, h("div", { key: '3dbdd07b54f1ea55685788776ba89d51c3b1f455', class: "container my-16" }, h("h3", { key: 'd50b9de5ac50c6803938360781816bccc1c5aef5', class: "f-heading03" }, "Coloured Background"), h("div", { key: '29333683d59a9adf60834fea8517160da5976d98', class: "coloured lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: '53000c65e1abcbc2a611c1e49fbfbaac6cf22944', type: "no-bg", href: "#" }))), h("div", { key: 'b9b784d2a105478f38fa2e72353dadca1253ae37', class: "container my-16" }, h("h3", { key: '5c6b2684fb5635df6aadac68f14ba064a08bee2b', class: "f-heading03" }, "Black and White Background"), h("div", { key: '1c2e191ce81ac1603c8d109c31e2b3a5707899e3', class: "bg-default lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: '5faa6c2920349e614e2846489738664121237175', type: "black", href: "#" }))), h("div", { key: '9f28a5d14f8aadca0ac38371eab47265a8a35a1b', class: "container my-16" }, h("h3", { key: '1649d22547279c6cdfc7d415537b87d76d8915f6', class: "f-heading03" }, "Dark Background "), h("div", { key: '135f85d196898dde99fdf7d5b5f09c54894b59cb', class: "lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: '3a04310c0debcfe1785c972895d7439f79a6aaa7', type: "color-white", href: "#" })))));
14
+ return (h("div", { key: '02941660c566920227b36481dd7d211ad0ae35cc', class: "container" }, h("ul", { key: 'a1859aafecdba011251097f758b38171278cac22', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c105a4f208a7b7f15c6e0b28aff947e14bd533b9', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b465faf996ae41431f505a81f86711988fcf680', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '6e4ecd4347777a1fed5502129abe7247e2963923', class: "coloured" }, h("eds-logo", { key: '8b129a330768f306d009bf93a4602d761559d0b8', type: "no-bg", href: "#" }))), h("li", { key: '451cadfdb5178acc0269988a06afb0e454a07833', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b9d5fc604ebea27478f9ea3f95bf353e3310132', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd3bb58f4f9c5c5e2d74511d7aac5375d221119e2', class: "bg-default" }, h("eds-logo", { key: 'bff3e05b114130b767cfecd65de33ba6ebf63778', type: "black", href: "#" }))), h("li", { key: 'f7a627949d4c2e2a31f2e8c713a311c440c7d644', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '09f14d2777c7462c493953748b92cdadf971e67e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'c7b79be6d031fb97e875525b848350a988879193' }, h("eds-logo", { key: '8a7fcf5800747bca95402df008423fd57ef2ebde', type: "color-white", href: "#" }))))));
15
15
  }
16
16
  static get style() { return LogoVariationsHorizontalStyle0; }
17
17
  }, [1, "logo-variations-horizontal"]);
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface LogoVariationsTabs extends Components.LogoVariationsTabs, HTMLElement {}
4
+ export const LogoVariationsTabs: {
5
+ prototype: LogoVariationsTabs;
6
+ new (): LogoVariationsTabs;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -3,7 +3,7 @@ import { d as defineCustomElement$4 } from './eds-logo2.js';
3
3
  import { d as defineCustomElement$3 } from './logo-variations-horizontal2.js';
4
4
  import { d as defineCustomElement$2 } from './logo-variations-vertical2.js';
5
5
 
6
- const EdsLogoVariations$1 = /*@__PURE__*/ proxyCustomElement(class EdsLogoVariations extends HTMLElement {
6
+ const LogoVariationsTabs$1 = /*@__PURE__*/ proxyCustomElement(class LogoVariationsTabs extends HTMLElement {
7
7
  constructor() {
8
8
  super();
9
9
  this.__registerHost();
@@ -20,20 +20,20 @@ const EdsLogoVariations$1 = /*@__PURE__*/ proxyCustomElement(class EdsLogoVariat
20
20
  }
21
21
  }
22
22
  render() {
23
- return h("div", { key: '31bd93b3412b859adc59f6a4fe67018bf9c13336', class: "container" }, this.renderContent());
23
+ return h("div", { key: 'f0bc6f4cd2e1d34d77ff52c3a0ce35a3214a2f9f', class: "container" }, this.renderContent());
24
24
  }
25
- }, [0, "eds-logo-variations", {
25
+ }, [0, "logo-variations-tabs", {
26
26
  "tabIndex": [2, "tab-index"]
27
27
  }]);
28
28
  function defineCustomElement$1() {
29
29
  if (typeof customElements === "undefined") {
30
30
  return;
31
31
  }
32
- const components = ["eds-logo-variations", "eds-logo", "logo-variations-horizontal", "logo-variations-vertical"];
32
+ const components = ["logo-variations-tabs", "eds-logo", "logo-variations-horizontal", "logo-variations-vertical"];
33
33
  components.forEach(tagName => { switch (tagName) {
34
- case "eds-logo-variations":
34
+ case "logo-variations-tabs":
35
35
  if (!customElements.get(tagName)) {
36
- customElements.define(tagName, EdsLogoVariations$1);
36
+ customElements.define(tagName, LogoVariationsTabs$1);
37
37
  }
38
38
  break;
39
39
  case "eds-logo":
@@ -54,7 +54,7 @@ function defineCustomElement$1() {
54
54
  } });
55
55
  }
56
56
 
57
- const EdsLogoVariations = EdsLogoVariations$1;
57
+ const LogoVariationsTabs = LogoVariationsTabs$1;
58
58
  const defineCustomElement = defineCustomElement$1;
59
59
 
60
- export { EdsLogoVariations, defineCustomElement };
60
+ export { LogoVariationsTabs, defineCustomElement };
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { d as defineCustomElement$1 } from './eds-logo2.js';
3
3
 
4
- const logoVariationsVerticalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n #9CE142 0%, \n #00C959 50%, \n #00A595 100%)}";
4
+ const logoVariationsVerticalCss = ".coloured{background:linear-gradient(to left,\n #9CE142 0%,\n #00C959 50%,\n #00A595 100%)}ol,ul,menu{list-style:none;margin:0;padding:0}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-center{text-align:center}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
5
5
  const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
6
6
 
7
7
  const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariationsVertical extends HTMLElement {
@@ -13,7 +13,7 @@ const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariat
13
13
  this.type = undefined;
14
14
  }
15
15
  render() {
16
- return (h("div", { key: '1afffa0e5e0253ca2d8aec1a740d351fc614e0c4' }, h("div", { key: '3756f6a667a09cde71a67cd9f9bfce1054a6d523', class: "container my-16" }, h("h3", { key: '371bd24965bcc0349dac7f65134b25f128423de3', class: "f-heading03" }, "Coloured Background"), h("div", { key: '23062436bef739840eb998b919adcc1b69c55740', class: "coloured w-[200px]" }, h("eds-logo", { key: '226140792cb59d82bf2696802d53d43f24171dea', orientation: "vertical", type: "no-bg", href: "#" }))), h("div", { key: 'a37d0871161b9753656768fcfe78158e63f52669', class: "container my-16" }, h("h3", { key: '0a3c80b44fd9161746203af3ef95654acd3986e8', class: "f-heading03" }, "Black and White Background"), h("div", { key: 'e3d9447be3a1499ed546e85cf534ba0709a846a0', class: "bg-default w-[200px]" }, h("eds-logo", { key: 'fc63b377517ba82dc141d3e3a82221018a3ef315', orientation: "vertical", type: "black", href: "#" }))), h("div", { key: '68e487c6be2e62caa1d7196a294ed9fadf6ab399', class: "container my-16" }, h("h3", { key: '505ab03210a8ace1dd0394df3fa159f1dd3bddf0', class: "f-heading03" }, "Dark Background "), h("div", { key: '6d08734cedf520554d746caa6c99561fdd73f855', class: "w-[200px]" }, h("eds-logo", { key: '63d2496b5dab9c66809cbe38b55a83928276cce0', orientation: "vertical", type: "color-white", href: "#" })))));
16
+ return (h("div", { key: 'e842e396933ee714f86a9443b55cd7045d12277e', class: "container" }, h("ul", { key: 'dfea7dc44294bfe2acbbfd580bff8908cbeb98bf', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'fe44c472c10b814ff815c2a8cd7101adb0890872', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '5ed6f1029df41907ca8b27a51612a1078f353ade', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'eae38dbd0f8d4b92f2768559dbe65d6c136ba746', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '7a05dacc86c54c6ff51810b14c9dc99fad4e36b5', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '4055ab71f60098acea7e27f2a8706c45aecb7097', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '340cfb0cbf6383d46eabd91b6fb591a003ec00f6', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd4158d0b6413cae236c333fe0ffdd77dbda22c88', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'a411c3438499758b68cf949a83d9097da70a11f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'a7a97185be422337fb333709c61fe7c435bc82f3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'cef2acc75d1749cd93699a99a2d80aeaa61ed632', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '43be8f5ca418a93b58c8f3a52d04a6e50b5bb03b', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b5453b1009c0aa5c799c417e5c13b30cfc647840', orientation: "vertical", type: "color-white", href: "#" }))))));
17
17
  }
18
18
  static get style() { return LogoVariationsVerticalStyle0; }
19
19
  }, [1, "logo-variations-vertical", {
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { h as hLogoColor } from './logo-color.js';
3
3
 
4
- const logoWrongUsageCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";
4
+ const logoWrongUsageCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-center{text-align:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(0.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
5
5
  const LogoWrongUsageStyle0 = logoWrongUsageCss;
6
6
 
7
7
  const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage extends HTMLElement {
@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
11
11
  this.__attachShadow();
12
12
  }
13
13
  render() {
14
- return (h("ul", { key: 'f5aef262ac65790a1f86ea7eb8a80fc093406798', class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("span", { key: '150bcdb8502a137f54415e24618cf39d0f098c28', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '7df94271a37ae57dc021390f6f16637ea3c6948e', class: "example" }, h("div", { key: '8b4bff581312ed63a5812b9bd7c93bbae6137809', class: "bg-dark " }, h("div", { key: '78fd9855901f2da1392006dbbcaec5537586ef9d', class: "no-other-bg-color logo", innerHTML: hLogoColor })), h("p", { key: '5bbf1ae6a4b6b4f9c1a5a310c0c5b123b24f3581', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), h("span", { key: '7d1c8346857b6366b69e9ad6bc910adfed8b6213', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '3df57b6e370e166e63b36aa45901800de51bedc5', class: "example" }, h("div", { key: 'dc1983f4b8faad9d3c23ad612a1c01462bf033b0', class: "no-other-color p-16" }, h("div", { key: '42f985c970bce2bfa9590f64458e6987500d6036', class: "logo non-brand-color", innerHTML: hLogoColor })), h("p", { key: '9f44984a151b0720f2be17074bdd3c0d42c8210a', class: "f-ui-02" }, "Do not apply other colors"))), h("span", { key: 'd6481a9e1f79c892e54853f3137e5724a42c2479', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'fd550421e565543c1aaff054a86733a585ce9b9b', class: "example" }, h("div", { key: '3b677e85c9b3cb237e10a212187ba192b711fd53', class: "bg-light p-16" }, h("div", { key: '958733b94eca4e7e27dc5ac3e74f2c745198f37d', class: "logo distorted", innerHTML: hLogoColor })), h("p", { key: '9f4d3fc90cf8143480fb143a8932f91185a62f4c', class: "f-ui-02" }, "Do not deform the logo"))), h("span", { key: '7254597b2dbcb94118547e3b640c79c3bbd3e7ff', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '4caef2a8c103ecfc8ff91e40b8c5255571984d14', class: "example" }, h("div", { key: 'c93ae6b7c3d58700300fe01b398e4e57728fb314', class: "bg-white p-16" }, h("div", { key: '92916204870722a6da1f45d3d09505589763390b', class: "logo effects", innerHTML: hLogoColor })), h("p", { key: 'f9295bc1f1b1de2c575d934588f95dee6fc81143', class: "f-ui-02" }, "Do not apply effects"))), h("span", { key: '1b8488e14728799e81205823d2a964cf8e6f9baf', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'd3be08fe47ce2fd20dee086553cd16950fb6f964', class: "example" }, h("div", { key: '76713df96cca42778f26b580e790dd3fcfb0abee', class: "bg-white p-16" }, h("div", { key: 'db1a9153dc37119255fa75ea0491daea09545d61', class: "logo rotated", innerHTML: hLogoColor })), h("p", { key: '95b0f06f728a846119bd6844207e93d068dabcc6', class: "f-ui-02" }, "Do not rotate the logo"))), h("span", { key: '92c5de7b7834ae8a14548712239ec22667d2fb5c', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '64533bc4e04c802b4cedc6866c168eaac72c2550', class: "example" }, h("div", { key: 'd630811a1c2ae0a252a7e1bdf7383440e6aa417a', class: "bg-light p-16" }, h("div", { key: '525f7eaebf6e0a75b4ea91c2795f13a7837ebb54', class: "logo outlined", innerHTML: hLogoColor })), h("p", { key: '455855e6657b98d55b0f637548a88ed312130007', class: "f-ui-02" }, "Do not apply outlines"))), h("span", { key: 'a0c54e90591e693fb705d085c21b281e0468bc6e', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), h("span", { key: 'af1f7db921096e0a20372ad028bf8eb6522ec736', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'ba754fd4de6ea65d74f8215aee158c3657b42b23', class: "example" }, h("div", { key: '91b10cf3ad9ce224546f5c67ddd10a6009a6278d', class: "bg-accent p-16" }, h("div", { key: '1ea0aa874d42426a0e4762532a1b5aaa8c7fc671', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '3219f17362a76b5694e44c34d9405c04e378d7fd', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
14
+ return (h("div", { key: '3abc03c4b2592a3138a60c80c390ff12ac79c92e', class: "container" }, h("ul", { key: 'be3a492fe05ef05b96bfc66833f7ac30d596cf7c', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '60f3aa76849d2793907b27ad6ed0584f27896dc1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7c0c0f86de1354651d42f11c865ea4e68d7fd5f6', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '6c1e0b7bc964a2b062ddd539f740622ed5cf9ef8', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '4dbf231814d5994d3075ca55b8a18006eb3b487e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ee1964d4fe1390daa4c3446370d6efd183ec80e2', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '509d867602f88bfd2ce5030e78005eb96993e22b', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '40b486fdcf816d6cc3943b3444014a145798889f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'cc64549a8aaf14eac2ed57543ca7bbca39fd7686', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: 'e8fdc70352a2084d5bc7255059addb232f055f63', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '375278f35b81a58f00f0a5702d156774b8d5f5a0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4c4d4f2e3a8b4111b2f444a744f366c276f1869f', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: 'c3bf1ab4f4244a345ab5babbce4f4de78b696ac6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '5fe3b28dba45127dc391d8101402834f09a61976', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e4e36e3539813527c339e0e46a66661d8d9fd412', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '6d48a5cc5a0917047ba8377da80a24f42d3d16d1', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '9e55f909b1fc0fcbc9b3a1e6d57257f4972f7632', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c1867f7232957dc5022936f2174039e4d02e6ad7', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'd0769904f374ae87e5e283135854dbfb7b448663', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '0955a1f0e63fdc260e990ce995f8d1e1546bfdf4', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4f9ad9e2a5d3ba7125284b1657db0cad282480ce', class: "mx-auto" }, h("div", { key: 'd1a2ef07750991919768bd699a8e8c2cd2801254', class: "bg-accent p-16" }, h("div", { key: '291732a9a1463be409989c10def40eafb4e89ee2', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: 'b9946ad16af5c474a06179be04966dfaba6c81c3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
15
15
  }
16
16
  static get style() { return LogoWrongUsageStyle0; }
17
17
  }, [1, "logo-wrong-usage"]);
@@ -0,0 +1,11 @@
1
+ const minus = ` <svg
2
+ width="20"
3
+ height="20"
4
+ viewBox="0 0 20 20"
5
+ fill="none"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ >
8
+ <path d="M16 10H4" stroke="currentColor" stroke-width="2" />
9
+ </svg>`;
10
+
11
+ export { minus as m };
@@ -0,0 +1 @@
1
+ const n=' <svg\n width="12"\n height="12"\n viewBox="0 0 12 12"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n >\n <circle cx="6" cy="3" r="2" stroke="currentColor" stroke-width="1.5" />\n <path\n d="M10 12V9C10 7.89543 9.10457 7 8 7H4C2.89543 7 2 7.89543 2 9V12"\n stroke="currentColor"\n stroke-width="1.5"\n />\n </svg>';export{n as p}
@@ -0,0 +1 @@
1
+ import{r as e,c as i,h as t,g as n}from"./p-cccacbd3.js";import{s as o}from"./p-13efafb9.js";const r=class{constructor(t){e(this,t),this.accordion=i(this,"accordion",7),this.handleClick=()=>{var e;this.isExpanded=!this.isExpanded,this.accordion.emit(this.isExpanded),this.setPanelHeight(),o({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(e=this.title)||void 0===e?void 0:e.toLowerCase())||"",action:this.isExpanded?"expanded":"collapsed"})},this.setPanelHeight=()=>{this.childContentRef&&(this.shortContent=this.wrapperRef.scrollWidth>830&&!this.description?this.childContentRef.scrollHeight<=80:this.childContentRef.scrollHeight<=20,this.panelHeight=this.isExpanded&&!this.shortContent?this.childContentRef.scrollHeight:0),this.headerRef&&(this.headerHeight=this.headerRef.scrollHeight-30)},this.title=void 0,this.description=void 0,this.switchBg=!0,this.expanded=!1,this.clampText=!0,this.isExpanded=this.expanded,this.panelHeight=0,this.shortContent=!1,this.headerHeight=0}componentDidLoad(){this.setPanelHeight(),window.addEventListener("resize",this.setPanelHeight)}disconnectedCallback(){window.removeEventListener("resize",this.setPanelHeight)}render(){return t("div",{key:"db04fa9db1f53e95a7ac758656b32e75281f5749",ref:e=>this.wrapperRef=e,class:`flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 \n ${this.switchBg&&this.isExpanded?"bg-inverse":"bg-default"} \n ${this.switchBg?"hover:bg-inverse":""}\n ${this.description?"min-h-56":""}`},t("h3",{key:"a6fc54388e0eab3ddfb81dfb5907c55a1d6d40e1",ref:e=>this.headerRef=e,class:"mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40"},this.title),t("div",{key:"96a1e4ae2849300e6cd3c737357a7e6e9a0439d5",class:"ml-auto"},t("eds-button",{key:"ca53eed446f9bc7a96182da9e9e3a45b1c63dba2",id:"toggleAccordion",intent:"tertiary","aria-expanded":this.isExpanded||this.shortContent,"aria-label":"Toggle accordion","aria-controls":"accordionSection",class:"effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none",onClick:this.handleClick,icon:"chevron-down"})),t("div",{key:"2e1c52759fa07ecf63fed47f79c0384a79cd81c6",class:"w-full",style:Number.isFinite(this.headerHeight)?{marginTop:`${this.headerHeight}px`}:{}},this.description?t("span",{class:"text-light "+(!this.isExpanded&&this.clampText?"line-clamp-1":"")},this.description):null,t("section",{key:"6ca819b2d9cb989f0942b98f32cd7243771b6ae9",id:"accordionSection",role:"region","aria-labelledby":"accordionHeader","aria-hidden":!this.isExpanded,class:"z-1 effect-height relative h-0 w-full "+(!this.isExpanded&&this.clampText?"overflow-hidden":""),style:{height:this.isExpanded?"auto":"0"}},t("div",{key:"aa33297747aca21c3b3ed33eb3eabc2998192aeb",ref:e=>this.childContentRef=e,class:"accordion-content effect-color pt-4","aria-hidden":!this.isExpanded},t("span",{key:"af5b6e2218419a3c95e21e7e432696b073b7752b",class:!this.isExpanded&&this.clampText?"line-clamp-2":""},t("slot",{key:"2a9d1ef2d2537c831b28fbecb02a6125a1412019"}))))))}get el(){return n(this)}};r.style="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";export{r as eds_accordion}
@@ -0,0 +1 @@
1
+ const n=' <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M5 4H15V16L10 12.0138L5 16V4Z"\n stroke="currentColor"\n stroke-width="1.5"\n stroke-linejoin="round"\n />\n </svg>';export{n as b}
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-cccacbd3.js";import{c as i}from"./p-112122d6.js";const a=class{constructor(t){e(this,t),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return t("p",{key:"96ba520be4ef9acf871a6e992d5ea74aaf17c962",class:`text-light ${this.descClass}`},t("span",{key:"951358bd0c992426175e3c1b3c580f2f9be4027f",class:this.getTruncateClass()},this.description))}};a.style=".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";const r=class{constructor(t){e(this,t),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(this.hierarchy?{h1:"05",h2:"05",h3:"05",h4:"05",h5:"05",h6:"06"}:{h1:"01",h2:"02",h3:"03",h4:"04",h5:"05",h6:"06"})[this.headingLevel]}`}render(){return t(this.headingLevel,{key:"57ce97f35ee52623d32fac0b6b1a576ca8b5aa70",class:this.getTitleClass()},t("a",{key:"60fb313d2b8753974658f73aaddd359a63548a79",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};r.style="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";const n=i(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),o=class{constructor(t){e(this,t),this.label=void 0,this.intent="default"}render(){const e=n({intent:this.intent});return t("span",{key:"314cc7432e8a56cf4676982180ada160c7b14746",class:e},this.label)}};o.style=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";export{a as eds_card_desc,r as eds_card_title,o as eds_tag}
1
+ import{r as e,h as t}from"./p-cccacbd3.js";import{c as i}from"./p-112122d6.js";const a=class{constructor(t){e(this,t),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return t("p",{key:"96ba520be4ef9acf871a6e992d5ea74aaf17c962",class:`text-light ${this.descClass}`},t("span",{key:"951358bd0c992426175e3c1b3c580f2f9be4027f",class:this.getTruncateClass()},this.description))}};a.style=".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";const r=class{constructor(t){e(this,t),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(this.hierarchy?{h1:"05",h2:"05",h3:"05",h4:"05",h5:"05",h6:"06"}:{h1:"01",h2:"02",h3:"03",h4:"04",h5:"05",h6:"06"})[this.headingLevel]}`}render(){return t(this.headingLevel,{key:"57ce97f35ee52623d32fac0b6b1a576ca8b5aa70",class:this.getTitleClass()},t("a",{key:"60fb313d2b8753974658f73aaddd359a63548a79",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};r.style="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";const n=i(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),o=class{constructor(t){e(this,t),this.label=void 0,this.intent="default"}render(){const e=n({intent:this.intent});return t("span",{key:"55a6039b040436e5dded9aaf1007668b97091ba3",class:e},this.label)}};o.style=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";export{a as eds_card_desc,r as eds_card_title,o as eds_tag}
@@ -0,0 +1 @@
1
+ import{r as i,h as n}from"./p-cccacbd3.js";import{v as e}from"./p-9c5a453b.js";const l=class{constructor(n){i(this,n)}render(){return n("div",{key:"ef880ea5beba757cdd39f435eeb2fffc31840b44",class:"container"},n("ul",{key:"53cab505e89057b97a9e6d431e25886c8790a363",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},n("li",{key:"c5454fac34e2799ce7a10d57e9d1a659522325ac",class:"grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},n("div",{key:"e8c8300bec00274891d0a5fca79955fa06efff67",class:"logo-container mx-auto w-[300px]",innerHTML:e})),n("li",{key:"4b3c0262751f08fd7b23937908c429ea95f0d053",class:"grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},n("div",{key:"93acac909ef53d6e08dc09d0f9bacd676bb5e7d9",class:"text-center mt-16"},n("p",{key:"e8f03d15125aeb471a876cd58f12ae094c1539d3",class:"f-body-01"},"To ensure legibility, follow these minimum size guidelines:"),n("eds-table",{key:"fbb39b9b45de955c46329f3d96209074a1e513ff",data:'[\n { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n ]',config:'{\n "Media": { "format": "bold" }\n }'}))),n("li",{key:"25b3994ab87f7c78b514b585aebf72893b4cc25f",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"})))}};l.style='ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}';export{l as logo_space}
@@ -0,0 +1 @@
1
+ import{r as e,c as i,h as t,g as n}from"./p-cccacbd3.js";import{p as a}from"./p-69c5074b.js";const f=class{constructor(t){e(this,t),this.rating=i(this,"rating",7),this.type="star",this.count=5,this.label="Rate your Experience!",this.description="This is a description!",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((e=>{this.emitContext(e)}))}emitContext(e){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});e.dispatchEvent(i)}get parsedMappings(){return a(this.textMapping)}ratingUpdated(e){this.selectedRating=e.detail}render(){return t("div",{key:"5fbf2af8386c318134b64c1323553bc00ee2fe2c",class:"grid inline"},t("h1",{key:"f5ec1e3cbbfa9c1d549a69c76e01609253c6dfea",class:"f-heading-01 my-4"},this.label),t("p",{key:"60348466e10a5295fdb861f512c1037cdf8fbf27",class:"f-body-01 text-light"},this.description),t("eds-rating",{key:"ed559e7844c20081e82ccc0cddd4a34691a7ad1d","rating-type":this.type,"rating-count":this.count}),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&t("span",{key:"b4ab49d3c936649c75714ef2cd9fc09f9a213437",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}get el(){return n(this)}};f.style="h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";export{f as eds_feedback}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,g as r}from"./p-cccacbd3.js";const i=class{constructor(t){e(this,t),this.frameLabel=void 0,this.frameSrc=void 0,this.urlLabel="Open",this.errorMessage="Could not load the requested content. Please check the URL or try again later.",this.url=void 0,this.intent="strong",this.size="auto",this.iframeError=!1}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});e.dispatchEvent(t)}articleClasses(){return["bg-inverse min-h-156 rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-auto"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch(e){this.iframeError=!0}}render(){return t("div",{key:"b26229611868992daf5f4ca5037e1e10b2540ee5",class:this.articleClasses()},t("div",{key:"4cf9ff78b27ce7f88db50feccc9d267c2e727a2c",class:"effect-height flex items-center justify-between py-8 px-12"},t("span",{key:"bf2c1607d3fcbbf152691ec4e6134e737f6d1082",class:"f-ui-02"},this.frameLabel),this.iframeError?null:t("eds-link",{label:this.urlLabel,url:this.url,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),t("div",{key:"d9f059766c509d7325ea734c63e29d7995cc8065",class:"border-softer"},this.iframeError?t("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):t("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return r(this)}};i.style=".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border-color:rgba(0, 0, 0, .1 )}.border-softest{border-color:rgba(0, 0, 0, .05 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1 )}.border-2{border:1px solid rgba(0, 0, 0, .1 )}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";export{i as eds_frame}
@@ -0,0 +1 @@
1
+ import{r as t,h as e}from"./p-cccacbd3.js";const l=class{constructor(e){t(this,e),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e("div",null,e("h2",null,"Primary Palette"),e("color-primary-palette",null),e("h2",null,"Secondary Palette"),e("color-secondary-palette",null),e("h2",null,"Support Palette"),e("color-support-palette",null));case 1:return e("div",null,e("h2",null,"Primary Palette"),e("gradient-primary-palette",null),e("h2",null,"Secondary Palette"),e("gradient-secondary-palette",null),e("h2",null,"Support Palette"),e("gradient-support-palette",null));default:return e("p",null,"Content not available.")}}render(){return e("div",{key:"f985628b9ea3f02a511e2facbda99b54f0723acf",class:"container"},this.renderContent())}};export{l as docs_palettes}
@@ -0,0 +1 @@
1
+ const n=' <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path d="M10 3L15 8L5 8L10 3Z" fill="currentColor" />\n <path d="M10 17L5 12L15 12L10 17Z" fill="currentColor" />\n </svg>';export{n as u}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as a,g as s}from"./p-cccacbd3.js";import{m as n,a as o}from"./p-13efafb9.js";const r=class{constructor(a){t(this,a),this.consent=e(this,"consent",7),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.",this.optOutMessage="You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.",this.forceShow=!1,this.showNotice=!0}toggleCookiesConsent(){this.showNotice=!this.showNotice}hasCookieConsent(){return!!document.cookie.split("; ").find((t=>t.startsWith("mtm_consent=")))}optedOut(){return!!document.cookie.split("; ").find((t=>t.startsWith("mtm_consent_removed")))}getStorageKey(){return`${window.location.host}-matomo-deferred`}componentWillLoad(){if("out"===localStorage.getItem("matomo-consent-given")||this.optedOut())this.showNotice=!1;else if(this.forceShow)this.showNotice=!0;else if(this.hasCookieConsent())this.showNotice=!1;else{const t=sessionStorage.getItem(this.getStorageKey());this.showNotice=!t}}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}optInAnalytics(){n(),localStorage.removeItem("matomo-consent-given"),this.hideNotice(),this.consent.emit("in")}optOutAnalytics(){o(),this.hideNotice(),this.consent.emit("out")}noThanks(){localStorage.setItem("matomo-consent-given","out"),this.hideNotice()}deferDecision(){sessionStorage.setItem(this.getStorageKey(),"true"),this.hideNotice(),this.consent.emit("defer")}keepMeIn(){this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?a("div",{class:"fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},a("eds-accordion",{title:this.title,description:this.hasCookieConsent()?this.optOutMessage:this.description,switchBg:!0,expanded:!0},this.hasCookieConsent()?a("div",{class:"flex items-center gap-4"},this.optedOut()?a("eds-button",{intent:"primary",label:"Opt me in again","aria-label":"Opt me in again",onClick:()=>this.optInAnalytics()}):a("eds-button",{intent:"primary",label:"Keep Me In","aria-label":"Keep Me In",onClick:()=>this.keepMeIn()}),a("eds-button",{intent:"ghostInverse",label:"Opt-out","aria-label":"Opt-out from analytics",onClick:()=>this.optOutAnalytics()})):a("div",{class:"flex items-center gap-4"},a("eds-button",{intent:"primary",label:"I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),a("eds-button",{intent:"ghost",label:"No, thanks","aria-label":"Opt-out from analytics",onClick:()=>this.noThanks()}),a("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return s(this)}};r.style=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";export{r as eds_matomo_notice}
@@ -0,0 +1 @@
1
+ import{r as s,h as r}from"./p-cccacbd3.js";import{u as a}from"./p-1b2913c8.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"9383784da3e52d22395288f8eba5b6f4ee826aa5",class:this.class,innerHTML:a})}};export{c as eds_icon_updown}
@@ -0,0 +1 @@
1
+ import{r as s,h as r}from"./p-cccacbd3.js";import{m as c}from"./p-5ab1d64a.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"5388b5cef5d643984157e0bed9263e83934dc7e3",class:this.class,innerHTML:c})}};export{e as eds_icon_mastodon}
@@ -0,0 +1 @@
1
+ import{r as s,h as r}from"./p-cccacbd3.js";import{l as c}from"./p-2117611b.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d",class:this.class,innerHTML:c})}};export{e as eds_icon_loader}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./p-cccacbd3.js";import{s as r}from"./p-13efafb9.js";const s=class{constructor(e){t(this,e),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){var t;await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0,r({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.content)||void 0===t?void 0:t.toLowerCase())||"",action:"hover"})}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){"Escape"===t.key&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,e;const a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");if(!a)return;const r=((null==a?void 0:a.assignedNodes({flatten:!0}))||[]).find((t=>t instanceof HTMLElement));if(r){const t=r.getBoundingClientRect(),a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('[role="tooltip"]');if(a){const e=a.offsetWidth,r=a.offsetHeight;let s=0,i=0;switch(this.position){case"above":s=window.scrollY-r-8,i=t.left+t.width/2-e/2;break;case"below":s=r-window.scrollY+18,i=t.left+t.width/2-e/2}this.tooltipStyle={top:`${s}px`,left:`${i}px`,transform:"translateX(0)"}}}}render(){return e("div",{key:"13caddfe08af818f6c9c1de96cec452a74b3eee1",class:"relative"},e("slot",{key:"2882a465b5b106e6d0bcaf4072788d6fc5169223"}),this.isVisible&&this.isPositioned&&this.content&&e("div",{key:"6d7f0f2ef3b363015e3ca5ffa71fd32b22148ace",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return a(this)}};s.style=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";export{s as eds_tooltip}
1
+ import{r as t,h as e,g as a}from"./p-cccacbd3.js";import{s as r}from"./p-13efafb9.js";const s=class{constructor(e){t(this,e),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){var t;await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0,r({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:(null===(t=this.content)||void 0===t?void 0:t.toLowerCase())||"",action:"hover"})}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){"Escape"===t.key&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,e;const a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");if(!a)return;const r=((null==a?void 0:a.assignedNodes({flatten:!0}))||[]).find((t=>t instanceof HTMLElement));if(r){const t=r.getBoundingClientRect(),a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('[role="tooltip"]');if(a){const e=a.offsetWidth,r=a.offsetHeight;let s=0,i=0;switch(this.position){case"above":s=window.scrollY-r-8,i=t.left+t.width/2-e/2;break;case"below":s=r-window.scrollY+18,i=t.left+t.width/2-e/2}this.tooltipStyle={top:`${s}px`,left:`${i}px`,transform:"translateX(0)"}}}}render(){return e("div",{key:"61455282a8a27a420e571ddb0abd31b6761d12ff",class:"relative"},e("slot",{key:"8a29dd5f74c6a497111786fadcad766e410a1e34"}),this.isVisible&&this.isPositioned&&this.content&&e("div",{key:"34e5eef506a0d203e898027275c96f2dc3d3bd92",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return a(this)}};s.style=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}";export{s as eds_tooltip}