@ndla/ui 55.0.13-alpha.0 → 55.0.14-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (297) hide show
  1. package/dist/panda.buildinfo.json +120 -1
  2. package/dist/styles.css +511 -0
  3. package/es/Article/ArticleParagraph.js +11 -13
  4. package/es/CampaignBlock/CampaignBlock.js +103 -68
  5. package/es/Concept/Concept.js +69 -0
  6. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +48 -0
  7. package/es/Embed/AudioEmbed.js +1 -2
  8. package/es/Embed/BrightcoveEmbed.js +13 -24
  9. package/es/Embed/ConceptEmbed.js +57 -301
  10. package/es/Embed/ConceptListEmbed.js +18 -24
  11. package/es/Embed/ContentLinkEmbed.js +10 -10
  12. package/es/Embed/CopyrightEmbed.js +4 -21
  13. package/es/Embed/ExternalEmbed.js +10 -18
  14. package/es/Embed/FootnoteEmbed.js +11 -8
  15. package/es/Embed/GlossEmbed.js +68 -0
  16. package/es/Embed/H5pEmbed.js +19 -19
  17. package/es/Embed/IframeEmbed.js +9 -6
  18. package/es/Embed/InlineTriggerButton.js +70 -0
  19. package/es/Embed/UnknownEmbed.js +9 -9
  20. package/es/Embed/UuDisclaimerEmbed.js +14 -25
  21. package/es/Embed/index.js +1 -3
  22. package/es/ErrorMessage/ErrorMessage.js +41 -22
  23. package/es/ErrorMessage/ErrorResourceAccessDenied.js +8 -6
  24. package/es/FactBox/FactBox.js +118 -47
  25. package/es/FileList/PdfFile.js +23 -5
  26. package/es/Gloss/Gloss.js +116 -86
  27. package/es/Gloss/GlossExample.js +49 -51
  28. package/es/LinkBlock/LinkBlock.js +61 -33
  29. package/es/LinkBlock/LinkBlockSection.js +9 -6
  30. package/es/Logo/Logo.js +1 -30
  31. package/es/RelatedArticleList/RelatedArticleList.js +70 -87
  32. package/es/ResourceBox/ResourceBox.js +65 -37
  33. package/es/TagSelector/TagSelector.js +124 -131
  34. package/es/i18n/index.js +2 -1
  35. package/es/i18n/useComponentTranslations.js +83 -0
  36. package/es/index.js +4 -11
  37. package/es/locale/messages-en.js +30 -4
  38. package/es/locale/messages-nb.js +30 -4
  39. package/es/locale/messages-nn.js +30 -4
  40. package/es/locale/messages-se.js +30 -4
  41. package/es/locale/messages-sma.js +30 -4
  42. package/es/model/ContentType.js +3 -0
  43. package/es/styles.css +511 -0
  44. package/lib/Article/ArticleParagraph.js +12 -14
  45. package/lib/CampaignBlock/CampaignBlock.d.ts +2 -2
  46. package/lib/CampaignBlock/CampaignBlock.js +106 -68
  47. package/lib/Concept/Concept.d.ts +18 -0
  48. package/lib/Concept/Concept.js +75 -0
  49. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +17 -0
  50. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +56 -0
  51. package/lib/Embed/AudioEmbed.js +2 -3
  52. package/lib/Embed/BrightcoveEmbed.d.ts +1 -2
  53. package/lib/Embed/BrightcoveEmbed.js +16 -25
  54. package/lib/Embed/ConceptEmbed.d.ts +15 -21
  55. package/lib/Embed/ConceptEmbed.js +58 -301
  56. package/lib/Embed/ConceptListEmbed.js +21 -26
  57. package/lib/Embed/ContentLinkEmbed.js +10 -11
  58. package/lib/Embed/CopyrightEmbed.js +6 -22
  59. package/lib/Embed/ExternalEmbed.d.ts +1 -2
  60. package/lib/Embed/ExternalEmbed.js +13 -19
  61. package/lib/Embed/FootnoteEmbed.js +11 -9
  62. package/lib/Embed/GlossEmbed.d.ts +13 -0
  63. package/lib/Embed/GlossEmbed.js +76 -0
  64. package/lib/Embed/H5pEmbed.d.ts +1 -2
  65. package/lib/Embed/H5pEmbed.js +21 -19
  66. package/lib/Embed/IframeEmbed.d.ts +1 -2
  67. package/lib/Embed/IframeEmbed.js +11 -8
  68. package/lib/Embed/InlineTriggerButton.d.ts +11 -0
  69. package/lib/Embed/InlineTriggerButton.js +76 -0
  70. package/lib/Embed/UnknownEmbed.js +9 -10
  71. package/lib/Embed/UuDisclaimerEmbed.js +16 -26
  72. package/lib/Embed/index.d.ts +2 -3
  73. package/lib/Embed/index.js +2 -9
  74. package/lib/ErrorMessage/ErrorMessage.js +40 -23
  75. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +7 -6
  76. package/lib/FactBox/FactBox.d.ts +0 -1
  77. package/lib/FactBox/FactBox.js +119 -46
  78. package/lib/FileList/PdfFile.js +23 -5
  79. package/lib/Gloss/Gloss.d.ts +10 -2
  80. package/lib/Gloss/Gloss.js +116 -85
  81. package/lib/Gloss/GlossExample.d.ts +3 -5
  82. package/lib/Gloss/GlossExample.js +49 -52
  83. package/lib/LinkBlock/LinkBlock.js +62 -34
  84. package/lib/LinkBlock/LinkBlockSection.js +9 -7
  85. package/lib/Logo/Logo.d.ts +1 -3
  86. package/lib/Logo/Logo.js +2 -30
  87. package/lib/RelatedArticleList/RelatedArticleList.d.ts +4 -4
  88. package/lib/RelatedArticleList/RelatedArticleList.js +74 -90
  89. package/lib/ResourceBox/ResourceBox.js +64 -37
  90. package/lib/TagSelector/TagSelector.d.ts +27 -12
  91. package/lib/TagSelector/TagSelector.js +126 -131
  92. package/lib/i18n/index.d.ts +1 -0
  93. package/lib/i18n/index.js +20 -1
  94. package/lib/i18n/useComponentTranslations.d.ts +14 -0
  95. package/lib/i18n/useComponentTranslations.js +93 -0
  96. package/lib/index.d.ts +5 -14
  97. package/lib/index.js +70 -89
  98. package/lib/locale/messages-en.d.ts +26 -0
  99. package/lib/locale/messages-en.js +30 -4
  100. package/lib/locale/messages-nb.d.ts +26 -0
  101. package/lib/locale/messages-nb.js +30 -4
  102. package/lib/locale/messages-nn.d.ts +26 -0
  103. package/lib/locale/messages-nn.js +30 -4
  104. package/lib/locale/messages-se.d.ts +26 -0
  105. package/lib/locale/messages-se.js +30 -4
  106. package/lib/locale/messages-sma.d.ts +26 -0
  107. package/lib/locale/messages-sma.js +30 -4
  108. package/lib/model/ContentType.d.ts +3 -0
  109. package/lib/model/ContentType.js +4 -1
  110. package/lib/styles.css +511 -0
  111. package/package.json +11 -13
  112. package/src/Article/ArticleParagraph.tsx +11 -9
  113. package/src/CampaignBlock/CampaignBlock.tsx +92 -55
  114. package/src/Concept/Concept.stories.tsx +142 -0
  115. package/src/Concept/Concept.tsx +73 -0
  116. package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +70 -0
  117. package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +69 -0
  118. package/src/Embed/AudioEmbed.tsx +2 -2
  119. package/src/Embed/BrightcoveEmbed.stories.tsx +0 -3
  120. package/src/Embed/BrightcoveEmbed.tsx +17 -19
  121. package/src/Embed/ConceptEmbed.stories.tsx +1 -105
  122. package/src/Embed/ConceptEmbed.tsx +60 -385
  123. package/src/Embed/ConceptListEmbed.tsx +20 -19
  124. package/src/Embed/ContentLinkEmbed.tsx +8 -10
  125. package/src/Embed/CopyrightEmbed.tsx +1 -11
  126. package/src/Embed/ExternalEmbed.tsx +14 -17
  127. package/src/Embed/FootnoteEmbed.stories.tsx +2 -5
  128. package/src/Embed/FootnoteEmbed.tsx +13 -16
  129. package/src/Embed/GlossEmbed.stories.tsx +140 -0
  130. package/src/Embed/GlossEmbed.tsx +64 -0
  131. package/src/Embed/H5pEmbed.tsx +22 -16
  132. package/src/Embed/IframeEmbed.tsx +12 -6
  133. package/src/Embed/InlineTriggerButton.tsx +72 -0
  134. package/src/Embed/UnknownEmbed.tsx +6 -7
  135. package/src/Embed/UuDisclaimerEmbed.stories.tsx +4 -4
  136. package/src/Embed/UuDisclaimerEmbed.tsx +17 -25
  137. package/src/Embed/index.ts +2 -3
  138. package/src/ErrorMessage/ErrorMessage.tsx +40 -29
  139. package/src/ErrorMessage/ErrorResourceAccessDenied.tsx +8 -6
  140. package/src/FactBox/FactBox.tsx +115 -115
  141. package/src/FactBox/Factbox.stories.tsx +43 -27
  142. package/src/FileList/FileList.stories.tsx +6 -1
  143. package/src/FileList/PdfFile.tsx +22 -5
  144. package/src/Gloss/Gloss.stories.tsx +107 -1
  145. package/src/Gloss/Gloss.tsx +143 -156
  146. package/src/Gloss/GlossExample.tsx +51 -77
  147. package/src/LinkBlock/LinkBlock.stories.tsx +8 -10
  148. package/src/LinkBlock/LinkBlock.tsx +54 -59
  149. package/src/LinkBlock/LinkBlockSection.tsx +9 -12
  150. package/src/Logo/Logo.stories.tsx +0 -1
  151. package/src/Logo/Logo.tsx +2 -30
  152. package/src/RelatedArticleList/RelatedArticleList.tsx +69 -88
  153. package/src/ResourceBox/ResourceBox.tsx +63 -59
  154. package/src/TagSelector/TagSelector.stories.tsx +92 -68
  155. package/src/TagSelector/TagSelector.tsx +161 -126
  156. package/src/i18n/index.ts +5 -0
  157. package/src/i18n/useComponentTranslations.ts +72 -0
  158. package/src/index.ts +23 -18
  159. package/src/locale/messages-en.ts +28 -2
  160. package/src/locale/messages-nb.ts +28 -2
  161. package/src/locale/messages-nn.ts +28 -2
  162. package/src/locale/messages-se.ts +28 -2
  163. package/src/locale/messages-sma.ts +28 -2
  164. package/src/model/ContentType.ts +3 -0
  165. package/es/DefinitionList/DefinitionDescription.js +0 -28
  166. package/es/DefinitionList/DefinitionTerm.js +0 -28
  167. package/es/DefinitionList/index.js +0 -10
  168. package/es/Embed/conceptComponents.js +0 -155
  169. package/es/ExpandableBox/ExpandableBox.js +0 -29
  170. package/es/ExpandableBox/index.js +0 -9
  171. package/es/Figure/Figure.js +0 -73
  172. package/es/Figure/index.js +0 -9
  173. package/es/FramedContent/FramedContent.js +0 -28
  174. package/es/FramedContent/index.js +0 -10
  175. package/es/Image/Image.js +0 -99
  176. package/es/Image/ImageLink.js +0 -39
  177. package/es/Image/index.js +0 -12
  178. package/es/LetterFilter/LetterFilter.js +0 -54
  179. package/es/LetterFilter/alphabet.js +0 -9
  180. package/es/LetterFilter/index.js +0 -10
  181. package/es/Notion/Notion.js +0 -76
  182. package/es/Notion/NotionImage.js +0 -46
  183. package/es/Notion/index.js +0 -9
  184. package/es/Table/Table.js +0 -141
  185. package/es/Table/index.js +0 -11
  186. package/es/TagSelector/Control.js +0 -28
  187. package/es/TagSelector/DropdownIndicator.js +0 -60
  188. package/es/TagSelector/Input.js +0 -22
  189. package/es/TagSelector/Menu.js +0 -27
  190. package/es/TagSelector/MenuList.js +0 -28
  191. package/es/TagSelector/Option.js +0 -60
  192. package/es/TagSelector/SelectContainer.js +0 -27
  193. package/es/TagSelector/ValueButton.js +0 -53
  194. package/es/TagSelector/ariaMessages.js +0 -94
  195. package/es/TagSelector/index.js +0 -10
  196. package/es/TagSelector/types.js +0 -1
  197. package/lib/DefinitionList/DefinitionDescription.d.ts +0 -10
  198. package/lib/DefinitionList/DefinitionDescription.js +0 -35
  199. package/lib/DefinitionList/DefinitionTerm.d.ts +0 -10
  200. package/lib/DefinitionList/DefinitionTerm.js +0 -35
  201. package/lib/DefinitionList/index.d.ts +0 -9
  202. package/lib/DefinitionList/index.js +0 -20
  203. package/lib/Embed/conceptComponents.d.ts +0 -40
  204. package/lib/Embed/conceptComponents.js +0 -163
  205. package/lib/ExpandableBox/ExpandableBox.d.ts +0 -15
  206. package/lib/ExpandableBox/ExpandableBox.js +0 -37
  207. package/lib/ExpandableBox/index.d.ts +0 -8
  208. package/lib/ExpandableBox/index.js +0 -18
  209. package/lib/Figure/Figure.d.ts +0 -16
  210. package/lib/Figure/Figure.js +0 -81
  211. package/lib/Figure/index.d.ts +0 -9
  212. package/lib/Figure/index.js +0 -13
  213. package/lib/FramedContent/FramedContent.d.ts +0 -12
  214. package/lib/FramedContent/FramedContent.js +0 -35
  215. package/lib/FramedContent/index.d.ts +0 -9
  216. package/lib/FramedContent/index.js +0 -16
  217. package/lib/Image/Image.d.ts +0 -38
  218. package/lib/Image/Image.js +0 -105
  219. package/lib/Image/ImageLink.d.ts +0 -18
  220. package/lib/Image/ImageLink.js +0 -44
  221. package/lib/Image/index.d.ts +0 -12
  222. package/lib/Image/index.js +0 -30
  223. package/lib/LetterFilter/LetterFilter.d.ts +0 -14
  224. package/lib/LetterFilter/LetterFilter.js +0 -61
  225. package/lib/LetterFilter/alphabet.d.ts +0 -8
  226. package/lib/LetterFilter/alphabet.js +0 -15
  227. package/lib/LetterFilter/index.d.ts +0 -9
  228. package/lib/LetterFilter/index.js +0 -16
  229. package/lib/Notion/Notion.d.ts +0 -20
  230. package/lib/Notion/Notion.js +0 -82
  231. package/lib/Notion/NotionImage.d.ts +0 -13
  232. package/lib/Notion/NotionImage.js +0 -54
  233. package/lib/Notion/index.d.ts +0 -8
  234. package/lib/Notion/index.js +0 -13
  235. package/lib/Table/Table.d.ts +0 -19
  236. package/lib/Table/Table.js +0 -145
  237. package/lib/Table/index.d.ts +0 -10
  238. package/lib/Table/index.js +0 -23
  239. package/lib/TagSelector/Control.d.ts +0 -11
  240. package/lib/TagSelector/Control.js +0 -35
  241. package/lib/TagSelector/DropdownIndicator.d.ts +0 -11
  242. package/lib/TagSelector/DropdownIndicator.js +0 -64
  243. package/lib/TagSelector/Input.d.ts +0 -12
  244. package/lib/TagSelector/Input.js +0 -29
  245. package/lib/TagSelector/Menu.d.ts +0 -12
  246. package/lib/TagSelector/Menu.js +0 -34
  247. package/lib/TagSelector/MenuList.d.ts +0 -16
  248. package/lib/TagSelector/MenuList.js +0 -35
  249. package/lib/TagSelector/Option.d.ts +0 -12
  250. package/lib/TagSelector/Option.js +0 -67
  251. package/lib/TagSelector/SelectContainer.d.ts +0 -11
  252. package/lib/TagSelector/SelectContainer.js +0 -34
  253. package/lib/TagSelector/ValueButton.d.ts +0 -20
  254. package/lib/TagSelector/ValueButton.js +0 -60
  255. package/lib/TagSelector/ariaMessages.d.ts +0 -16
  256. package/lib/TagSelector/ariaMessages.js +0 -101
  257. package/lib/TagSelector/index.d.ts +0 -11
  258. package/lib/TagSelector/index.js +0 -13
  259. package/lib/TagSelector/types.d.ts +0 -11
  260. package/lib/TagSelector/types.js +0 -5
  261. package/src/DefinitionList/DefinitionDescription.tsx +0 -26
  262. package/src/DefinitionList/DefinitionTerm.tsx +0 -26
  263. package/src/DefinitionList/index.tsx +0 -10
  264. package/src/Embed/conceptComponents.tsx +0 -293
  265. package/src/ExpandableBox/ExpandableBox.stories.tsx +0 -41
  266. package/src/ExpandableBox/ExpandableBox.tsx +0 -23
  267. package/src/ExpandableBox/index.ts +0 -9
  268. package/src/Figure/Figure.tsx +0 -167
  269. package/src/Figure/index.ts +0 -11
  270. package/src/FramedContent/FramedContent.stories.tsx +0 -152
  271. package/src/FramedContent/FramedContent.tsx +0 -26
  272. package/src/FramedContent/index.ts +0 -10
  273. package/src/Image/Image.stories.tsx +0 -61
  274. package/src/Image/Image.tsx +0 -147
  275. package/src/Image/ImageLink.tsx +0 -37
  276. package/src/Image/index.ts +0 -14
  277. package/src/LetterFilter/LetterFilter.stories.tsx +0 -29
  278. package/src/LetterFilter/LetterFilter.tsx +0 -78
  279. package/src/LetterFilter/alphabet.ts +0 -39
  280. package/src/LetterFilter/index.ts +0 -11
  281. package/src/Notion/Notion.tsx +0 -96
  282. package/src/Notion/NotionImage.tsx +0 -64
  283. package/src/Notion/index.ts +0 -9
  284. package/src/Table/Table.stories.tsx +0 -738
  285. package/src/Table/Table.tsx +0 -284
  286. package/src/Table/index.ts +0 -12
  287. package/src/TagSelector/Control.tsx +0 -34
  288. package/src/TagSelector/DropdownIndicator.tsx +0 -55
  289. package/src/TagSelector/Input.tsx +0 -31
  290. package/src/TagSelector/Menu.tsx +0 -38
  291. package/src/TagSelector/MenuList.tsx +0 -30
  292. package/src/TagSelector/Option.tsx +0 -58
  293. package/src/TagSelector/SelectContainer.tsx +0 -31
  294. package/src/TagSelector/ValueButton.tsx +0 -47
  295. package/src/TagSelector/ariaMessages.ts +0 -96
  296. package/src/TagSelector/index.ts +0 -14
  297. package/src/TagSelector/types.ts +0 -12
@@ -1,5 +1,3 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
1
  /**
4
2
  * Copyright (c) 2023-present, NDLA.
5
3
  *
@@ -8,92 +6,129 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
8
6
  *
9
7
  */
10
8
 
11
- /** @jsxImportSource @emotion/react */
12
9
  import parse from "html-react-parser";
13
- import { css } from "@emotion/react";
14
- import { breakpoints, colors, fonts, spacing, mq, misc } from "@ndla/core";
15
10
  import { Forward } from "@ndla/icons/common";
11
+ import { Text } from "@ndla/primitives";
16
12
  import { SafeLink } from "@ndla/safelink";
13
+ import { styled } from "@ndla/styled-system/jsx";
17
14
  import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
18
15
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
19
- const Container = /*#__PURE__*/_styled("div", {
20
- target: "eaovcyh4",
21
- label: "Container"
22
- })("display:flex;flex-direction:column;gap:", spacing.normal, ";border:1px ", colors.brand.lighter, " solid;border-radius:", misc.borderRadius, ";padding:", spacing.normal, ";background-color:", colors.white, ";&[data-image-side=\"right\"]{flex-direction:column-reverse;}", mq.range({
23
- from: breakpoints.tabletWide
24
- }), "{max-width:1100px;flex-direction:row;&[data-image-side=\"right\"]{flex-direction:row-reverse;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
25
- const headingStyle = process.env.NODE_ENV === "production" ? {
26
- name: "iu0jdc-headingStyle",
27
- styles: "margin:0;label:headingStyle;"
28
- } : {
29
- name: "iu0jdc-headingStyle",
30
- styles: "margin:0;label:headingStyle;",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
32
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
- };
34
- const StyledDescription = /*#__PURE__*/_styled("p", {
35
- target: "eaovcyh3",
36
- label: "StyledDescription"
37
- })("font-family:", fonts.serif, ";margin:", spacing.normal, " 0 ", spacing.medium, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEa0MiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
38
- const StyledImg = /*#__PURE__*/_styled("img", {
39
- target: "eaovcyh2",
40
- label: "StyledImg"
41
- })(process.env.NODE_ENV === "production" ? {
42
- name: "vf9pfp",
43
- styles: "align-self:center;object-fit:contain"
44
- } : {
45
- name: "vf9pfp",
46
- styles: "align-self:center;object-fit:contain",
47
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFNEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
48
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
16
+ const Container = styled("div", {
17
+ base: {
18
+ display: "flex",
19
+ flexDirection: "column",
20
+ border: "1px solid",
21
+ borderColor: "stroke.default",
22
+ backgroundColor: "background.default",
23
+ borderRadius: "xsmall",
24
+ boxShadow: "full",
25
+ maxWidth: "surface.xsmall",
26
+ overflow: "hidden",
27
+ mobileWide: {
28
+ maxWidth: "surface.medium"
29
+ },
30
+ tabletWide: {
31
+ // TODO: This is probably not the correct max-width. And it should be a token
32
+ maxWidth: "1100px",
33
+ flexDirection: "row"
34
+ }
35
+ }
36
+ });
37
+ const LinkText = styled(Text, {
38
+ base: {
39
+ display: "flex",
40
+ gap: "xxsmall",
41
+ textDecoration: "underline",
42
+ _hover: {
43
+ textDecoration: "none"
44
+ }
45
+ }
46
+ });
47
+ const StyledImg = styled("img", {
48
+ base: {
49
+ alignSelf: "center",
50
+ objectFit: "cover",
51
+ width: "100%",
52
+ height: "215px",
53
+ desktop: {
54
+ height: "340px"
55
+ }
56
+ }
49
57
  });
50
- const StyledLink = /*#__PURE__*/_styled(SafeLink, {
51
- target: "eaovcyh1",
52
- label: "StyledLink"
53
- })("display:inline-flex;align-items:center;gap:", spacing.xxsmall, ";color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFbUMiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */"));
54
- const TextWrapper = /*#__PURE__*/_styled("div", {
55
- target: "eaovcyh0",
56
- label: "TextWrapper"
57
- })(process.env.NODE_ENV === "production" ? {
58
- name: "1ff36h2",
59
- styles: "flex-grow:1"
60
- } : {
61
- name: "1ff36h2",
62
- styles: "flex-grow:1",
63
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFOEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
64
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
58
+ const ContentWrapper = styled("div", {
59
+ base: {
60
+ width: "100%",
61
+ position: "relative",
62
+ display: "flex",
63
+ flexDirection: "column",
64
+ gap: "xsmall",
65
+ alignItems: "flex-start",
66
+ paddingBlock: "medium",
67
+ paddingInline: "medium"
68
+ }
65
69
  });
66
- const CampaignBlock = _ref => {
70
+ const StyledSafeLink = styled(SafeLink, {
71
+ base: {
72
+ color: "inherit"
73
+ }
74
+ });
75
+ const MaybeLinkText = _ref => {
76
+ let {
77
+ url,
78
+ children,
79
+ path
80
+ } = _ref;
81
+ if (url) return _jsx(StyledSafeLink, {
82
+ to: getPossiblyRelativeUrl(url, path),
83
+ children: children
84
+ });
85
+ return children;
86
+ };
87
+ const CampaignBlock = _ref2 => {
67
88
  let {
68
89
  title,
69
90
  image,
70
91
  imageSide = "left",
71
92
  description,
72
- headingLevel: Heading = "h2",
93
+ headingLevel: InternalHeading = "h2",
73
94
  url,
74
95
  path,
75
96
  className
76
- } = _ref;
97
+ } = _ref2;
98
+ const imageComponent = image && _jsx(StyledImg, {
99
+ src: `${image.src}?width=455`,
100
+ height: 340,
101
+ width: 455,
102
+ alt: image.alt
103
+ });
104
+ const HeaderComponent = url?.url ? LinkText : Text;
77
105
  return _jsxs(Container, {
78
106
  className: className,
79
107
  "data-type": "campaign-block",
80
- "data-image-side": imageSide,
81
- children: [image && _jsx(StyledImg, {
82
- src: `${image.src}?width=240`,
83
- height: 200,
84
- width: 240,
85
- alt: image.alt
86
- }), _jsxs(TextWrapper, {
87
- children: [_jsx(Heading, {
88
- css: headingStyle,
89
- children: parse(title)
90
- }), _jsx(StyledDescription, {
108
+ children: [imageSide === "left" && imageComponent, _jsxs(ContentWrapper, {
109
+ children: [_jsx(MaybeLinkText, {
110
+ url: url?.url,
111
+ path: path,
112
+ children: _jsx(HeaderComponent, {
113
+ asChild: true,
114
+ consumeCss: true,
115
+ textStyle: "heading.small",
116
+ children: _jsx(InternalHeading, {
117
+ children: parse(title)
118
+ })
119
+ })
120
+ }), _jsx(Text, {
121
+ textStyle: "body.large",
91
122
  children: parse(description)
92
- }), !!url?.url && _jsxs(StyledLink, {
93
- to: getPossiblyRelativeUrl(url.url, path),
94
- children: [parse(url.text ?? ""), _jsx(Forward, {})]
123
+ }), !!url?.url && _jsx(MaybeLinkText, {
124
+ url: url.url,
125
+ path: path,
126
+ children: _jsxs(LinkText, {
127
+ textStyle: "body.medium",
128
+ children: [parse(url.text ?? ""), _jsx(Forward, {})]
129
+ })
95
130
  })]
96
- })]
131
+ }), imageSide !== "left" && imageComponent]
97
132
  });
98
133
  };
99
134
  export default CampaignBlock;
@@ -0,0 +1,69 @@
1
+ /**
2
+ * Copyright (c) 2024-present, NDLA.
3
+ *
4
+ * This source code is licensed under the GPLv3 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+
9
+ import { forwardRef } from "react";
10
+ import { Figure } from "@ndla/primitives";
11
+ import { styled } from "@ndla/styled-system/jsx";
12
+ import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
13
+ import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
14
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
15
+ const StyledFigure = styled(Figure, {
16
+ base: {
17
+ display: "flex",
18
+ flexDirection: "column",
19
+ gap: "medium"
20
+ }
21
+ });
22
+ const ContentWrapper = styled("div", {
23
+ base: {
24
+ textStyle: "body.large",
25
+ display: "inline",
26
+ "& p": {
27
+ display: "inline"
28
+ }
29
+ }
30
+ });
31
+
32
+ // TODO: Figure out if we need to support tags, subjects and headerButtons.
33
+
34
+ export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
35
+ let {
36
+ copyright,
37
+ visualElement,
38
+ lang,
39
+ children,
40
+ title,
41
+ ...rest
42
+ } = _ref;
43
+ return _jsxs(StyledFigure, {
44
+ ref: ref,
45
+ ...rest,
46
+ children: [_jsxs(ContentWrapper, {
47
+ lang: lang,
48
+ children: [!!title && _jsxs(_Fragment, {
49
+ children: [_jsx("b", {
50
+ children: title
51
+ }), ` – `]
52
+ }), children]
53
+ }), visualElement?.resource === "image" ? _jsx(ImageEmbed, {
54
+ embed: visualElement,
55
+ lang: lang
56
+ }) : visualElement?.resource === "brightcove" ? _jsx(BrightcoveEmbed, {
57
+ embed: visualElement
58
+ }) : visualElement?.resource === "h5p" ? _jsx(H5pEmbed, {
59
+ embed: visualElement
60
+ }) : visualElement?.resource === "iframe" ? _jsx(IframeEmbed, {
61
+ embed: visualElement
62
+ }) : visualElement?.resource === "external" ? _jsx(ExternalEmbed, {
63
+ embed: visualElement
64
+ }) : null, copyright && _jsx(LicenseContainerContent, {
65
+ copyright: copyright,
66
+ type: "concept"
67
+ })]
68
+ });
69
+ });
@@ -0,0 +1,48 @@
1
+ /**
2
+ * Copyright (c) 2024-present, NDLA.
3
+ *
4
+ * This source code is licensed under the GPLv3 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ */
8
+
9
+ import { forwardRef } from "react";
10
+ import { useTranslation } from "react-i18next";
11
+ import { Badge } from "@ndla/primitives";
12
+ import * as contentTypes from "../model/ContentType";
13
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
14
+ export const contentTypeToBadgeVariantMap = {
15
+ [contentTypes.SUBJECT_MATERIAL]: "brand1",
16
+ [contentTypes.TASKS_AND_ACTIVITIES]: "brand2",
17
+ [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
18
+ [contentTypes.SUBJECT]: "neutral",
19
+ [contentTypes.SOURCE_MATERIAL]: "brand1",
20
+ [contentTypes.LEARNING_PATH]: "brand3",
21
+ [contentTypes.TOPIC]: "neutral",
22
+ // TODO: Verify this color
23
+ [contentTypes.MULTIDISCIPLINARY_TOPIC]: "neutral",
24
+ [contentTypes.CONCEPT]: "brand1",
25
+ // TODO: Verify this color
26
+ [contentTypes.EXTERNAL]: "brand2",
27
+ // TODO: Verify resourceEmbedTypeMapping colors
28
+ [contentTypes.IMAGE]: "brand1",
29
+ [contentTypes.AUDIO]: "brand1",
30
+ [contentTypes.VIDEO]: "brand1",
31
+ [contentTypes.MISSING]: "neutral"
32
+ };
33
+ export const ContentTypeBadge = /*#__PURE__*/forwardRef((_ref, ref) => {
34
+ let {
35
+ contentType,
36
+ children,
37
+ ...props
38
+ } = _ref;
39
+ const {
40
+ t
41
+ } = useTranslation();
42
+ return _jsx(Badge, {
43
+ colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
44
+ ...props,
45
+ ref: ref,
46
+ children: children ?? t(`contentTypes.${contentType}`)
47
+ });
48
+ });
@@ -6,9 +6,9 @@
6
6
  *
7
7
  */
8
8
 
9
+ import { Figure } from "@ndla/primitives";
9
10
  import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
10
11
  import AudioPlayer from "../AudioPlayer";
11
- import { Figure } from "../Figure";
12
12
  import { EmbedByline } from "../LicenseByline";
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
14
14
  export const getFirstNonEmptyLicenseCredits = authors => Object.values(authors).find(i => i.length > 0) ?? [];
@@ -43,7 +43,6 @@ const AudioEmbed = _ref => {
43
43
  alt: coverPhoto.altText
44
44
  };
45
45
  return _jsxs(Figure, {
46
- type: "full",
47
46
  lang: lang,
48
47
  children: [_jsx(AudioPlayer, {
49
48
  description: data.podcastMeta?.introduction ?? "",
@@ -1,5 +1,3 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
1
  /**
4
2
  * Copyright (c) 2023-present, NDLA.
5
3
  *
@@ -11,27 +9,21 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
11
9
  import parse from "html-react-parser";
12
10
  import { useEffect, useMemo, useRef, useState } from "react";
13
11
  import { useTranslation } from "react-i18next";
14
- import { ButtonV2 } from "@ndla/button";
15
- import { spacing } from "@ndla/core";
12
+ import { Button, Figure } from "@ndla/primitives";
13
+ import { styled } from "@ndla/styled-system/jsx";
16
14
  import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
17
- import { Figure } from "../Figure";
18
15
  import { EmbedByline } from "../LicenseByline";
19
16
  import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
20
- const LinkedVideoButton = /*#__PURE__*/_styled(ButtonV2, {
21
- target: "e2wbdyh1",
22
- label: "LinkedVideoButton"
23
- })("margin-left:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyaWdodGNvdmVFbWJlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIwQyIsImZpbGUiOiJCcmlnaHRjb3ZlRW1iZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEJyaWdodGNvdmVFbWJlZERhdGEsIEJyaWdodGNvdmVNZXRhRGF0YSwgQnJpZ2h0Y292ZVZpZGVvU291cmNlIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWVtYmVkXCI7XG5pbXBvcnQgRW1iZWRFcnJvclBsYWNlaG9sZGVyIGZyb20gXCIuL0VtYmVkRXJyb3JQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgUmVuZGVyQ29udGV4dCB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgeyBFbWJlZEJ5bGluZSB9IGZyb20gXCIuLi9MaWNlbnNlQnlsaW5lXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBCcmlnaHRjb3ZlTWV0YURhdGE7XG4gIGlzQ29uY2VwdD86IGJvb2xlYW47XG4gIHJlbmRlckNvbnRleHQ/OiBSZW5kZXJDb250ZXh0O1xufVxuXG5jb25zdCBMaW5rZWRWaWRlb0J1dHRvbiA9IHN0eWxlZChCdXR0b25WMilgXG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgQnJpZ2h0Y292ZUlmcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBtYWtlSWZyYW1lU3RyaW5nID0gKHVybDogc3RyaW5nLCB3aWR0aDogc3RyaW5nIHwgbnVtYmVyLCBoZWlnaHQ6IHN0cmluZyB8IG51bWJlciwgdGl0bGUgPSBcIlwiKSA9PiB7XG4gIGNvbnN0IHN0cmlwcGVkV2lkdGggPSB0eXBlb2Ygd2lkdGggPT09IFwibnVtYmVyXCIgPyB3aWR0aCA6IHdpZHRoLnJlcGxhY2UoL1xccypweC8sIFwiXCIpO1xuICBjb25zdCBzdHJpcHBlZEhlaWdodCA9IHR5cGVvZiBoZWlnaHQgPT09IFwibnVtYmVyXCIgPyBoZWlnaHQgOiBoZWlnaHQucmVwbGFjZSgvXFxzKnB4LywgXCJcIik7XG4gIGNvbnN0IHVybE9yVGl0bGUgPSB0aXRsZSB8fCB1cmw7XG4gIHJldHVybiBgPGlmcmFtZSB0aXRsZT1cIiR7dXJsT3JUaXRsZX1cIiBhcmlhLWxhYmVsPVwiJHt1cmxPclRpdGxlfVwiIHNyYz1cIiR7dXJsfVwiIHdpZHRoPVwiJHtzdHJpcHBlZFdpZHRofVwiIGhlaWdodD1cIiR7c3RyaXBwZWRIZWlnaHR9XCIgYWxsb3dmdWxsc2NyZWVuIHNjcm9sbGluZz1cIm5vXCIgZnJhbWVib3JkZXI9XCIwXCIgbG9hZGluZz1cImxhenlcIj48L2lmcmFtZT5gO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzTnVtZXJpYyA9ICh2YWx1ZTogYW55KSA9PiAhTnVtYmVyLmlzTmFOKHZhbHVlIC0gTnVtYmVyLnBhcnNlRmxvYXQodmFsdWUpKTtcblxuY29uc3QgZ2V0SWZyYW1lUHJvcHMgPSAoZGF0YTogQnJpZ2h0Y292ZUVtYmVkRGF0YSwgc291cmNlczogQnJpZ2h0Y292ZVZpZGVvU291cmNlW10pID0+IHtcbiAgY29uc3QgeyBhY2NvdW50LCB2aWRlb2lkLCBwbGF5ZXIgPSBcImRlZmF1bHRcIiB9ID0gZGF0YTtcblxuICBjb25zdCBzb3VyY2UgPSBzb3VyY2VzLmZpbHRlcigocykgPT4gcy53aWR0aCAmJiBzLmhlaWdodCkudG9Tb3J0ZWQoKGEsIGIpID0+IGEhLmhlaWdodCEgLSBiLmhlaWdodCEpWzBdO1xuXG4gIHJldHVybiB7XG4gICAgc3JjOiBgaHR0cHM6Ly9wbGF5ZXJzLmJyaWdodGNvdmUubmV0LyR7YWNjb3VudH0vJHtwbGF5ZXJ9X2RlZmF1bHQvaW5kZXguaHRtbD92aWRlb0lkPSR7dmlkZW9pZH1gLFxuICAgIGhlaWdodDogc291cmNlPy5oZWlnaHQgPz8gXCI0ODBcIixcbiAgICB3aWR0aDogc291cmNlPy53aWR0aCA/PyBcIjY0MFwiLFxuICB9O1xufTtcbmNvbnN0IEJyaWdodGNvdmVFbWJlZCA9ICh7IGVtYmVkLCBpc0NvbmNlcHQsIHJlbmRlckNvbnRleHQgPSBcImFydGljbGVcIiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc2hvd09yaWdpbmFsVmlkZW8sIHNldFNob3dPcmlnaW5hbFZpZGVvXSA9IHVzZVN0YXRlKHRydWUpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGlmcmFtZVJlZiA9IHVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgZW1iZWREYXRhIH0gPSBlbWJlZDtcbiAgY29uc3QgZmFsbGJhY2tUaXRsZSA9IGAke3QoXCJlbWJlZC50eXBlLnZpZGVvXCIpfTogJHtlbWJlZERhdGEudmlkZW9pZH1gO1xuICBjb25zdCBwYXJzZWREZXNjcmlwdGlvbiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChlbWJlZC5lbWJlZERhdGEuY2FwdGlvbiB8fCByZW5kZXJDb250ZXh0ID09PSBcImFydGljbGVcIikge1xuICAgICAgcmV0dXJuIGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uID8gcGFyc2UoZW1iZWQuZW1iZWREYXRhLmNhcHRpb24pIDogdW5kZWZpbmVkO1xuICAgIH0gZWxzZSBpZiAoZW1iZWQuc3RhdHVzID09PSBcInN1Y2Nlc3NcIiAmJiBlbWJlZC5kYXRhLmRlc2NyaXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5kZXNjcmlwdGlvbik7XG4gICAgfVxuICB9LCBbZW1iZWQsIHJlbmRlckNvbnRleHRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGlmcmFtZSA9IGlmcmFtZVJlZi5jdXJyZW50O1xuICAgIGlmIChpZnJhbWUpIHtcbiAgICAgIGNvbnN0IFt3aWR0aCwgaGVpZ2h0XSA9IFtwYXJzZUludChpZnJhbWUud2lkdGgpLCBwYXJzZUludChpZnJhbWUuaGVpZ2h0KV07XG4gICAgICBpZnJhbWUuc3R5bGUuYXNwZWN0UmF0aW8gPSBgJHt3aWR0aH0vJHtoZWlnaHR9YDtcbiAgICAgIGlmcmFtZS53aWR0aCA9IFwiXCI7XG4gICAgICBpZnJhbWUuaGVpZ2h0ID0gXCJcIjtcbiAgICB9XG4gIH0sIFtdKTtcbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT1cInZpZGVvXCI+XG4gICAgICAgIDxCcmlnaHRjb3ZlSWZyYW1lXG4gICAgICAgICAgcmVmPXtpZnJhbWVSZWZ9XG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtlbWJlZERhdGEuYWx0ID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgZnJhbWVCb3JkZXI9XCIwXCJcbiAgICAgICAgICB7Li4uZ2V0SWZyYW1lUHJvcHMoZW1iZWREYXRhLCBbXSl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L0VtYmVkRXJyb3JQbGFjZWhvbGRlcj5cbiAgICApO1xuICB9XG4gIGNvbnN0IHsgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgY29uc3QgbGlua2VkVmlkZW9JZCA9IGlzTnVtZXJpYyhkYXRhLmxpbms/LnRleHQpID8gZGF0YS5saW5rPy50ZXh0IDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IG9yaWdpbmFsVmlkZW9Qcm9wcyA9IGdldElmcmFtZVByb3BzKGVtYmVkRGF0YSwgZGF0YS5zb3VyY2VzKTtcbiAgY29uc3QgYWx0ZXJuYXRpdmVWaWRlb1Byb3BzID0gbGlua2VkVmlkZW9JZFxuICAgID8gZ2V0SWZyYW1lUHJvcHMoeyAuLi5lbWJlZERhdGEsIHZpZGVvaWQ6IGxpbmtlZFZpZGVvSWQgfSwgZGF0YS5zb3VyY2VzKVxuICAgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSB0eXBlPXtpc0NvbmNlcHQgPyBcImZ1bGwtY29sdW1uXCIgOiBcImZ1bGxcIn0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImJyaWdodGNvdmUtdmlkZW9cIj5cbiAgICAgICAgPEJyaWdodGNvdmVJZnJhbWVcbiAgICAgICAgICByZWY9e2lmcmFtZVJlZn1cbiAgICAgICAgICBjbGFzc05hbWU9XCJvcmlnaW5hbFwiXG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZGF0YS5uYW1lID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgYXJpYS1sYWJlbD17ZW1iZWREYXRhLmFsdCA/PyBkYXRhLm5hbWUgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBmcmFtZUJvcmRlcj1cIjBcIlxuICAgICAgICAgIHsuLi4oYWx0ZXJuYXRpdmVWaWRlb1Byb3BzICYmICFzaG93T3JpZ2luYWxWaWRlbyA/IGFsdGVybmF0aXZlVmlkZW9Qcm9wcyA6IG9yaWdpbmFsVmlkZW9Qcm9wcyl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxFbWJlZEJ5bGluZSB0eXBlPVwidmlkZW9cIiBjb3B5cmlnaHQ9e2RhdGEuY29weXJpZ2h0IX0gZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufSBib3R0b21Sb3VuZGVkPlxuICAgICAgICB7ISFsaW5rZWRWaWRlb0lkICYmIChcbiAgICAgICAgICA8TGlua2VkVmlkZW9CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd09yaWdpbmFsVmlkZW8oKHApID0+ICFwKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dChgZmlndXJlLmJ1dHRvbi4keyFzaG93T3JpZ2luYWxWaWRlbyA/IFwib3JpZ2luYWxcIiA6IFwiYWx0ZXJuYXRpdmVcIn1gKX1cbiAgICAgICAgICA8L0xpbmtlZFZpZGVvQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9FbWJlZEJ5bGluZT5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJyaWdodGNvdmVFbWJlZDtcbiJdfQ== */"));
24
- const BrightcoveIframe = /*#__PURE__*/_styled("iframe", {
25
- target: "e2wbdyh0",
26
- label: "BrightcoveIframe"
27
- })(process.env.NODE_ENV === "production" ? {
28
- name: "pit38s",
29
- styles: "height:auto"
30
- } : {
31
- name: "pit38s",
32
- styles: "height:auto",
33
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyaWdodGNvdmVFbWJlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJzQyIsImZpbGUiOiJCcmlnaHRjb3ZlRW1iZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEJyaWdodGNvdmVFbWJlZERhdGEsIEJyaWdodGNvdmVNZXRhRGF0YSwgQnJpZ2h0Y292ZVZpZGVvU291cmNlIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWVtYmVkXCI7XG5pbXBvcnQgRW1iZWRFcnJvclBsYWNlaG9sZGVyIGZyb20gXCIuL0VtYmVkRXJyb3JQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgUmVuZGVyQ29udGV4dCB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgeyBFbWJlZEJ5bGluZSB9IGZyb20gXCIuLi9MaWNlbnNlQnlsaW5lXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBCcmlnaHRjb3ZlTWV0YURhdGE7XG4gIGlzQ29uY2VwdD86IGJvb2xlYW47XG4gIHJlbmRlckNvbnRleHQ/OiBSZW5kZXJDb250ZXh0O1xufVxuXG5jb25zdCBMaW5rZWRWaWRlb0J1dHRvbiA9IHN0eWxlZChCdXR0b25WMilgXG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgQnJpZ2h0Y292ZUlmcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBtYWtlSWZyYW1lU3RyaW5nID0gKHVybDogc3RyaW5nLCB3aWR0aDogc3RyaW5nIHwgbnVtYmVyLCBoZWlnaHQ6IHN0cmluZyB8IG51bWJlciwgdGl0bGUgPSBcIlwiKSA9PiB7XG4gIGNvbnN0IHN0cmlwcGVkV2lkdGggPSB0eXBlb2Ygd2lkdGggPT09IFwibnVtYmVyXCIgPyB3aWR0aCA6IHdpZHRoLnJlcGxhY2UoL1xccypweC8sIFwiXCIpO1xuICBjb25zdCBzdHJpcHBlZEhlaWdodCA9IHR5cGVvZiBoZWlnaHQgPT09IFwibnVtYmVyXCIgPyBoZWlnaHQgOiBoZWlnaHQucmVwbGFjZSgvXFxzKnB4LywgXCJcIik7XG4gIGNvbnN0IHVybE9yVGl0bGUgPSB0aXRsZSB8fCB1cmw7XG4gIHJldHVybiBgPGlmcmFtZSB0aXRsZT1cIiR7dXJsT3JUaXRsZX1cIiBhcmlhLWxhYmVsPVwiJHt1cmxPclRpdGxlfVwiIHNyYz1cIiR7dXJsfVwiIHdpZHRoPVwiJHtzdHJpcHBlZFdpZHRofVwiIGhlaWdodD1cIiR7c3RyaXBwZWRIZWlnaHR9XCIgYWxsb3dmdWxsc2NyZWVuIHNjcm9sbGluZz1cIm5vXCIgZnJhbWVib3JkZXI9XCIwXCIgbG9hZGluZz1cImxhenlcIj48L2lmcmFtZT5gO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzTnVtZXJpYyA9ICh2YWx1ZTogYW55KSA9PiAhTnVtYmVyLmlzTmFOKHZhbHVlIC0gTnVtYmVyLnBhcnNlRmxvYXQodmFsdWUpKTtcblxuY29uc3QgZ2V0SWZyYW1lUHJvcHMgPSAoZGF0YTogQnJpZ2h0Y292ZUVtYmVkRGF0YSwgc291cmNlczogQnJpZ2h0Y292ZVZpZGVvU291cmNlW10pID0+IHtcbiAgY29uc3QgeyBhY2NvdW50LCB2aWRlb2lkLCBwbGF5ZXIgPSBcImRlZmF1bHRcIiB9ID0gZGF0YTtcblxuICBjb25zdCBzb3VyY2UgPSBzb3VyY2VzLmZpbHRlcigocykgPT4gcy53aWR0aCAmJiBzLmhlaWdodCkudG9Tb3J0ZWQoKGEsIGIpID0+IGEhLmhlaWdodCEgLSBiLmhlaWdodCEpWzBdO1xuXG4gIHJldHVybiB7XG4gICAgc3JjOiBgaHR0cHM6Ly9wbGF5ZXJzLmJyaWdodGNvdmUubmV0LyR7YWNjb3VudH0vJHtwbGF5ZXJ9X2RlZmF1bHQvaW5kZXguaHRtbD92aWRlb0lkPSR7dmlkZW9pZH1gLFxuICAgIGhlaWdodDogc291cmNlPy5oZWlnaHQgPz8gXCI0ODBcIixcbiAgICB3aWR0aDogc291cmNlPy53aWR0aCA/PyBcIjY0MFwiLFxuICB9O1xufTtcbmNvbnN0IEJyaWdodGNvdmVFbWJlZCA9ICh7IGVtYmVkLCBpc0NvbmNlcHQsIHJlbmRlckNvbnRleHQgPSBcImFydGljbGVcIiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc2hvd09yaWdpbmFsVmlkZW8sIHNldFNob3dPcmlnaW5hbFZpZGVvXSA9IHVzZVN0YXRlKHRydWUpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGlmcmFtZVJlZiA9IHVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgZW1iZWREYXRhIH0gPSBlbWJlZDtcbiAgY29uc3QgZmFsbGJhY2tUaXRsZSA9IGAke3QoXCJlbWJlZC50eXBlLnZpZGVvXCIpfTogJHtlbWJlZERhdGEudmlkZW9pZH1gO1xuICBjb25zdCBwYXJzZWREZXNjcmlwdGlvbiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChlbWJlZC5lbWJlZERhdGEuY2FwdGlvbiB8fCByZW5kZXJDb250ZXh0ID09PSBcImFydGljbGVcIikge1xuICAgICAgcmV0dXJuIGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uID8gcGFyc2UoZW1iZWQuZW1iZWREYXRhLmNhcHRpb24pIDogdW5kZWZpbmVkO1xuICAgIH0gZWxzZSBpZiAoZW1iZWQuc3RhdHVzID09PSBcInN1Y2Nlc3NcIiAmJiBlbWJlZC5kYXRhLmRlc2NyaXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5kZXNjcmlwdGlvbik7XG4gICAgfVxuICB9LCBbZW1iZWQsIHJlbmRlckNvbnRleHRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGlmcmFtZSA9IGlmcmFtZVJlZi5jdXJyZW50O1xuICAgIGlmIChpZnJhbWUpIHtcbiAgICAgIGNvbnN0IFt3aWR0aCwgaGVpZ2h0XSA9IFtwYXJzZUludChpZnJhbWUud2lkdGgpLCBwYXJzZUludChpZnJhbWUuaGVpZ2h0KV07XG4gICAgICBpZnJhbWUuc3R5bGUuYXNwZWN0UmF0aW8gPSBgJHt3aWR0aH0vJHtoZWlnaHR9YDtcbiAgICAgIGlmcmFtZS53aWR0aCA9IFwiXCI7XG4gICAgICBpZnJhbWUuaGVpZ2h0ID0gXCJcIjtcbiAgICB9XG4gIH0sIFtdKTtcbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT1cInZpZGVvXCI+XG4gICAgICAgIDxCcmlnaHRjb3ZlSWZyYW1lXG4gICAgICAgICAgcmVmPXtpZnJhbWVSZWZ9XG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtlbWJlZERhdGEuYWx0ID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgZnJhbWVCb3JkZXI9XCIwXCJcbiAgICAgICAgICB7Li4uZ2V0SWZyYW1lUHJvcHMoZW1iZWREYXRhLCBbXSl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L0VtYmVkRXJyb3JQbGFjZWhvbGRlcj5cbiAgICApO1xuICB9XG4gIGNvbnN0IHsgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgY29uc3QgbGlua2VkVmlkZW9JZCA9IGlzTnVtZXJpYyhkYXRhLmxpbms/LnRleHQpID8gZGF0YS5saW5rPy50ZXh0IDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IG9yaWdpbmFsVmlkZW9Qcm9wcyA9IGdldElmcmFtZVByb3BzKGVtYmVkRGF0YSwgZGF0YS5zb3VyY2VzKTtcbiAgY29uc3QgYWx0ZXJuYXRpdmVWaWRlb1Byb3BzID0gbGlua2VkVmlkZW9JZFxuICAgID8gZ2V0SWZyYW1lUHJvcHMoeyAuLi5lbWJlZERhdGEsIHZpZGVvaWQ6IGxpbmtlZFZpZGVvSWQgfSwgZGF0YS5zb3VyY2VzKVxuICAgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSB0eXBlPXtpc0NvbmNlcHQgPyBcImZ1bGwtY29sdW1uXCIgOiBcImZ1bGxcIn0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImJyaWdodGNvdmUtdmlkZW9cIj5cbiAgICAgICAgPEJyaWdodGNvdmVJZnJhbWVcbiAgICAgICAgICByZWY9e2lmcmFtZVJlZn1cbiAgICAgICAgICBjbGFzc05hbWU9XCJvcmlnaW5hbFwiXG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZGF0YS5uYW1lID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgYXJpYS1sYWJlbD17ZW1iZWREYXRhLmFsdCA/PyBkYXRhLm5hbWUgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBmcmFtZUJvcmRlcj1cIjBcIlxuICAgICAgICAgIHsuLi4oYWx0ZXJuYXRpdmVWaWRlb1Byb3BzICYmICFzaG93T3JpZ2luYWxWaWRlbyA/IGFsdGVybmF0aXZlVmlkZW9Qcm9wcyA6IG9yaWdpbmFsVmlkZW9Qcm9wcyl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxFbWJlZEJ5bGluZSB0eXBlPVwidmlkZW9cIiBjb3B5cmlnaHQ9e2RhdGEuY29weXJpZ2h0IX0gZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufSBib3R0b21Sb3VuZGVkPlxuICAgICAgICB7ISFsaW5rZWRWaWRlb0lkICYmIChcbiAgICAgICAgICA8TGlua2VkVmlkZW9CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd09yaWdpbmFsVmlkZW8oKHApID0+ICFwKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dChgZmlndXJlLmJ1dHRvbi4keyFzaG93T3JpZ2luYWxWaWRlbyA/IFwib3JpZ2luYWxcIiA6IFwiYWx0ZXJuYXRpdmVcIn1gKX1cbiAgICAgICAgICA8L0xpbmtlZFZpZGVvQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9FbWJlZEJ5bGluZT5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJyaWdodGNvdmVFbWJlZDtcbiJdfQ== */",
34
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
17
+ const LinkedVideoButton = styled(Button, {
18
+ base: {
19
+ marginInlineStart: "xsmall"
20
+ }
21
+ });
22
+ const BrightcoveIframe = styled("iframe", {
23
+ base: {
24
+ height: "auto",
25
+ width: "100%"
26
+ }
35
27
  });
36
28
  export const makeIframeString = function (url, width, height) {
37
29
  let title = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
@@ -57,7 +49,6 @@ const getIframeProps = (data, sources) => {
57
49
  const BrightcoveEmbed = _ref => {
58
50
  let {
59
51
  embed,
60
- isConcept,
61
52
  renderContext = "article"
62
53
  } = _ref;
63
54
  const [showOriginalVideo, setShowOriginalVideo] = useState(true);
@@ -108,7 +99,6 @@ const BrightcoveEmbed = _ref => {
108
99
  videoid: linkedVideoId
109
100
  }, data.sources) : undefined;
110
101
  return _jsxs(Figure, {
111
- type: isConcept ? "full-column" : "full",
112
102
  children: [_jsx("div", {
113
103
  className: "brightcove-video",
114
104
  children: _jsx(BrightcoveIframe, {
@@ -126,9 +116,8 @@ const BrightcoveEmbed = _ref => {
126
116
  description: parsedDescription,
127
117
  bottomRounded: true,
128
118
  children: !!linkedVideoId && _jsx(LinkedVideoButton, {
129
- variant: "outline",
130
- shape: "pill",
131
119
  size: "small",
120
+ variant: "secondary",
132
121
  onClick: () => setShowOriginalVideo(p => !p),
133
122
  children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
134
123
  })