@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.
- package/package.json +3 -4
- package/readme.md +12 -12
- package/src/async/button.svelte +31 -0
- package/src/async/load-zone.svelte +17 -0
- package/src/composed/data-table.md +17 -5
- package/src/composed/entry-button.md +1 -1
- package/src/composed/toast/message.svelte +16 -4
- package/src/composed/toast.md +1 -1
- package/src/control/button.md +2 -2
- package/src/control/label.md +45 -0
- package/src/control/link.md +20 -11
- package/src/control/radio.md +29 -22
- package/src/control/radio.svelte +1 -3
- package/src/control/select.md +39 -26
- package/src/control/tabs.md +36 -26
- package/src/control/toggle.md +44 -27
- package/src/data-display/avatar.md +20 -14
- package/src/data-display/badge.md +9 -9
- package/src/data-display/chip.md +16 -12
- package/src/data-display/details.md +3 -0
- package/src/data-display/popover.md +6 -10
- package/src/data-display/progress.md +33 -21
- package/src/data-display/table.md +4 -26
- package/src/data-display/tooltip.md +10 -10
- package/src/dialogs/alert.md +3 -0
- package/src/dialogs/confirm.md +3 -0
- package/src/functions.md +3 -3
- package/src/index.mjs +3 -0
- package/src/info/icon.md +5 -8
- package/src/info/notification.md +3 -8
- package/src/info/titlebar.md +20 -17
- package/src/info/toaster.md +7 -8
- package/src/layout/dialog.md +3 -2
- package/src/layout/drawer.md +31 -17
- package/src/layout/flex.md +27 -18
- package/src/layout/grid.md +39 -18
- package/src/layout/modal.md +18 -6
- package/src/layout/paper.md +47 -34
- package/src/layout/screen.md +5 -8
- package/src/spinner/spinners.md +3 -0
- package/src/text.md +22 -10
package/src/layout/paper.md
CHANGED
|
@@ -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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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">
|
package/src/layout/screen.md
CHANGED
|
@@ -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
|
-
|
|
18
|
-
|
|
12
|
+
### width
|
|
13
|
+
`string`
|
|
14
|
+
|
|
15
|
+
The width of the screen before stack-based padding is applied
|
|
19
16
|
|
|
20
|
-
##
|
|
17
|
+
## Example
|
|
21
18
|
`cool-screen.svelte`
|
|
22
19
|
```svelte
|
|
23
20
|
<Screen width="70%">
|
package/src/spinner/spinners.md
CHANGED
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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>
|