@ndla/ui 55.0.12-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 (408) hide show
  1. package/dist/all-aout.js +0 -0
  2. package/dist/all.css +1 -0
  3. package/dist/panda.buildinfo.json +289 -0
  4. package/dist/styles.css +1197 -0
  5. package/es/Article/Article.js +3 -4
  6. package/es/Article/ArticleByline.js +9 -9
  7. package/es/Article/ArticleFootNotes.js +4 -4
  8. package/es/Article/ArticleParagraph.js +11 -13
  9. package/es/AudioPlayer/AudioPlayer.js +142 -163
  10. package/es/AudioPlayer/Controls.js +187 -203
  11. package/es/AudioPlayer/SpeechControl.js +13 -11
  12. package/es/BlogPost/BlogPost.js +85 -23
  13. package/es/CampaignBlock/CampaignBlock.js +103 -69
  14. package/es/CodeBlock/CodeBlock.js +88 -96
  15. package/es/Concept/Concept.js +69 -0
  16. package/es/ContactBlock/ContactBlock.js +54 -40
  17. package/es/ContentLoader/index.js +7 -7
  18. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +48 -0
  19. package/es/CopyParagraphButton/CopyParagraphButton.js +4 -4
  20. package/es/Embed/AudioEmbed.js +6 -11
  21. package/es/Embed/BrightcoveEmbed.js +25 -39
  22. package/es/Embed/CodeEmbed.js +58 -10
  23. package/es/Embed/ConceptEmbed.js +57 -306
  24. package/es/Embed/ConceptListEmbed.js +18 -24
  25. package/es/Embed/ContentLinkEmbed.js +10 -10
  26. package/es/Embed/CopyrightEmbed.js +4 -21
  27. package/es/Embed/EmbedErrorPlaceholder.js +32 -17
  28. package/es/Embed/ExternalEmbed.js +17 -28
  29. package/es/Embed/FootnoteEmbed.js +14 -11
  30. package/es/Embed/GlossEmbed.js +68 -0
  31. package/es/Embed/H5pEmbed.js +20 -21
  32. package/es/Embed/IframeEmbed.js +17 -15
  33. package/es/Embed/ImageEmbed.js +167 -122
  34. package/es/Embed/InlineTriggerButton.js +70 -0
  35. package/es/Embed/RelatedContentEmbed.js +8 -10
  36. package/es/Embed/UnknownEmbed.js +9 -9
  37. package/es/Embed/UuDisclaimerEmbed.js +16 -27
  38. package/es/Embed/index.js +1 -3
  39. package/es/ErrorMessage/ErrorMessage.js +42 -23
  40. package/es/ErrorMessage/ErrorResourceAccessDenied.js +8 -6
  41. package/es/FactBox/FactBox.js +118 -47
  42. package/es/FileList/File.js +1 -1
  43. package/es/FileList/Format.js +3 -3
  44. package/es/FileList/PdfFile.js +23 -5
  45. package/es/FrontpageArticle/FrontpageArticle.js +1 -1
  46. package/es/Gloss/Gloss.js +122 -94
  47. package/es/Gloss/GlossExample.js +49 -52
  48. package/es/Grid/Grid.js +1 -1
  49. package/es/KeyFigure/KeyFigure.js +2 -2
  50. package/es/LanguageSelector/LanguageSelector.js +2 -2
  51. package/es/LicenseByline/EmbedByline.js +5 -6
  52. package/es/LicenseByline/LicenseDescription.js +1 -1
  53. package/es/LicenseByline/LicenseLink.js +1 -2
  54. package/es/LinkBlock/LinkBlock.js +61 -33
  55. package/es/LinkBlock/LinkBlockSection.js +9 -6
  56. package/es/Logo/Logo.js +1 -30
  57. package/es/Messages/MessageBox.js +1 -1
  58. package/es/RelatedArticleList/RelatedArticleList.js +73 -90
  59. package/es/ResourceBox/ResourceBox.js +67 -44
  60. package/es/Search/ActiveFilters.js +1 -1
  61. package/es/Search/ContentTypeResult.js +9 -6
  62. package/es/Search/ContentTypeResultStyles.js +1 -1
  63. package/es/Search/IsPathToHighlight.js +1 -1
  64. package/es/Search/SearchField.js +6 -8
  65. package/es/Search/SearchResult.js +14 -19
  66. package/es/Search/SearchResultSleeve.js +14 -16
  67. package/es/SnackBar/SnackbarProvider.js +8 -11
  68. package/es/TagSelector/TagSelector.js +124 -131
  69. package/es/TreeStructure/AddFolderButton.js +4 -6
  70. package/es/TreeStructure/ComboboxButton.js +4 -7
  71. package/es/TreeStructure/FolderItem.js +12 -15
  72. package/es/TreeStructure/FolderItems.js +3 -3
  73. package/es/TreeStructure/TreeStructure.js +9 -12
  74. package/es/TreeStructure/helperFunctions.js +1 -1
  75. package/es/ZendeskButton/ZendeskButton.js +55 -0
  76. package/es/i18n/formatNestedMessages.js +1 -1
  77. package/es/i18n/index.js +2 -1
  78. package/es/i18n/useComponentTranslations.js +83 -0
  79. package/es/index.js +6 -12
  80. package/es/locale/messages-en.js +39 -12
  81. package/es/locale/messages-nb.js +39 -12
  82. package/es/locale/messages-nn.js +39 -12
  83. package/es/locale/messages-se.js +39 -12
  84. package/es/locale/messages-sma.js +39 -12
  85. package/es/model/ContentType.js +3 -0
  86. package/es/styles.css +1197 -0
  87. package/es/utils/relativeUrl.js +3 -3
  88. package/lib/Article/Article.js +3 -4
  89. package/lib/Article/ArticleByline.js +9 -9
  90. package/lib/Article/ArticleFootNotes.js +4 -4
  91. package/lib/Article/ArticleParagraph.js +12 -14
  92. package/lib/AudioPlayer/AudioPlayer.d.ts +1 -2
  93. package/lib/AudioPlayer/AudioPlayer.js +142 -162
  94. package/lib/AudioPlayer/Controls.js +190 -205
  95. package/lib/AudioPlayer/SpeechControl.js +13 -11
  96. package/lib/BlogPost/BlogPost.d.ts +2 -2
  97. package/lib/BlogPost/BlogPost.js +85 -24
  98. package/lib/CampaignBlock/CampaignBlock.d.ts +2 -2
  99. package/lib/CampaignBlock/CampaignBlock.js +106 -69
  100. package/lib/CodeBlock/CodeBlock.d.ts +5 -8
  101. package/lib/CodeBlock/CodeBlock.js +88 -96
  102. package/lib/Concept/Concept.d.ts +18 -0
  103. package/lib/Concept/Concept.js +75 -0
  104. package/lib/ContactBlock/ContactBlock.js +55 -43
  105. package/lib/ContentLoader/index.js +7 -7
  106. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +17 -0
  107. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +56 -0
  108. package/lib/CopyParagraphButton/CopyParagraphButton.js +4 -4
  109. package/lib/Embed/AudioEmbed.js +7 -12
  110. package/lib/Embed/BrightcoveEmbed.d.ts +1 -2
  111. package/lib/Embed/BrightcoveEmbed.js +28 -40
  112. package/lib/Embed/CodeEmbed.js +56 -8
  113. package/lib/Embed/ConceptEmbed.d.ts +15 -21
  114. package/lib/Embed/ConceptEmbed.js +58 -306
  115. package/lib/Embed/ConceptListEmbed.js +21 -26
  116. package/lib/Embed/ContentLinkEmbed.js +10 -11
  117. package/lib/Embed/CopyrightEmbed.js +6 -22
  118. package/lib/Embed/EmbedErrorPlaceholder.d.ts +4 -3
  119. package/lib/Embed/EmbedErrorPlaceholder.js +32 -18
  120. package/lib/Embed/ExternalEmbed.d.ts +1 -2
  121. package/lib/Embed/ExternalEmbed.js +20 -29
  122. package/lib/Embed/FootnoteEmbed.js +14 -12
  123. package/lib/Embed/GlossEmbed.d.ts +13 -0
  124. package/lib/Embed/GlossEmbed.js +76 -0
  125. package/lib/Embed/H5pEmbed.d.ts +1 -2
  126. package/lib/Embed/H5pEmbed.js +22 -21
  127. package/lib/Embed/IframeEmbed.d.ts +1 -2
  128. package/lib/Embed/IframeEmbed.js +19 -17
  129. package/lib/Embed/ImageEmbed.d.ts +1 -2
  130. package/lib/Embed/ImageEmbed.js +167 -123
  131. package/lib/Embed/InlineTriggerButton.d.ts +11 -0
  132. package/lib/Embed/InlineTriggerButton.js +76 -0
  133. package/lib/Embed/RelatedContentEmbed.js +8 -10
  134. package/lib/Embed/UnknownEmbed.js +9 -10
  135. package/lib/Embed/UuDisclaimerEmbed.js +18 -28
  136. package/lib/Embed/index.d.ts +2 -3
  137. package/lib/Embed/index.js +2 -9
  138. package/lib/ErrorMessage/ErrorMessage.js +41 -24
  139. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +7 -6
  140. package/lib/FactBox/FactBox.d.ts +0 -1
  141. package/lib/FactBox/FactBox.js +119 -46
  142. package/lib/FileList/File.js +1 -1
  143. package/lib/FileList/Format.js +3 -3
  144. package/lib/FileList/PdfFile.js +23 -5
  145. package/lib/FrontpageArticle/FrontpageArticle.js +1 -1
  146. package/lib/Gloss/Gloss.d.ts +10 -2
  147. package/lib/Gloss/Gloss.js +122 -93
  148. package/lib/Gloss/GlossExample.d.ts +3 -5
  149. package/lib/Gloss/GlossExample.js +49 -53
  150. package/lib/Grid/Grid.js +1 -1
  151. package/lib/KeyFigure/KeyFigure.js +2 -2
  152. package/lib/LanguageSelector/LanguageSelector.js +2 -2
  153. package/lib/LicenseByline/EmbedByline.js +5 -6
  154. package/lib/LicenseByline/LicenseDescription.js +1 -1
  155. package/lib/LicenseByline/LicenseLink.js +1 -2
  156. package/lib/LinkBlock/LinkBlock.js +62 -34
  157. package/lib/LinkBlock/LinkBlockSection.js +9 -7
  158. package/lib/Logo/Logo.d.ts +1 -3
  159. package/lib/Logo/Logo.js +2 -30
  160. package/lib/Messages/MessageBox.js +1 -1
  161. package/lib/RelatedArticleList/RelatedArticleList.d.ts +4 -4
  162. package/lib/RelatedArticleList/RelatedArticleList.js +77 -93
  163. package/lib/ResourceBox/ResourceBox.js +67 -45
  164. package/lib/Search/ActiveFilters.js +1 -1
  165. package/lib/Search/ContentTypeResult.js +9 -6
  166. package/lib/Search/ContentTypeResultStyles.js +1 -1
  167. package/lib/Search/IsPathToHighlight.js +1 -1
  168. package/lib/Search/SearchField.js +6 -8
  169. package/lib/Search/SearchResult.js +14 -19
  170. package/lib/Search/SearchResultSleeve.js +14 -16
  171. package/lib/SnackBar/SnackbarProvider.js +8 -11
  172. package/lib/TagSelector/TagSelector.d.ts +27 -12
  173. package/lib/TagSelector/TagSelector.js +126 -131
  174. package/lib/TreeStructure/AddFolderButton.js +4 -6
  175. package/lib/TreeStructure/ComboboxButton.js +4 -7
  176. package/lib/TreeStructure/FolderItem.js +12 -15
  177. package/lib/TreeStructure/FolderItems.js +3 -3
  178. package/lib/TreeStructure/TreeStructure.js +9 -12
  179. package/lib/TreeStructure/helperFunctions.js +1 -1
  180. package/lib/ZendeskButton/ZendeskButton.d.ts +19 -0
  181. package/lib/ZendeskButton/ZendeskButton.js +61 -0
  182. package/lib/i18n/formatNestedMessages.js +1 -1
  183. package/lib/i18n/index.d.ts +1 -0
  184. package/lib/i18n/index.js +20 -1
  185. package/lib/i18n/useComponentTranslations.d.ts +14 -0
  186. package/lib/i18n/useComponentTranslations.js +93 -0
  187. package/lib/index.d.ts +7 -14
  188. package/lib/index.js +77 -89
  189. package/lib/locale/messages-en.d.ts +27 -0
  190. package/lib/locale/messages-en.js +39 -12
  191. package/lib/locale/messages-nb.d.ts +27 -0
  192. package/lib/locale/messages-nb.js +39 -12
  193. package/lib/locale/messages-nn.d.ts +27 -0
  194. package/lib/locale/messages-nn.js +39 -12
  195. package/lib/locale/messages-se.d.ts +27 -0
  196. package/lib/locale/messages-se.js +39 -12
  197. package/lib/locale/messages-sma.d.ts +27 -0
  198. package/lib/locale/messages-sma.js +39 -12
  199. package/lib/model/ContentType.d.ts +3 -0
  200. package/lib/model/ContentType.js +4 -1
  201. package/lib/styles.css +1197 -0
  202. package/lib/types.d.ts +1 -0
  203. package/lib/utils/relativeUrl.js +3 -3
  204. package/package.json +18 -15
  205. package/src/Article/ArticleParagraph.tsx +11 -9
  206. package/src/AudioPlayer/AudioPlayer.tsx +139 -176
  207. package/src/AudioPlayer/Controls.tsx +210 -250
  208. package/src/AudioPlayer/SpeechControl.tsx +9 -7
  209. package/src/BlogPost/BlogPost.tsx +82 -58
  210. package/src/CampaignBlock/CampaignBlock.tsx +92 -55
  211. package/src/CodeBlock/CodeBlock.stories.tsx +0 -43
  212. package/src/CodeBlock/CodeBlock.tsx +91 -202
  213. package/src/Concept/Concept.stories.tsx +142 -0
  214. package/src/Concept/Concept.tsx +73 -0
  215. package/src/ContactBlock/ContactBlock.tsx +10 -2
  216. package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +70 -0
  217. package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +69 -0
  218. package/src/Embed/AudioEmbed.tsx +2 -2
  219. package/src/Embed/BrightcoveEmbed.stories.tsx +0 -3
  220. package/src/Embed/BrightcoveEmbed.tsx +17 -19
  221. package/src/Embed/CodeEmbed.stories.tsx +95 -0
  222. package/src/Embed/CodeEmbed.tsx +62 -7
  223. package/src/Embed/ConceptEmbed.stories.tsx +1 -105
  224. package/src/Embed/ConceptEmbed.tsx +60 -393
  225. package/src/Embed/ConceptListEmbed.tsx +20 -19
  226. package/src/Embed/ContentLinkEmbed.tsx +8 -10
  227. package/src/Embed/CopyrightEmbed.tsx +1 -11
  228. package/src/Embed/EmbedErrorPlaceholder.tsx +31 -28
  229. package/src/Embed/ExternalEmbed.tsx +14 -17
  230. package/src/Embed/FootnoteEmbed.stories.tsx +2 -5
  231. package/src/Embed/FootnoteEmbed.tsx +13 -16
  232. package/src/Embed/GlossEmbed.stories.tsx +140 -0
  233. package/src/Embed/GlossEmbed.tsx +64 -0
  234. package/src/Embed/H5pEmbed.tsx +22 -16
  235. package/src/Embed/IframeEmbed.tsx +12 -6
  236. package/src/Embed/ImageEmbed.stories.tsx +53 -11
  237. package/src/Embed/ImageEmbed.tsx +162 -166
  238. package/src/Embed/InlineTriggerButton.tsx +72 -0
  239. package/src/Embed/UnknownEmbed.tsx +6 -7
  240. package/src/Embed/UuDisclaimerEmbed.stories.tsx +4 -4
  241. package/src/Embed/UuDisclaimerEmbed.tsx +17 -25
  242. package/src/Embed/index.ts +2 -3
  243. package/src/ErrorMessage/ErrorMessage.tsx +40 -29
  244. package/src/ErrorMessage/ErrorResourceAccessDenied.tsx +8 -6
  245. package/src/FactBox/FactBox.tsx +115 -115
  246. package/src/FactBox/Factbox.stories.tsx +43 -27
  247. package/src/FileList/FileList.stories.tsx +6 -1
  248. package/src/FileList/PdfFile.tsx +22 -5
  249. package/src/Gloss/Gloss.stories.tsx +107 -1
  250. package/src/Gloss/Gloss.tsx +143 -156
  251. package/src/Gloss/GlossExample.tsx +51 -77
  252. package/src/LinkBlock/LinkBlock.stories.tsx +8 -10
  253. package/src/LinkBlock/LinkBlock.tsx +54 -59
  254. package/src/LinkBlock/LinkBlockSection.tsx +9 -12
  255. package/src/Logo/Logo.stories.tsx +0 -1
  256. package/src/Logo/Logo.tsx +2 -30
  257. package/src/RelatedArticleList/RelatedArticleList.tsx +69 -88
  258. package/src/ResourceBox/ResourceBox.tsx +65 -73
  259. package/src/Search/ContentTypeResult.tsx +9 -3
  260. package/src/Search/SearchResultSleeve.tsx +5 -2
  261. package/src/TagSelector/TagSelector.stories.tsx +92 -68
  262. package/src/TagSelector/TagSelector.tsx +161 -126
  263. package/src/ZendeskButton/ZendeskButton.tsx +58 -0
  264. package/src/i18n/index.ts +5 -0
  265. package/src/i18n/useComponentTranslations.ts +72 -0
  266. package/src/index.ts +27 -18
  267. package/src/locale/messages-en.ts +29 -2
  268. package/src/locale/messages-nb.ts +29 -2
  269. package/src/locale/messages-nn.ts +29 -2
  270. package/src/locale/messages-se.ts +29 -2
  271. package/src/locale/messages-sma.ts +29 -2
  272. package/src/model/ContentType.ts +3 -0
  273. package/src/types.ts +2 -0
  274. package/es/DefinitionList/DefinitionDescription.js +0 -28
  275. package/es/DefinitionList/DefinitionTerm.js +0 -28
  276. package/es/DefinitionList/index.js +0 -10
  277. package/es/Embed/conceptComponents.js +0 -155
  278. package/es/ExpandableBox/ExpandableBox.js +0 -29
  279. package/es/ExpandableBox/index.js +0 -9
  280. package/es/Figure/Figure.js +0 -73
  281. package/es/Figure/index.js +0 -9
  282. package/es/FramedContent/FramedContent.js +0 -28
  283. package/es/FramedContent/index.js +0 -10
  284. package/es/Image/Image.js +0 -100
  285. package/es/Image/ImageLink.js +0 -39
  286. package/es/Image/index.js +0 -12
  287. package/es/LetterFilter/LetterFilter.js +0 -54
  288. package/es/LetterFilter/alphabet.js +0 -9
  289. package/es/LetterFilter/index.js +0 -10
  290. package/es/Notion/Notion.js +0 -76
  291. package/es/Notion/NotionImage.js +0 -91
  292. package/es/Notion/index.js +0 -9
  293. package/es/Table/Table.js +0 -141
  294. package/es/Table/index.js +0 -11
  295. package/es/TagSelector/Control.js +0 -28
  296. package/es/TagSelector/DropdownIndicator.js +0 -60
  297. package/es/TagSelector/Input.js +0 -22
  298. package/es/TagSelector/Menu.js +0 -27
  299. package/es/TagSelector/MenuList.js +0 -28
  300. package/es/TagSelector/Option.js +0 -60
  301. package/es/TagSelector/SelectContainer.js +0 -27
  302. package/es/TagSelector/ValueButton.js +0 -53
  303. package/es/TagSelector/ariaMessages.js +0 -94
  304. package/es/TagSelector/index.js +0 -10
  305. package/es/TagSelector/types.js +0 -1
  306. package/lib/DefinitionList/DefinitionDescription.d.ts +0 -10
  307. package/lib/DefinitionList/DefinitionDescription.js +0 -35
  308. package/lib/DefinitionList/DefinitionTerm.d.ts +0 -10
  309. package/lib/DefinitionList/DefinitionTerm.js +0 -35
  310. package/lib/DefinitionList/index.d.ts +0 -9
  311. package/lib/DefinitionList/index.js +0 -20
  312. package/lib/Embed/conceptComponents.d.ts +0 -40
  313. package/lib/Embed/conceptComponents.js +0 -163
  314. package/lib/ExpandableBox/ExpandableBox.d.ts +0 -15
  315. package/lib/ExpandableBox/ExpandableBox.js +0 -37
  316. package/lib/ExpandableBox/index.d.ts +0 -8
  317. package/lib/ExpandableBox/index.js +0 -18
  318. package/lib/Figure/Figure.d.ts +0 -16
  319. package/lib/Figure/Figure.js +0 -81
  320. package/lib/Figure/index.d.ts +0 -9
  321. package/lib/Figure/index.js +0 -13
  322. package/lib/FramedContent/FramedContent.d.ts +0 -12
  323. package/lib/FramedContent/FramedContent.js +0 -35
  324. package/lib/FramedContent/index.d.ts +0 -9
  325. package/lib/FramedContent/index.js +0 -16
  326. package/lib/Image/Image.d.ts +0 -38
  327. package/lib/Image/Image.js +0 -106
  328. package/lib/Image/ImageLink.d.ts +0 -18
  329. package/lib/Image/ImageLink.js +0 -44
  330. package/lib/Image/index.d.ts +0 -12
  331. package/lib/Image/index.js +0 -30
  332. package/lib/LetterFilter/LetterFilter.d.ts +0 -14
  333. package/lib/LetterFilter/LetterFilter.js +0 -61
  334. package/lib/LetterFilter/alphabet.d.ts +0 -8
  335. package/lib/LetterFilter/alphabet.js +0 -15
  336. package/lib/LetterFilter/index.d.ts +0 -9
  337. package/lib/LetterFilter/index.js +0 -16
  338. package/lib/Notion/Notion.d.ts +0 -20
  339. package/lib/Notion/Notion.js +0 -82
  340. package/lib/Notion/NotionImage.d.ts +0 -23
  341. package/lib/Notion/NotionImage.js +0 -101
  342. package/lib/Notion/index.d.ts +0 -8
  343. package/lib/Notion/index.js +0 -13
  344. package/lib/Table/Table.d.ts +0 -19
  345. package/lib/Table/Table.js +0 -145
  346. package/lib/Table/index.d.ts +0 -10
  347. package/lib/Table/index.js +0 -23
  348. package/lib/TagSelector/Control.d.ts +0 -11
  349. package/lib/TagSelector/Control.js +0 -35
  350. package/lib/TagSelector/DropdownIndicator.d.ts +0 -11
  351. package/lib/TagSelector/DropdownIndicator.js +0 -64
  352. package/lib/TagSelector/Input.d.ts +0 -12
  353. package/lib/TagSelector/Input.js +0 -29
  354. package/lib/TagSelector/Menu.d.ts +0 -12
  355. package/lib/TagSelector/Menu.js +0 -34
  356. package/lib/TagSelector/MenuList.d.ts +0 -16
  357. package/lib/TagSelector/MenuList.js +0 -35
  358. package/lib/TagSelector/Option.d.ts +0 -12
  359. package/lib/TagSelector/Option.js +0 -67
  360. package/lib/TagSelector/SelectContainer.d.ts +0 -11
  361. package/lib/TagSelector/SelectContainer.js +0 -34
  362. package/lib/TagSelector/ValueButton.d.ts +0 -20
  363. package/lib/TagSelector/ValueButton.js +0 -60
  364. package/lib/TagSelector/ariaMessages.d.ts +0 -16
  365. package/lib/TagSelector/ariaMessages.js +0 -101
  366. package/lib/TagSelector/index.d.ts +0 -11
  367. package/lib/TagSelector/index.js +0 -13
  368. package/lib/TagSelector/types.d.ts +0 -11
  369. package/lib/TagSelector/types.js +0 -5
  370. package/src/DefinitionList/DefinitionDescription.tsx +0 -26
  371. package/src/DefinitionList/DefinitionTerm.tsx +0 -26
  372. package/src/DefinitionList/index.tsx +0 -10
  373. package/src/Embed/conceptComponents.tsx +0 -293
  374. package/src/ExpandableBox/ExpandableBox.stories.tsx +0 -41
  375. package/src/ExpandableBox/ExpandableBox.tsx +0 -23
  376. package/src/ExpandableBox/index.ts +0 -9
  377. package/src/Figure/Figure.tsx +0 -167
  378. package/src/Figure/index.ts +0 -11
  379. package/src/FramedContent/FramedContent.stories.tsx +0 -152
  380. package/src/FramedContent/FramedContent.tsx +0 -26
  381. package/src/FramedContent/index.ts +0 -10
  382. package/src/Image/Image.stories.tsx +0 -61
  383. package/src/Image/Image.tsx +0 -147
  384. package/src/Image/ImageLink.tsx +0 -37
  385. package/src/Image/__tests__/Image-test.tsx +0 -66
  386. package/src/Image/__tests__/__snapshots__/Image-test.tsx.snap +0 -194
  387. package/src/Image/index.ts +0 -14
  388. package/src/LetterFilter/LetterFilter.stories.tsx +0 -29
  389. package/src/LetterFilter/LetterFilter.tsx +0 -78
  390. package/src/LetterFilter/alphabet.ts +0 -39
  391. package/src/LetterFilter/index.ts +0 -11
  392. package/src/Notion/Notion.tsx +0 -96
  393. package/src/Notion/NotionImage.tsx +0 -114
  394. package/src/Notion/index.ts +0 -9
  395. package/src/Table/Table.stories.tsx +0 -738
  396. package/src/Table/Table.tsx +0 -284
  397. package/src/Table/index.ts +0 -12
  398. package/src/TagSelector/Control.tsx +0 -34
  399. package/src/TagSelector/DropdownIndicator.tsx +0 -55
  400. package/src/TagSelector/Input.tsx +0 -31
  401. package/src/TagSelector/Menu.tsx +0 -38
  402. package/src/TagSelector/MenuList.tsx +0 -30
  403. package/src/TagSelector/Option.tsx +0 -58
  404. package/src/TagSelector/SelectContainer.tsx +0 -31
  405. package/src/TagSelector/ValueButton.tsx +0 -47
  406. package/src/TagSelector/ariaMessages.ts +0 -96
  407. package/src/TagSelector/index.ts +0 -14
  408. package/src/TagSelector/types.ts +0 -12
@@ -0,0 +1,289 @@
1
+ {
2
+ "schemaVersion": "0.42.0",
3
+ "styles": {
4
+ "atomic": [
5
+ "textAlign]___[value:center]___[cond:&[data-align=\"center\"]",
6
+ "direction]___[value:rtl]___[cond:&:has(span[dir=\"rtl\"])",
7
+ "border]___[value:1px solid",
8
+ "borderColor]___[value:stroke.default",
9
+ "borderRadius]___[value:xsmall",
10
+ "boxShadow]___[value:full",
11
+ "overflow]___[value:hidden",
12
+ "display]___[value:flex",
13
+ "display]___[value:block]___[cond:tabletWideDown",
14
+ "alignItems]___[value:center",
15
+ "flex]___[value:1 0 auto",
16
+ "width]___[value:surface.4xsmall",
17
+ "height]___[value:surface.4xsmall",
18
+ "width]___[value:100%]___[cond:& img",
19
+ "height]___[value:100%]___[cond:& img",
20
+ "objectFit]___[value:cover]___[cond:& img",
21
+ "width]___[value:260px]___[cond:desktop",
22
+ "height]___[value:260px]___[cond:desktop",
23
+ "maxHeight]___[value:surface.small]___[cond:tabletWideDown",
24
+ "maxWidth]___[value:100%]___[cond:tabletWideDown",
25
+ "width]___[value:100%]___[cond:tabletWideDown",
26
+ "height]___[value:auto]___[cond:tabletWideDown",
27
+ "alignItems]___[value:flex-start",
28
+ "flexDirection]___[value:column",
29
+ "gap]___[value:xsmall",
30
+ "padding]___[value:xsmall",
31
+ "width]___[value:100%",
32
+ "paddingBlock]___[value:xsmall]___[cond:&[data-has-image='true']<___>tablet",
33
+ "paddingInline]___[value:medium]___[cond:&[data-has-image='true']<___>tablet",
34
+ "width]___[value:100%]___[cond:tabletWide",
35
+ "flexDirection]___[value:row]___[cond:tabletWide",
36
+ "justifyContent]___[value:space-between]___[cond:tabletWide",
37
+ "borderBlockStart]___[value:1px solid",
38
+ "paddingBlock]___[value:medium",
39
+ "paddingInline]___[value:xsmall",
40
+ "paddingInline]___[value:medium]___[cond:tablet",
41
+ "maxWidth]___[value:surface.xlarge",
42
+ "whiteSpace]___[value:pre-wrap]___[cond:& span > *",
43
+ "alignSelf]___[value:flex-start",
44
+ "borderBottomRadius]___[value:xsmall",
45
+ "justifyContent]___[value:center",
46
+ "background]___[value:background.default",
47
+ "paddingBlock]___[value:xsmall",
48
+ "paddingInline]___[value:medium",
49
+ "display]___[value:grid]___[cond:tabletWideDown",
50
+ "paddingBlock]___[value:xsmall]___[cond:tabletWideDown",
51
+ "paddingInline]___[value:xsmall]___[cond:tabletWideDown",
52
+ "gridTemplateColumns]___[value:1fr repeat(5, auto) 1fr]___[cond:tabletWideDown",
53
+ "gridTemplateAreas]___[value: \"track track track track track track track\" \". speed backwards play forwards volume .\" ]___[cond:tabletWideDown",
54
+ "columnGap]___[value:3xsmall]___[cond:mobileWideDown",
55
+ "gridArea]___[value:play",
56
+ "gridArea]___[value:forwards",
57
+ "gridArea]___[value:backwards",
58
+ "flex]___[value:1",
59
+ "gridArea]___[value:track",
60
+ "paddingInline]___[value:xsmall]___[cond:mobileDown",
61
+ "gridArea]___[value:volume",
62
+ "paddingBlock]___[value:auto",
63
+ "paddingInline]___[value:auto",
64
+ "maxWidth]___[value:xxlarge",
65
+ "maxHeight]___[value:xxlarge",
66
+ "minWidth]___[value:xxlarge",
67
+ "minHeight]___[value:xxlarge",
68
+ "flex]___[value:1]___[cond:& span",
69
+ "gridArea]___[value:speed",
70
+ "height]___[value:surface.3xsmall",
71
+ "srOnly]___[value:true",
72
+ "color]___[value:text.default",
73
+ "backgroundColor]___[value:background.default",
74
+ "gap]___[value:medium",
75
+ "borderColor]___[value:stroke.subtle",
76
+ "transitionDuration]___[value:fast",
77
+ "transitionProperty]___[value:background-color, border-color, max-width",
78
+ "transitionTimingFunction]___[value:default",
79
+ "height]___[value:100%",
80
+ "borderColor]___[value:stroke.hover]___[cond:&:hover, &:focus-visible",
81
+ "backgroundColor]___[value:surface.actionSubtle.hover]___[cond:&:hover, &:focus-visible",
82
+ "textDecoration]___[value:underline]___[cond:&:hover, &:focus-visible<___>& h1, h2, h3, h4, h5, h6",
83
+ "maxWidth]___[value:350px]___[cond:tabletWide",
84
+ "paddingBlock]___[value:xlarge",
85
+ "paddingInline]___[value:xxlarge",
86
+ "maxWidth]___[value:532px]___[cond:tabletWide",
87
+ "textTransform]___[value:uppercase",
88
+ "textStyle]___[value:body.large",
89
+ "objectFit]___[value:cover",
90
+ "border]___[value:0",
91
+ "display]___[value:inline-block",
92
+ "width]___[value:fit-content",
93
+ "position]___[value:relative",
94
+ "maxWidth]___[value:8xl",
95
+ "maxWidth]___[value:surface.xsmall",
96
+ "maxWidth]___[value:surface.medium]___[cond:mobileWide",
97
+ "maxWidth]___[value:1100px]___[cond:tabletWide",
98
+ "gap]___[value:xxsmall",
99
+ "textDecoration]___[value:underline",
100
+ "textDecoration]___[value:none]___[cond:_hover",
101
+ "alignSelf]___[value:center",
102
+ "height]___[value:215px",
103
+ "height]___[value:340px]___[cond:desktop",
104
+ "color]___[value:inherit",
105
+ "borderLeft]___[value:4px solid",
106
+ "borderLeftColor]___[value:stroke.default",
107
+ "boxSizing]___[value:border-box",
108
+ "overflowX]___[value:auto",
109
+ "textStyle]___[value:label.medium",
110
+ "fontFamily]___[value:code",
111
+ "display]___[value:block",
112
+ "whiteSpace]___[value:pre",
113
+ "display]___[value:inline-block]___[cond:& .linenumber",
114
+ "paddingBlock]___[value:0]___[cond:& .linenumber",
115
+ "paddingInline]___[value:small]___[cond:& .linenumber",
116
+ "borderRight]___[value:1px solid]___[cond:& .linenumber",
117
+ "borderColor]___[value:stroke.subtle]___[cond:& .linenumber",
118
+ "width]___[value:xxlarge]___[cond:& .linenumber",
119
+ "textAlign]___[value:right]___[cond:& .linenumber",
120
+ "marginInlineEnd]___[value:xsmall]___[cond:& .linenumber",
121
+ "paddingBlockStart]___[value:xsmall]___[cond:& .linenumber[data-first]",
122
+ "paddingBlockEnd]___[value:xsmall]___[cond:& .linenumber[data-last]",
123
+ "color]___[value:#7d8b99]___[cond:& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata",
124
+ "color]___[value:#5f6364]___[cond:& .token.punctuation",
125
+ "color]___[value:#c92c2c]___[cond:& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted",
126
+ "color]___[value:#2f9c0a]___[cond:& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted",
127
+ "color]___[value:#a67f59]___[cond:& .token.operator, .token.entity, .token.url, .token.variable",
128
+ "background]___[value:rgba(255, 255, 255, 0.5)]___[cond:& .token.operator, .token.entity, .token.url, .token.variable",
129
+ "color]___[value:#1990b8]___[cond:& .token.atrule, .token.attr-value, .token.keyword, .token.class-name",
130
+ "color]___[value:#e90]___[cond:& .token.regex, .token.important",
131
+ "color]___[value:#a67f59]___[cond:& .language-css .token.string, .style .token.string",
132
+ "background]___[value:rgba(255, 255, 255, 0.5)]___[cond:& .language-css .token.string, .style .token.string",
133
+ "fontWeight]___[value:normal]___[cond:& .token.important",
134
+ "fontWeight]___[value:bold]___[cond:& .token.bold",
135
+ "fontStyle]___[value:italic]___[cond:& .token.italic",
136
+ "cursor]___[value:help]___[cond:& .token.entity",
137
+ "opacity]___[value:0.7]___[cond:& .token.namespace",
138
+ "display]___[value:inline",
139
+ "display]___[value:inline]___[cond:& p",
140
+ "marginInlineStart]___[value:xsmall",
141
+ "height]___[value:auto",
142
+ "textStyle]___[value:label.large",
143
+ "fontWeight]___[value:bold",
144
+ "marginBlockStart]___[value:xsmall]___[cond:& > *:not(:where(:first-child))",
145
+ "width]___[value:surface.xlarge",
146
+ "display]___[value:block]___[cond:& li",
147
+ "color]___[value:text.error",
148
+ "backgroundColor]___[value:surface.disabled",
149
+ "height]___[value:surface.xsmall",
150
+ "fill]___[value:text.subtle]___[cond:& svg",
151
+ "height]___[value:90%]___[cond:& svg",
152
+ "width]___[value:90%]___[cond:& svg",
153
+ "height]___[value:surface.3xsmall]___[cond:&[data-embed-type='audio']",
154
+ "marginBlockStart]___[value:3xsmall]___[cond:& > *:not(:first-child)",
155
+ "height]___[value:auto]___[cond:& iframe",
156
+ "width]___[value:100%]___[cond:& iframe",
157
+ "textStyle]___[value:label.xsmall]___[cond:& a",
158
+ "marginInlineStart]___[value:1]___[cond:& a",
159
+ "borderColor]___[value:surface.brand.1.strong",
160
+ "borderBottom]___[value:0",
161
+ "borderBottomLeftRadius]___[value:0",
162
+ "borderBottomRightRadius]___[value:0",
163
+ "cursor]___[value:pointer",
164
+ "background]___[value:background.default]___[cond:_hover<___>& [data-byline-button]",
165
+ "transform]___[value:scale(1.2)]___[cond:_hover<___>& button[data-expanded]",
166
+ "transform]___[value:rotate(-45deg)]___[cond:& button[data-expanded='true']<___>& svg",
167
+ "position]___[value:absolute",
168
+ "zIndex]___[value:base",
169
+ "bottom]___[value:0",
170
+ "right]___[value:0",
171
+ "transitionProperty]___[value:transform, background-color, color",
172
+ "transitionDuration]___[value:normal",
173
+ "transitionTimingFunction]___[value:ease-out",
174
+ "background]___[value:background.default/20",
175
+ "transitionProperty]___[value:transform]___[cond:& svg",
176
+ "transitionDuration]___[value:normal]___[cond:& svg",
177
+ "transitionTimingFunction]___[value:ease-out]___[cond:& svg",
178
+ "fill]___[value:primary]___[cond:& svg",
179
+ "padding]___[value:0",
180
+ "top]___[value:xsmall",
181
+ "right]___[value:xsmall",
182
+ "width]___[value:medium",
183
+ "height]___[value:medium",
184
+ "border]___[value:2px solid",
185
+ "borderColor]___[value:background.default",
186
+ "color]___[value:background.default",
187
+ "backgroundColor]___[value:surface.action",
188
+ "borderRadius]___[value:large",
189
+ "overflow]___[value:visible",
190
+ "borderBottom]___[value:1px solid",
191
+ "borderStyle]___[value:dashed",
192
+ "borderColor]___[value:stroke.hover",
193
+ "paddingBlock]___[value:4xsmall",
194
+ "paddingInline]___[value:4xsmall",
195
+ "borderColor]___[value:text.link]___[cond:_hover",
196
+ "background]___[value:surface.actionSubtle.hover]___[cond:_hover",
197
+ "borderColor]___[value:text.link]___[cond:_active",
198
+ "background]___[value:surface.actionSubtle.active]___[cond:_active",
199
+ "outline]___[value:none]___[cond:_focusVisible",
200
+ "borderRadius]___[value:0]___[cond:_focusVisible",
201
+ "content]___[value:\"\"]___[cond:_focusVisible<___>_after",
202
+ "position]___[value:absolute]___[cond:_focusVisible<___>_after",
203
+ "inset]___[value:0]___[cond:_focusVisible<___>_after",
204
+ "outline]___[value:3px]___[cond:_focusVisible<___>_after",
205
+ "borderRadius]___[value:xsmall]___[cond:_focusVisible<___>_after",
206
+ "outlineColor]___[value:stroke.default]___[cond:_focusVisible<___>_after",
207
+ "outlineOffset]___[value:3px]___[cond:_focusVisible<___>_after",
208
+ "outlineStyle]___[value:solid]___[cond:_focusVisible<___>_after",
209
+ "textStyle]___[value:body.medium",
210
+ "textAlign]___[value:center",
211
+ "color]___[value:text.strong]___[cond:& a",
212
+ "marginTop]___[value:0]___[cond:& h1",
213
+ "marginBottom]___[value:medium",
214
+ "marginTop]___[value:xxlarge]___[cond:tablet",
215
+ "marginBottom]___[value:xxlarge]___[cond:tablet",
216
+ "marginBlock]___[value:xxlarge",
217
+ "marginTop]___[value:3xsmall",
218
+ "marginLeft]___[value:3xsmall",
219
+ "padding]___[value:medium",
220
+ "transitionProperty]___[value:max-height",
221
+ "transitionDuration]___[value:slow",
222
+ "transitionTimingFunction]___[value:ease-in-out",
223
+ "maxHeight]___[value:surface.xxsmall",
224
+ "overflow]___[value:visible]___[cond:_closed<___>_print",
225
+ "maxHeight]___[value:500vh]___[cond:_closed<___>_print",
226
+ "maxHeight]___[value:500vh]___[cond:_open",
227
+ "marginBlockStart]___[value:0]___[cond:& :first-child",
228
+ "content]___[value:\"\"]___[cond:_after",
229
+ "textAlign]___[value:center]___[cond:_after",
230
+ "position]___[value:absolute]___[cond:_after",
231
+ "inset]___[value:0]___[cond:_after",
232
+ "transitionProperty]___[value:opacity]___[cond:_after",
233
+ "transitionDuration]___[value:slow]___[cond:_after",
234
+ "transitionTimingFunction]___[value:ease-out]___[cond:_after",
235
+ "gradientFrom]___[value:surface.default/00]___[cond:_after",
236
+ "gradientTo]___[value:surface.default]___[cond:_after",
237
+ "backgroundGradient]___[value:to-b]___[cond:_after",
238
+ "opacity]___[value:1]___[cond:_after",
239
+ "zIndex]___[value:base]___[cond:_after",
240
+ "overflow]___[value:visible]___[cond:_print",
241
+ "display]___[value:none]___[cond:_print<___>_after",
242
+ "paddingBlockEnd]___[value:xsmall]___[cond:_open",
243
+ "opacity]___[value:0]___[cond:_open<___>_after",
244
+ "zIndex]___[value:hide]___[cond:_open<___>_after",
245
+ "bottom]___[value:-medium",
246
+ "transitionTimingFunction]___[value:ease-in-out]___[cond:& svg",
247
+ "transitionDuration]___[value:fast]___[cond:& svg",
248
+ "transform]___[value:rotate(180deg)]___[cond:_open<___>& svg",
249
+ "display]___[value:none]___[cond:_print",
250
+ "justifyContent]___[value:space-between",
251
+ "gap]___[value:small",
252
+ "paddingInline]___[value:0",
253
+ "marginBlockStart]___[value:3xsmall",
254
+ "paddingBlock]___[value:small",
255
+ "borderTop]___[value:1px solid",
256
+ "background]___[value:surface.brand.1.subtle]___[cond:_first",
257
+ "borderColor]___[value:stroke.default]___[cond:_first",
258
+ "fontWeight]___[value:bold]___[cond:_first<___>& p",
259
+ "fontStyle]___[value:italic",
260
+ "background]___[value:surface.default",
261
+ "textDecoration]___[value:underline]___[cond:& h3",
262
+ "transitionProperty]___[value:width, height]___[cond:& [data-forward]",
263
+ "transitionTimingFunction]___[value:ease-in-out]___[cond:& [data-forward]",
264
+ "transitionDuration]___[value:fast]___[cond:& [data-forward]",
265
+ "textDecoration]___[value:none]___[cond:_hover<___>& h3",
266
+ "width]___[value:large]___[cond:_hover<___>& [data-forward]",
267
+ "height]___[value:large]___[cond:_hover<___>& [data-forward]",
268
+ "color]___[value:icon.strong",
269
+ "listStyle]___[value:none",
270
+ "content]___[value:\"\"]___[cond:_before",
271
+ "position]___[value:absolute]___[cond:_before",
272
+ "inset]___[value:0]___[cond:_before",
273
+ "zIndex]___[value:0]___[cond:_before",
274
+ "display]___[value:grid",
275
+ "gridTemplateColumns]___[value:repeat(2, 1fr)",
276
+ "gridTemplateColumns]___[value:1fr]___[cond:tabletDown",
277
+ "marginBlockStart]___[value:xsmall",
278
+ "padding]___[value:xsmall]___[cond:tabletWideDown",
279
+ "flexDirection]___[value:column]___[cond:tabletDown",
280
+ "gap]___[value:0]___[cond:tabletDown",
281
+ "padding]___[value:0]___[cond:tabletDown",
282
+ "padding]___[value:xsmall]___[cond:tabletDown",
283
+ "aspectRatio]___[value:1/1",
284
+ "width]___[value:100%]___[cond:tabletDown",
285
+ "borderRadius]___[value:0]___[cond:tabletDown"
286
+ ],
287
+ "recipes": {}
288
+ }
289
+ }