@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.
Files changed (78) hide show
  1. package/package.json +12 -5
  2. package/src/async/button.svelte +16 -8
  3. package/src/composed/data-table/th.svelte +5 -5
  4. package/src/composed/data-table.svelte +6 -5
  5. package/src/composed/form.svelte +60 -0
  6. package/src/composed/table-functions.js +3 -1
  7. package/src/composed/toast/message.svelte +15 -38
  8. package/src/control/button.svelte +1 -1
  9. package/src/control/input.svelte +89 -109
  10. package/src/control/label.svelte +1 -1
  11. package/src/control/link.svelte +32 -32
  12. package/src/control/radio-group.svelte +21 -0
  13. package/src/control/select.svelte +5 -5
  14. package/src/control/tabs.svelte +9 -21
  15. package/src/control/toggle.svelte +2 -2
  16. package/src/data-display/avatar.svelte +4 -1
  17. package/src/data-display/badge.svelte +1 -1
  18. package/src/data-display/chip.svelte +1 -1
  19. package/src/data-display/popover.svelte +25 -25
  20. package/src/data-display/progress.svelte +27 -27
  21. package/src/data-display/table.svelte +1 -1
  22. package/src/dialogs/confirm.svelte +3 -3
  23. package/src/hash.js +14 -14
  24. package/src/index.mjs +11 -1
  25. package/src/info/icon.svelte +1 -1
  26. package/src/info/notification.svelte +28 -16
  27. package/src/info/titlebar.svelte +22 -5
  28. package/src/layout/dialog.svelte +1 -1
  29. package/src/layout/drawer.svelte +49 -49
  30. package/src/layout/flex.svelte +0 -4
  31. package/src/layout/grid.svelte +4 -4
  32. package/src/layout/paper.svelte +56 -47
  33. package/src/routing/route.svelte +48 -0
  34. package/src/routing/routing.js +62 -0
  35. package/src/routing/title.svelte +26 -0
  36. package/src/spinner/circle-spinner.svelte +2 -1
  37. package/src/spinner/hexagon-spinner.svelte +2 -1
  38. package/src/text.svelte +2 -4
  39. package/src/wsx.mjs +25 -24
  40. package/src/async/button.md +0 -27
  41. package/src/async/load-zone.md +0 -42
  42. package/src/composed/data-table/th.md +0 -21
  43. package/src/composed/data-table.md +0 -86
  44. package/src/composed/entry-button.md +0 -44
  45. package/src/composed/toast.md +0 -45
  46. package/src/control/button.md +0 -41
  47. package/src/control/input.md +0 -87
  48. package/src/control/label.md +0 -48
  49. package/src/control/link.md +0 -50
  50. package/src/control/radio.md +0 -58
  51. package/src/control/radio.svelte +0 -28
  52. package/src/control/select.md +0 -70
  53. package/src/control/tabs.md +0 -47
  54. package/src/control/toggle.md +0 -61
  55. package/src/data-display/avatar.md +0 -36
  56. package/src/data-display/badge.md +0 -30
  57. package/src/data-display/chip.md +0 -36
  58. package/src/data-display/details.md +0 -42
  59. package/src/data-display/popover.md +0 -32
  60. package/src/data-display/progress.md +0 -46
  61. package/src/data-display/table.md +0 -59
  62. package/src/data-display/tooltip.md +0 -29
  63. package/src/dialogs/alert.md +0 -42
  64. package/src/dialogs/confirm.md +0 -56
  65. package/src/functions.md +0 -108
  66. package/src/info/icon.md +0 -21
  67. package/src/info/notification.md +0 -36
  68. package/src/info/titlebar.md +0 -75
  69. package/src/info/toaster.md +0 -26
  70. package/src/layout/dialog.md +0 -43
  71. package/src/layout/drawer.md +0 -70
  72. package/src/layout/flex.md +0 -43
  73. package/src/layout/grid.md +0 -61
  74. package/src/layout/modal.md +0 -50
  75. package/src/layout/paper.md +0 -94
  76. package/src/layout/screen.md +0 -33
  77. package/src/spinner/spinners.md +0 -22
  78. package/src/text.md +0 -34
@@ -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
- ```
@@ -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
- ```