@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,27 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2022-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 { colors, fonts, misc } from "@ndla/core";
11
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
12
- const StyledContainer = /*#__PURE__*/_styled("div", {
13
- target: "exs06kq0",
14
- label: "StyledContainer"
15
- })("display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid ", colors.brand.neutral7, ";border-radius:", misc.borderRadius, ";&:focus-within{border-color:", colors.brand.tertiary, ";}", fonts.sizes(16), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdENvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6IlNlbGVjdENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENvbnRhaW5lclByb3BzIH0gZnJvbSBcInJlYWN0LXNlbGVjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tIFwiLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gMWZyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLm5ldXRyYWw3fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuICAke2ZvbnRzLnNpemVzKDE2KX07XG5gO1xuXG5jb25zdCBTZWxlY3RDb250YWluZXIgPSAoeyBpbm5lclByb3BzLCBzZWxlY3RQcm9wcywgY2hpbGRyZW4gfTogQ29udGFpbmVyUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRDb250YWluZXIgey4uLmlubmVyUHJvcHN9PntjaGlsZHJlbn08L1N0eWxlZENvbnRhaW5lcj47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWxlY3RDb250YWluZXI7XG4iXX0= */"));
16
- const SelectContainer = _ref => {
17
- let {
18
- innerProps,
19
- selectProps,
20
- children
21
- } = _ref;
22
- return _jsx(StyledContainer, {
23
- ...innerProps,
24
- children: children
25
- });
26
- };
27
- export default SelectContainer;
@@ -1,53 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2022-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
- /** @jsxImportSource @emotion/react */
11
-
12
- import { buttonStyleV2 as buttonStyle } from "@ndla/button";
13
- import { colors, spacing } from "@ndla/core";
14
- import { Cross } from "@ndla/icons/action";
15
- import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
16
- export const StyledValueButton = /*#__PURE__*/_styled("div", {
17
- target: "e1m4p4cx0",
18
- label: "StyledValueButton"
19
- })("&&{background:", _ref => {
20
- let {
21
- selected
22
- } = _ref;
23
- return selected && colors.brand.primary;
24
- }, ";color:", _ref2 => {
25
- let {
26
- selected
27
- } = _ref2;
28
- return selected && colors.white;
29
- }, ";padding:", spacing.xxsmall, " ", spacing.small, ";margin:", spacing.xxsmall, ";border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbHVlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndEIiwiZmlsZSI6IlZhbHVlQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IE11bHRpVmFsdWVQcm9wcyB9IGZyb20gXCJyZWFjdC1zZWxlY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gXCJAbmRsYS9idXR0b25cIjtcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tIFwiLi90eXBlc1wiO1xuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBzZWxlY3RlZDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlQnV0dG9uID0gc3R5bGVkLmRpdjxTdHlsZWRQcm9wcz5gXG4gICYmIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHNlbGVjdGVkIH0pID0+IHNlbGVjdGVkICYmIGNvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHsoeyBzZWxlY3RlZCB9KSA9PiBzZWxlY3RlZCAmJiBjb2xvcnMud2hpdGV9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgVmFsdWVCdXR0b24gPSAoeyBpbm5lclByb3BzLCBjaGlsZHJlbiwgcmVtb3ZlUHJvcHMsIGlzRm9jdXNlZCB9OiBNdWx0aVZhbHVlUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVmFsdWVCdXR0b25cbiAgICAgIHNlbGVjdGVkPXtpc0ZvY3VzZWR9XG4gICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGUoeyBjb2xvclRoZW1lOiBcImxpZ2h0ZXJcIiwgc2hhcGU6IFwicGlsbFwiLCBzaXplOiBcInNtYWxsXCIgfSl9XG4gICAgICB7Li4uaW5uZXJQcm9wc31cbiAgICAgIHsuLi5yZW1vdmVQcm9wc31cbiAgICA+XG4gICAgICA8c3BhbiBhcmlhLWhpZGRlbj4jPC9zcGFuPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPENyb3NzIC8+XG4gICAgPC9TdHlsZWRWYWx1ZUJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZhbHVlQnV0dG9uO1xuIl19 */"));
30
- const ValueButton = _ref3 => {
31
- let {
32
- innerProps,
33
- children,
34
- removeProps,
35
- isFocused
36
- } = _ref3;
37
- return _jsxs(StyledValueButton, {
38
- selected: isFocused,
39
- role: "button",
40
- css: buttonStyle({
41
- colorTheme: "lighter",
42
- shape: "pill",
43
- size: "small"
44
- }),
45
- ...innerProps,
46
- ...removeProps,
47
- children: [_jsx("span", {
48
- "aria-hidden": true,
49
- children: "#"
50
- }), children, _jsx(Cross, {})]
51
- });
52
- };
53
- export default ValueButton;
@@ -1,94 +0,0 @@
1
- /**
2
- * Copyright (c) 2022-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 const createAriaMessages = t => ({
10
- guidance: props => {
11
- const {
12
- isSearchable,
13
- isMulti,
14
- isDisabled,
15
- tabSelectsValue,
16
- context
17
- } = props;
18
- switch (context) {
19
- case "menu":
20
- return `${t("tagSelector.aria.guidance.menu.updown")}${isDisabled ? "" : `, ${t("tagSelector.aria.guidance.menu.enter")}`}, ${t("tagSelector.aria.guidance.menu.escape")}${tabSelectsValue ? `, ${t("tagSelector.aria.guidance.menu.tab")}` : ""}.`;
21
- case "input":
22
- return `${props["aria-label"] || t("tagSelector.aria.guidance.input.select")} ${t("tagSelector.aria.guidance.input.focused")} ${isSearchable ? `, ${t("tagSelector.aria.guidance.input.refine")}` : ""}, ${t("tagSelector.aria.guidance.input.down")}, ${isMulti ? ` ${t("tagSelector.aria.guidance.input.left")}` : ""}, ${t("tagSelector.aria.guidance.input.space")}`;
23
- case "value":
24
- return t("tagSelector.aria.guidance.value");
25
- default:
26
- return "";
27
- }
28
- },
29
- onChange: props => {
30
- const {
31
- action,
32
- label = "",
33
- labels,
34
- isDisabled
35
- } = props;
36
- switch (action) {
37
- case "deselect-option":
38
- case "pop-value":
39
- case "remove-value":
40
- return t("tagSelector.aria.onChange.deselect", {
41
- label
42
- });
43
- case "clear":
44
- return t("tagSelector.aria.onChange.clear");
45
- case "initial-input-focus":
46
- return t("tagSelector.aria.onChange.initialFocus", {
47
- labels: labels.join(",")
48
- });
49
- case "select-option":
50
- return isDisabled ? t("tagSelector.aria.onChange.selectedDisabled", {
51
- label
52
- }) : t("tagSelector.aria.onChange.selected", {
53
- label
54
- });
55
- default:
56
- return "";
57
- }
58
- },
59
- onFocus: props => {
60
- const {
61
- context,
62
- focused,
63
- options,
64
- label = "",
65
- selectValue,
66
- isDisabled,
67
- isSelected
68
- } = props;
69
- const getArrayIndex = (arr, item) => arr && arr.length ? `${arr.indexOf(item) + 1} ${t("tagSelector.aria.onFocus.of")} ${arr.length}` : "";
70
- if (context === "value" && selectValue) {
71
- return t("tagSelector.aria.onFocus.value", {
72
- label,
73
- position: getArrayIndex(selectValue, focused)
74
- });
75
- }
76
- if (context === "menu") {
77
- const disabled = isDisabled ? ` ${t("tagSelector.aria.disabled")}` : "";
78
- const status = `${isSelected ? t("tagSelector.aria.selected") : t("tagSelector.aria.focused")}${disabled}`;
79
- return t("tagSelector.aria.onFocus.menu", {
80
- label,
81
- status,
82
- position: getArrayIndex(options, focused)
83
- });
84
- }
85
- return "";
86
- },
87
- onFilter: props => {
88
- const {
89
- inputValue,
90
- resultsMessage
91
- } = props;
92
- return `${resultsMessage}${inputValue ? ` ${t("tagSelector.aria.onFilter")} ` + inputValue : ""}.`;
93
- }
94
- });
@@ -1,10 +0,0 @@
1
- /**
2
- * Copyright (c) 2022-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 TagSelector from "./TagSelector";
10
- export { TagSelector };
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- /**
2
- * Copyright (c) 2023-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
- import { HTMLAttributes } from "react";
9
- declare const DefinitionDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
10
- export default DefinitionDescription;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _react = require("react");
9
- var _core = require("@ndla/core");
10
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- /**
13
- * Copyright (c) 2023-present, NDLA.
14
- *
15
- * This source code is licensed under the GPLv3 license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- *
18
- */
19
-
20
- const StyledDD = /*#__PURE__*/(0, _base.default)("dd", {
21
- target: "e1aa8vkk0",
22
- label: "StyledDD"
23
- })("font-weight:", _core.fonts.weight.normal, ";", _core.fonts.sizes("18px", "29px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6IkRlZmluaXRpb25EZXNjcmlwdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IGZvcndhcmRSZWYsIEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgU3R5bGVkREQgPSBzdHlsZWQuZGRgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI5cHhcIil9O1xuYDtcblxuY29uc3QgRGVmaW5pdGlvbkRlc2NyaXB0aW9uID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+PigoeyBjaGlsZHJlbiwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkREQgcmVmPXtyZWZ9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEREPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IERlZmluaXRpb25EZXNjcmlwdGlvbjtcbiJdfQ== */"));
24
- const DefinitionDescription = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
25
- let {
26
- children,
27
- ...rest
28
- } = _ref;
29
- return (0, _jsxRuntime.jsx)(StyledDD, {
30
- ref: ref,
31
- ...rest,
32
- children: children
33
- });
34
- });
35
- var _default = exports.default = DefinitionDescription;
@@ -1,10 +0,0 @@
1
- /**
2
- * Copyright (c) 2023-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
- import { HTMLAttributes } from "react";
9
- declare const DefinitionTerm: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
10
- export default DefinitionTerm;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _react = require("react");
9
- var _core = require("@ndla/core");
10
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- /**
13
- * Copyright (c) 2023-present, NDLA.
14
- *
15
- * This source code is licensed under the GPLv3 license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- *
18
- */
19
-
20
- const StyledDT = /*#__PURE__*/(0, _base.default)("dt", {
21
- target: "e1o7h15y0",
22
- label: "StyledDT"
23
- })("font-weight:", _core.fonts.weight.bold, ";", _core.fonts.sizes("18px", "29px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmluaXRpb25UZXJtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMEIiLCJmaWxlIjoiRGVmaW5pdGlvblRlcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBIVE1MQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmb250cyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbmNvbnN0IFN0eWxlZERUID0gc3R5bGVkLmR0YFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjlweFwiKX07XG5gO1xuXG5jb25zdCBEZWZpbml0aW9uVGVybSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50Pj4oKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZERUIHJlZj17cmVmfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWREVD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBEZWZpbml0aW9uVGVybTtcbiJdfQ== */"));
24
- const DefinitionTerm = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
25
- let {
26
- children,
27
- ...rest
28
- } = _ref;
29
- return (0, _jsxRuntime.jsx)(StyledDT, {
30
- ref: ref,
31
- ...rest,
32
- children: children
33
- });
34
- });
35
- var _default = exports.default = DefinitionTerm;
@@ -1,9 +0,0 @@
1
- /**
2
- * Copyright (c) 2023-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
- export { default as DefinitionDescription } from "./DefinitionDescription";
9
- export { default as DefinitionTerm } from "./DefinitionTerm";
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "DefinitionDescription", {
7
- enumerable: true,
8
- get: function () {
9
- return _DefinitionDescription.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "DefinitionTerm", {
13
- enumerable: true,
14
- get: function () {
15
- return _DefinitionTerm.default;
16
- }
17
- });
18
- var _DefinitionDescription = _interopRequireDefault(require("./DefinitionDescription"));
19
- var _DefinitionTerm = _interopRequireDefault(require("./DefinitionTerm"));
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,40 +0,0 @@
1
- /**
2
- * Copyright (c) 2023-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
- /** @jsxImportSource @emotion/react */
9
- import { ReactNode, RefAttributes } from "react";
10
- import { ConceptData, ConceptVisualElementMeta } from "@ndla/types-embed";
11
- import { Copyright } from "../types";
12
- export type ConceptType = "concept" | "gloss";
13
- export interface ConceptNotionData {
14
- title: ConceptData["concept"]["title"];
15
- content?: ReactNode;
16
- metaImage?: {
17
- url?: string;
18
- alt?: string;
19
- };
20
- copyright?: Copyright;
21
- source?: string;
22
- visualElement?: ConceptVisualElementMeta;
23
- conceptType: ConceptData["concept"]["conceptType"];
24
- glossData?: ConceptData["concept"]["glossData"];
25
- lang?: string;
26
- }
27
- interface ConceptNotionProps extends RefAttributes<HTMLDivElement>, Omit<ConceptNotionData, "metaImage"> {
28
- className?: string;
29
- closeButton?: ReactNode;
30
- previewAlt?: boolean;
31
- inPopover?: boolean;
32
- tags?: string[];
33
- subjects?: string[];
34
- headerButtons?: ReactNode;
35
- exampleIds?: string;
36
- exampleLangs?: string;
37
- showTitle?: boolean;
38
- }
39
- export declare const ConceptNotionV2: import("react").ForwardRefExoticComponent<Omit<ConceptNotionProps, "ref"> & RefAttributes<HTMLDivElement>>;
40
- export {};