@axel669/zephyr 0.3.6 → 0.4.4-beta.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.
- package/package.json +12 -5
- package/src/async/button.svelte +16 -8
- package/src/composed/data-table/th.svelte +5 -5
- package/src/composed/data-table.svelte +6 -5
- package/src/composed/form.svelte +60 -0
- package/src/composed/table-functions.js +3 -1
- package/src/composed/toast/message.svelte +15 -38
- package/src/control/button.svelte +1 -1
- package/src/control/input.svelte +89 -109
- package/src/control/label.svelte +1 -1
- package/src/control/link.svelte +32 -32
- package/src/control/radio-group.svelte +21 -0
- package/src/control/select.svelte +5 -5
- package/src/control/tabs.svelte +9 -21
- package/src/control/toggle.svelte +2 -2
- package/src/data-display/avatar.svelte +4 -1
- package/src/data-display/badge.svelte +1 -1
- package/src/data-display/chip.svelte +1 -1
- package/src/data-display/popover.svelte +25 -25
- package/src/data-display/progress.svelte +27 -27
- package/src/data-display/table.svelte +1 -1
- package/src/dialogs/confirm.svelte +3 -3
- package/src/hash.js +14 -14
- package/src/index.mjs +11 -1
- package/src/info/icon.svelte +1 -1
- package/src/info/notification.svelte +28 -16
- package/src/info/titlebar.svelte +22 -5
- package/src/layout/dialog.svelte +1 -1
- package/src/layout/drawer.svelte +49 -49
- package/src/layout/flex.svelte +0 -4
- package/src/layout/grid.svelte +4 -4
- package/src/layout/paper.svelte +56 -47
- package/src/routing/route.svelte +48 -0
- package/src/routing/routing.js +62 -0
- package/src/routing/title.svelte +26 -0
- package/src/spinner/circle-spinner.svelte +2 -1
- package/src/spinner/hexagon-spinner.svelte +2 -1
- package/src/text.svelte +2 -4
- package/src/wsx.mjs +25 -24
- package/src/async/button.md +0 -27
- package/src/async/load-zone.md +0 -42
- package/src/composed/data-table/th.md +0 -21
- package/src/composed/data-table.md +0 -86
- package/src/composed/entry-button.md +0 -44
- package/src/composed/toast.md +0 -45
- package/src/control/button.md +0 -41
- package/src/control/input.md +0 -87
- package/src/control/label.md +0 -48
- package/src/control/link.md +0 -50
- package/src/control/radio.md +0 -58
- package/src/control/radio.svelte +0 -28
- package/src/control/select.md +0 -70
- package/src/control/tabs.md +0 -47
- package/src/control/toggle.md +0 -61
- package/src/data-display/avatar.md +0 -36
- package/src/data-display/badge.md +0 -30
- package/src/data-display/chip.md +0 -36
- package/src/data-display/details.md +0 -42
- package/src/data-display/popover.md +0 -32
- package/src/data-display/progress.md +0 -46
- package/src/data-display/table.md +0 -59
- package/src/data-display/tooltip.md +0 -29
- package/src/dialogs/alert.md +0 -42
- package/src/dialogs/confirm.md +0 -56
- package/src/functions.md +0 -108
- package/src/info/icon.md +0 -21
- package/src/info/notification.md +0 -36
- package/src/info/titlebar.md +0 -75
- package/src/info/toaster.md +0 -26
- package/src/layout/dialog.md +0 -43
- package/src/layout/drawer.md +0 -70
- package/src/layout/flex.md +0 -43
- package/src/layout/grid.md +0 -61
- package/src/layout/modal.md +0 -50
- package/src/layout/paper.md +0 -94
- package/src/layout/screen.md +0 -33
- package/src/spinner/spinners.md +0 -22
- package/src/text.md +0 -34
package/src/layout/screen.md
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
# Screen
|
|
2
|
-
|
|
3
|
-
The screen is a container component that is used for displaying content
|
|
4
|
-
over its parent and stacks as more screens are displayed. Screens that stack
|
|
5
|
-
on top of a parent screen use the Modal to control when they are shown and
|
|
6
|
-
pass values back from child screens. The stacking effect of the Screen is
|
|
7
|
-
controlled by internally tracked svelte context, so no manual effort is
|
|
8
|
-
required to get stacking screens to have the effect.
|
|
9
|
-
|
|
10
|
-
## Props
|
|
11
|
-
|
|
12
|
-
### width
|
|
13
|
-
`string`
|
|
14
|
-
|
|
15
|
-
The width of the screen before stack-based padding is applied
|
|
16
|
-
|
|
17
|
-
## Example
|
|
18
|
-
```svelte
|
|
19
|
-
<script>
|
|
20
|
-
import { Scren, Button, Paper } from "@axel669/zephyr"
|
|
21
|
-
|
|
22
|
-
export let close
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<Screen width="70%">
|
|
26
|
-
<Paper>
|
|
27
|
-
This screen is pretty cool I swear
|
|
28
|
-
<Button on:click={() => close("hi")}>
|
|
29
|
-
Close
|
|
30
|
-
</Button>
|
|
31
|
-
</Paper>
|
|
32
|
-
</Screen>
|
|
33
|
-
```
|
package/src/spinner/spinners.md
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
# Spinners
|
|
2
|
-
Zephyr exports the CircleSpinner and HexagonSpinner components as wrappers for
|
|
3
|
-
windstorms spinners of the same name. Both spinners are svgs with a bit of code
|
|
4
|
-
setup as web components.
|
|
5
|
-
|
|
6
|
-
## Props
|
|
7
|
-
|
|
8
|
-
### color
|
|
9
|
-
Sets the $color macro.
|
|
10
|
-
|
|
11
|
-
### size
|
|
12
|
-
The size of the spinner (width and height). Uses css units.
|
|
13
|
-
|
|
14
|
-
## Example
|
|
15
|
-
```svelte
|
|
16
|
-
<script>
|
|
17
|
-
import { HexagonSpinner } from "@axel669/zephyr"
|
|
18
|
-
</script>
|
|
19
|
-
|
|
20
|
-
<HexagonSpinner size="50px" />
|
|
21
|
-
<HexagonSpinner size="500px" color="@secondary" />
|
|
22
|
-
```
|
package/src/text.md
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
# Text
|
|
2
|
-
|
|
3
|
-
Simple component with some common props for types of text.
|
|
4
|
-
|
|
5
|
-
## Props
|
|
6
|
-
|
|
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
|
|
29
|
-
```svelte
|
|
30
|
-
<Text>Some text</Text>
|
|
31
|
-
<Text title>Bigger text</Text>
|
|
32
|
-
<Text subtitle>Smaller text</Text>
|
|
33
|
-
<Text block>Text on its own line</Text>
|
|
34
|
-
```
|