@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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 (291) hide show
  1. package/dist/cjs/color-box_8.cjs.entry.js +11 -36
  2. package/dist/cjs/{globalScript-6b592153.js → globalScript-45ad6d41.js} +1 -1
  3. package/dist/cjs/huds-lib.cjs.js +11 -4
  4. package/dist/cjs/hy-accordion-container_83.cjs.entry.js +363 -157
  5. package/dist/cjs/hy-event-item.cjs.entry.js +5 -2
  6. package/dist/cjs/hy-events.cjs.entry.js +4 -2
  7. package/dist/cjs/hy-hero-carousel.cjs.entry.js +4902 -0
  8. package/dist/cjs/{index-dfc917d9.js → index-25bd964b.js} +690 -287
  9. package/dist/cjs/loader.cjs.js +5 -4
  10. package/dist/collection/collection-manifest.json +3 -2
  11. package/dist/collection/components/accordion-container/accordion-container.js +36 -30
  12. package/dist/collection/components/accordion-item/accordion-item.js +115 -114
  13. package/dist/collection/components/adjacent-image-text/adjacent-image-text.js +276 -275
  14. package/dist/collection/components/baseline/baseline.js +34 -32
  15. package/dist/collection/components/button/button.js +225 -257
  16. package/dist/collection/components/color-box/color-box.js +12 -9
  17. package/dist/collection/components/courses/hy-content-list/hy-content-list.js +153 -148
  18. package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.css +2 -2
  19. package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js +334 -331
  20. package/dist/collection/components/cta-button/cta-button.js +140 -138
  21. package/dist/collection/components/cta-link/cta-link.js +106 -103
  22. package/dist/collection/components/docs-container/docs-container.js +12 -9
  23. package/dist/collection/components/footer/hy-footer/hy-footer.js +12 -9
  24. package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js +62 -55
  25. package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js +182 -187
  26. package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js +277 -270
  27. package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js +190 -190
  28. package/dist/collection/components/grid-container/grid-container.js +12 -9
  29. package/dist/collection/components/grid-item/grid-item.css +0 -23
  30. package/dist/collection/components/grid-item/grid-item.js +101 -96
  31. package/dist/collection/components/grid-row/grid-row.js +12 -9
  32. package/dist/collection/components/heading/heading-fw.css +17 -17
  33. package/dist/collection/components/heading/heading.css +17 -17
  34. package/dist/collection/components/heading/heading.js +141 -146
  35. package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js +104 -99
  36. package/dist/collection/components/hy-badge/hy-badge.js +34 -30
  37. package/dist/collection/components/hy-banner/hy-banner.js +136 -135
  38. package/dist/collection/components/hy-box/hy-box.js +322 -318
  39. package/dist/collection/components/hy-box-container/hy-box-container.js +52 -54
  40. package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.js +88 -82
  41. package/dist/collection/components/hy-checkbox/hy-checkbox.js +107 -114
  42. package/dist/collection/components/hy-collaboration/hy-collaboration.js +104 -99
  43. package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.js +87 -85
  44. package/dist/collection/components/hy-dropdown/hy-dropdown.js +152 -147
  45. package/dist/collection/components/hy-dropdown/hy-dropdown.panel.item.js +75 -74
  46. package/dist/collection/components/hy-dropdown/hy-dropdown.panel.js +26 -22
  47. package/dist/collection/components/hy-event-item/hy-event-item.js +183 -192
  48. package/dist/collection/components/hy-events/hy-events.js +130 -127
  49. package/dist/collection/components/hy-filter-group/hy-filter-group.item.js +43 -41
  50. package/dist/collection/components/hy-filter-group/hy-filter-group.js +63 -54
  51. package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.js +61 -56
  52. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.js +37 -30
  53. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.js +2 -4
  54. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.js +2 -8
  55. package/dist/collection/components/hy-general-list/hy-general-list.js +122 -113
  56. package/dist/collection/components/hy-general-list-item/hy-general-list-item.js +255 -258
  57. package/dist/collection/components/hy-hero/hy-hero.css +2 -2
  58. package/dist/collection/components/hy-hero/hy-hero.js +295 -308
  59. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +1306 -0
  60. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +211 -0
  61. package/dist/collection/components/hy-introduction/hy-introduction.js +247 -250
  62. package/dist/collection/components/hy-key-figure/hy-key-figure.js +72 -66
  63. package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css +1 -1
  64. package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.js +66 -65
  65. package/dist/collection/components/hy-key-highlight/hy-key-highlight.js +72 -67
  66. package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css +2 -2
  67. package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.js +78 -71
  68. package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css +6 -6
  69. package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.js +54 -46
  70. package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css +3 -3
  71. package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.js +40 -37
  72. package/dist/collection/components/hy-link-list/hy-link-list.js +106 -100
  73. package/dist/collection/components/hy-list-item/hy-list-item.js +428 -451
  74. package/dist/collection/components/hy-logo-grid/hy-logo-grid.item.js +53 -47
  75. package/dist/collection/components/hy-logo-grid/hy-logo-grid.js +53 -46
  76. package/dist/collection/components/hy-main/hy-main.js +34 -29
  77. package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.js +12 -10
  78. package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +2 -2
  79. package/dist/collection/components/hy-opening-hours/hy-opening-hours.js +304 -308
  80. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css +2 -2
  81. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js +107 -107
  82. package/dist/collection/components/hy-person-card/hy-person-card.js +422 -438
  83. package/dist/collection/components/hy-prominent-image/hy-prominent-image.js +106 -100
  84. package/dist/collection/components/hy-quote/hy-quote.js +51 -51
  85. package/dist/collection/components/hy-search-field/hy-search-field.js +166 -167
  86. package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +1 -1
  87. package/dist/collection/components/hy-shortcuts/hy-shortcuts.js +89 -87
  88. package/dist/collection/components/hy-table-container/hy-table-container.css +6 -6
  89. package/dist/collection/components/hy-table-container/hy-table-container.js +12 -10
  90. package/dist/collection/components/hy-tabs/hy-tabs.js +115 -111
  91. package/dist/collection/components/hy-tabs-item/hy-tabs-item.js +36 -28
  92. package/dist/collection/components/hy-tag/hy-tag.js +12 -11
  93. package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js +107 -128
  94. package/dist/collection/components/hy-two-columns/hy-two-columns.js +34 -33
  95. package/dist/collection/components/hy-user-login-form/hy-user-login-form.js +53 -46
  96. package/dist/collection/components/hy-video/hy-video.css +1 -1
  97. package/dist/collection/components/hy-video/hy-video.js +462 -500
  98. package/dist/collection/components/icon/AddToTodoList.js +1 -2
  99. package/dist/collection/components/icon/Alert.js +1 -3
  100. package/dist/collection/components/icon/Archive.js +1 -5
  101. package/dist/collection/components/icon/Arrow.js +1 -2
  102. package/dist/collection/components/icon/ArrowDown.js +1 -2
  103. package/dist/collection/components/icon/ArrowRight.js +1 -7
  104. package/dist/collection/components/icon/ArrowUp.js +1 -2
  105. package/dist/collection/components/icon/Avatar.js +1 -2
  106. package/dist/collection/components/icon/AvatarGroup.js +1 -2
  107. package/dist/collection/components/icon/Bachelor.js +1 -2
  108. package/dist/collection/components/icon/BulletList.js +1 -2
  109. package/dist/collection/components/icon/Camera.js +1 -2
  110. package/dist/collection/components/icon/CaretDown.js +1 -2
  111. package/dist/collection/components/icon/CaretLeft.js +1 -2
  112. package/dist/collection/components/icon/CaretRight.js +1 -2
  113. package/dist/collection/components/icon/CaretUp.js +1 -2
  114. package/dist/collection/components/icon/Chat.js +1 -2
  115. package/dist/collection/components/icon/CodeFork.js +1 -2
  116. package/dist/collection/components/icon/Cogs.js +1 -2
  117. package/dist/collection/components/icon/Contentlink.js +1 -2
  118. package/dist/collection/components/icon/Customlink.js +1 -2
  119. package/dist/collection/components/icon/Date.js +1 -2
  120. package/dist/collection/components/icon/Discover.js +1 -2
  121. package/dist/collection/components/icon/Done.js +1 -2
  122. package/dist/collection/components/icon/Dot.js +1 -2
  123. package/dist/collection/components/icon/DotArrowRight.js +1 -6
  124. package/dist/collection/components/icon/Download.js +1 -2
  125. package/dist/collection/components/icon/Drag.js +1 -2
  126. package/dist/collection/components/icon/Dragbutton.js +1 -2
  127. package/dist/collection/components/icon/DropDown.js +1 -2
  128. package/dist/collection/components/icon/Edit.js +1 -2
  129. package/dist/collection/components/icon/EditEvent.js +1 -2
  130. package/dist/collection/components/icon/Embed.js +1 -2
  131. package/dist/collection/components/icon/Euro.js +1 -2
  132. package/dist/collection/components/icon/Events.js +1 -2
  133. package/dist/collection/components/icon/ExternalLink.js +1 -2
  134. package/dist/collection/components/icon/EyeSlash.js +1 -2
  135. package/dist/collection/components/icon/Facebook.js +1 -2
  136. package/dist/collection/components/icon/Favorites.js +1 -2
  137. package/dist/collection/components/icon/Feed.js +1 -2
  138. package/dist/collection/components/icon/FileText.js +1 -2
  139. package/dist/collection/components/icon/FullScreen.js +1 -2
  140. package/dist/collection/components/icon/Globe.js +1 -2
  141. package/dist/collection/components/icon/GooglePlus.js +1 -2
  142. package/dist/collection/components/icon/Grid.js +1 -2
  143. package/dist/collection/components/icon/Hamburger.js +1 -2
  144. package/dist/collection/components/icon/Heart.js +1 -2
  145. package/dist/collection/components/icon/HeartSupport.js +1 -2
  146. package/dist/collection/components/icon/Helsinginyliopisto.js +1 -2
  147. package/dist/collection/components/icon/Home.js +1 -2
  148. package/dist/collection/components/icon/HorizontalResize.js +1 -2
  149. package/dist/collection/components/icon/HyLogo.js +1 -2
  150. package/dist/collection/components/icon/IdNumber.js +1 -2
  151. package/dist/collection/components/icon/Image.js +1 -2
  152. package/dist/collection/components/icon/ImageGallery.js +1 -2
  153. package/dist/collection/components/icon/Images.js +1 -2
  154. package/dist/collection/components/icon/Info.js +1 -2
  155. package/dist/collection/components/icon/InfoStroke.js +1 -2
  156. package/dist/collection/components/icon/Instagram.js +1 -2
  157. package/dist/collection/components/icon/LeikiList.js +1 -2
  158. package/dist/collection/components/icon/LinkArrow.js +1 -2
  159. package/dist/collection/components/icon/LinkArrow1.js +1 -2
  160. package/dist/collection/components/icon/LinkArrowDown.js +1 -2
  161. package/dist/collection/components/icon/LinkArrowLeft.js +1 -2
  162. package/dist/collection/components/icon/LinkArrowOffsite.js +1 -2
  163. package/dist/collection/components/icon/LinkArrowUp.js +1 -2
  164. package/dist/collection/components/icon/Linkedin.js +1 -2
  165. package/dist/collection/components/icon/List.js +1 -2
  166. package/dist/collection/components/icon/ListAsBlocks.js +1 -2
  167. package/dist/collection/components/icon/ListStyleGrid.js +1 -10
  168. package/dist/collection/components/icon/ListStyleList.js +1 -5
  169. package/dist/collection/components/icon/Listoflinks.js +1 -2
  170. package/dist/collection/components/icon/Location.js +1 -2
  171. package/dist/collection/components/icon/Log.js +1 -2
  172. package/dist/collection/components/icon/Login.js +1 -2
  173. package/dist/collection/components/icon/Logout.js +1 -2
  174. package/dist/collection/components/icon/MagnifyMinus.js +1 -2
  175. package/dist/collection/components/icon/MagnifyPlus.js +1 -2
  176. package/dist/collection/components/icon/Mail.js +1 -2
  177. package/dist/collection/components/icon/Master.js +1 -2
  178. package/dist/collection/components/icon/Minus.js +1 -2
  179. package/dist/collection/components/icon/Mobile.js +1 -2
  180. package/dist/collection/components/icon/Modify.js +1 -2
  181. package/dist/collection/components/icon/NaviTriangle.js +1 -2
  182. package/dist/collection/components/icon/NewGroup.js +1 -2
  183. package/dist/collection/components/icon/NewPerson.js +1 -2
  184. package/dist/collection/components/icon/Notification.js +1 -2
  185. package/dist/collection/components/icon/OpinderLogo.js +1 -2
  186. package/dist/collection/components/icon/OpinderLogoNew.js +1 -2
  187. package/dist/collection/components/icon/Pdf.js +1 -2
  188. package/dist/collection/components/icon/People.js +1 -2
  189. package/dist/collection/components/icon/PermissionAll.js +1 -2
  190. package/dist/collection/components/icon/PermissionGroup.js +1 -2
  191. package/dist/collection/components/icon/PermissionPrivate.js +1 -2
  192. package/dist/collection/components/icon/Person.js +1 -2
  193. package/dist/collection/components/icon/PersonOutline.js +1 -2
  194. package/dist/collection/components/icon/Phone.js +1 -2
  195. package/dist/collection/components/icon/Play.js +1 -2
  196. package/dist/collection/components/icon/Plus.js +1 -2
  197. package/dist/collection/components/icon/Preview.js +1 -2
  198. package/dist/collection/components/icon/Profile.js +1 -2
  199. package/dist/collection/components/icon/Question.js +1 -2
  200. package/dist/collection/components/icon/Remove.js +1 -2
  201. package/dist/collection/components/icon/Retweet.js +1 -2
  202. package/dist/collection/components/icon/RotateLeft.js +1 -2
  203. package/dist/collection/components/icon/RotateRight.js +1 -2
  204. package/dist/collection/components/icon/Search.js +1 -2
  205. package/dist/collection/components/icon/Share.js +1 -2
  206. package/dist/collection/components/icon/SlimHamburgerMenu.js +1 -2
  207. package/dist/collection/components/icon/SocialMedia.js +1 -2
  208. package/dist/collection/components/icon/SomeFacebook.js +1 -2
  209. package/dist/collection/components/icon/SomeInstagram.js +1 -4
  210. package/dist/collection/components/icon/SomeLinkedin.js +1 -2
  211. package/dist/collection/components/icon/SomeTwitter.js +1 -2
  212. package/dist/collection/components/icon/SomeYoutube.js +1 -2
  213. package/dist/collection/components/icon/Spinner.js +1 -2
  214. package/dist/collection/components/icon/Square.js +1 -2
  215. package/dist/collection/components/icon/SquareChecked.js +1 -2
  216. package/dist/collection/components/icon/Time.js +1 -2
  217. package/dist/collection/components/icon/TodoList.js +1 -2
  218. package/dist/collection/components/icon/Tour.js +1 -2
  219. package/dist/collection/components/icon/Twitter.js +1 -2
  220. package/dist/collection/components/icon/TwitterLike.js +1 -2
  221. package/dist/collection/components/icon/UnitsAndFaculties.js +1 -2
  222. package/dist/collection/components/icon/Url.js +1 -2
  223. package/dist/collection/components/icon/Video.js +1 -2
  224. package/dist/collection/components/icon/Warning.js +1 -2
  225. package/dist/collection/components/icon/Wrench.js +1 -2
  226. package/dist/collection/components/icon/Youtube.js +1 -2
  227. package/dist/collection/components/icon/icon.js +67 -60
  228. package/dist/collection/components/icon/icons.js +4 -8
  229. package/dist/collection/components/image/image.js +147 -141
  230. package/dist/collection/components/ingress/ingress.js +34 -30
  231. package/dist/collection/components/link/link.js +106 -99
  232. package/dist/collection/components/link-box/link-box.css +0 -1
  233. package/dist/collection/components/link-box/link-box.js +270 -272
  234. package/dist/collection/components/link-box-list/link-box-list.js +95 -89
  235. package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js +285 -290
  236. package/dist/collection/components/navigation/menu-language/menu-language.js +147 -138
  237. package/dist/collection/components/navigation/menu-language-item/menu-language-item.js +123 -114
  238. package/dist/collection/components/pagination/hy-pager/hy-pager.js +12 -9
  239. package/dist/collection/components/pagination/hy-pager-item/hy-pager-item.js +92 -95
  240. package/dist/collection/components/paragraph-text/paragraph-text-content.css +14 -14
  241. package/dist/collection/components/paragraph-text/paragraph-text-landing.css +8 -8
  242. package/dist/collection/components/paragraph-text/paragraph-text.css +22 -22
  243. package/dist/collection/components/paragraph-text/paragraph-text.js +72 -67
  244. package/dist/collection/components/person-profile/person-profile-listing/person-profile-listing.css +1 -1
  245. package/dist/collection/components/person-profile/person-profile-listing/person-profile.listing.js +127 -126
  246. package/dist/collection/components/person-profile/person-profile.css +4 -4
  247. package/dist/collection/components/person-profile/person-profile.js +138 -182
  248. package/dist/collection/components/process/process.js +71 -62
  249. package/dist/collection/components/process-flow-box/process-flow-box.js +144 -148
  250. package/dist/collection/components/row/row.js +68 -72
  251. package/dist/collection/components/section-container/section-container.js +12 -9
  252. package/dist/collection/components/site-header/site-header.css +1 -1
  253. package/dist/collection/components/site-header/site-header.js +540 -560
  254. package/dist/collection/components/site-header/site-logo/site-logo.js +148 -148
  255. package/dist/collection/components/site-header/site-search/site-search.js +297 -312
  256. package/dist/collection/components/tiny-text/tiny-text.js +12 -9
  257. package/dist/esm/color-box_8.entry.js +12 -37
  258. package/dist/esm/{globalScript-9d045b36.js → globalScript-4ad40215.js} +1 -1
  259. package/dist/esm/huds-lib.js +8 -4
  260. package/dist/esm/hy-accordion-container_83.entry.js +364 -158
  261. package/dist/esm/hy-event-item.entry.js +5 -2
  262. package/dist/esm/hy-events.entry.js +5 -3
  263. package/dist/esm/hy-hero-carousel.entry.js +4898 -0
  264. package/dist/esm/{index-daaf0985.js → index-3a66d87e.js} +690 -288
  265. package/dist/esm/loader.js +5 -4
  266. package/dist/esm/polyfills/css-shim.js +1 -1
  267. package/dist/esm/{utils-7731bbdf.js → utils-43c56d92.js} +1 -1
  268. package/dist/huds-lib/huds-lib.esm.js +1 -1
  269. package/dist/huds-lib/{p-0ea3ec9a.js → p-63584350.js} +1 -1
  270. package/dist/huds-lib/p-7c7ea6b3.entry.js +1 -0
  271. package/dist/huds-lib/p-8d5c2e5b.entry.js +1 -0
  272. package/dist/huds-lib/p-91f6109f.entry.js +1 -0
  273. package/dist/huds-lib/p-9a15a75b.entry.js +1 -0
  274. package/dist/huds-lib/{p-04dcccdc.js → p-b02e49ad.js} +1 -1
  275. package/dist/huds-lib/p-ff975a68.js +2 -0
  276. package/dist/huds-lib/p-ffd1d29a.entry.js +87 -0
  277. package/dist/types/components/hy-hero-carousel/hy-hero-carousel.d.ts +30 -0
  278. package/dist/types/components/person-profile/person-profile-listing/person-profile.listing.d.ts +1 -1
  279. package/dist/types/components.d.ts +95 -20
  280. package/dist/types/stencil-public-runtime.d.ts +92 -19
  281. package/dist/types/utils/utils.d.ts +4 -4
  282. package/loader/index.d.ts +11 -12
  283. package/loader/index.es2017.js +1 -0
  284. package/loader/index.js +2 -11
  285. package/loader/package.json +2 -1
  286. package/package.json +13 -11
  287. package/dist/huds-lib/p-0370da7d.entry.js +0 -87
  288. package/dist/huds-lib/p-2244fcda.entry.js +0 -1
  289. package/dist/huds-lib/p-aba9f82a.entry.js +0 -1
  290. package/dist/huds-lib/p-c68c36c3.entry.js +0 -1
  291. package/dist/huds-lib/p-f8697bf9.js +0 -1
@@ -1,6 +1,7 @@
1
- import { Component, Element, h, Host, Prop } from '@stencil/core';
1
+ import { h, Host } from '@stencil/core';
2
2
  export class ParagraphText {
3
3
  constructor() {
4
+ this.variant = undefined;
4
5
  this.placement = 'internal';
5
6
  this.headerstyle = 'default';
6
7
  }
@@ -20,75 +21,79 @@ export class ParagraphText {
20
21
  `${this.placement}`,
21
22
  `${this.headerstyle}`,
22
23
  ].join(' ');
23
- return (h(Host, null,
24
- h("div", { class: classAttributes },
25
- h("slot", null))));
24
+ return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
26
25
  }
27
26
  static get is() { return "hy-paragraph-text"; }
28
- static get originalStyleUrls() { return {
29
- "default": ["paragraph-text.scss"],
30
- "content": ["paragraph-text-content.scss"],
31
- "landing": ["paragraph-text-landing.scss"]
32
- }; }
33
- static get styleUrls() { return {
34
- "default": ["paragraph-text.css"],
35
- "content": ["paragraph-text-content.css"],
36
- "landing": ["paragraph-text-landing.css"]
37
- }; }
38
- static get properties() { return {
39
- "variant": {
40
- "type": "string",
41
- "mutable": false,
42
- "complexType": {
43
- "original": "string",
44
- "resolved": "string",
45
- "references": {}
46
- },
47
- "required": false,
48
- "optional": false,
49
- "docs": {
50
- "tags": [],
51
- "text": ""
52
- },
53
- "attribute": "variant",
54
- "reflect": false
55
- },
56
- "placement": {
57
- "type": "string",
58
- "mutable": false,
59
- "complexType": {
60
- "original": "string",
61
- "resolved": "string",
62
- "references": {}
63
- },
64
- "required": false,
65
- "optional": false,
66
- "docs": {
67
- "tags": [],
68
- "text": ""
69
- },
70
- "attribute": "placement",
71
- "reflect": false,
72
- "defaultValue": "'internal'"
73
- },
74
- "headerstyle": {
75
- "type": "string",
76
- "mutable": false,
77
- "complexType": {
78
- "original": "string",
79
- "resolved": "string",
80
- "references": {}
27
+ static get originalStyleUrls() {
28
+ return {
29
+ "default": ["paragraph-text.scss"],
30
+ "content": ["paragraph-text-content.scss"],
31
+ "landing": ["paragraph-text-landing.scss"]
32
+ };
33
+ }
34
+ static get styleUrls() {
35
+ return {
36
+ "default": ["paragraph-text.css"],
37
+ "content": ["paragraph-text-content.css"],
38
+ "landing": ["paragraph-text-landing.css"]
39
+ };
40
+ }
41
+ static get properties() {
42
+ return {
43
+ "variant": {
44
+ "type": "string",
45
+ "mutable": false,
46
+ "complexType": {
47
+ "original": "string",
48
+ "resolved": "string",
49
+ "references": {}
50
+ },
51
+ "required": false,
52
+ "optional": false,
53
+ "docs": {
54
+ "tags": [],
55
+ "text": ""
56
+ },
57
+ "attribute": "variant",
58
+ "reflect": false
81
59
  },
82
- "required": false,
83
- "optional": false,
84
- "docs": {
85
- "tags": [],
86
- "text": ""
60
+ "placement": {
61
+ "type": "string",
62
+ "mutable": false,
63
+ "complexType": {
64
+ "original": "string",
65
+ "resolved": "string",
66
+ "references": {}
67
+ },
68
+ "required": false,
69
+ "optional": false,
70
+ "docs": {
71
+ "tags": [],
72
+ "text": ""
73
+ },
74
+ "attribute": "placement",
75
+ "reflect": false,
76
+ "defaultValue": "'internal'"
87
77
  },
88
- "attribute": "headerstyle",
89
- "reflect": false,
90
- "defaultValue": "'default'"
91
- }
92
- }; }
78
+ "headerstyle": {
79
+ "type": "string",
80
+ "mutable": false,
81
+ "complexType": {
82
+ "original": "string",
83
+ "resolved": "string",
84
+ "references": {}
85
+ },
86
+ "required": false,
87
+ "optional": false,
88
+ "docs": {
89
+ "tags": [],
90
+ "text": ""
91
+ },
92
+ "attribute": "headerstyle",
93
+ "reflect": false,
94
+ "defaultValue": "'default'"
95
+ }
96
+ };
97
+ }
93
98
  static get elementRef() { return "el"; }
94
99
  }
@@ -90,7 +90,7 @@
90
90
 
91
91
  @media (min-width: 60rem) {
92
92
  .hy-person-profile-listing.col-4 {
93
- grid-template-columns: repeat(3, calc(100% / 3));
93
+ grid-template-columns: repeat(3, 33.3333333333%);
94
94
  }
95
95
  }
96
96
 
@@ -1,144 +1,145 @@
1
- import { Component, Host, h, Prop } from '@stencil/core';
1
+ import { Host, h } from '@stencil/core';
2
2
  export class PersonProfile {
3
3
  constructor() {
4
+ this.items = undefined;
4
5
  this.col = 'col-2';
6
+ this.inline = undefined;
7
+ this.withoutIcons = undefined;
8
+ this.textSpacingTight = undefined;
5
9
  this.isResearch = false;
6
10
  }
7
11
  render() {
8
- return (h(Host, null,
9
- h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` },
10
- this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label),
11
- this.items.map(({ label, items }) => {
12
- if (items.filter(({ label }) => label !== '').length > 0) {
13
- return (h("li", null,
14
- !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label),
15
- h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
16
- if (url) {
17
- return (h("li", { class: "hy-person-profile-listing__item" },
18
- h("a", { href: url },
19
- index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
20
- h("span", null, label))));
21
- }
22
- return (h("li", { class: "hy-person-profile-listing__item" },
23
- index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
24
- h("span", null, label)));
25
- }))));
12
+ return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` }, this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
13
+ if (items.filter(({ label }) => label !== '').length > 0) {
14
+ return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
15
+ if (url) {
16
+ return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label))));
26
17
  }
18
+ return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label)));
27
19
  }))));
20
+ }
21
+ }))));
28
22
  }
29
23
  static get is() { return "hy-person-profile-listing"; }
30
- static get originalStyleUrls() { return {
31
- "$": ["person-profile-listing.scss"]
32
- }; }
33
- static get styleUrls() { return {
34
- "$": ["person-profile-listing.css"]
35
- }; }
36
- static get properties() { return {
37
- "items": {
38
- "type": "unknown",
39
- "mutable": false,
40
- "complexType": {
41
- "original": "personProfileListingItems",
42
- "resolved": "[{ label: string; items: string[]; }]",
43
- "references": {
44
- "personProfileListingItems": {
45
- "location": "local"
24
+ static get originalStyleUrls() {
25
+ return {
26
+ "$": ["person-profile-listing.scss"]
27
+ };
28
+ }
29
+ static get styleUrls() {
30
+ return {
31
+ "$": ["person-profile-listing.css"]
32
+ };
33
+ }
34
+ static get properties() {
35
+ return {
36
+ "items": {
37
+ "type": "unknown",
38
+ "mutable": false,
39
+ "complexType": {
40
+ "original": "personProfileListingItems",
41
+ "resolved": "[{ label: string; items: string[]; }]",
42
+ "references": {
43
+ "personProfileListingItems": {
44
+ "location": "local",
45
+ "path": "/builds/julkiset-sivut/design-system-lib/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
46
+ }
46
47
  }
48
+ },
49
+ "required": false,
50
+ "optional": false,
51
+ "docs": {
52
+ "tags": [],
53
+ "text": ""
47
54
  }
48
55
  },
49
- "required": false,
50
- "optional": false,
51
- "docs": {
52
- "tags": [],
53
- "text": ""
54
- }
55
- },
56
- "col": {
57
- "type": "string",
58
- "mutable": false,
59
- "complexType": {
60
- "original": "'col-1' | 'col-2' | 'col-4'",
61
- "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
62
- "references": {}
63
- },
64
- "required": false,
65
- "optional": true,
66
- "docs": {
67
- "tags": [],
68
- "text": ""
69
- },
70
- "attribute": "col",
71
- "reflect": false,
72
- "defaultValue": "'col-2'"
73
- },
74
- "inline": {
75
- "type": "boolean",
76
- "mutable": false,
77
- "complexType": {
78
- "original": "boolean",
79
- "resolved": "boolean",
80
- "references": {}
56
+ "col": {
57
+ "type": "string",
58
+ "mutable": false,
59
+ "complexType": {
60
+ "original": "'col-1' | 'col-2' | 'col-4'",
61
+ "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
62
+ "references": {}
63
+ },
64
+ "required": false,
65
+ "optional": true,
66
+ "docs": {
67
+ "tags": [],
68
+ "text": ""
69
+ },
70
+ "attribute": "col",
71
+ "reflect": false,
72
+ "defaultValue": "'col-2'"
81
73
  },
82
- "required": false,
83
- "optional": true,
84
- "docs": {
85
- "tags": [],
86
- "text": ""
74
+ "inline": {
75
+ "type": "boolean",
76
+ "mutable": false,
77
+ "complexType": {
78
+ "original": "boolean",
79
+ "resolved": "boolean",
80
+ "references": {}
81
+ },
82
+ "required": false,
83
+ "optional": true,
84
+ "docs": {
85
+ "tags": [],
86
+ "text": ""
87
+ },
88
+ "attribute": "inline",
89
+ "reflect": false
87
90
  },
88
- "attribute": "inline",
89
- "reflect": false
90
- },
91
- "withoutIcons": {
92
- "type": "boolean",
93
- "mutable": false,
94
- "complexType": {
95
- "original": "boolean",
96
- "resolved": "boolean",
97
- "references": {}
91
+ "withoutIcons": {
92
+ "type": "boolean",
93
+ "mutable": false,
94
+ "complexType": {
95
+ "original": "boolean",
96
+ "resolved": "boolean",
97
+ "references": {}
98
+ },
99
+ "required": false,
100
+ "optional": true,
101
+ "docs": {
102
+ "tags": [],
103
+ "text": ""
104
+ },
105
+ "attribute": "without-icons",
106
+ "reflect": false
98
107
  },
99
- "required": false,
100
- "optional": true,
101
- "docs": {
102
- "tags": [],
103
- "text": ""
108
+ "textSpacingTight": {
109
+ "type": "boolean",
110
+ "mutable": false,
111
+ "complexType": {
112
+ "original": "boolean",
113
+ "resolved": "boolean",
114
+ "references": {}
115
+ },
116
+ "required": false,
117
+ "optional": true,
118
+ "docs": {
119
+ "tags": [],
120
+ "text": ""
121
+ },
122
+ "attribute": "text-spacing-tight",
123
+ "reflect": false
104
124
  },
105
- "attribute": "without-icons",
106
- "reflect": false
107
- },
108
- "textSpacingTight": {
109
- "type": "boolean",
110
- "mutable": false,
111
- "complexType": {
112
- "original": "boolean",
113
- "resolved": "boolean",
114
- "references": {}
115
- },
116
- "required": false,
117
- "optional": true,
118
- "docs": {
119
- "tags": [],
120
- "text": ""
121
- },
122
- "attribute": "text-spacing-tight",
123
- "reflect": false
124
- },
125
- "isResearch": {
126
- "type": "boolean",
127
- "mutable": false,
128
- "complexType": {
129
- "original": "boolean",
130
- "resolved": "boolean",
131
- "references": {}
132
- },
133
- "required": false,
134
- "optional": false,
135
- "docs": {
136
- "tags": [],
137
- "text": ""
138
- },
139
- "attribute": "is-research",
140
- "reflect": false,
141
- "defaultValue": "false"
142
- }
143
- }; }
125
+ "isResearch": {
126
+ "type": "boolean",
127
+ "mutable": false,
128
+ "complexType": {
129
+ "original": "boolean",
130
+ "resolved": "boolean",
131
+ "references": {}
132
+ },
133
+ "required": false,
134
+ "optional": false,
135
+ "docs": {
136
+ "tags": [],
137
+ "text": ""
138
+ },
139
+ "attribute": "is-research",
140
+ "reflect": false,
141
+ "defaultValue": "false"
142
+ }
143
+ };
144
+ }
144
145
  }
@@ -115,7 +115,7 @@
115
115
 
116
116
  @media (min-width: 48rem) {
117
117
  .hy-profile-page__section__research_title > h2,
118
- .hy-profile-page__section > h2 {
118
+ .hy-profile-page__section > h2 {
119
119
  font-size: 2.125rem;
120
120
  line-height: 40px;
121
121
  letter-spacing: -0.68px;
@@ -220,7 +220,7 @@
220
220
 
221
221
  @media (min-width: 48rem) {
222
222
  .hy-profile-page__organizations li span,
223
- .hy-profile-page__research-organizations li span {
223
+ .hy-profile-page__research-organizations li span {
224
224
  font-size: 1.0625rem;
225
225
  line-height: 26px;
226
226
  }
@@ -247,7 +247,7 @@
247
247
 
248
248
  @media (min-width: 48rem) {
249
249
  .hy-profile-page__organizations li hy-icon,
250
- .hy-profile-page__research-organizations li hy-icon {
250
+ .hy-profile-page__research-organizations li hy-icon {
251
251
  height: 26px;
252
252
  }
253
253
  }
@@ -466,7 +466,7 @@
466
466
 
467
467
  @media (min-width: 48rem) {
468
468
  .hy-profile-page__person-content > span,
469
- .hy-profile-page__person-content > p {
469
+ .hy-profile-page__person-content > p {
470
470
  font-size: 1.0625rem;
471
471
  line-height: 26px;
472
472
  letter-spacing: -0.44px;