@hyvor/design 0.0.11 → 0.0.13

package/dist/components/Button/Button.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        as?: "button" | "a" | undefined;
+        as?: "a" | "button" | undefined;
         size?: "small" | "medium" | "large" | "x-small" | undefined;
         color?: "danger" | "accent" | "soft" | "light" | "invisible" | undefined;
         block?: boolean | undefined;

package/dist/components/Divider/Divider.svelte

@@ -0,0 +1,53 @@
+<script>export let color = "var(--accent-lightest)";
+export let height = 1;
+export let width = 100;
+export let margin = 0;
+export let align = "center";
+</script>
+<!-- <div 
+    class="line"
+    style="
+        background-color: {color};
+        height: {height}px;
+        width: {width}%;
+        margin: {margin}px 0;
+        align: {align};
+    "
+/>
+
+<style>
+   
+</style> -->
+
+<!-- <div 
+    class="line"
+    style="
+        background-color: {color};
+        height: {height}px;
+        width: {width}%;
+        margin-top: {margin}px;
+        margin-bottom: {margin}px;
+        margin-left: {align === 'end' ? 'auto' : '0'};
+        margin-right: {align === 'start' ? 'auto' : '0'};
+    "
+/> -->
+
+<div
+    class="line"
+    style="
+    background-color: {color};
+        height: {height}px;
+        width: {width}%;
+        margin-top: {margin}px;
+        margin-bottom: {margin}px;
+        margin-left: {align === 'center' || align === 'end' ? 'auto' : 0};
+        margin-right: {align === 'center' ? 'auto' : 0};
+        display: flex;
+    "
+/>
+
+<style>
+    .line {
+        display: block;
+    }
+</style>

package/dist/components/Divider/Divider.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        height?: number | undefined;
+        width?: number | undefined;
+        margin?: number | undefined;
+        align?: "start" | "end" | "center" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DividerProps = typeof __propDef.props;
+export type DividerEvents = typeof __propDef.events;
+export type DividerSlots = typeof __propDef.slots;
+export default class Divider extends SvelteComponent<DividerProps, DividerEvents, DividerSlots> {
+}
+export {};

package/dist/components/FormControl/FormControl.svelte

@@ -1,4 +1,4 @@
-<div class="form-control">
+<div class="form-control" {...$$restProps}>
     <slot />
 </div>
 

package/dist/components/FormControl/FormControl.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  FormControlEvents */
 /** @typedef {typeof __propDef.slots}  FormControlSlots */
 export default class FormControl extends SvelteComponent<{
-    [x: string]: never;
+    [x: string]: any;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type FormControlSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        [x: string]: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/IconButton/IconButton.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
         [x: string]: any;
         size?: "small" | "medium" | "large" | undefined;
         color?: "danger" | "accent" | "soft" | "invisible" | undefined;
-        as?: "button" | "a" | undefined;
+        as?: "a" | "button" | undefined;
     };
     events: {
         keyup: KeyboardEvent;

package/dist/components/Text/Text.svelte

@@ -1,12 +1,14 @@
 <script>export let small = false;
 export let light = false;
 export let normal = false;
+export let bold = false;
 </script>
 
 <span
     class:light
     class:small
     class:normal
+    class:bold
 
     {...$$restProps}
 >
@@ -23,4 +25,7 @@ export let normal = false;
     span.normal {
         font-weight: 400;
     }
+    span.bold {
+        font-weight: 600;
+    }
 </style>

package/dist/components/Text/Text.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         small?: boolean | undefined;
         light?: boolean | undefined;
         normal?: boolean | undefined;
+        bold?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/TextInput/TextInput.svelte

@@ -27,6 +27,17 @@ let input;
     <input
         {...$$restProps}
         bind:this={input}
+
+        on:keyup
+        on:keydown
+        on:keypress
+        on:focus
+        on:blur
+        on:click
+        on:mouseover
+        on:mouseenter
+        on:mouseleave
+        on:change
     />
 
     {#if $$slots.end}

package/dist/components/TextInput/TextInput.svelte.d.ts

@@ -7,6 +7,17 @@ declare const __propDef: {
         block?: boolean | undefined;
     };
     events: {
+        keyup: KeyboardEvent;
+        keydown: KeyboardEvent;
+        keypress: KeyboardEvent;
+        focus: FocusEvent;
+        blur: FocusEvent;
+        click: MouseEvent;
+        mouseover: MouseEvent;
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+        change: Event;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { default as Checkbox } from './Checkbox/Checkbox.svelte';
 export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
+export { default as Divider } from './Divider/Divider.svelte';
 export { default as Caption } from './FormControl/Caption.svelte';
 export { default as FormControl } from './FormControl/FormControl.svelte';
 export { default as InputGroup } from './FormControl/InputGroup.svelte';
@@ -27,5 +28,6 @@ export { default as Switch } from './Switch/Switch.svelte';
 export { default as Table } from './Table/Table.svelte';
 export { default as TableRow } from './Table/TableRow.svelte';
 export { default as Textarea } from './Textarea/Textarea.svelte';
+export { default as Text } from './Text/Text.svelte';
 export { default as TextInput } from './TextInput/TextInput.svelte';
 export { default as Tooltip } from './Tooltip/Tooltip.svelte';

package/dist/components/index.js

@@ -1,3 +1,5 @@
+import Nav from '../marketing/Docs/Nav/Nav.svelte';
+import NavLink from './NavLink/NavLink.svelte';
 export { default as ActionList } from './ActionList/ActionList.svelte';
 export { default as ActionListItem } from './ActionList/ActionListItem.svelte';
 export { default as ActionListGroup } from './ActionList/ActionListGroup.svelte';
@@ -12,6 +14,7 @@ export { default as Checkbox } from './Checkbox/Checkbox.svelte';
 export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
+export { default as Divider } from './Divider/Divider.svelte';
 export { default as Caption } from './FormControl/Caption.svelte';
 export { default as FormControl } from './FormControl/FormControl.svelte';
 export { default as InputGroup } from './FormControl/InputGroup.svelte';
@@ -27,5 +30,6 @@ export { default as Switch } from './Switch/Switch.svelte';
 export { default as Table } from './Table/Table.svelte';
 export { default as TableRow } from './Table/TableRow.svelte';
 export { default as Textarea } from './Textarea/Textarea.svelte';
+export { default as Text } from './Text/Text.svelte';
 export { default as TextInput } from './TextInput/TextInput.svelte';
 export { default as Tooltip } from './Tooltip/Tooltip.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.11",
+	"version": "0.0.13",
 	"license": "MIT",
 	"private": false,
 	"scripts": {