@ndla/ui 55.0.13-alpha.0 → 55.0.15-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 (337) hide show
  1. package/dist/panda.buildinfo.json +142 -1
  2. package/dist/styles.css +597 -0
  3. package/es/Article/ArticleByline.js +7 -7
  4. package/es/Article/ArticleParagraph.js +11 -13
  5. package/es/AudioPlayer/AudioPlayer.js +1 -0
  6. package/es/CampaignBlock/CampaignBlock.js +103 -68
  7. package/es/Concept/Concept.js +69 -0
  8. package/es/ContactBlock/ContactBlock.js +17 -17
  9. package/es/ContentTypeBadge/ContentTypeBadgeNew.js +48 -0
  10. package/es/Embed/AudioEmbed.js +1 -2
  11. package/es/Embed/BrightcoveEmbed.js +13 -25
  12. package/es/Embed/ConceptEmbed.js +57 -301
  13. package/es/Embed/ConceptListEmbed.js +18 -24
  14. package/es/Embed/ContentLinkEmbed.js +10 -10
  15. package/es/Embed/CopyrightEmbed.js +3 -21
  16. package/es/Embed/ExternalEmbed.js +10 -18
  17. package/es/Embed/FootnoteEmbed.js +11 -8
  18. package/es/Embed/GlossEmbed.js +68 -0
  19. package/es/Embed/H5pEmbed.js +19 -19
  20. package/es/Embed/IframeEmbed.js +9 -6
  21. package/es/Embed/InlineTriggerButton.js +70 -0
  22. package/es/Embed/UnknownEmbed.js +9 -9
  23. package/es/Embed/UuDisclaimerEmbed.js +14 -25
  24. package/es/Embed/index.js +1 -3
  25. package/es/ErrorMessage/ErrorMessage.js +41 -22
  26. package/es/ErrorMessage/ErrorResourceAccessDenied.js +8 -6
  27. package/es/FactBox/FactBox.js +118 -47
  28. package/es/FileList/PdfFile.js +23 -5
  29. package/es/Gloss/Gloss.js +116 -86
  30. package/es/Gloss/GlossExample.js +49 -51
  31. package/es/LicenseByline/EmbedByline.js +143 -33
  32. package/es/LicenseByline/LicenseLink.js +16 -9
  33. package/es/LicenseByline/index.js +2 -2
  34. package/es/LinkBlock/LinkBlock.js +61 -33
  35. package/es/LinkBlock/LinkBlockSection.js +9 -6
  36. package/es/Logo/Logo.js +1 -30
  37. package/es/RelatedArticleList/RelatedArticleList.js +70 -87
  38. package/es/ResourceBox/ResourceBox.js +65 -37
  39. package/es/TagSelector/TagSelector.js +124 -131
  40. package/es/i18n/index.js +2 -1
  41. package/es/i18n/useComponentTranslations.js +83 -0
  42. package/es/index.js +4 -12
  43. package/es/locale/messages-en.js +30 -4
  44. package/es/locale/messages-nb.js +30 -4
  45. package/es/locale/messages-nn.js +30 -4
  46. package/es/locale/messages-se.js +30 -4
  47. package/es/locale/messages-sma.js +30 -4
  48. package/es/model/ContentType.js +3 -0
  49. package/es/styles.css +597 -0
  50. package/lib/Article/ArticleByline.js +8 -8
  51. package/lib/Article/ArticleParagraph.js +12 -14
  52. package/lib/AudioPlayer/AudioPlayer.js +1 -0
  53. package/lib/CampaignBlock/CampaignBlock.d.ts +2 -2
  54. package/lib/CampaignBlock/CampaignBlock.js +106 -68
  55. package/lib/Concept/Concept.d.ts +18 -0
  56. package/lib/Concept/Concept.js +75 -0
  57. package/lib/ContactBlock/ContactBlock.js +18 -18
  58. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +17 -0
  59. package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +56 -0
  60. package/lib/Embed/AudioEmbed.js +2 -3
  61. package/lib/Embed/BrightcoveEmbed.d.ts +1 -2
  62. package/lib/Embed/BrightcoveEmbed.js +16 -26
  63. package/lib/Embed/ConceptEmbed.d.ts +15 -21
  64. package/lib/Embed/ConceptEmbed.js +58 -301
  65. package/lib/Embed/ConceptListEmbed.js +21 -26
  66. package/lib/Embed/ContentLinkEmbed.js +10 -11
  67. package/lib/Embed/CopyrightEmbed.js +5 -22
  68. package/lib/Embed/ExternalEmbed.d.ts +1 -2
  69. package/lib/Embed/ExternalEmbed.js +13 -19
  70. package/lib/Embed/FootnoteEmbed.js +11 -9
  71. package/lib/Embed/GlossEmbed.d.ts +13 -0
  72. package/lib/Embed/GlossEmbed.js +76 -0
  73. package/lib/Embed/H5pEmbed.d.ts +1 -2
  74. package/lib/Embed/H5pEmbed.js +21 -19
  75. package/lib/Embed/IframeEmbed.d.ts +1 -2
  76. package/lib/Embed/IframeEmbed.js +11 -8
  77. package/lib/Embed/InlineTriggerButton.d.ts +11 -0
  78. package/lib/Embed/InlineTriggerButton.js +76 -0
  79. package/lib/Embed/UnknownEmbed.js +9 -10
  80. package/lib/Embed/UuDisclaimerEmbed.js +16 -26
  81. package/lib/Embed/index.d.ts +2 -3
  82. package/lib/Embed/index.js +2 -9
  83. package/lib/ErrorMessage/ErrorMessage.js +40 -23
  84. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +7 -6
  85. package/lib/FactBox/FactBox.d.ts +0 -1
  86. package/lib/FactBox/FactBox.js +119 -46
  87. package/lib/FileList/PdfFile.js +23 -5
  88. package/lib/Gloss/Gloss.d.ts +10 -2
  89. package/lib/Gloss/Gloss.js +116 -85
  90. package/lib/Gloss/GlossExample.d.ts +3 -5
  91. package/lib/Gloss/GlossExample.js +49 -52
  92. package/lib/LicenseByline/EmbedByline.d.ts +2 -4
  93. package/lib/LicenseByline/EmbedByline.js +145 -35
  94. package/lib/LicenseByline/LicenseLink.d.ts +2 -2
  95. package/lib/LicenseByline/LicenseLink.js +16 -9
  96. package/lib/LicenseByline/index.d.ts +2 -2
  97. package/lib/LicenseByline/index.js +4 -5
  98. package/lib/LinkBlock/LinkBlock.js +62 -34
  99. package/lib/LinkBlock/LinkBlockSection.js +9 -7
  100. package/lib/Logo/Logo.d.ts +1 -3
  101. package/lib/Logo/Logo.js +2 -30
  102. package/lib/RelatedArticleList/RelatedArticleList.d.ts +4 -4
  103. package/lib/RelatedArticleList/RelatedArticleList.js +74 -90
  104. package/lib/ResourceBox/ResourceBox.js +64 -37
  105. package/lib/TagSelector/TagSelector.d.ts +27 -12
  106. package/lib/TagSelector/TagSelector.js +126 -131
  107. package/lib/i18n/index.d.ts +1 -0
  108. package/lib/i18n/index.js +20 -1
  109. package/lib/i18n/useComponentTranslations.d.ts +14 -0
  110. package/lib/i18n/useComponentTranslations.js +93 -0
  111. package/lib/index.d.ts +5 -15
  112. package/lib/index.js +70 -102
  113. package/lib/locale/messages-en.d.ts +26 -0
  114. package/lib/locale/messages-en.js +30 -4
  115. package/lib/locale/messages-nb.d.ts +26 -0
  116. package/lib/locale/messages-nb.js +30 -4
  117. package/lib/locale/messages-nn.d.ts +26 -0
  118. package/lib/locale/messages-nn.js +30 -4
  119. package/lib/locale/messages-se.d.ts +26 -0
  120. package/lib/locale/messages-se.js +30 -4
  121. package/lib/locale/messages-sma.d.ts +26 -0
  122. package/lib/locale/messages-sma.js +30 -4
  123. package/lib/model/ContentType.d.ts +3 -0
  124. package/lib/model/ContentType.js +4 -1
  125. package/lib/styles.css +597 -0
  126. package/package.json +11 -13
  127. package/src/Article/ArticleByline.tsx +1 -1
  128. package/src/Article/ArticleParagraph.tsx +11 -9
  129. package/src/AudioPlayer/AudioPlayer.tsx +1 -0
  130. package/src/CampaignBlock/CampaignBlock.tsx +92 -55
  131. package/src/Concept/Concept.stories.tsx +142 -0
  132. package/src/Concept/Concept.tsx +73 -0
  133. package/src/ContactBlock/ContactBlock.tsx +1 -1
  134. package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +70 -0
  135. package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +69 -0
  136. package/src/Embed/AudioEmbed.tsx +2 -2
  137. package/src/Embed/BrightcoveEmbed.stories.tsx +0 -3
  138. package/src/Embed/BrightcoveEmbed.tsx +18 -20
  139. package/src/Embed/ConceptEmbed.stories.tsx +1 -105
  140. package/src/Embed/ConceptEmbed.tsx +60 -385
  141. package/src/Embed/ConceptListEmbed.tsx +20 -19
  142. package/src/Embed/ContentLinkEmbed.tsx +8 -10
  143. package/src/Embed/CopyrightEmbed.tsx +1 -11
  144. package/src/Embed/ExternalEmbed.tsx +14 -17
  145. package/src/Embed/FootnoteEmbed.stories.tsx +2 -5
  146. package/src/Embed/FootnoteEmbed.tsx +13 -16
  147. package/src/Embed/GlossEmbed.stories.tsx +140 -0
  148. package/src/Embed/GlossEmbed.tsx +64 -0
  149. package/src/Embed/H5pEmbed.tsx +22 -16
  150. package/src/Embed/IframeEmbed.tsx +12 -6
  151. package/src/Embed/InlineTriggerButton.tsx +72 -0
  152. package/src/Embed/UnknownEmbed.tsx +6 -7
  153. package/src/Embed/UuDisclaimerEmbed.stories.tsx +4 -4
  154. package/src/Embed/UuDisclaimerEmbed.tsx +17 -25
  155. package/src/Embed/index.ts +2 -3
  156. package/src/ErrorMessage/ErrorMessage.tsx +40 -29
  157. package/src/ErrorMessage/ErrorResourceAccessDenied.tsx +8 -6
  158. package/src/FactBox/FactBox.tsx +115 -115
  159. package/src/FactBox/Factbox.stories.tsx +43 -27
  160. package/src/FileList/FileList.stories.tsx +6 -1
  161. package/src/FileList/PdfFile.tsx +22 -5
  162. package/src/Gloss/Gloss.stories.tsx +107 -1
  163. package/src/Gloss/Gloss.tsx +143 -156
  164. package/src/Gloss/GlossExample.tsx +51 -77
  165. package/src/LicenseByline/EmbedByline.stories.tsx +9 -4
  166. package/src/LicenseByline/EmbedByline.tsx +139 -53
  167. package/src/LicenseByline/LicenseLink.tsx +15 -15
  168. package/src/LicenseByline/index.tsx +2 -2
  169. package/src/LinkBlock/LinkBlock.stories.tsx +8 -10
  170. package/src/LinkBlock/LinkBlock.tsx +54 -59
  171. package/src/LinkBlock/LinkBlockSection.tsx +9 -12
  172. package/src/Logo/Logo.stories.tsx +0 -1
  173. package/src/Logo/Logo.tsx +2 -30
  174. package/src/RelatedArticleList/RelatedArticleList.tsx +69 -88
  175. package/src/ResourceBox/ResourceBox.tsx +63 -59
  176. package/src/TagSelector/TagSelector.stories.tsx +92 -68
  177. package/src/TagSelector/TagSelector.tsx +161 -126
  178. package/src/i18n/index.ts +5 -0
  179. package/src/i18n/useComponentTranslations.ts +72 -0
  180. package/src/index.ts +23 -19
  181. package/src/locale/messages-en.ts +28 -2
  182. package/src/locale/messages-nb.ts +28 -2
  183. package/src/locale/messages-nn.ts +28 -2
  184. package/src/locale/messages-se.ts +28 -2
  185. package/src/locale/messages-sma.ts +28 -2
  186. package/src/model/ContentType.ts +3 -0
  187. package/es/DefinitionList/DefinitionDescription.js +0 -28
  188. package/es/DefinitionList/DefinitionTerm.js +0 -28
  189. package/es/DefinitionList/index.js +0 -10
  190. package/es/Embed/conceptComponents.js +0 -155
  191. package/es/ExpandableBox/ExpandableBox.js +0 -29
  192. package/es/ExpandableBox/index.js +0 -9
  193. package/es/Figure/Figure.js +0 -73
  194. package/es/Figure/index.js +0 -9
  195. package/es/FramedContent/FramedContent.js +0 -28
  196. package/es/FramedContent/index.js +0 -10
  197. package/es/Image/Image.js +0 -99
  198. package/es/Image/ImageLink.js +0 -39
  199. package/es/Image/index.js +0 -12
  200. package/es/LetterFilter/LetterFilter.js +0 -54
  201. package/es/LetterFilter/alphabet.js +0 -9
  202. package/es/LetterFilter/index.js +0 -10
  203. package/es/LicenseByline/LicenseDescription.js +0 -63
  204. package/es/List/OrderedList.js +0 -41
  205. package/es/List/UnOrderedList.js +0 -28
  206. package/es/List/index.js +0 -10
  207. package/es/Notion/Notion.js +0 -76
  208. package/es/Notion/NotionImage.js +0 -46
  209. package/es/Notion/index.js +0 -9
  210. package/es/Table/Table.js +0 -141
  211. package/es/Table/index.js +0 -11
  212. package/es/TagSelector/Control.js +0 -28
  213. package/es/TagSelector/DropdownIndicator.js +0 -60
  214. package/es/TagSelector/Input.js +0 -22
  215. package/es/TagSelector/Menu.js +0 -27
  216. package/es/TagSelector/MenuList.js +0 -28
  217. package/es/TagSelector/Option.js +0 -60
  218. package/es/TagSelector/SelectContainer.js +0 -27
  219. package/es/TagSelector/ValueButton.js +0 -53
  220. package/es/TagSelector/ariaMessages.js +0 -94
  221. package/es/TagSelector/index.js +0 -10
  222. package/es/TagSelector/types.js +0 -1
  223. package/lib/DefinitionList/DefinitionDescription.d.ts +0 -10
  224. package/lib/DefinitionList/DefinitionDescription.js +0 -35
  225. package/lib/DefinitionList/DefinitionTerm.d.ts +0 -10
  226. package/lib/DefinitionList/DefinitionTerm.js +0 -35
  227. package/lib/DefinitionList/index.d.ts +0 -9
  228. package/lib/DefinitionList/index.js +0 -20
  229. package/lib/Embed/conceptComponents.d.ts +0 -40
  230. package/lib/Embed/conceptComponents.js +0 -163
  231. package/lib/ExpandableBox/ExpandableBox.d.ts +0 -15
  232. package/lib/ExpandableBox/ExpandableBox.js +0 -37
  233. package/lib/ExpandableBox/index.d.ts +0 -8
  234. package/lib/ExpandableBox/index.js +0 -18
  235. package/lib/Figure/Figure.d.ts +0 -16
  236. package/lib/Figure/Figure.js +0 -81
  237. package/lib/Figure/index.d.ts +0 -9
  238. package/lib/Figure/index.js +0 -13
  239. package/lib/FramedContent/FramedContent.d.ts +0 -12
  240. package/lib/FramedContent/FramedContent.js +0 -35
  241. package/lib/FramedContent/index.d.ts +0 -9
  242. package/lib/FramedContent/index.js +0 -16
  243. package/lib/Image/Image.d.ts +0 -38
  244. package/lib/Image/Image.js +0 -105
  245. package/lib/Image/ImageLink.d.ts +0 -18
  246. package/lib/Image/ImageLink.js +0 -44
  247. package/lib/Image/index.d.ts +0 -12
  248. package/lib/Image/index.js +0 -30
  249. package/lib/LetterFilter/LetterFilter.d.ts +0 -14
  250. package/lib/LetterFilter/LetterFilter.js +0 -61
  251. package/lib/LetterFilter/alphabet.d.ts +0 -8
  252. package/lib/LetterFilter/alphabet.js +0 -15
  253. package/lib/LetterFilter/index.d.ts +0 -9
  254. package/lib/LetterFilter/index.js +0 -16
  255. package/lib/LicenseByline/LicenseDescription.d.ts +0 -15
  256. package/lib/LicenseByline/LicenseDescription.js +0 -70
  257. package/lib/List/OrderedList.d.ts +0 -16
  258. package/lib/List/OrderedList.js +0 -48
  259. package/lib/List/UnOrderedList.d.ts +0 -10
  260. package/lib/List/UnOrderedList.js +0 -35
  261. package/lib/List/index.d.ts +0 -9
  262. package/lib/List/index.js +0 -20
  263. package/lib/Notion/Notion.d.ts +0 -20
  264. package/lib/Notion/Notion.js +0 -82
  265. package/lib/Notion/NotionImage.d.ts +0 -13
  266. package/lib/Notion/NotionImage.js +0 -54
  267. package/lib/Notion/index.d.ts +0 -8
  268. package/lib/Notion/index.js +0 -13
  269. package/lib/Table/Table.d.ts +0 -19
  270. package/lib/Table/Table.js +0 -145
  271. package/lib/Table/index.d.ts +0 -10
  272. package/lib/Table/index.js +0 -23
  273. package/lib/TagSelector/Control.d.ts +0 -11
  274. package/lib/TagSelector/Control.js +0 -35
  275. package/lib/TagSelector/DropdownIndicator.d.ts +0 -11
  276. package/lib/TagSelector/DropdownIndicator.js +0 -64
  277. package/lib/TagSelector/Input.d.ts +0 -12
  278. package/lib/TagSelector/Input.js +0 -29
  279. package/lib/TagSelector/Menu.d.ts +0 -12
  280. package/lib/TagSelector/Menu.js +0 -34
  281. package/lib/TagSelector/MenuList.d.ts +0 -16
  282. package/lib/TagSelector/MenuList.js +0 -35
  283. package/lib/TagSelector/Option.d.ts +0 -12
  284. package/lib/TagSelector/Option.js +0 -67
  285. package/lib/TagSelector/SelectContainer.d.ts +0 -11
  286. package/lib/TagSelector/SelectContainer.js +0 -34
  287. package/lib/TagSelector/ValueButton.d.ts +0 -20
  288. package/lib/TagSelector/ValueButton.js +0 -60
  289. package/lib/TagSelector/ariaMessages.d.ts +0 -16
  290. package/lib/TagSelector/ariaMessages.js +0 -101
  291. package/lib/TagSelector/index.d.ts +0 -11
  292. package/lib/TagSelector/index.js +0 -13
  293. package/lib/TagSelector/types.d.ts +0 -11
  294. package/lib/TagSelector/types.js +0 -5
  295. package/src/DefinitionList/DefinitionDescription.tsx +0 -26
  296. package/src/DefinitionList/DefinitionTerm.tsx +0 -26
  297. package/src/DefinitionList/index.tsx +0 -10
  298. package/src/Embed/conceptComponents.tsx +0 -293
  299. package/src/ExpandableBox/ExpandableBox.stories.tsx +0 -41
  300. package/src/ExpandableBox/ExpandableBox.tsx +0 -23
  301. package/src/ExpandableBox/index.ts +0 -9
  302. package/src/Figure/Figure.tsx +0 -167
  303. package/src/Figure/index.ts +0 -11
  304. package/src/FramedContent/FramedContent.stories.tsx +0 -152
  305. package/src/FramedContent/FramedContent.tsx +0 -26
  306. package/src/FramedContent/index.ts +0 -10
  307. package/src/Image/Image.stories.tsx +0 -61
  308. package/src/Image/Image.tsx +0 -147
  309. package/src/Image/ImageLink.tsx +0 -37
  310. package/src/Image/index.ts +0 -14
  311. package/src/LetterFilter/LetterFilter.stories.tsx +0 -29
  312. package/src/LetterFilter/LetterFilter.tsx +0 -78
  313. package/src/LetterFilter/alphabet.ts +0 -39
  314. package/src/LetterFilter/index.ts +0 -11
  315. package/src/LicenseByline/LicenseDescription.tsx +0 -100
  316. package/src/List/OrderedList.stories.tsx +0 -135
  317. package/src/List/OrderedList.tsx +0 -158
  318. package/src/List/UnOrderedList.tsx +0 -43
  319. package/src/List/UnorderedList.stories.tsx +0 -72
  320. package/src/List/index.ts +0 -10
  321. package/src/Notion/Notion.tsx +0 -96
  322. package/src/Notion/NotionImage.tsx +0 -64
  323. package/src/Notion/index.ts +0 -9
  324. package/src/Table/Table.stories.tsx +0 -738
  325. package/src/Table/Table.tsx +0 -284
  326. package/src/Table/index.ts +0 -12
  327. package/src/TagSelector/Control.tsx +0 -34
  328. package/src/TagSelector/DropdownIndicator.tsx +0 -55
  329. package/src/TagSelector/Input.tsx +0 -31
  330. package/src/TagSelector/Menu.tsx +0 -38
  331. package/src/TagSelector/MenuList.tsx +0 -30
  332. package/src/TagSelector/Option.tsx +0 -58
  333. package/src/TagSelector/SelectContainer.tsx +0 -31
  334. package/src/TagSelector/ValueButton.tsx +0 -47
  335. package/src/TagSelector/ariaMessages.ts +0 -96
  336. package/src/TagSelector/index.ts +0 -14
  337. package/src/TagSelector/types.ts +0 -12
@@ -2,10 +2,13 @@
2
2
  "schemaVersion": "0.42.0",
3
3
  "styles": {
4
4
  "atomic": [
5
+ "textAlign]___[value:center]___[cond:&[data-align=\"center\"]",
6
+ "direction]___[value:rtl]___[cond:&:has(span[dir=\"rtl\"])",
5
7
  "border]___[value:1px solid",
6
8
  "borderColor]___[value:stroke.default",
7
9
  "borderRadius]___[value:xsmall",
8
10
  "boxShadow]___[value:full",
11
+ "marginBlockEnd]___[value:4xsmall",
9
12
  "overflow]___[value:hidden",
10
13
  "display]___[value:flex",
11
14
  "display]___[value:block]___[cond:tabletWideDown",
@@ -90,6 +93,16 @@
90
93
  "width]___[value:fit-content",
91
94
  "position]___[value:relative",
92
95
  "maxWidth]___[value:8xl",
96
+ "maxWidth]___[value:surface.xsmall",
97
+ "maxWidth]___[value:surface.medium]___[cond:mobileWide",
98
+ "maxWidth]___[value:1100px]___[cond:tabletWide",
99
+ "gap]___[value:xxsmall",
100
+ "textDecoration]___[value:underline",
101
+ "textDecoration]___[value:none]___[cond:_hover",
102
+ "alignSelf]___[value:center",
103
+ "height]___[value:215px",
104
+ "height]___[value:340px]___[cond:desktop",
105
+ "color]___[value:inherit",
93
106
  "borderLeft]___[value:4px solid",
94
107
  "borderLeftColor]___[value:stroke.default",
95
108
  "boxSizing]___[value:border-box",
@@ -123,9 +136,16 @@
123
136
  "fontStyle]___[value:italic]___[cond:& .token.italic",
124
137
  "cursor]___[value:help]___[cond:& .token.entity",
125
138
  "opacity]___[value:0.7]___[cond:& .token.namespace",
139
+ "display]___[value:inline",
140
+ "display]___[value:inline]___[cond:& p",
141
+ "marginInlineStart]___[value:xsmall",
142
+ "height]___[value:auto",
126
143
  "textStyle]___[value:label.large",
127
144
  "fontWeight]___[value:bold",
128
145
  "marginBlockStart]___[value:xsmall]___[cond:& > *:not(:where(:first-child))",
146
+ "width]___[value:surface.xlarge",
147
+ "display]___[value:block]___[cond:& li",
148
+ "color]___[value:text.error",
129
149
  "backgroundColor]___[value:surface.disabled",
130
150
  "height]___[value:surface.xsmall",
131
151
  "fill]___[value:text.subtle]___[cond:& svg",
@@ -133,6 +153,10 @@
133
153
  "width]___[value:90%]___[cond:& svg",
134
154
  "height]___[value:surface.3xsmall]___[cond:&[data-embed-type='audio']",
135
155
  "marginBlockStart]___[value:3xsmall]___[cond:& > *:not(:first-child)",
156
+ "height]___[value:auto]___[cond:& iframe",
157
+ "width]___[value:100%]___[cond:& iframe",
158
+ "textStyle]___[value:label.xsmall]___[cond:& a",
159
+ "marginInlineStart]___[value:1]___[cond:& a",
136
160
  "borderColor]___[value:surface.brand.1.strong",
137
161
  "borderBottom]___[value:0",
138
162
  "borderBottomLeftRadius]___[value:0",
@@ -163,7 +187,124 @@
163
187
  "color]___[value:background.default",
164
188
  "backgroundColor]___[value:surface.action",
165
189
  "borderRadius]___[value:large",
166
- "0]___[value: max-height: 500vh; "
190
+ "overflow]___[value:visible",
191
+ "borderBottom]___[value:1px solid",
192
+ "borderStyle]___[value:dashed",
193
+ "borderColor]___[value:stroke.hover",
194
+ "paddingBlock]___[value:4xsmall",
195
+ "paddingInline]___[value:4xsmall",
196
+ "borderColor]___[value:text.link]___[cond:_hover",
197
+ "background]___[value:surface.actionSubtle.hover]___[cond:_hover",
198
+ "borderColor]___[value:text.link]___[cond:_active",
199
+ "background]___[value:surface.actionSubtle.active]___[cond:_active",
200
+ "outline]___[value:none]___[cond:_focusVisible",
201
+ "borderRadius]___[value:0]___[cond:_focusVisible",
202
+ "content]___[value:\"\"]___[cond:_focusVisible<___>_after",
203
+ "position]___[value:absolute]___[cond:_focusVisible<___>_after",
204
+ "inset]___[value:0]___[cond:_focusVisible<___>_after",
205
+ "outline]___[value:3px]___[cond:_focusVisible<___>_after",
206
+ "borderRadius]___[value:xsmall]___[cond:_focusVisible<___>_after",
207
+ "outlineColor]___[value:stroke.default]___[cond:_focusVisible<___>_after",
208
+ "outlineOffset]___[value:3px]___[cond:_focusVisible<___>_after",
209
+ "outlineStyle]___[value:solid]___[cond:_focusVisible<___>_after",
210
+ "textStyle]___[value:body.medium",
211
+ "textAlign]___[value:center",
212
+ "color]___[value:text.strong]___[cond:& a",
213
+ "marginTop]___[value:0]___[cond:& h1",
214
+ "marginBottom]___[value:medium",
215
+ "marginTop]___[value:xxlarge]___[cond:tablet",
216
+ "marginBottom]___[value:xxlarge]___[cond:tablet",
217
+ "marginBlock]___[value:xxlarge",
218
+ "marginTop]___[value:3xsmall",
219
+ "marginLeft]___[value:3xsmall",
220
+ "padding]___[value:medium",
221
+ "transitionProperty]___[value:max-height",
222
+ "transitionDuration]___[value:slow",
223
+ "transitionTimingFunction]___[value:ease-in-out",
224
+ "maxHeight]___[value:surface.xxsmall",
225
+ "overflow]___[value:visible]___[cond:_closed<___>_print",
226
+ "maxHeight]___[value:500vh]___[cond:_closed<___>_print",
227
+ "maxHeight]___[value:500vh]___[cond:_open",
228
+ "marginBlockStart]___[value:0]___[cond:& :first-child",
229
+ "content]___[value:\"\"]___[cond:_after",
230
+ "textAlign]___[value:center]___[cond:_after",
231
+ "position]___[value:absolute]___[cond:_after",
232
+ "inset]___[value:0]___[cond:_after",
233
+ "transitionProperty]___[value:opacity]___[cond:_after",
234
+ "transitionDuration]___[value:slow]___[cond:_after",
235
+ "transitionTimingFunction]___[value:ease-out]___[cond:_after",
236
+ "gradientFrom]___[value:surface.default/00]___[cond:_after",
237
+ "gradientTo]___[value:surface.default]___[cond:_after",
238
+ "backgroundGradient]___[value:to-b]___[cond:_after",
239
+ "opacity]___[value:1]___[cond:_after",
240
+ "zIndex]___[value:base]___[cond:_after",
241
+ "overflow]___[value:visible]___[cond:_print",
242
+ "display]___[value:none]___[cond:_print<___>_after",
243
+ "paddingBlockEnd]___[value:xsmall]___[cond:_open",
244
+ "opacity]___[value:0]___[cond:_open<___>_after",
245
+ "zIndex]___[value:hide]___[cond:_open<___>_after",
246
+ "bottom]___[value:-medium",
247
+ "transitionTimingFunction]___[value:ease-in-out]___[cond:& svg",
248
+ "transitionDuration]___[value:fast]___[cond:& svg",
249
+ "transform]___[value:rotate(180deg)]___[cond:_open<___>& svg",
250
+ "display]___[value:none]___[cond:_print",
251
+ "justifyContent]___[value:space-between",
252
+ "gap]___[value:small",
253
+ "paddingInline]___[value:0",
254
+ "marginBlockStart]___[value:3xsmall",
255
+ "paddingBlock]___[value:small",
256
+ "borderTop]___[value:1px solid",
257
+ "background]___[value:surface.brand.1.subtle]___[cond:_first",
258
+ "borderColor]___[value:stroke.default]___[cond:_first",
259
+ "fontWeight]___[value:bold]___[cond:_first<___>& p",
260
+ "fontStyle]___[value:italic",
261
+ "background]___[value:surface.default",
262
+ "borderColor]___[value:stroke.error",
263
+ "background]___[value:surface.dangerSubtle",
264
+ "display]___[value:inline-flex",
265
+ "whiteSpace]___[value:pre-wrap",
266
+ "display]___[value:grid]___[cond:mobileWideDown",
267
+ "gridTemplateColumns]___[value:1fr auto]___[cond:mobileWideDown",
268
+ "alignItems]___[value:center]___[cond:mobileWideDown",
269
+ "overflow]___[value:hidden]___[cond:mobileWideDown",
270
+ "display]___[value:inline]___[cond:mobileWideDown<___>_open",
271
+ "whiteSpace]___[value:nowrap]___[cond:mobileWideDown",
272
+ "maxHeight]___[value:large]___[cond:mobileWideDown",
273
+ "textOverflow]___[value:ellipsis]___[cond:mobileWideDown",
274
+ "transitionProperty]___[value:max-height]___[cond:mobileWideDown",
275
+ "transitionDuration]___[value:slow]___[cond:mobileWideDown",
276
+ "transitionTimingFunction]___[value:ease-in]___[cond:mobileWideDown",
277
+ "whiteSpace]___[value:pre-wrap]___[cond:mobileWideDown<___>_open",
278
+ "maxHeight]___[value:none]___[cond:mobileWideDown<___>_open",
279
+ "display]___[value:none]___[cond:mobileWide",
280
+ "color]___[value:primary",
281
+ "whiteSpace]___[value:nowrap",
282
+ "textDecoration]___[value:none]___[cond:_focusWithin",
283
+ "textDecoration]___[value:underline]___[cond:& h3",
284
+ "transitionProperty]___[value:width, height]___[cond:& [data-forward]",
285
+ "transitionTimingFunction]___[value:ease-in-out]___[cond:& [data-forward]",
286
+ "transitionDuration]___[value:fast]___[cond:& [data-forward]",
287
+ "textDecoration]___[value:none]___[cond:_hover<___>& h3",
288
+ "width]___[value:large]___[cond:_hover<___>& [data-forward]",
289
+ "height]___[value:large]___[cond:_hover<___>& [data-forward]",
290
+ "color]___[value:icon.strong",
291
+ "listStyle]___[value:none",
292
+ "content]___[value:\"\"]___[cond:_before",
293
+ "position]___[value:absolute]___[cond:_before",
294
+ "inset]___[value:0]___[cond:_before",
295
+ "zIndex]___[value:0]___[cond:_before",
296
+ "display]___[value:grid",
297
+ "gridTemplateColumns]___[value:repeat(2, 1fr)",
298
+ "gridTemplateColumns]___[value:1fr]___[cond:tabletDown",
299
+ "marginBlockStart]___[value:xsmall",
300
+ "padding]___[value:xsmall]___[cond:tabletWideDown",
301
+ "flexDirection]___[value:column]___[cond:tabletDown",
302
+ "gap]___[value:0]___[cond:tabletDown",
303
+ "padding]___[value:0]___[cond:tabletDown",
304
+ "padding]___[value:xsmall]___[cond:tabletDown",
305
+ "aspectRatio]___[value:1/1",
306
+ "width]___[value:100%]___[cond:tabletDown",
307
+ "borderRadius]___[value:0]___[cond:tabletDown"
167
308
  ],
168
309
  "recipes": {}
169
310
  }