@ndla/ui 55.0.16-alpha.0 → 55.0.17-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 (305) hide show
  1. package/dist/panda.buildinfo.json +114 -23
  2. package/dist/styles.css +411 -81
  3. package/es/Article/Article.js +101 -162
  4. package/es/Article/ArticleByline.js +23 -23
  5. package/es/Article/ArticleFootNotes.js +8 -8
  6. package/es/Article/ArticleParagraph.js +2 -2
  7. package/es/Article/index.js +3 -5
  8. package/es/AudioPlayer/AudioPlayer.js +20 -20
  9. package/es/AudioPlayer/Controls.js +45 -45
  10. package/es/AudioPlayer/SpeechControl.js +8 -8
  11. package/es/BlogPost/BlogPost.js +6 -6
  12. package/es/Breadcrumb/Breadcrumb.js +19 -29
  13. package/es/Breadcrumb/BreadcrumbItem.js +20 -49
  14. package/es/Breadcrumb/HomeBreadcrumb.js +36 -82
  15. package/es/CampaignBlock/CampaignBlock.js +12 -12
  16. package/es/CodeBlock/CodeBlock.js +2 -2
  17. package/es/Concept/Concept.js +11 -11
  18. package/es/ContactBlock/ContactBlock.js +170 -185
  19. package/es/ContactBlock/index.js +3 -3
  20. package/es/ContentLoader/index.js +12 -12
  21. package/es/ContentPlaceholder/ContentPlaceholder.js +3 -3
  22. package/es/ContentTypeBadge/ContentTypeBadge.js +81 -80
  23. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +2 -2
  24. package/es/ContentTypeHero/ContentTypeHero.js +50 -0
  25. package/es/{Logo → ContentTypeHero}/index.js +2 -3
  26. package/es/CopyParagraphButton/CopyParagraphButton.js +13 -12
  27. package/es/Embed/AudioEmbed.js +7 -7
  28. package/es/Embed/BrightcoveEmbed.js +8 -8
  29. package/es/Embed/CodeEmbed.js +6 -6
  30. package/es/Embed/ConceptEmbed.js +13 -13
  31. package/es/Embed/ConceptListEmbed.js +9 -9
  32. package/es/Embed/ContentLinkEmbed.js +6 -6
  33. package/es/Embed/CopyrightEmbed.js +3 -3
  34. package/es/Embed/EmbedErrorPlaceholder.js +5 -5
  35. package/es/Embed/ExternalEmbed.js +5 -5
  36. package/es/Embed/FootnoteEmbed.js +5 -5
  37. package/es/Embed/GlossEmbed.js +11 -11
  38. package/es/Embed/H5pEmbed.js +5 -5
  39. package/es/Embed/IframeEmbed.js +6 -6
  40. package/es/Embed/ImageEmbed.js +10 -10
  41. package/es/Embed/InlineTriggerButton.js +2 -2
  42. package/es/Embed/RelatedContentEmbed.js +5 -5
  43. package/es/Embed/UnknownEmbed.js +3 -3
  44. package/es/Embed/UuDisclaimerEmbed.js +6 -6
  45. package/es/ErrorMessage/ErrorMessage.js +14 -14
  46. package/es/ErrorMessage/ErrorResourceAccessDenied.js +6 -6
  47. package/es/FactBox/FactBox.js +5 -5
  48. package/es/FileList/File.js +3 -3
  49. package/es/FileList/FileList.js +6 -6
  50. package/es/FileList/Format.js +6 -6
  51. package/es/FileList/PdfFile.js +5 -5
  52. package/es/FrontpageArticle/FrontpageArticle.js +6 -6
  53. package/es/Gloss/Gloss.js +23 -23
  54. package/es/Gloss/GlossExample.js +9 -9
  55. package/es/Grid/Grid.js +4 -4
  56. package/es/KeyFigure/KeyFigure.js +5 -5
  57. package/es/Layout/LayoutItem.js +25 -37
  58. package/es/Layout/OneColumn.js +33 -31
  59. package/es/Layout/PageContainer.js +21 -30
  60. package/es/LicenseByline/EmbedByline.js +21 -21
  61. package/es/LicenseByline/LicenseLink.js +3 -3
  62. package/es/LinkBlock/LinkBlock.js +8 -8
  63. package/es/LinkBlock/LinkBlockSection.js +4 -4
  64. package/es/Messages/MessageBox.js +11 -11
  65. package/es/Messages/index.js +1 -2
  66. package/es/ProgrammeCard/ProgrammeCard.js +5 -5
  67. package/es/RelatedArticleList/RelatedArticleList.js +15 -15
  68. package/es/ResourceBox/ResourceBox.js +9 -9
  69. package/es/SnackBar/DefaultSnackbar.js +5 -5
  70. package/es/SnackBar/SnackbarProvider.js +7 -7
  71. package/es/TagSelector/TagSelector.js +17 -17
  72. package/es/TreeStructure/AddFolderButton.js +4 -4
  73. package/es/TreeStructure/ComboboxButton.js +7 -7
  74. package/es/TreeStructure/FolderItem.js +13 -13
  75. package/es/TreeStructure/FolderItems.js +6 -6
  76. package/es/TreeStructure/TreeStructure.js +9 -9
  77. package/es/ZendeskButton/ZendeskButton.js +2 -2
  78. package/es/i18n/index.js +1 -1
  79. package/es/index.js +5 -11
  80. package/es/locale/messages-en.js +1 -1
  81. package/es/locale/messages-nb.js +1 -1
  82. package/es/locale/messages-nn.js +1 -1
  83. package/es/locale/messages-se.js +1 -1
  84. package/es/locale/messages-sma.js +1 -1
  85. package/es/styles.css +411 -81
  86. package/lib/Article/Article.d.ts +9 -30
  87. package/lib/Article/Article.js +104 -164
  88. package/lib/Article/ArticleByline.js +23 -23
  89. package/lib/Article/ArticleFootNotes.js +8 -8
  90. package/lib/Article/ArticleParagraph.js +2 -2
  91. package/lib/Article/index.d.ts +2 -5
  92. package/lib/Article/index.js +18 -24
  93. package/lib/AudioPlayer/AudioPlayer.js +20 -20
  94. package/lib/AudioPlayer/Controls.js +45 -45
  95. package/lib/AudioPlayer/SpeechControl.js +8 -8
  96. package/lib/BlogPost/BlogPost.js +6 -6
  97. package/lib/Breadcrumb/Breadcrumb.js +21 -29
  98. package/lib/Breadcrumb/BreadcrumbItem.js +22 -50
  99. package/lib/Breadcrumb/HomeBreadcrumb.d.ts +1 -2
  100. package/lib/Breadcrumb/HomeBreadcrumb.js +38 -82
  101. package/lib/CampaignBlock/CampaignBlock.js +12 -12
  102. package/lib/CodeBlock/CodeBlock.js +2 -2
  103. package/lib/Concept/Concept.js +11 -11
  104. package/lib/ContactBlock/ContactBlock.d.ts +6 -7
  105. package/lib/ContactBlock/ContactBlock.js +173 -184
  106. package/lib/ContactBlock/index.d.ts +3 -3
  107. package/lib/ContactBlock/index.js +13 -11
  108. package/lib/ContentLoader/index.js +12 -12
  109. package/lib/ContentPlaceholder/ContentPlaceholder.js +3 -3
  110. package/lib/ContentTypeBadge/ContentTypeBadge.d.ts +11 -12
  111. package/lib/ContentTypeBadge/ContentTypeBadge.js +83 -80
  112. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +2 -2
  113. package/lib/ContentTypeHero/ContentTypeHero.d.ts +15 -0
  114. package/lib/ContentTypeHero/ContentTypeHero.js +57 -0
  115. package/lib/ContentTypeHero/index.d.ts +9 -0
  116. package/lib/ContentTypeHero/index.js +12 -0
  117. package/lib/CopyParagraphButton/CopyParagraphButton.js +13 -12
  118. package/lib/Embed/AudioEmbed.js +7 -7
  119. package/lib/Embed/BrightcoveEmbed.js +8 -8
  120. package/lib/Embed/CodeEmbed.js +6 -6
  121. package/lib/Embed/ConceptEmbed.js +13 -13
  122. package/lib/Embed/ConceptListEmbed.js +9 -9
  123. package/lib/Embed/ContentLinkEmbed.js +6 -6
  124. package/lib/Embed/CopyrightEmbed.js +3 -3
  125. package/lib/Embed/EmbedErrorPlaceholder.js +5 -5
  126. package/lib/Embed/ExternalEmbed.js +5 -5
  127. package/lib/Embed/FootnoteEmbed.js +5 -5
  128. package/lib/Embed/GlossEmbed.js +11 -11
  129. package/lib/Embed/H5pEmbed.js +5 -5
  130. package/lib/Embed/IframeEmbed.js +6 -6
  131. package/lib/Embed/ImageEmbed.js +10 -10
  132. package/lib/Embed/InlineTriggerButton.js +2 -2
  133. package/lib/Embed/RelatedContentEmbed.js +5 -5
  134. package/lib/Embed/UnknownEmbed.js +3 -3
  135. package/lib/Embed/UuDisclaimerEmbed.js +6 -6
  136. package/lib/ErrorMessage/ErrorMessage.js +14 -14
  137. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +6 -6
  138. package/lib/FactBox/FactBox.js +5 -5
  139. package/lib/FileList/File.js +3 -3
  140. package/lib/FileList/FileList.js +6 -6
  141. package/lib/FileList/Format.js +6 -6
  142. package/lib/FileList/PdfFile.js +5 -5
  143. package/lib/FrontpageArticle/FrontpageArticle.js +6 -6
  144. package/lib/Gloss/Gloss.js +23 -23
  145. package/lib/Gloss/GlossExample.js +9 -9
  146. package/lib/Grid/Grid.js +4 -4
  147. package/lib/KeyFigure/KeyFigure.js +5 -5
  148. package/lib/Layout/LayoutItem.d.ts +3 -7
  149. package/lib/Layout/LayoutItem.js +27 -38
  150. package/lib/Layout/OneColumn.d.ts +3 -6
  151. package/lib/Layout/OneColumn.js +36 -33
  152. package/lib/Layout/PageContainer.d.ts +3 -6
  153. package/lib/Layout/PageContainer.js +24 -32
  154. package/lib/LicenseByline/EmbedByline.js +21 -21
  155. package/lib/LicenseByline/LicenseLink.js +3 -3
  156. package/lib/LinkBlock/LinkBlock.js +8 -8
  157. package/lib/LinkBlock/LinkBlockSection.js +4 -4
  158. package/lib/Messages/MessageBox.js +11 -11
  159. package/lib/Messages/index.d.ts +1 -2
  160. package/lib/Messages/index.js +0 -7
  161. package/lib/ProgrammeCard/ProgrammeCard.js +5 -5
  162. package/lib/RelatedArticleList/RelatedArticleList.js +15 -15
  163. package/lib/ResourceBox/ResourceBox.js +9 -9
  164. package/lib/SnackBar/DefaultSnackbar.js +5 -5
  165. package/lib/SnackBar/SnackbarProvider.js +7 -7
  166. package/lib/TagSelector/TagSelector.js +17 -17
  167. package/lib/TreeStructure/AddFolderButton.js +4 -4
  168. package/lib/TreeStructure/ComboboxButton.js +7 -7
  169. package/lib/TreeStructure/FolderItem.js +13 -13
  170. package/lib/TreeStructure/FolderItems.js +6 -6
  171. package/lib/TreeStructure/TreeStructure.js +9 -9
  172. package/lib/ZendeskButton/ZendeskButton.js +2 -2
  173. package/lib/i18n/index.d.ts +1 -1
  174. package/lib/i18n/index.js +6 -0
  175. package/lib/index.d.ts +8 -14
  176. package/lib/index.js +30 -132
  177. package/lib/locale/messages-en.js +1 -1
  178. package/lib/locale/messages-nb.js +1 -1
  179. package/lib/locale/messages-nn.js +1 -1
  180. package/lib/locale/messages-se.js +1 -1
  181. package/lib/locale/messages-sma.js +1 -1
  182. package/lib/styles.css +411 -81
  183. package/package.json +10 -10
  184. package/src/Article/Article.tsx +101 -229
  185. package/src/Article/index.ts +3 -7
  186. package/src/Breadcrumb/Breadcrumb.tsx +20 -18
  187. package/src/Breadcrumb/BreadcrumbItem.tsx +36 -59
  188. package/src/Breadcrumb/HomeBreadcrumb.stories.tsx +0 -12
  189. package/src/Breadcrumb/HomeBreadcrumb.tsx +33 -46
  190. package/src/ContactBlock/{Contactblock.stories.tsx → ContactBlock.stories.tsx} +3 -4
  191. package/src/ContactBlock/ContactBlock.tsx +165 -199
  192. package/src/ContactBlock/index.ts +3 -3
  193. package/src/ContentTypeBadge/ContentTypeBadge.tsx +77 -77
  194. package/src/ContentTypeHero/ContentTypeHero.stories.tsx +76 -0
  195. package/src/ContentTypeHero/ContentTypeHero.tsx +55 -0
  196. package/src/ContentTypeHero/index.ts +10 -0
  197. package/src/CopyParagraphButton/CopyParagraphButton.tsx +10 -3
  198. package/src/Embed/AudioEmbed.stories.tsx +6 -8
  199. package/src/Embed/BrightcoveEmbed.stories.tsx +6 -8
  200. package/src/Embed/ConceptEmbed.stories.tsx +6 -8
  201. package/src/Embed/ExternalEmbed.stories.tsx +5 -5
  202. package/src/Embed/H5pEmbed.stories.tsx +6 -8
  203. package/src/Embed/IframeEmbed.stories.tsx +6 -8
  204. package/src/Embed/ImageEmbed.stories.tsx +6 -8
  205. package/src/Embed/RelatedContentEmbed.stories.tsx +6 -8
  206. package/src/Embed/UuDisclaimerEmbed.stories.tsx +6 -8
  207. package/src/Layout/LayoutItem.tsx +25 -41
  208. package/src/Layout/OneColumn.tsx +33 -33
  209. package/src/Layout/PageContainer.tsx +22 -24
  210. package/src/Messages/index.ts +1 -2
  211. package/src/i18n/index.ts +1 -0
  212. package/src/index.ts +11 -33
  213. package/src/locale/messages-en.ts +1 -1
  214. package/src/locale/messages-nb.ts +1 -1
  215. package/src/locale/messages-nn.ts +1 -1
  216. package/src/locale/messages-se.ts +1 -1
  217. package/src/locale/messages-sma.ts +1 -1
  218. package/es/Article/ArticleHeaderWrapper.js +0 -33
  219. package/es/Hero/Hero.js +0 -68
  220. package/es/Hero/HeroContent.js +0 -16
  221. package/es/Hero/index.js +0 -10
  222. package/es/LanguageSelector/LanguageSelector.js +0 -87
  223. package/es/LanguageSelector/index.js +0 -10
  224. package/es/Logo/Logo.js +0 -52
  225. package/es/Logo/SvgLogo.js +0 -54
  226. package/es/Messages/MessageBanner.js +0 -72
  227. package/es/Search/ActiveFilterContent.js +0 -40
  228. package/es/Search/ActiveFilters.js +0 -112
  229. package/es/Search/ContentTypeResult.js +0 -151
  230. package/es/Search/ContentTypeResultStyles.js +0 -51
  231. package/es/Search/IsPathToHighlight.js +0 -12
  232. package/es/Search/LoadingWrapper.js +0 -31
  233. package/es/Search/SearchField.js +0 -110
  234. package/es/Search/SearchFieldForm.js +0 -33
  235. package/es/Search/SearchResult.js +0 -185
  236. package/es/Search/SearchResultSleeve.js +0 -229
  237. package/es/Search/index.js +0 -12
  238. package/lib/Article/ArticleHeaderWrapper.d.ts +0 -14
  239. package/lib/Article/ArticleHeaderWrapper.js +0 -40
  240. package/lib/Hero/Hero.d.ts +0 -25
  241. package/lib/Hero/Hero.js +0 -83
  242. package/lib/Hero/HeroContent.d.ts +0 -12
  243. package/lib/Hero/HeroContent.js +0 -23
  244. package/lib/Hero/index.d.ts +0 -10
  245. package/lib/Hero/index.js +0 -61
  246. package/lib/LanguageSelector/LanguageSelector.d.ts +0 -15
  247. package/lib/LanguageSelector/LanguageSelector.js +0 -92
  248. package/lib/LanguageSelector/index.d.ts +0 -9
  249. package/lib/LanguageSelector/index.js +0 -13
  250. package/lib/Logo/Logo.d.ts +0 -20
  251. package/lib/Logo/Logo.js +0 -58
  252. package/lib/Logo/SvgLogo.d.ts +0 -14
  253. package/lib/Logo/SvgLogo.js +0 -62
  254. package/lib/Logo/index.d.ts +0 -9
  255. package/lib/Logo/index.js +0 -16
  256. package/lib/Messages/MessageBanner.d.ts +0 -16
  257. package/lib/Messages/MessageBanner.js +0 -77
  258. package/lib/Search/ActiveFilterContent.d.ts +0 -23
  259. package/lib/Search/ActiveFilterContent.js +0 -47
  260. package/lib/Search/ActiveFilters.d.ts +0 -19
  261. package/lib/Search/ActiveFilters.js +0 -119
  262. package/lib/Search/ContentTypeResult.d.ts +0 -29
  263. package/lib/Search/ContentTypeResult.js +0 -159
  264. package/lib/Search/ContentTypeResultStyles.d.ts +0 -45
  265. package/lib/Search/ContentTypeResultStyles.js +0 -58
  266. package/lib/Search/IsPathToHighlight.d.ts +0 -8
  267. package/lib/Search/IsPathToHighlight.js +0 -19
  268. package/lib/Search/LoadingWrapper.d.ts +0 -12
  269. package/lib/Search/LoadingWrapper.js +0 -38
  270. package/lib/Search/SearchField.d.ts +0 -25
  271. package/lib/Search/SearchField.js +0 -117
  272. package/lib/Search/SearchFieldForm.d.ts +0 -15
  273. package/lib/Search/SearchFieldForm.js +0 -41
  274. package/lib/Search/SearchResult.d.ts +0 -43
  275. package/lib/Search/SearchResult.js +0 -194
  276. package/lib/Search/SearchResultSleeve.d.ts +0 -25
  277. package/lib/Search/SearchResultSleeve.js +0 -237
  278. package/lib/Search/index.d.ts +0 -11
  279. package/lib/Search/index.js +0 -33
  280. package/src/Article/ArticleHeaderWrapper.tsx +0 -38
  281. package/src/Hero/Hero.stories.tsx +0 -35
  282. package/src/Hero/Hero.tsx +0 -129
  283. package/src/Hero/HeroContent.tsx +0 -43
  284. package/src/Hero/index.ts +0 -21
  285. package/src/LanguageSelector/LanguageSelector.stories.tsx +0 -44
  286. package/src/LanguageSelector/LanguageSelector.tsx +0 -101
  287. package/src/LanguageSelector/index.ts +0 -11
  288. package/src/Logo/Logo.stories.tsx +0 -47
  289. package/src/Logo/Logo.tsx +0 -47
  290. package/src/Logo/SvgLogo.tsx +0 -48
  291. package/src/Logo/index.ts +0 -11
  292. package/src/Messages/MessageBanner.stories.tsx +0 -31
  293. package/src/Messages/MessageBanner.tsx +0 -67
  294. package/src/Search/ActiveFilterContent.tsx +0 -64
  295. package/src/Search/ActiveFilters.tsx +0 -145
  296. package/src/Search/ContentTypeResult.tsx +0 -190
  297. package/src/Search/ContentTypeResultStyles.tsx +0 -172
  298. package/src/Search/IsPathToHighlight.ts +0 -12
  299. package/src/Search/LoadingWrapper.tsx +0 -44
  300. package/src/Search/SearchField.tsx +0 -175
  301. package/src/Search/SearchFieldForm.tsx +0 -64
  302. package/src/Search/SearchResult.tsx +0 -368
  303. package/src/Search/SearchResultSleeve.tsx +0 -367
  304. package/src/Search/__tests__/Highlight-test.ts +0 -66
  305. package/src/Search/index.ts +0 -14
@@ -6,47 +6,31 @@
6
6
  *
7
7
  */
8
8
 
9
- /** @jsxImportSource @emotion/react */
10
- import { HTMLAttributes, ReactNode, useMemo } from "react";
11
- import { css } from "@emotion/react";
12
- import { mq, breakpoints } from "@ndla/core";
9
+ import { styled } from "@ndla/styled-system/jsx";
13
10
 
14
- interface Props extends HTMLAttributes<HTMLElement> {
15
- children?: ReactNode;
16
- layout?: "extend" | "center";
17
- }
18
-
19
- const centerCss = css`
20
- position: relative !important;
21
- width: 83.333%;
22
- right: auto !important;
23
- left: 8.333%;
24
- `;
25
-
26
- const extendCss = css`
27
- ${mq.range({ from: breakpoints.tablet })} {
28
- position: relative !important;
29
- width: 83.333%;
30
- right: auto !important;
31
- left: 8.333%;
32
- }
33
- `;
34
-
35
- export const LayoutItem = ({ children, layout, ...rest }: Props) => {
36
- const style = useMemo(() => {
37
- if (layout === "extend") {
38
- return extendCss;
39
- } else if (layout === "center") {
40
- return centerCss;
41
- }
42
- return undefined;
43
- }, [layout]);
44
-
45
- return (
46
- <section css={style} {...rest}>
47
- {children}
48
- </section>
49
- );
50
- };
11
+ // TODO: Refactor this. This is a copy of our old layout.
12
+ export const LayoutItem = styled("section", {
13
+ defaultVariants: {
14
+ layout: "center",
15
+ },
16
+ variants: {
17
+ layout: {
18
+ center: {
19
+ position: "relative!",
20
+ width: "83.333%",
21
+ right: "auto !important",
22
+ left: "8.333%",
23
+ },
24
+ extend: {
25
+ tablet: {
26
+ position: "relative!",
27
+ width: "83.333%",
28
+ right: "auto!",
29
+ left: "8.333%",
30
+ },
31
+ },
32
+ },
33
+ },
34
+ });
51
35
 
52
36
  export default LayoutItem;
@@ -6,39 +6,39 @@
6
6
  *
7
7
  */
8
8
 
9
- /** @jsxImportSource @emotion/react */
10
- import { ComponentPropsWithoutRef } from "react";
11
- import { css } from "@emotion/react";
12
- import styled from "@emotion/styled";
13
- import { mq, spacing, breakpoints } from "@ndla/core";
9
+ import { styled } from "@ndla/styled-system/jsx";
14
10
 
15
- interface Props extends ComponentPropsWithoutRef<"div"> {
16
- wide?: boolean;
17
- }
18
-
19
- const StyledOneColumn = styled.div`
20
- max-width: 1024px;
21
- margin-left: auto;
22
- margin-right: auto;
23
- width: 100%;
24
- padding-left: ${spacing.nsmall};
25
- padding-right: ${spacing.nsmall};
26
-
27
- ${mq.range({ from: breakpoints.mobileWide })} {
28
- padding-left: ${spacing.normal};
29
- padding-right: ${spacing.normal};
30
- }
31
- &::after {
32
- content: "" !important;
33
- display: block !important;
34
- clear: both !important;
35
- }
36
- `;
37
-
38
- const wideStyle = css`
39
- max-width: 1150px;
40
- `;
41
-
42
- export const OneColumn = ({ wide, ...rest }: Props) => <StyledOneColumn css={wide ? wideStyle : undefined} {...rest} />;
11
+ // TODO: This is a rewrite of our old layout. Refactor this.
12
+ export const OneColumn = styled("div", {
13
+ base: {
14
+ marginLeft: "auto",
15
+ marginRight: "auto",
16
+ width: "100%",
17
+ paddingLeft: "18px",
18
+ paddingRight: "18px",
19
+ mobileWide: {
20
+ paddingLeft: "medium",
21
+ paddingRight: "medium",
22
+ },
23
+ _after: {
24
+ content: '""!',
25
+ display: "block!",
26
+ clear: "both!",
27
+ },
28
+ },
29
+ defaultVariants: {
30
+ wide: false,
31
+ },
32
+ variants: {
33
+ wide: {
34
+ true: {
35
+ maxWidth: "1150px",
36
+ },
37
+ false: {
38
+ maxWidth: "1024px",
39
+ },
40
+ },
41
+ },
42
+ });
43
43
 
44
44
  export default OneColumn;
@@ -6,30 +6,28 @@
6
6
  *
7
7
  */
8
8
 
9
- /** @jsxImportSource @emotion/react */
10
- import { ComponentPropsWithoutRef } from "react";
11
- import { css } from "@emotion/react";
12
- import styled from "@emotion/styled";
13
- import { colors, mq, breakpoints } from "@ndla/core";
9
+ import { styled } from "@ndla/styled-system/jsx";
14
10
 
15
- interface Props extends ComponentPropsWithoutRef<"div"> {
16
- backgroundWide?: boolean;
17
- }
18
-
19
- const StyledPageContainer = styled.div`
20
- min-height: 100vh;
21
- display: flex;
22
- flex-direction: column;
23
- `;
24
-
25
- const backgroundWideStyle = css`
26
- ${mq.range({ from: breakpoints.tablet })} {
27
- background-color: ${colors.brand.greyLightest};
28
- }
29
- `;
30
-
31
- export const PageContainer = ({ backgroundWide = false, ...rest }: Props) => (
32
- <StyledPageContainer css={backgroundWide ? backgroundWideStyle : undefined} {...rest} />
33
- );
11
+ // TODO: Refactor this. It's a rewrite of our old layout.
12
+ export const PageContainer = styled("div", {
13
+ base: {
14
+ minHeight: "100vh",
15
+ display: "flex",
16
+ flexDirection: "column",
17
+ },
18
+ defaultVariants: {
19
+ backgroundWide: false,
20
+ },
21
+ variants: {
22
+ backgroundWide: {
23
+ true: {
24
+ tablet: {
25
+ backgroundColor: "#f8f8f8",
26
+ },
27
+ },
28
+ false: {},
29
+ },
30
+ },
31
+ });
34
32
 
35
33
  export default PageContainer;
@@ -6,7 +6,6 @@
6
6
  *
7
7
  */
8
8
 
9
- import MessageBanner from "./MessageBanner";
10
9
  import MessageBox from "./MessageBox";
11
10
 
12
- export { MessageBox, MessageBanner };
11
+ export { MessageBox };
package/src/i18n/index.ts CHANGED
@@ -12,4 +12,5 @@ export {
12
12
  useComboboxTranslations,
13
13
  useTagSelectorTranslations,
14
14
  useTagsInputTranslations,
15
+ usePaginationTranslations,
15
16
  } from "./useComponentTranslations";
package/src/index.ts CHANGED
@@ -36,16 +36,14 @@ export { LicenseLink, EmbedByline } from "./LicenseByline";
36
36
  export {
37
37
  ArticleByline,
38
38
  ArticleFootNotes,
39
- ArticleIntroduction,
40
- ArticleTitle,
41
39
  ArticleWrapper,
42
- ArticleHeaderWrapper,
43
- default as Article,
40
+ Article,
44
41
  ArticleParagraph,
42
+ ArticleFooter,
43
+ ArticleHeader,
44
+ ArticleContent,
45
45
  } from "./Article";
46
46
 
47
- export type { ArticleModifier } from "./Article";
48
-
49
47
  export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
50
48
 
51
49
  export { default as ContentLoader } from "./ContentLoader";
@@ -56,36 +54,16 @@ export { ErrorResourceAccessDenied, default as ErrorMessage } from "./ErrorMessa
56
54
 
57
55
  export { default as FileList, File, PdfFile, Format } from "./FileList";
58
56
 
59
- export { default as Logo } from "./Logo";
60
-
61
57
  export { default as FactBox } from "./FactBox";
62
58
 
63
- export type { HeroContentType } from "./Hero";
64
- export {
65
- SubjectMaterialHero,
66
- TasksAndActivitiesHero,
67
- AssessmentResourcesHero,
68
- SubjectHero,
69
- SourceMaterialHero,
70
- Hero,
71
- NdlaFilmHero,
72
- ConceptHero,
73
- HeroContent,
74
- } from "./Hero";
59
+ export type { ContentTypeHeroProps } from "./ContentTypeHero";
60
+ export { ContentTypeHero } from "./ContentTypeHero";
75
61
 
76
62
  export { FooterBlock } from "./Footer";
77
63
 
78
- export { LanguageSelector } from "./LanguageSelector";
79
-
80
- export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
81
-
82
- export { default as ContentTypeResult } from "./Search/ContentTypeResult";
83
-
84
- export { SearchFieldForm } from "./Search/SearchFieldForm";
85
-
86
64
  export { default as resourceTypeColor } from "./utils/resourceTypeColor";
87
65
 
88
- export { MessageBox, MessageBanner } from "./Messages";
66
+ export { MessageBox } from "./Messages";
89
67
 
90
68
  export { ResourceBox } from "./ResourceBox";
91
69
 
@@ -108,6 +86,7 @@ export {
108
86
  useTagsInputTranslations,
109
87
  useTagSelectorTranslations,
110
88
  useComboboxTranslations,
89
+ usePaginationTranslations,
111
90
  } from "./i18n";
112
91
 
113
92
  export { default as LayoutItem, OneColumn, PageContainer } from "./Layout";
@@ -123,7 +102,7 @@ export {
123
102
  ConceptBadge,
124
103
  } from "./ContentTypeBadge";
125
104
 
126
- export type { ContentTypeBadgeProps } from "./ContentTypeBadge/ContentTypeBadgeNew";
105
+ export type { ContentTypeBadgeProps, ContentType } from "./ContentTypeBadge/ContentTypeBadgeNew";
127
106
  export {
128
107
  ContentTypeBadge as ContentTypeBadgeNew,
129
108
  contentTypeToBadgeVariantMap,
@@ -149,12 +128,11 @@ export type { Snack, SnackContext } from "./SnackBar";
149
128
  export { TreeStructure } from "./TreeStructure";
150
129
  export type { TreeStructureProps } from "./TreeStructure";
151
130
 
152
- export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from "./Search";
153
-
154
131
  export { BlogPostV2 } from "./BlogPost";
155
132
  export { ProgrammeCard } from "./ProgrammeCard";
156
133
  export { KeyFigure } from "./KeyFigure";
157
- export { default as ContactBlock } from "./ContactBlock";
134
+ export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
135
+ export type { ContactBlockBackground } from "./ContactBlock";
158
136
  export type { HeartButtonType, CanonicalUrlFuncs, RenderContext } from "./Embed";
159
137
  export { CampaignBlock } from "./CampaignBlock";
160
138
  export { Grid, GridParallaxItem } from "./Grid";
@@ -1399,7 +1399,7 @@ const messages = {
1399
1399
  header: "What do you want to learn today?",
1400
1400
  description: "Choose a programme to see your subjects",
1401
1401
  grades: "Grades",
1402
- accordionHeader: "All educational programmes",
1402
+ accordionHeader: "Find your programme",
1403
1403
  },
1404
1404
  embed: {
1405
1405
  conceptListError: "Failed to show concept list",
@@ -1399,7 +1399,7 @@ const messages = {
1399
1399
  header: "Hva vil du lære om i dag?",
1400
1400
  description: "Velg utdanningsprogram for å se dine fag",
1401
1401
  grades: "Trinn",
1402
- accordionHeader: "Alle utdanningsprogram",
1402
+ accordionHeader: "Finn ditt utdanningsprogram",
1403
1403
  },
1404
1404
  embed: {
1405
1405
  conceptListError: "Klarte ikke å vise forklaringsliste",
@@ -1398,7 +1398,7 @@ const messages = {
1398
1398
  header: "Kva vil du lære om i dag?",
1399
1399
  description: "Vel utdanningsprogram for å sjå faga dine",
1400
1400
  grades: "Trinn",
1401
- accordionHeader: "Alle utdanningsprogram",
1401
+ accordionHeader: "Finn utdanningsprogrammet ditt",
1402
1402
  },
1403
1403
  embed: {
1404
1404
  conceptListError: "Klarte ikkje å vise forklaringsliste",
@@ -1401,7 +1401,7 @@ const messages = {
1401
1401
  header: "Maid háliidat oahppat odne?",
1402
1402
  description: "Vállje oahppoprográmma vai oainnát iežat fágaid",
1403
1403
  grades: "Ceahkki",
1404
- accordionHeader: "Buot oahppoprográmmat",
1404
+ accordionHeader: "Finn ditt utdanningsprogram",
1405
1405
  },
1406
1406
  embed: {
1407
1407
  conceptListError: "Ii sáhttán čájehit čilgehuslisttu",
@@ -1403,7 +1403,7 @@ const messages = {
1403
1403
  header: "Maam sïjhth daan biejjien lïeredh ?",
1404
1404
  description: "Veeljh ööhpehtimmieprogrammem juktie dov faagide vuartasjidh",
1405
1405
  grades: "Daltesasse",
1406
- accordionHeader: "Gaajhkh ööhpehtimmieprogrammh",
1406
+ accordionHeader: "Finn ditt utdanningsprogram",
1407
1407
  },
1408
1408
  embed: {
1409
1409
  conceptListError: "Klarte ikkje å vise forklaringsliste",
@@ -1,33 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2016-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { breakpoints, mq, spacing } from "@ndla/core";
11
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
12
- const StyledHeaderWrapper = /*#__PURE__*/_styled("div", {
13
- target: "e1daii1f1",
14
- label: "StyledHeaderWrapper"
15
- })("margin-bottom:", spacing.normal, ";", mq.range({
16
- from: breakpoints.tablet
17
- }), "{margin-bottom:", spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnNDIiwiZmlsZSI6IkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbXBldGVuY2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG5gO1xuXG5jb25zdCBBcnRpY2xlSGVhZGVyV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBjb21wZXRlbmNlR29hbHMgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyV3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxDb21wZXRlbmNlV3JhcHBlcj57Y29tcGV0ZW5jZUdvYWxzfTwvQ29tcGV0ZW5jZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRIZWFkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZUhlYWRlcldyYXBwZXI7XG4iXX0= */"));
18
- const CompetenceWrapper = /*#__PURE__*/_styled("div", {
19
- target: "e1daii1f0",
20
- label: "CompetenceWrapper"
21
- })("margin-top:", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qm9DIiwiZmlsZSI6IkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbXBldGVuY2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG5gO1xuXG5jb25zdCBBcnRpY2xlSGVhZGVyV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBjb21wZXRlbmNlR29hbHMgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyV3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxDb21wZXRlbmNlV3JhcHBlcj57Y29tcGV0ZW5jZUdvYWxzfTwvQ29tcGV0ZW5jZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRIZWFkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZUhlYWRlcldyYXBwZXI7XG4iXX0= */"));
22
- const ArticleHeaderWrapper = _ref => {
23
- let {
24
- children,
25
- competenceGoals
26
- } = _ref;
27
- return _jsxs(StyledHeaderWrapper, {
28
- children: [children, _jsx(CompetenceWrapper, {
29
- children: competenceGoals
30
- })]
31
- });
32
- };
33
- export default ArticleHeaderWrapper;
package/es/Hero/Hero.js DELETED
@@ -1,68 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2016-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { breakpoints, colors, mq, spacing, spacingUnit } from "@ndla/core";
11
- import { ASSESSMENT_RESOURCES, SOURCE_MATERIAL, SUBJECT, SUBJECT_MATERIAL, TASKS_AND_ACTIVITIES, CONCEPT } from "../model/ContentType";
12
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
13
- const StyledDiv = /*#__PURE__*/_styled("div", {
14
- target: "e5tcv8a0",
15
- label: "StyledDiv"
16
- })("background-repeat:repeat;background-size:", spacing.normal, ";background-color:", colors.brand.greyLightest, ";", mq.range({
17
- from: breakpoints.tablet
18
- }), "{min-height:246px;padding-bottom:", spacingUnit * 6.5, "px;}&[data-contenttype=\"subject-material\"]{background-color:", colors.subjectMaterial.light, ";}&[data-contenttype=\"tasks-and-activities\"]{background-color:", colors.tasksAndActivities.background, ";}&[data-contenttype=\"assessment-resources\"]{background-color:", colors.assessmentResource.background, ";}&[data-contenttype=\"subject\"]{background-color:", colors.subject.light, ";}&[data-contenttype=\"source-material\"]{background-color:", colors.sourceMaterial.light, ";}&[data-contenttype=\"beta\"]{background-color:", colors.brand.primary, ";}&[data-contenttype=\"frontpage-article\"]{min-height:unset;padding-bottom:unset;background-color:", colors.background.lightBlue, ";}&[data-contenttype=\"concept\"]{background-color:", colors.concept.light, ";}&[data-contenttype=\"ndla-film has-image\"],&[data-contenttype=\"ndla-film\"]{background:", colors.ndlaFilm.filmColor, ";", mq.range({
19
- from: breakpoints.tablet
20
- }), "{height:2000px;margin-bottom:-1910px;}&[data-contenttype=\"ndla-film has-image\"]{", mq.range({
21
- from: breakpoints.tablet
22
- }), "{margin-bottom:-1800px;@media (min-height: 720px){margin-bottom:-1750px;}@media (min-height: 1020px){margin-bottom:-1700px;}}}", mq.range({
23
- until: breakpoints.tablet
24
- }), "{+div article[data-ndla-article]{background:", colors.white, ";margin:0 -", spacing.normal, ";padding:", spacing.large, " ", spacing.normal, " ", spacing.normal, " ", spacing.normal, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlcm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNEIiLCJmaWxlIjoiSGVyby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7XG4gIEFTU0VTU01FTlRfUkVTT1VSQ0VTLFxuICBTT1VSQ0VfTUFURVJJQUwsXG4gIFNVQkpFQ1QsXG4gIFNVQkpFQ1RfTUFURVJJQUwsXG4gIFRBU0tTX0FORF9BQ1RJVklUSUVTLFxuICBDT05DRVBULFxufSBmcm9tIFwiLi4vbW9kZWwvQ29udGVudFR5cGVcIjtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWluLWhlaWdodDogMjQ2cHg7XG4gICAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZ1VuaXQgKiA2LjV9cHg7XG4gIH1cblxuICAmW2RhdGEtY29udGVudHR5cGU9XCJzdWJqZWN0LW1hdGVyaWFsXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWNvbnRlbnR0eXBlPVwidGFza3MtYW5kLWFjdGl2aXRpZXNcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRhc2tzQW5kQWN0aXZpdGllcy5iYWNrZ3JvdW5kfTtcbiAgfVxuXG4gICZbZGF0YS1jb250ZW50dHlwZT1cImFzc2Vzc21lbnQtcmVzb3VyY2VzXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5hc3Nlc3NtZW50UmVzb3VyY2UuYmFja2dyb3VuZH07XG4gIH1cblxuICAmW2RhdGEtY29udGVudHR5cGU9XCJzdWJqZWN0XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5zdWJqZWN0LmxpZ2h0fTtcbiAgfVxuXG4gICZbZGF0YS1jb250ZW50dHlwZT1cInNvdXJjZS1tYXRlcmlhbFwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuc291cmNlTWF0ZXJpYWwubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWNvbnRlbnR0eXBlPVwiYmV0YVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAmW2RhdGEtY29udGVudHR5cGU9XCJmcm9udHBhZ2UtYXJ0aWNsZVwiXSB7XG4gICAgbWluLWhlaWdodDogdW5zZXQ7XG4gICAgcGFkZGluZy1ib3R0b206IHVuc2V0O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQubGlnaHRCbHVlfTtcbiAgfVxuXG4gICZbZGF0YS1jb250ZW50dHlwZT1cImNvbmNlcHRcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmNvbmNlcHQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWNvbnRlbnR0eXBlPVwibmRsYS1maWxtIGhhcy1pbWFnZVwiXSxcbiAgJltkYXRhLWNvbnRlbnR0eXBlPVwibmRsYS1maWxtXCJdIHtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuXG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAyMDAwcHg7XG4gICAgICBtYXJnaW4tYm90dG9tOiAtMTkxMHB4O1xuICAgIH1cblxuICAgICZbZGF0YS1jb250ZW50dHlwZT1cIm5kbGEtZmlsbSBoYXMtaW1hZ2VcIl0ge1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAtMTgwMHB4O1xuICAgICAgICBAbWVkaWEgKG1pbi1oZWlnaHQ6IDcyMHB4KSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTE3NTBweDtcbiAgICAgICAgfVxuICAgICAgICBAbWVkaWEgKG1pbi1oZWlnaHQ6IDEwMjBweCkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IC0xNzAwcHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgKyBkaXYgYXJ0aWNsZVtkYXRhLW5kbGEtYXJ0aWNsZV0ge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICAgIG1hcmdpbjogMCAtJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBIZXJvQ29udGVudFR5cGUgPVxuICB8IFwic3ViamVjdC1tYXRlcmlhbFwiXG4gIHwgXCJ0YXNrcy1hbmQtYWN0aXZpdGllc1wiXG4gIHwgXCJhc3Nlc3NtZW50LXJlc291cmNlc1wiXG4gIHwgXCJzdWJqZWN0XCJcbiAgfCBcInNvdXJjZS1tYXRlcmlhbFwiXG4gIHwgXCJsZWFybmluZy1wYXRoXCJcbiAgfCBcInRvcGljXCJcbiAgfCBcImJldGFcIlxuICB8IFwibmRsYS1maWxtXCJcbiAgfCBcIm5kbGEtZmlsbSBoYXMtaW1hZ2VcIlxuICB8IFwiZnJvbnRwYWdlLWFydGljbGVcIlxuICB8IFwiY29uY2VwdFwiO1xuXG5pbnRlcmZhY2UgSGVyb1Byb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgY29udGVudFR5cGU/OiBIZXJvQ29udGVudFR5cGU7XG59XG5cbmV4cG9ydCBjb25zdCBIZXJvID0gKHsgY2hpbGRyZW4sIGNvbnRlbnRUeXBlIH06IEhlcm9Qcm9wcykgPT4gKFxuICA8U3R5bGVkRGl2IGRhdGEtY29udGVudHR5cGU9e2NvbnRlbnRUeXBlfT57Y2hpbGRyZW4gfHwgbnVsbH08L1N0eWxlZERpdj5cbik7XG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgaGFzSW1hZ2U/OiBib29sZWFuO1xufVxuZXhwb3J0IGNvbnN0IFN1YmplY3RNYXRlcmlhbEhlcm8gPSAocHJvcHM6IFByb3BzKSA9PiA8SGVybyBjb250ZW50VHlwZT17U1VCSkVDVF9NQVRFUklBTH0gey4uLnByb3BzfSAvPjtcbmV4cG9ydCBjb25zdCBUYXNrc0FuZEFjdGl2aXRpZXNIZXJvID0gKHByb3BzOiBQcm9wcykgPT4gPEhlcm8gY29udGVudFR5cGU9e1RBU0tTX0FORF9BQ1RJVklUSUVTfSB7Li4ucHJvcHN9IC8+O1xuZXhwb3J0IGNvbnN0IEFzc2Vzc21lbnRSZXNvdXJjZXNIZXJvID0gKHByb3BzOiBQcm9wcykgPT4gPEhlcm8gY29udGVudFR5cGU9e0FTU0VTU01FTlRfUkVTT1VSQ0VTfSB7Li4ucHJvcHN9IC8+O1xuZXhwb3J0IGNvbnN0IFN1YmplY3RIZXJvID0gKHByb3BzOiBQcm9wcykgPT4gPEhlcm8gY29udGVudFR5cGU9e1NVQkpFQ1R9IHsuLi5wcm9wc30gLz47XG5leHBvcnQgY29uc3QgU291cmNlTWF0ZXJpYWxIZXJvID0gKHByb3BzOiBQcm9wcykgPT4gPEhlcm8gY29udGVudFR5cGU9e1NPVVJDRV9NQVRFUklBTH0gey4uLnByb3BzfSAvPjtcbmV4cG9ydCBjb25zdCBDb25jZXB0SGVybyA9IChwcm9wczogUHJvcHMpID0+IDxIZXJvIGNvbnRlbnRUeXBlPXtDT05DRVBUfSB7Li4ucHJvcHN9IC8+O1xuZXhwb3J0IGNvbnN0IE5kbGFGaWxtSGVybyA9ICh7IGhhc0ltYWdlLCAuLi5yZXN0IH06IFByb3BzKSA9PiAoXG4gIDxIZXJvIHsuLi5yZXN0fSBjb250ZW50VHlwZT17aGFzSW1hZ2UgPyBcIm5kbGEtZmlsbSBoYXMtaW1hZ2VcIiA6IFwibmRsYS1maWxtXCJ9IC8+XG4pO1xuIl19 */"));
25
- export const Hero = _ref => {
26
- let {
27
- children,
28
- contentType
29
- } = _ref;
30
- return _jsx(StyledDiv, {
31
- "data-contenttype": contentType,
32
- children: children || null
33
- });
34
- };
35
- export const SubjectMaterialHero = props => _jsx(Hero, {
36
- contentType: SUBJECT_MATERIAL,
37
- ...props
38
- });
39
- export const TasksAndActivitiesHero = props => _jsx(Hero, {
40
- contentType: TASKS_AND_ACTIVITIES,
41
- ...props
42
- });
43
- export const AssessmentResourcesHero = props => _jsx(Hero, {
44
- contentType: ASSESSMENT_RESOURCES,
45
- ...props
46
- });
47
- export const SubjectHero = props => _jsx(Hero, {
48
- contentType: SUBJECT,
49
- ...props
50
- });
51
- export const SourceMaterialHero = props => _jsx(Hero, {
52
- contentType: SOURCE_MATERIAL,
53
- ...props
54
- });
55
- export const ConceptHero = props => _jsx(Hero, {
56
- contentType: CONCEPT,
57
- ...props
58
- });
59
- export const NdlaFilmHero = _ref2 => {
60
- let {
61
- hasImage,
62
- ...rest
63
- } = _ref2;
64
- return _jsx(Hero, {
65
- ...rest,
66
- contentType: hasImage ? "ndla-film has-image" : "ndla-film"
67
- });
68
- };
@@ -1,16 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2023-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { breakpoints, mq, spacing, stackOrder } from "@ndla/core";
11
- export const HeroContent = /*#__PURE__*/_styled("div", {
12
- target: "ejq412a0",
13
- label: "HeroContent"
14
- })("display:flex;flex-wrap:wrap;align-items:flex-end;padding:", spacing.small, " 0 ", spacing.small, ";z-index:", stackOrder.trigger, ";", mq.range({
15
- from: breakpoints.tablet
16
- }), "{min-height:90px;padding-bottom:", spacing.xxsmall, ";&[data-image=\"true\"]{min-height:190px;@media (min-height: 720px){min-height:240px;}@media (min-height: 1020px){min-height:290px;}}}&[data-film=\"true\"]{.c-breadcrumb__item,.c-breadcrumb__item--home:after,a,a:focus,a:hover{color:#fff;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlcm9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUMiLCJmaWxlIjoiSGVyb0NvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZywgc3RhY2tPcmRlciB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbmV4cG9ydCBjb25zdCBIZXJvQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLnRyaWdnZXJ9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiA5MHB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHhzbWFsbH07XG5cbiAgICAmW2RhdGEtaW1hZ2U9XCJ0cnVlXCJdIHtcbiAgICAgIG1pbi1oZWlnaHQ6IDE5MHB4O1xuICAgICAgQG1lZGlhIChtaW4taGVpZ2h0OiA3MjBweCkge1xuICAgICAgICBtaW4taGVpZ2h0OiAyNDBweDtcbiAgICAgIH1cbiAgICAgIEBtZWRpYSAobWluLWhlaWdodDogMTAyMHB4KSB7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDI5MHB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1maWxtPVwidHJ1ZVwiXSB7XG4gICAgLmMtYnJlYWRjcnVtYl9faXRlbSxcbiAgICAuYy1icmVhZGNydW1iX19pdGVtLS1ob21lOmFmdGVyLFxuICAgIGEsXG4gICAgYTpmb2N1cyxcbiAgICBhOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */"));
package/es/Hero/index.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Copyright (c) 2018-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
- export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, SourceMaterialHero, Hero, NdlaFilmHero, ConceptHero } from "./Hero";
10
- export { HeroContent } from "./HeroContent";
@@ -1,87 +0,0 @@
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
- /**
4
- * Copyright (c) 2022-present, NDLA.
5
- *
6
- * This source code is licensed under the GPLv3 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- *
9
- */
10
-
11
- import { useTranslation } from "react-i18next";
12
- import { ButtonV2 } from "@ndla/button";
13
- import { colors, fonts, spacing, stackOrder } from "@ndla/core";
14
- import { DropdownMenu, DropdownTrigger, DropdownContent, DropdownItem } from "@ndla/dropdown-menu";
15
- import { ChevronDown } from "@ndla/icons/common";
16
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
17
- const StyledDropdownContent = /*#__PURE__*/_styled(DropdownContent, {
18
- target: "e11qxfkm4",
19
- label: "StyledDropdownContent"
20
- })("border-radius:", spacing.small, ";border:1px solid ", colors.brand.tertiary, ";[data-arrow]{fill:", colors.brand.tertiary, ";}z-index:", stackOrder.modal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUQiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gXCJAbmRsYS9kcm9wZG93bi1tZW51XCI7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5tb2RhbH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZVNlbGVjdG9yID0gPFQgZXh0ZW5kcyBzdHJpbmc+KHsgbG9jYWxlcywgb25TZWxlY3QsIGludmVydGVkLCB0cmlnZ2VySWQgfTogUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnU+XG4gICAgICA8RHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8QnV0dG9uVjJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dChcImZvb3Rlci5zZWxlY3RMYW5ndWFnZVwiKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoXCJsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VcIil9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG4gICAgICA8U3R5bGVkRHJvcGRvd25Db250ZW50IHNpZGVPZmZzZXQ9ezR9IHNob3dBcnJvdz5cbiAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IChcbiAgICAgICAgICA8RHJvcGRvd25JdGVtIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgIDxMYW5ndWFnZUNob2ljZVxuICAgICAgICAgICAgICByb2xlPVwibGlua1wiXG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2VsZWN0KGxvY2FsZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgPFRleHQ+e3QoYGxhbmd1YWdlcy4ke2xvY2FsZX1gKX08L1RleHQ+XG4gICAgICAgICAgICA8L0xhbmd1YWdlQ2hvaWNlPlxuICAgICAgICAgIDwvRHJvcGRvd25JdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25Db250ZW50PlxuICAgIDwvRHJvcGRvd25NZW51PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTZWxlY3RvcjtcbiJdfQ== */"));
21
- const LanguageChoice = /*#__PURE__*/_styled(ButtonV2, {
22
- target: "e11qxfkm3",
23
- label: "LanguageChoice"
24
- })("padding:", spacing.small, " ", spacing.normal, " ", spacing.small, " ", spacing.nsmall, ";justify-content:flex-start;gap:", spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCdUMiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gXCJAbmRsYS9kcm9wZG93bi1tZW51XCI7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5tb2RhbH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZVNlbGVjdG9yID0gPFQgZXh0ZW5kcyBzdHJpbmc+KHsgbG9jYWxlcywgb25TZWxlY3QsIGludmVydGVkLCB0cmlnZ2VySWQgfTogUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnU+XG4gICAgICA8RHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8QnV0dG9uVjJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dChcImZvb3Rlci5zZWxlY3RMYW5ndWFnZVwiKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoXCJsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VcIil9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG4gICAgICA8U3R5bGVkRHJvcGRvd25Db250ZW50IHNpZGVPZmZzZXQ9ezR9IHNob3dBcnJvdz5cbiAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IChcbiAgICAgICAgICA8RHJvcGRvd25JdGVtIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgIDxMYW5ndWFnZUNob2ljZVxuICAgICAgICAgICAgICByb2xlPVwibGlua1wiXG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2VsZWN0KGxvY2FsZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgPFRleHQ+e3QoYGxhbmd1YWdlcy4ke2xvY2FsZX1gKX08L1RleHQ+XG4gICAgICAgICAgICA8L0xhbmd1YWdlQ2hvaWNlPlxuICAgICAgICAgIDwvRHJvcGRvd25JdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25Db250ZW50PlxuICAgIDwvRHJvcGRvd25NZW51PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTZWxlY3RvcjtcbiJdfQ== */"));
25
- const ActivityIndicator = /*#__PURE__*/_styled("div", {
26
- target: "e11qxfkm2",
27
- label: "ActivityIndicator"
28
- })("width:", spacing.normal, ";height:", spacing.normal, ";border:1.5px solid currentColor;border-radius:100%;display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDb0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gXCJAbmRsYS9kcm9wZG93bi1tZW51XCI7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5tb2RhbH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZVNlbGVjdG9yID0gPFQgZXh0ZW5kcyBzdHJpbmc+KHsgbG9jYWxlcywgb25TZWxlY3QsIGludmVydGVkLCB0cmlnZ2VySWQgfTogUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnU+XG4gICAgICA8RHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8QnV0dG9uVjJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dChcImZvb3Rlci5zZWxlY3RMYW5ndWFnZVwiKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoXCJsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VcIil9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG4gICAgICA8U3R5bGVkRHJvcGRvd25Db250ZW50IHNpZGVPZmZzZXQ9ezR9IHNob3dBcnJvdz5cbiAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IChcbiAgICAgICAgICA8RHJvcGRvd25JdGVtIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgIDxMYW5ndWFnZUNob2ljZVxuICAgICAgICAgICAgICByb2xlPVwibGlua1wiXG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2VsZWN0KGxvY2FsZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgPFRleHQ+e3QoYGxhbmd1YWdlcy4ke2xvY2FsZX1gKX08L1RleHQ+XG4gICAgICAgICAgICA8L0xhbmd1YWdlQ2hvaWNlPlxuICAgICAgICAgIDwvRHJvcGRvd25JdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25Db250ZW50PlxuICAgIDwvRHJvcGRvd25NZW51PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTZWxlY3RvcjtcbiJdfQ== */"));
29
- const ActiveIndicator = /*#__PURE__*/_styled("div", {
30
- target: "e11qxfkm1",
31
- label: "ActiveIndicator"
32
- })(process.env.NODE_ENV === "production" ? {
33
- name: "fq7ple",
34
- styles: "width:50%;height:50%;background-color:currentColor;border-radius:100%"
35
- } : {
36
- name: "fq7ple",
37
- styles: "width:50%;height:50%;background-color:currentColor;border-radius:100%",
38
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ea0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gXCJAbmRsYS9kcm9wZG93bi1tZW51XCI7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5tb2RhbH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZVNlbGVjdG9yID0gPFQgZXh0ZW5kcyBzdHJpbmc+KHsgbG9jYWxlcywgb25TZWxlY3QsIGludmVydGVkLCB0cmlnZ2VySWQgfTogUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnU+XG4gICAgICA8RHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8QnV0dG9uVjJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dChcImZvb3Rlci5zZWxlY3RMYW5ndWFnZVwiKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoXCJsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VcIil9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG4gICAgICA8U3R5bGVkRHJvcGRvd25Db250ZW50IHNpZGVPZmZzZXQ9ezR9IHNob3dBcnJvdz5cbiAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IChcbiAgICAgICAgICA8RHJvcGRvd25JdGVtIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgIDxMYW5ndWFnZUNob2ljZVxuICAgICAgICAgICAgICByb2xlPVwibGlua1wiXG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2VsZWN0KGxvY2FsZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgPFRleHQ+e3QoYGxhbmd1YWdlcy4ke2xvY2FsZX1gKX08L1RleHQ+XG4gICAgICAgICAgICA8L0xhbmd1YWdlQ2hvaWNlPlxuICAgICAgICAgIDwvRHJvcGRvd25JdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25Db250ZW50PlxuICAgIDwvRHJvcGRvd25NZW51PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTZWxlY3RvcjtcbiJdfQ== */",
39
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
40
- });
41
- const Text = /*#__PURE__*/_styled("span", {
42
- target: "e11qxfkm0",
43
- label: "Text"
44
- })(fonts.sizes("20px", "24px"), ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEd0IiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gXCJAbmRsYS9kcm9wZG93bi1tZW51XCI7XG5pbXBvcnQgeyBDaGV2cm9uRG93biB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5tb2RhbH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBMYW5ndWFnZVNlbGVjdG9yID0gPFQgZXh0ZW5kcyBzdHJpbmc+KHsgbG9jYWxlcywgb25TZWxlY3QsIGludmVydGVkLCB0cmlnZ2VySWQgfTogUHJvcHM8VD4pID0+IHtcbiAgY29uc3QgeyB0LCBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxEcm9wZG93bk1lbnU+XG4gICAgICA8RHJvcGRvd25UcmlnZ2VyPlxuICAgICAgICA8QnV0dG9uVjJcbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dChcImZvb3Rlci5zZWxlY3RMYW5ndWFnZVwiKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoXCJsYW5ndWFnZXMucHJlZml4Q2hhbmdlTGFuZ3VhZ2VcIil9IDxDaGV2cm9uRG93biAvPlxuICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgPC9Ecm9wZG93blRyaWdnZXI+XG4gICAgICA8U3R5bGVkRHJvcGRvd25Db250ZW50IHNpZGVPZmZzZXQ9ezR9IHNob3dBcnJvdz5cbiAgICAgICAge2xvY2FsZXMubWFwKChsb2NhbGUpID0+IChcbiAgICAgICAgICA8RHJvcGRvd25JdGVtIGtleT17bG9jYWxlfT5cbiAgICAgICAgICAgIDxMYW5ndWFnZUNob2ljZVxuICAgICAgICAgICAgICByb2xlPVwibGlua1wiXG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChgY2hhbmdlTGFuZ3VhZ2UuJHtsb2NhbGV9YCl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uU2VsZWN0KGxvY2FsZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBY3Rpdml0eUluZGljYXRvcj57aTE4bi5sYW5ndWFnZSA9PT0gbG9jYWxlICYmIDxBY3RpdmVJbmRpY2F0b3IgLz59PC9BY3Rpdml0eUluZGljYXRvcj5cbiAgICAgICAgICAgICAgPFRleHQ+e3QoYGxhbmd1YWdlcy4ke2xvY2FsZX1gKX08L1RleHQ+XG4gICAgICAgICAgICA8L0xhbmd1YWdlQ2hvaWNlPlxuICAgICAgICAgIDwvRHJvcGRvd25JdGVtPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkRHJvcGRvd25Db250ZW50PlxuICAgIDwvRHJvcGRvd25NZW51PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGFuZ3VhZ2VTZWxlY3RvcjtcbiJdfQ== */"));
45
- const LanguageSelector = _ref => {
46
- let {
47
- locales,
48
- onSelect,
49
- inverted,
50
- triggerId
51
- } = _ref;
52
- const {
53
- t,
54
- i18n
55
- } = useTranslation();
56
- return _jsxs(DropdownMenu, {
57
- children: [_jsx(DropdownTrigger, {
58
- children: _jsxs(ButtonV2, {
59
- variant: "outline",
60
- shape: "pill",
61
- inverted: inverted,
62
- "aria-label": t("footer.selectLanguage"),
63
- id: triggerId,
64
- children: [t("languages.prefixChangeLanguage"), " ", _jsx(ChevronDown, {})]
65
- })
66
- }), _jsx(StyledDropdownContent, {
67
- sideOffset: 4,
68
- showArrow: true,
69
- children: locales.map(locale => _jsx(DropdownItem, {
70
- children: _jsxs(LanguageChoice, {
71
- role: "link",
72
- "aria-current": i18n.language === locale,
73
- variant: "ghost",
74
- shape: "sharp",
75
- "aria-label": t(`changeLanguage.${locale}`),
76
- onClick: () => onSelect(locale),
77
- children: [_jsx(ActivityIndicator, {
78
- children: i18n.language === locale && _jsx(ActiveIndicator, {})
79
- }), _jsx(Text, {
80
- children: t(`languages.${locale}`)
81
- })]
82
- })
83
- }, locale))
84
- })]
85
- });
86
- };
87
- export default LanguageSelector;