@axel669/zephyr 0.3.4-beta.0 → 0.3.6

package/src/layout/screen.svelte

@@ -1,34 +1,34 @@
-<svelte:options immutable />
-
-<script context="module">
-    const ctxStack = Symbol("stack context")
-    const ctxClose = Symbol("close context")
-</script>
-
-<script>
-    import { getContext, setContext } from "svelte"
-    import { fly } from "svelte/transition"
-
-    import wsx from "../wsx.mjs"
-
-    export let width = false
-
-    const stack = getContext(ctxStack) ?? 0
-    const animation = {
-        y: window.innerHeight,
-        duration: 350
-    }
-
-    setContext(ctxStack, stack + 1)
-
-    $: wind = {
-        "@stack": stack.toString(),
-        "@screen-width": width,
-        "bg.c": "transparent",
-        ...$$restProps
-    }
-</script>
-
-<ws-screen use:wsx={wind} transition:fly={animation}>
-    <slot />
-</ws-screen>
+<svelte:options immutable />
+
+<script context="module">
+    const ctxStack = Symbol("stack context")
+    const ctxClose = Symbol("close context")
+</script>
+
+<script>
+    import { getContext, setContext } from "svelte"
+    import { fly } from "svelte/transition"
+
+    import wsx from "../wsx.mjs"
+
+    export let width = false
+
+    const stack = getContext(ctxStack) ?? 0
+    const animation = {
+        y: window.innerHeight,
+        duration: 350
+    }
+
+    setContext(ctxStack, stack + 1)
+
+    $: wind = {
+        "@stack": stack.toString(),
+        "@screen-width": width,
+        "bg.c": "transparent",
+        ...$$restProps
+    }
+</script>
+
+<ws-screen use:wsx={wind} transition:fly={animation}>
+    <slot />
+</ws-screen>

package/src/spinner/circle-spinner.svelte

@@ -1,15 +1,15 @@
-<svelte:options immutable />
-
-<script>
-    import wsx from "../wsx.mjs"
-
-    export let size = "100px"
-    export let color = "@primary"
-
-    $: wind = {
-        "@size": size,
-        "$color": color,
-    }
-</script>
-
-<ws-circle-spinner use:wsx={wind} />
+<svelte:options immutable />
+
+<script>
+    import wsx from "../wsx.mjs"
+
+    export let size = "100px"
+    export let color = "@primary"
+
+    $: wind = {
+        "@size": size,
+        "$color": color,
+    }
+</script>
+
+<ws-circle-spinner use:wsx={wind} />

package/src/spinner/hexagon-spinner.svelte

@@ -1,15 +1,15 @@
-<svelte:options immutable />
-
-<script>
-    import wsx from "../wsx.mjs"
-
-    export let size = "100px"
-    export let color = "@primary"
-
-    $: wind = {
-        "@size": size,
-        "$color": color,
-    }
-</script>
-
-<ws-hexagon-spinner use:wsx={wind} />
+<svelte:options immutable />
+
+<script>
+    import wsx from "../wsx.mjs"
+
+    export let size = "100px"
+    export let color = "@primary"
+
+    $: wind = {
+        "@size": size,
+        "$color": color,
+    }
+</script>
+
+<ws-hexagon-spinner use:wsx={wind} />

package/src/spinner/spinners.md

@@ -1,22 +1,22 @@
-# Spinners
-Zephyr exports the CircleSpinner and HexagonSpinner components as wrappers for
-windstorms spinners of the same name. Both spinners are svgs with a bit of code
-setup as web components.
-
-## Props
-
-### color
-Sets the $color macro.
-
-### size
-The size of the spinner (width and height). Uses css units.
-
-## Example
-```svelte
-<script>
-    import { HexagonSpinner } from "@axel669/zephyr"
-</script>
-
-<HexagonSpinner size="50px" />
-<HexagonSpinner size="500px" color="@secondary" />
-```
+# Spinners
+Zephyr exports the CircleSpinner and HexagonSpinner components as wrappers for
+windstorms spinners of the same name. Both spinners are svgs with a bit of code
+setup as web components.
+
+## Props
+
+### color
+Sets the $color macro.
+
+### size
+The size of the spinner (width and height). Uses css units.
+
+## Example
+```svelte
+<script>
+    import { HexagonSpinner } from "@axel669/zephyr"
+</script>
+
+<HexagonSpinner size="50px" />
+<HexagonSpinner size="500px" color="@secondary" />
+```

package/src/text.md

@@ -1,34 +1,34 @@
-# Text
-
-Simple component with some common props for types of text.
-
-## Props
-
-
-### adorn
-`bool`
-
-Sets `$adorn`
-
-### block
-`bool`
-
-Sets `block`
-
-### subtitle
-`bool`
-
-Sets `$subtitle`
-
-### title
-`bool`
-
-Sets `$title`
-
-## Example
-```svelte
-<Text>Some text</Text>
-<Text title>Bigger text</Text>
-<Text subtitle>Smaller text</Text>
-<Text block>Text on its own line</Text>
-```
+# Text
+
+Simple component with some common props for types of text.
+
+## Props
+
+
+### adorn
+`bool`
+
+Sets `$adorn`
+
+### block
+`bool`
+
+Sets `block`
+
+### subtitle
+`bool`
+
+Sets `$subtitle`
+
+### title
+`bool`
+
+Sets `$title`
+
+## Example
+```svelte
+<Text>Some text</Text>
+<Text title>Bigger text</Text>
+<Text subtitle>Smaller text</Text>
+<Text block>Text on its own line</Text>
+```

package/src/text.svelte

@@ -1,22 +1,22 @@
-<svelte:options immutable />
-
-<script>
-    import wsx from "./wsx.mjs"
-
-    export let title = false
-    export let subtitle = false
-    export let block = false
-    export let adorn = false
-
-    $: wind = {
-        "$title": title,
-        "$subtitle": subtitle,
-        "$adorn": adorn,
-        block,
-        ...$$restProps
-    }
-</script>
-
-<span use:wsx={wind}>
-    <slot />
-</span>
+<svelte:options immutable />
+
+<script>
+    import wsx from "./wsx.mjs"
+
+    export let title = false
+    export let subtitle = false
+    export let block = false
+    export let adorn = false
+
+    $: wind = {
+        "$title": title,
+        "$subtitle": subtitle,
+        "$adorn": adorn,
+        block,
+        ...$$restProps
+    }
+</script>
+
+<span use:wsx={wind}>
+    <slot />
+</span>

package/src/variant.mjs

@@ -1,12 +1,12 @@
-export default ({ flat, fill, outline }, def = "$flat") => {
-    if (outline === true) {
-        return "$outline"
-    }
-    if (fill === true) {
-        return "$fill"
-    }
-    if (flat === true) {
-        return "$flat"
-    }
-    return def
-}
+export default ({ flat, fill, outline }, def = "$flat") => {
+    if (outline === true) {
+        return "$outline"
+    }
+    if (fill === true) {
+        return "$fill"
+    }
+    if (flat === true) {
+        return "$flat"
+    }
+    return def
+}

package/src/wsx.mjs

@@ -1,24 +1,24 @@
-import ws from "@axel669/windstorm"
-
-// ws.custom("outline", (o) => ws.prop("outline", o))
-
-export default (node, props) => {
-    const update = (props) => {
-        const { slot = null, ...goodProps } = props ?? {}
-        if (goodProps === null || goodProps === undefined) {
-            node.setAttribute("ws-x", null)
-            return
-        }
-        node.setAttribute(
-            "ws-x",
-            ws.x(goodProps)
-        )
-        if (slot === null) {
-            node.removeAttribute("slot")
-            return
-        }
-        node.setAttribute("slot", slot)
-    }
-    update(props)
-    return { update }
-}
+import ws from "@axel669/windstorm"
+
+// ws.custom("outline", (o) => ws.prop("outline", o))
+
+export default (node, props) => {
+    const update = (props) => {
+        const { slot = null, ...goodProps } = props ?? {}
+        if (goodProps === null || goodProps === undefined) {
+            node.setAttribute("ws-x", null)
+            return
+        }
+        node.setAttribute(
+            "ws-x",
+            ws.x(goodProps)
+        )
+        if (slot === null) {
+            node.removeAttribute("slot")
+            return
+        }
+        node.setAttribute("slot", slot)
+    }
+    update(props)
+    return { update }
+}