@ndla/primitives 0.0.16 → 0.0.18

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 (59) hide show
  1. package/dist/panda.buildinfo.json +18 -14
  2. package/dist/styles.css +333 -315
  3. package/es/Accordion.js +58 -30
  4. package/es/Button.js +3 -2
  5. package/es/Card/Card.js +77 -0
  6. package/es/Checkbox.js +12 -4
  7. package/es/Combobox.js +30 -10
  8. package/es/Dialog.js +9 -3
  9. package/es/Figure.js +21 -4
  10. package/es/Image.js +92 -0
  11. package/es/Input.js +1 -1
  12. package/es/Menu.js +21 -7
  13. package/es/Pagination.js +15 -5
  14. package/es/Popover.js +30 -10
  15. package/es/RadioGroup.js +12 -4
  16. package/es/Select.js +36 -12
  17. package/es/Slider.js +15 -5
  18. package/es/Switch.js +9 -3
  19. package/es/Tabs.js +15 -5
  20. package/es/TagsInput.js +27 -9
  21. package/es/Toast.js +9 -3
  22. package/es/Tooltip.js +15 -5
  23. package/es/createStyleContext.js +6 -12
  24. package/es/index.js +3 -1
  25. package/lib/Accordion.d.ts +41 -2
  26. package/lib/Accordion.js +58 -30
  27. package/lib/Badge.d.ts +1 -0
  28. package/lib/Button.d.ts +2 -2
  29. package/lib/Button.js +3 -2
  30. package/lib/Card/Card.d.ts +19 -0
  31. package/lib/Card/Card.js +83 -0
  32. package/lib/Checkbox.js +12 -4
  33. package/lib/Combobox.d.ts +45 -13
  34. package/lib/Combobox.js +30 -10
  35. package/lib/Dialog.js +9 -3
  36. package/lib/Figure.d.ts +3 -3
  37. package/lib/Figure.js +21 -4
  38. package/lib/Image.d.ts +49 -0
  39. package/lib/Image.js +100 -0
  40. package/lib/Input.js +1 -1
  41. package/lib/Menu.js +21 -7
  42. package/lib/Pagination.d.ts +6 -2
  43. package/lib/Pagination.js +15 -5
  44. package/lib/Popover.js +30 -10
  45. package/lib/RadioGroup.js +12 -4
  46. package/lib/Select.js +36 -12
  47. package/lib/Slider.js +15 -5
  48. package/lib/Switch.js +9 -3
  49. package/lib/Tabs.d.ts +4 -1
  50. package/lib/Tabs.js +15 -5
  51. package/lib/TagsInput.d.ts +15 -2
  52. package/lib/TagsInput.js +27 -9
  53. package/lib/Toast.js +9 -3
  54. package/lib/Tooltip.js +15 -5
  55. package/lib/createStyleContext.d.ts +5 -2
  56. package/lib/createStyleContext.js +6 -12
  57. package/lib/index.d.ts +8 -4
  58. package/lib/index.js +74 -0
  59. package/package.json +5 -5
package/dist/panda.buildinfo.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "schemaVersion": "0.41.0",
2
+ "schemaVersion": "0.42.0",
3
3
  "styles": {
4
4
  "atomic": [
5
5
  "display]___[value:flex",
@@ -9,23 +9,23 @@
9
9
  "justifyContent]___[value:space-between",
10
10
  "background]___[value:surface.default",
11
11
  "cursor]___[value:pointer",
12
- "paddingInline]___[value:medium",
13
- "paddingBlock]___[value:medium",
14
- "boxShadowColor]___[value:stroke.subtle",
15
- "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)",
16
- "borderRadius]___[value:xsmall",
17
12
  "transitionDuration]___[value:fast",
18
13
  "transitionTimingFunction]___[value:default",
19
14
  "transitionProperty]___[value:background, border-color, border, border-radius",
20
- "width]___[value:100%",
21
15
  "transitionProperty]___[value:background, border-color, border, border-radius]___[cond:_closed",
22
16
  "cursor]___[value:not-allowed]___[cond:_disabled",
23
- "background]___[value:surface..disabled.subtle]___[cond:_disabled",
17
+ "background]___[value:surface.disabled.subtle]___[cond:_disabled",
24
18
  "boxShadowColor]___[value:stroke.disabled]___[cond:_disabled",
25
19
  "color]___[value:text.disabled]___[cond:_disabled",
26
20
  "background]___[value:surface.disabled.subtle]___[cond:_disabled<___>_hover",
27
21
  "boxShadowColor]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
28
22
  "color]___[value:text.disabled]___[cond:_disabled<___>_hover",
23
+ "paddingInline]___[value:medium",
24
+ "paddingBlock]___[value:medium",
25
+ "width]___[value:100%",
26
+ "borderRadius]___[value:xsmall",
27
+ "boxShadowColor]___[value:stroke.subtle",
28
+ "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)",
29
29
  "background]___[value:surface.actionSubtle.hover]___[cond:_hover",
30
30
  "boxShadowColor]___[value:stroke.hover]___[cond:_hover",
31
31
  "backgroundColor]___[value:surface.actionSubtle.active]___[cond:_open",
@@ -43,12 +43,12 @@
43
43
  "transitionProperty]___[value:padding-bottom",
44
44
  "paddingBlock]___[value:xsmall",
45
45
  "paddingInline]___[value:small",
46
+ "animation]___[value:collapse-in]___[cond:_open",
47
+ "animation]___[value:collapse-out]___[cond:_closed",
46
48
  "borderBottomRadius]___[value:xsmall",
47
49
  "borderWidth]___[value:0 1px 1px",
48
50
  "borderStyle]___[value:solid",
49
51
  "borderColor]___[value:stroke.default",
50
- "animation]___[value:collapse-in]___[cond:_open",
51
- "animation]___[value:collapse-out]___[cond:_closed",
52
52
  "listStyle]___[value:revert",
53
53
  "listStylePosition]___[value:inside",
54
54
  "paddingInlineStart]___[value:small",
@@ -100,8 +100,8 @@
100
100
  "background]___[value:surface.action.active]___[cond:_active",
101
101
  "boxShadow]___[value:inset 0 0 0 3px var(--shadow-color), inset 0px 0px 0px 6px currentcolor]___[cond:_focusVisible",
102
102
  "color]___[value:text.strong",
103
- "background]___[value:transparent",
104
103
  "background]___[value:surface.actionSubtle.active]___[cond:_active",
104
+ "background]___[value:transparent",
105
105
  "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)]___[cond:_hover",
106
106
  "boxShadow]___[value:inset 0 0 0 3px var(--shadow-color)]___[cond:_hover<___>_focusVisible",
107
107
  "borderColor]___[value:stroke.default]___[cond:_active",
@@ -297,13 +297,15 @@
297
297
  "width]___[value:35%]___[cond:desktop",
298
298
  "float]___[value:left]___[cond:tablet",
299
299
  "clear]___[value:left]___[cond:tablet",
300
- "paddingInlineEnd]___[value:medium]___[cond:tablet",
301
300
  "float]___[value:right]___[cond:tablet",
302
301
  "clear]___[value:right]___[cond:tablet",
303
- "paddingInlineStart]___[value:medium]___[cond:tablet",
304
302
  "zIndex]___[value:base",
305
303
  "left]___[value:auto",
306
304
  "marginBlock]___[value:xsmall",
305
+ "paddingInlineEnd]___[value:medium",
306
+ "paddingInlineStart]___[value:medium",
307
+ "paddingInlineStart]___[value:0",
308
+ "paddingInlineEnd]___[value:0",
307
309
  "borderRadius]___[value:small",
308
310
  "backgroundColor]___[value:surface.default",
309
311
  "backgroundColor]___[value:surface.brand.2.subtle",
@@ -541,7 +543,9 @@
541
543
  "right]___[value:xxsmall",
542
544
  "paddingInline]___[value:xxsmall",
543
545
  "--arrow-size]___[value:spacing.xxsmall",
544
- "--arrow-background]___[value:colors.surface.action"
546
+ "--arrow-background]___[value:colors.surface.action",
547
+ "height]___[value:200px",
548
+ "objectFit]___[value:cover"
545
549
  ],
546
550
  "recipes": {}
547
551
  }