@ndla/primitives 1.0.95-alpha.0 → 1.0.97-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 (269) hide show
  1. package/dist/panda.buildinfo.json +68 -68
  2. package/dist/styles.css +1375 -1375
  3. package/es/{Accordion.js → Accordion.mjs} +2 -2
  4. package/es/Accordion.mjs.map +1 -0
  5. package/es/{ArticleLists.js → ArticleLists.mjs} +2 -2
  6. package/es/ArticleLists.mjs.map +1 -0
  7. package/es/{Badge.js → Badge.mjs} +2 -2
  8. package/es/Badge.mjs.map +1 -0
  9. package/es/{BlockQuote.js → BlockQuote.mjs} +2 -2
  10. package/es/BlockQuote.mjs.map +1 -0
  11. package/es/{Button.js → Button.mjs} +3 -3
  12. package/es/Button.mjs.map +1 -0
  13. package/es/Card/{Card.js → Card.mjs} +4 -4
  14. package/es/Card/Card.mjs.map +1 -0
  15. package/es/{Checkbox.js → Checkbox.mjs} +3 -3
  16. package/es/Checkbox.mjs.map +1 -0
  17. package/es/{Combobox.js → Combobox.mjs} +4 -4
  18. package/es/Combobox.mjs.map +1 -0
  19. package/es/{DatePicker.js → DatePicker.mjs} +3 -3
  20. package/es/DatePicker.mjs.map +1 -0
  21. package/es/{Dialog.js → Dialog.mjs} +3 -4
  22. package/es/Dialog.mjs.map +1 -0
  23. package/es/ErrorMessage/{ErrorMessage.js → ErrorMessage.mjs} +3 -3
  24. package/es/ErrorMessage/ErrorMessage.mjs.map +1 -0
  25. package/es/{ExpandableBox.js → ExpandableBox.mjs} +2 -2
  26. package/es/ExpandableBox.mjs.map +1 -0
  27. package/es/{Field.js → Field.mjs} +1 -1
  28. package/es/Field.mjs.map +1 -0
  29. package/es/{FieldErrorMessage.js → FieldErrorMessage.mjs} +2 -2
  30. package/es/FieldErrorMessage.mjs.map +1 -0
  31. package/es/{FieldHelper.js → FieldHelper.mjs} +2 -2
  32. package/es/FieldHelper.mjs.map +1 -0
  33. package/es/{Figure.js → Figure.mjs} +2 -2
  34. package/es/Figure.mjs.map +1 -0
  35. package/es/{FileUpload.js → FileUpload.mjs} +4 -4
  36. package/es/FileUpload.mjs.map +1 -0
  37. package/es/{FramedContent.js → FramedContent.mjs} +2 -2
  38. package/es/FramedContent.mjs.map +1 -0
  39. package/es/{Hero.js → Hero.mjs} +2 -2
  40. package/es/Hero.mjs.map +1 -0
  41. package/es/{Image.js → Image.mjs} +2 -2
  42. package/es/Image.mjs.map +1 -0
  43. package/es/{Input.js → Input.mjs} +2 -2
  44. package/es/Input.mjs.map +1 -0
  45. package/es/{Label.js → Label.mjs} +2 -2
  46. package/es/Label.mjs.map +1 -0
  47. package/es/Layout/{PageContainer.js → PageContainer.mjs} +2 -2
  48. package/es/Layout/PageContainer.mjs.map +1 -0
  49. package/es/Layout/{PageContent.js → PageContent.mjs} +2 -2
  50. package/es/Layout/PageContent.mjs.map +1 -0
  51. package/es/ListItem/{ListItem.js → ListItem.mjs} +4 -4
  52. package/es/ListItem/ListItem.mjs.map +1 -0
  53. package/es/{Menu.js → Menu.mjs} +3 -3
  54. package/es/Menu.mjs.map +1 -0
  55. package/es/{MessageBox.js → MessageBox.mjs} +2 -2
  56. package/es/MessageBox.mjs.map +1 -0
  57. package/es/{NdlaLogo.js → NdlaLogo.mjs} +2 -2
  58. package/es/NdlaLogo.mjs.map +1 -0
  59. package/es/{Pagination.js → Pagination.mjs} +2 -2
  60. package/es/Pagination.mjs.map +1 -0
  61. package/es/{Popover.js → Popover.mjs} +3 -3
  62. package/es/Popover.mjs.map +1 -0
  63. package/es/{RadioGroup.js → RadioGroup.mjs} +3 -4
  64. package/es/RadioGroup.mjs.map +1 -0
  65. package/es/{Select.js → Select.mjs} +3 -3
  66. package/es/Select.mjs.map +1 -0
  67. package/es/{Skeleton.js → Skeleton.mjs} +1 -1
  68. package/es/Skeleton.mjs.map +1 -0
  69. package/es/{Slider.js → Slider.mjs} +3 -3
  70. package/es/Slider.mjs.map +1 -0
  71. package/es/{Spinner.js → Spinner.mjs} +2 -2
  72. package/es/Spinner.mjs.map +1 -0
  73. package/es/{Switch.js → Switch.mjs} +3 -3
  74. package/es/Switch.mjs.map +1 -0
  75. package/es/{Table.js → Table.mjs} +1 -1
  76. package/es/Table.mjs.map +1 -0
  77. package/es/{Tabs.js → Tabs.mjs} +2 -2
  78. package/es/Tabs.mjs.map +1 -0
  79. package/es/{TagsInput.js → TagsInput.mjs} +3 -3
  80. package/es/TagsInput.mjs.map +1 -0
  81. package/es/{Text.js → Text.mjs} +2 -2
  82. package/es/Text.mjs.map +1 -0
  83. package/es/{Toast.js → Toast.mjs} +3 -3
  84. package/es/Toast.mjs.map +1 -0
  85. package/es/{ToggleGroup.js → ToggleGroup.mjs} +2 -2
  86. package/es/ToggleGroup.mjs.map +1 -0
  87. package/es/{Tooltip.js → Tooltip.mjs} +2 -2
  88. package/es/Tooltip.mjs.map +1 -0
  89. package/es/Tree/{Tree.js → Tree.mjs} +3 -3
  90. package/es/Tree/Tree.mjs.map +1 -0
  91. package/es/{index.js → index.mjs} +45 -46
  92. package/lib/Accordion.d.ts +43 -17
  93. package/lib/Accordion.js +2 -2
  94. package/lib/Accordion.js.map +1 -1
  95. package/lib/ArticleLists.d.ts +8 -10
  96. package/lib/ArticleLists.js +1 -1
  97. package/lib/ArticleLists.js.map +1 -1
  98. package/lib/Badge.d.ts +5 -9
  99. package/lib/Badge.js +1 -1
  100. package/lib/Badge.js.map +1 -1
  101. package/lib/BlockQuote.d.ts +5 -8
  102. package/lib/BlockQuote.js +1 -1
  103. package/lib/BlockQuote.js.map +1 -1
  104. package/lib/Button.d.ts +12 -18
  105. package/lib/Button.js +1 -1
  106. package/lib/Button.js.map +1 -1
  107. package/lib/Card/Card.d.ts +22 -17
  108. package/lib/Card/Card.js +2 -2
  109. package/lib/Card/Card.js.map +1 -1
  110. package/lib/Checkbox.d.ts +325 -20
  111. package/lib/Checkbox.js +2 -2
  112. package/lib/Checkbox.js.map +1 -1
  113. package/lib/Combobox.d.ts +42 -51
  114. package/lib/Combobox.js +2 -2
  115. package/lib/Combobox.js.map +1 -1
  116. package/lib/DatePicker.d.ts +31 -75
  117. package/lib/DatePicker.js +2 -2
  118. package/lib/DatePicker.js.map +1 -1
  119. package/lib/Dialog.d.ts +221 -31
  120. package/lib/Dialog.js +2 -3
  121. package/lib/Dialog.js.map +1 -1
  122. package/lib/ErrorMessage/ErrorMessage.d.ts +12 -15
  123. package/lib/ErrorMessage/ErrorMessage.js +2 -2
  124. package/lib/ErrorMessage/ErrorMessage.js.map +1 -1
  125. package/lib/ExpandableBox.d.ts +7 -9
  126. package/lib/ExpandableBox.js +1 -1
  127. package/lib/ExpandableBox.js.map +1 -1
  128. package/lib/FieldErrorMessage.d.ts +7 -9
  129. package/lib/FieldErrorMessage.js +1 -1
  130. package/lib/FieldErrorMessage.js.map +1 -1
  131. package/lib/FieldHelper.d.ts +7 -9
  132. package/lib/FieldHelper.js +1 -1
  133. package/lib/FieldHelper.js.map +1 -1
  134. package/lib/Figure.d.ts +5 -9
  135. package/lib/Figure.js +1 -1
  136. package/lib/Figure.js.map +1 -1
  137. package/lib/FileUpload.d.ts +22 -36
  138. package/lib/FileUpload.js +2 -2
  139. package/lib/FileUpload.js.map +1 -1
  140. package/lib/FramedContent.d.ts +5 -8
  141. package/lib/FramedContent.js +1 -1
  142. package/lib/FramedContent.js.map +1 -1
  143. package/lib/Hero.d.ts +78 -18
  144. package/lib/Hero.js +2 -2
  145. package/lib/Hero.js.map +1 -1
  146. package/lib/Image.d.ts +4 -4
  147. package/lib/Image.js +1 -1
  148. package/lib/Image.js.map +1 -1
  149. package/lib/Input.d.ts +10 -17
  150. package/lib/Input.js +1 -1
  151. package/lib/Input.js.map +1 -1
  152. package/lib/Label.d.ts +11 -16
  153. package/lib/Label.js +1 -1
  154. package/lib/Label.js.map +1 -1
  155. package/lib/Layout/PageContainer.d.ts +5 -11
  156. package/lib/Layout/PageContainer.js.map +1 -1
  157. package/lib/Layout/PageContent.d.ts +6 -8
  158. package/lib/Layout/PageContent.js +1 -1
  159. package/lib/Layout/PageContent.js.map +1 -1
  160. package/lib/ListItem/ListItem.d.ts +7 -9
  161. package/lib/ListItem/ListItem.js +2 -2
  162. package/lib/ListItem/ListItem.js.map +1 -1
  163. package/lib/Menu.d.ts +20 -35
  164. package/lib/Menu.js +2 -2
  165. package/lib/Menu.js.map +1 -1
  166. package/lib/MessageBox.d.ts +5 -8
  167. package/lib/MessageBox.js +1 -1
  168. package/lib/MessageBox.js.map +1 -1
  169. package/lib/NdlaLogo.d.ts +3 -3
  170. package/lib/NdlaLogo.js +1 -1
  171. package/lib/NdlaLogo.js.map +1 -1
  172. package/lib/Pagination.d.ts +7 -19
  173. package/lib/Pagination.js +2 -2
  174. package/lib/Pagination.js.map +1 -1
  175. package/lib/Popover.d.ts +21 -34
  176. package/lib/Popover.js +2 -2
  177. package/lib/Popover.js.map +1 -1
  178. package/lib/RadioGroup.d.ts +14 -19
  179. package/lib/RadioGroup.js +2 -3
  180. package/lib/RadioGroup.js.map +1 -1
  181. package/lib/Select.d.ts +25 -47
  182. package/lib/Select.js +2 -2
  183. package/lib/Select.js.map +1 -1
  184. package/lib/Skeleton.d.ts +2 -2
  185. package/lib/Skeleton.js.map +1 -1
  186. package/lib/Slider.d.ts +12 -18
  187. package/lib/Slider.js +2 -2
  188. package/lib/Slider.js.map +1 -1
  189. package/lib/Spinner.d.ts +5 -8
  190. package/lib/Spinner.js +1 -1
  191. package/lib/Spinner.js.map +1 -1
  192. package/lib/Switch.d.ts +11 -14
  193. package/lib/Switch.js +2 -2
  194. package/lib/Switch.js.map +1 -1
  195. package/lib/Table.d.ts +3 -2
  196. package/lib/Table.js.map +1 -1
  197. package/lib/Tabs.d.ts +10 -15
  198. package/lib/Tabs.js +2 -2
  199. package/lib/Tabs.js.map +1 -1
  200. package/lib/TagsInput.d.ts +30 -43
  201. package/lib/TagsInput.js +2 -2
  202. package/lib/TagsInput.js.map +1 -1
  203. package/lib/Text.d.ts +9 -7
  204. package/lib/Text.js +1 -1
  205. package/lib/Text.js.map +1 -1
  206. package/lib/Toast.d.ts +27 -12
  207. package/lib/Toast.js +2 -2
  208. package/lib/Toast.js.map +1 -1
  209. package/lib/ToggleGroup.d.ts +8 -10
  210. package/lib/ToggleGroup.js +2 -2
  211. package/lib/ToggleGroup.js.map +1 -1
  212. package/lib/Tooltip.d.ts +11 -19
  213. package/lib/Tooltip.js +2 -2
  214. package/lib/Tooltip.js.map +1 -1
  215. package/lib/Tree/Tree.d.ts +23 -36
  216. package/lib/Tree/Tree.js +2 -2
  217. package/lib/Tree/Tree.js.map +1 -1
  218. package/lib/index.d.ts +0 -1
  219. package/lib/index.js +0 -2
  220. package/package.json +7 -7
  221. package/es/Accordion.js.map +0 -1
  222. package/es/ArticleLists.js.map +0 -1
  223. package/es/Badge.js.map +0 -1
  224. package/es/BlockQuote.js.map +0 -1
  225. package/es/Button.js.map +0 -1
  226. package/es/Card/Card.js.map +0 -1
  227. package/es/Checkbox.js.map +0 -1
  228. package/es/Combobox.js.map +0 -1
  229. package/es/DatePicker.js.map +0 -1
  230. package/es/Dialog.js.map +0 -1
  231. package/es/ErrorMessage/ErrorMessage.js.map +0 -1
  232. package/es/ExpandableBox.js.map +0 -1
  233. package/es/Field.js.map +0 -1
  234. package/es/FieldErrorMessage.js.map +0 -1
  235. package/es/FieldHelper.js.map +0 -1
  236. package/es/Figure.js.map +0 -1
  237. package/es/FileUpload.js.map +0 -1
  238. package/es/FramedContent.js.map +0 -1
  239. package/es/Hero.js.map +0 -1
  240. package/es/Image.js.map +0 -1
  241. package/es/Input.js.map +0 -1
  242. package/es/Label.js.map +0 -1
  243. package/es/Layout/PageContainer.js.map +0 -1
  244. package/es/Layout/PageContent.js.map +0 -1
  245. package/es/ListItem/ListItem.js.map +0 -1
  246. package/es/Menu.js.map +0 -1
  247. package/es/MessageBox.js.map +0 -1
  248. package/es/NdlaLogo.js.map +0 -1
  249. package/es/Pagination.js.map +0 -1
  250. package/es/Popover.js.map +0 -1
  251. package/es/RadioGroup.js.map +0 -1
  252. package/es/Select.js.map +0 -1
  253. package/es/Skeleton.js.map +0 -1
  254. package/es/Slider.js.map +0 -1
  255. package/es/Spinner.js.map +0 -1
  256. package/es/Switch.js.map +0 -1
  257. package/es/Table.js.map +0 -1
  258. package/es/Tabs.js.map +0 -1
  259. package/es/TagsInput.js.map +0 -1
  260. package/es/Text.js.map +0 -1
  261. package/es/Toast.js.map +0 -1
  262. package/es/ToggleGroup.js.map +0 -1
  263. package/es/Tooltip.js.map +0 -1
  264. package/es/Tree/Tree.js.map +0 -1
  265. package/es/createStyleContext.js +0 -55
  266. package/es/createStyleContext.js.map +0 -1
  267. package/lib/createStyleContext.d.ts +0 -32
  268. package/lib/createStyleContext.js +0 -56
  269. package/lib/createStyleContext.js.map +0 -1
package/dist/panda.buildinfo.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "schemaVersion": "0.53.6",
2
+ "schemaVersion": "1.3.0",
3
3
  "styles": {
4
4
  "atomic": [
5
5
  "display]___[value:flex",
@@ -194,12 +194,6 @@
194
194
  "height]___[value:large",
195
195
  "width]___[value:large",
196
196
  "paddingInline]___[value:xxsmall",
197
- "position]___[value:relative",
198
- "transitionProperty]___[value:background, color",
199
- "borderColor]___[value:stroke.hover]___[cond:_hover",
200
- "gap]___[value:xsmall",
201
- "height]___[value:200px",
202
- "objectFit]___[value:cover",
203
197
  "userSelect]___[value:none",
204
198
  "color]___[value:text.action]___[cond:_hover",
205
199
  "outline]___[value:2px solid]___[cond:_focusVisible",
@@ -217,6 +211,7 @@
217
211
  "color]___[value:text.disabled]___[cond:_disabled<___>_checked<___>_hover",
218
212
  "borderColor]___[value:stroke.disabled]___[cond:_disabled<___>_checked<___>_hover",
219
213
  "background]___[value:surface.disabled]___[cond:_disabled<___>_checked<___>_hover",
214
+ "borderColor]___[value:stroke.hover]___[cond:_hover",
220
215
  "outlineColor]___[value:stroke.hover]___[cond:_hover",
221
216
  "backgroundColor]___[value:surface.dangerSubtle]___[cond:_hover<___>_invalid",
222
217
  "color]___[value:text.onAction]___[cond:_checked",
@@ -283,6 +278,7 @@
283
278
  "color]___[value:stroke.default",
284
279
  "textDecoration]___[value:underline]___[cond:_checked",
285
280
  "textDecoration]___[value:underline]___[cond:_highlighted",
281
+ "gap]___[value:xsmall",
286
282
  "animation]___[value:fade-shift-in 0.25s ease-in-out]___[cond:_open",
287
283
  "animation]___[value:fade-shift-out 0.25s ease-in-out]___[cond:_closed",
288
284
  "gap]___[value:5xsmall",
@@ -309,6 +305,7 @@
309
305
  "zIndex]___[value:modal",
310
306
  "zIndex]___[value:alertModal",
311
307
  "--margin]___[value:token(sizes.medium)",
308
+ "position]___[value:relative",
312
309
  "boxShadow]___[value:xlarge",
313
310
  "height]___[value:min-content",
314
311
  "maxWidth]___[value:95%",
@@ -354,8 +351,6 @@
354
351
  "paddingBlockStart]___[value:small",
355
352
  "paddingBlockEnd]___[value:medium",
356
353
  "justifyContent]___[value:flex-end",
357
- "gap]___[value:xxlarge",
358
- "gap]___[value:medium",
359
354
  "padding]___[value:medium",
360
355
  "clear]___[value:both",
361
356
  "padding]___[value:medium]___[cond:_open",
@@ -402,6 +397,7 @@
402
397
  "gridArea]___[value:size",
403
398
  "gridArea]___[value:delete",
404
399
  "alignSelf]___[value:center",
400
+ "objectFit]___[value:cover",
405
401
  "height]___[value:100%",
406
402
  "borderRadius]___[value:small",
407
403
  "backgroundColor]___[value:surface.default",
@@ -448,65 +444,7 @@
448
444
  "width]___[value:inherit",
449
445
  "color]___[value:text.subtle]___[cond:_disabled",
450
446
  "display]___[value:inline-block",
451
- "paddingBlockEnd]___[value:5xlarge",
452
- "paddingBlockStart]___[value:xxlarge",
453
- "paddingBlockStart]___[value:4xlarge",
454
- "transitionDuration]___[value:default",
455
- "alignContent]___[value:start",
456
- "gridColumnGap]___[value:var(--gutter, 0)",
457
- "gridTemplateColumns]___[value:1fr min(var(--size), calc(100% - (var(--gutter, 0) * 2))) 1fr",
458
- "gridColumnStart]___[value:2]___[cond:& > *",
459
- "gridColumnEnd]___[value:2]___[cond:& > *",
460
- "--size]___[value:sizes.surface.contentMax",
461
- "--size]___[value:sizes.surface.articleMax",
462
- "--size]___[value:sizes.surface.pageMax",
463
- "--size]___[value:sizes.surface.wideMax",
464
- "--gutter]___[value:0px",
465
- "--gutter]___[value:spacing.medium]___[cond:mobileWide",
466
- "--gutter]___[value:spacing.medium]___[cond:tablet",
467
- "--gutter]___[value:spacing.small",
468
- "width]___[value:100%]___[cond:& ",
469
- "gridColumnStart]___[value:1]___[cond:& ",
470
- "gridColumnEnd]___[value:-1]___[cond:& ",
471
- "minHeight]___[value:3xlarge",
472
- "borderBlockWidth]___[value:1px",
473
- "borderInlineColor]___[value:transparent",
474
- "transitionProperty]___[value:background-color, border-color, color",
475
- "transitionDuration]___[value:superFast",
476
- "transitionTimingFunction]___[value:ease-in-out",
477
- "borderStyle]___[value:dashed",
478
- "--background-hover]___[value:colors.surface.action.brand.1.hover",
479
- "--border-hover]___[value:colors.stroke.hover",
480
- "--border-color-current]___[value:colors.stroke.default",
481
- "--background-hover]___[value:colors.surface.brand.2.moderate",
482
- "--border-hover]___[value:colors.surface.brand.2.strong",
483
- "--border-color-current]___[value:colors.surface.brand.2.strong",
484
- "--background-hover]___[value:colors.surface.action.myNdla.hover",
485
- "--border-hover]___[value:colors.stroke.subtle",
486
- "--border-color-current]___[value:colors.stroke.subtle",
487
- "--background-hover]___[value:colors.surface.hover",
488
- "--border-color-current]___[value:colors.stroke.discrete",
489
- "background]___[value:var(--background-hover)]___[cond:_hover",
490
- "background]___[value:var(--background-hover)]___[cond:_highlighted",
491
- "borderBlockColor]___[value:stroke.subtle",
492
- "borderBlockColor]___[value:var(--border-hover)]___[cond:_hover",
493
- "borderBlockColor]___[value:var(--border-hover)]___[cond:_highlighted",
494
- "borderBlockStartColor]___[value:transparent",
495
- "borderBlockEndColor]___[value:stroke.subtle",
496
- "marginBlockStart]___[value:-1px",
497
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_first<___>_hover",
498
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_first<___>_highlighted",
499
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:&:hover + &",
500
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:&[data-highlighted] + &",
501
- "borderBlockEndColor]___[value:transparent]___[cond:_hover",
502
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_hover",
503
- "borderBlockEndColor]___[value:var(--border-hover)]___[cond:_hover<___>_last",
504
- "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_highlighted",
505
- "borderBlockEndColor]___[value:var(--border-hover)]___[cond:_highlighted<___>_last",
506
- "minHeight]___[value:40px",
507
- "maxHeight]___[value:40px",
508
- "minWidth]___[value:56px",
509
- "maxWidth]___[value:56px",
447
+ "transitionProperty]___[value:background, color",
510
448
  "textDecoration]___[value:underline]___[cond:_hover",
511
449
  "color]___[value:stroke.disabled]___[cond:_disabled<___>& svg",
512
450
  "textDecoration]___[value:none]___[cond:_disabled<___>_hover",
@@ -744,6 +682,68 @@
744
682
  "flexDirection]___[value:row",
745
683
  "--arrow-size]___[value:spacing.xxsmall",
746
684
  "--arrow-background]___[value:colors.surface.action",
685
+ "height]___[value:200px",
686
+ "gap]___[value:xxlarge",
687
+ "gap]___[value:medium",
688
+ "paddingBlockEnd]___[value:5xlarge",
689
+ "paddingBlockStart]___[value:xxlarge",
690
+ "paddingBlockStart]___[value:4xlarge",
691
+ "transitionDuration]___[value:default",
692
+ "alignContent]___[value:start",
693
+ "gridColumnGap]___[value:var(--gutter, 0)",
694
+ "gridTemplateColumns]___[value:1fr min(var(--size), calc(100% - (var(--gutter, 0) * 2))) 1fr",
695
+ "gridColumnStart]___[value:2]___[cond:& > *",
696
+ "gridColumnEnd]___[value:2]___[cond:& > *",
697
+ "--size]___[value:sizes.surface.contentMax",
698
+ "--size]___[value:sizes.surface.articleMax",
699
+ "--size]___[value:sizes.surface.pageMax",
700
+ "--size]___[value:sizes.surface.wideMax",
701
+ "--gutter]___[value:0px",
702
+ "--gutter]___[value:spacing.medium]___[cond:mobileWide",
703
+ "--gutter]___[value:spacing.medium]___[cond:tablet",
704
+ "--gutter]___[value:spacing.small",
705
+ "width]___[value:100%]___[cond:& ",
706
+ "gridColumnStart]___[value:1]___[cond:& ",
707
+ "gridColumnEnd]___[value:-1]___[cond:& ",
708
+ "minHeight]___[value:3xlarge",
709
+ "borderBlockWidth]___[value:1px",
710
+ "borderInlineColor]___[value:transparent",
711
+ "transitionProperty]___[value:background-color, border-color, color",
712
+ "transitionDuration]___[value:superFast",
713
+ "transitionTimingFunction]___[value:ease-in-out",
714
+ "borderStyle]___[value:dashed",
715
+ "--background-hover]___[value:colors.surface.action.brand.1.hover",
716
+ "--border-hover]___[value:colors.stroke.hover",
717
+ "--border-color-current]___[value:colors.stroke.default",
718
+ "--background-hover]___[value:colors.surface.brand.2.moderate",
719
+ "--border-hover]___[value:colors.surface.brand.2.strong",
720
+ "--border-color-current]___[value:colors.surface.brand.2.strong",
721
+ "--background-hover]___[value:colors.surface.action.myNdla.hover",
722
+ "--border-hover]___[value:colors.stroke.subtle",
723
+ "--border-color-current]___[value:colors.stroke.subtle",
724
+ "--background-hover]___[value:colors.surface.hover",
725
+ "--border-color-current]___[value:colors.stroke.discrete",
726
+ "background]___[value:var(--background-hover)]___[cond:_hover",
727
+ "background]___[value:var(--background-hover)]___[cond:_highlighted",
728
+ "borderBlockColor]___[value:stroke.subtle",
729
+ "borderBlockColor]___[value:var(--border-hover)]___[cond:_hover",
730
+ "borderBlockColor]___[value:var(--border-hover)]___[cond:_highlighted",
731
+ "borderBlockStartColor]___[value:transparent",
732
+ "borderBlockEndColor]___[value:stroke.subtle",
733
+ "marginBlockStart]___[value:-1px",
734
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_first<___>_hover",
735
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_first<___>_highlighted",
736
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:&:hover + &",
737
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:&[data-highlighted] + &",
738
+ "borderBlockEndColor]___[value:transparent]___[cond:_hover",
739
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_hover",
740
+ "borderBlockEndColor]___[value:var(--border-hover)]___[cond:_hover<___>_last",
741
+ "borderBlockStartColor]___[value:var(--border-hover)]___[cond:_highlighted",
742
+ "borderBlockEndColor]___[value:var(--border-hover)]___[cond:_highlighted<___>_last",
743
+ "minHeight]___[value:40px",
744
+ "maxHeight]___[value:40px",
745
+ "minWidth]___[value:56px",
746
+ "maxWidth]___[value:56px",
747
747
  "paddingInlineStart]___[value:calc((var(--depth) - 1) * token(spacing.medium))",
748
748
  "paddingInlineEnd]___[value:xsmall",
749
749
  "transform]___[value:rotate(90deg)]___[cond:_open",