@axel669/zephyr 0.2.0-beta.0 → 0.2.0-beta.1

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 (41) hide show
  1. package/package.json +3 -4
  2. package/readme.md +12 -12
  3. package/src/async/button.svelte +31 -0
  4. package/src/async/load-zone.svelte +17 -0
  5. package/src/composed/data-table.md +17 -5
  6. package/src/composed/entry-button.md +1 -1
  7. package/src/composed/toast/message.svelte +16 -4
  8. package/src/composed/toast.md +1 -1
  9. package/src/control/button.md +2 -2
  10. package/src/control/label.md +45 -0
  11. package/src/control/link.md +20 -11
  12. package/src/control/radio.md +29 -22
  13. package/src/control/radio.svelte +1 -3
  14. package/src/control/select.md +39 -26
  15. package/src/control/tabs.md +36 -26
  16. package/src/control/toggle.md +44 -27
  17. package/src/data-display/avatar.md +20 -14
  18. package/src/data-display/badge.md +9 -9
  19. package/src/data-display/chip.md +16 -12
  20. package/src/data-display/details.md +3 -0
  21. package/src/data-display/popover.md +6 -10
  22. package/src/data-display/progress.md +33 -21
  23. package/src/data-display/table.md +4 -26
  24. package/src/data-display/tooltip.md +10 -10
  25. package/src/dialogs/alert.md +3 -0
  26. package/src/dialogs/confirm.md +3 -0
  27. package/src/functions.md +3 -3
  28. package/src/index.mjs +3 -0
  29. package/src/info/icon.md +5 -8
  30. package/src/info/notification.md +3 -8
  31. package/src/info/titlebar.md +20 -17
  32. package/src/info/toaster.md +7 -8
  33. package/src/layout/dialog.md +3 -2
  34. package/src/layout/drawer.md +31 -17
  35. package/src/layout/flex.md +27 -18
  36. package/src/layout/grid.md +39 -18
  37. package/src/layout/modal.md +18 -6
  38. package/src/layout/paper.md +47 -34
  39. package/src/layout/screen.md +5 -8
  40. package/src/spinner/spinners.md +3 -0
  41. package/src/text.md +22 -10
@@ -6,43 +6,56 @@ Flex as a default layout for its slotted content, but allows any container
6
6
  to be used as a layout without increasing the indentation of all the content
7
7
  needlessly.
8
8
 
9
- ## Base
10
- [Windstorm Paper](https://axel669.github.io/lib.windstorm/#components-paper)
11
-
12
9
  ## Props
13
- All [windstorm functions](https://axel669.github.io/lib.windstorm/#css-shorthands)
14
- are supported.
15
-
16
- - ### color `string`
17
- Sets `$color`
18
- - ### card `bool`
19
- Sets `$outline`
20
- - ### square `bool`
21
- Sets `r[0px]`
22
- - ### layout `Component`
23
- Sets the layout the card will use to display content. Default is Flex.
24
- - ### scrollable `bool`
25
- Sets `over[auto]` on the layout component
26
- - ### l-*
27
- Any prop that is prefixed with `l-` will be passed to the layout
28
- component, with the remaining props acting as the normal wind functions
29
- on the paper itself
10
+
11
+ ### color
12
+ `string`
13
+
14
+ Sets `$color`
15
+
16
+ ### card
17
+ `bool`
18
+
19
+ Sets `$outline`
20
+
21
+ ### square
22
+ `bool`
23
+
24
+ Sets `r[0px]`
25
+
26
+ ### layout
27
+ `Component`
28
+
29
+ Sets the layout the card will use to display content. Default is Flex.
30
+
31
+ ### scrollable
32
+ `bool`
33
+
34
+ Sets `over[auto]` on the layout component
35
+
36
+ ### l-*
37
+ Any prop that is prefixed with `l-` will be passed to the layout
38
+ component, with the remaining props acting as the normal wind functions
39
+ on the paper itself
30
40
 
31
41
  ## Slots
32
- - ### header
33
- The header content for the Paper. Header content does not scroll with
34
- the regular content of the component (acts sticky)
35
- - ### footer
36
- The footer content for the Paper. Same scrolling properties as the
37
- header slot
38
- - ### content/default
39
- The default slot (unnamed) for Paper will be rendered in the layout
40
- component defined in the props. As an alternative, a content slot may
41
- be used that will be rendered directly in the content slot of the Paper
42
- without the layout component/props being rendered (useful when nesting
43
- papers for example)
44
-
45
- ## Usage
42
+
43
+ ### header
44
+ The header content for the Paper. Header content does not scroll with
45
+ the regular content of the component (acts sticky)
46
+
47
+ ### footer
48
+ The footer content for the Paper. Same scrolling properties as the
49
+ header slot
50
+
51
+ ### content/default
52
+ The default slot (unnamed) for Paper will be rendered in the layout
53
+ component defined in the props. As an alternative, a content slot may
54
+ be used that will be rendered directly in the content slot of the Paper
55
+ without the layout component/props being rendered (useful when nesting
56
+ papers for example)
57
+
58
+ ## Example
46
59
  ```svelte
47
60
  <Paper>
48
61
  <Titlebar slot="header">
@@ -7,17 +7,14 @@ pass values back from child screens. The stacking effect of the Screen is
7
7
  controlled by internally tracked svelte context, so no manual effort is
8
8
  required to get stacking screens to have the effect.
9
9
 
10
- ## Base
11
- [Windstorm Screen](https://axel669.github.io/lib.windstorm/#components-screen)
12
-
13
10
  ## Props
14
- All [windstorm functions](https://axel669.github.io/lib.windstorm/#css-shorthands)
15
- are supported, but they probably won't help much with this component.
16
11
 
17
- - ### width `string`
18
- The width of the screen before stack-based padding is applied
12
+ ### width
13
+ `string`
14
+
15
+ The width of the screen before stack-based padding is applied
19
16
 
20
- ## Usage
17
+ ## Example
21
18
  `cool-screen.svelte`
22
19
  ```svelte
23
20
  <Screen width="70%">
@@ -0,0 +1,3 @@
1
+ # Spinners
2
+
3
+ Under construction.
package/src/text.md CHANGED
@@ -4,16 +4,28 @@ Simple component with some common props for types of text.
4
4
 
5
5
  ## Props
6
6
 
7
- - ### adorn `bool`
8
- Sets `$adorn`
9
- - ### block `bool`
10
- Sets `block`
11
- - ### subtitle `bool`
12
- Sets `$subtitle`
13
- - ### title `bool`
14
- Sets `$title`
15
-
16
- ## Usage
7
+
8
+ ### adorn
9
+ `bool`
10
+
11
+ Sets `$adorn`
12
+
13
+ ### block
14
+ `bool`
15
+
16
+ Sets `block`
17
+
18
+ ### subtitle
19
+ `bool`
20
+
21
+ Sets `$subtitle`
22
+
23
+ ### title
24
+ `bool`
25
+
26
+ Sets `$title`
27
+
28
+ ## Example
17
29
  ```svelte
18
30
  <Text>Some text</Text>
19
31
  <Text title>Bigger text</Text>