@websline/system-components 0.0.5 → 1.0.0

package/dist/components/atoms/icon/components/Layout.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Layout;
+type Layout = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Layout: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Menu.svelte

@@ -0,0 +1,27 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M4 6H20M4 12H20M4 18H20"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Menu.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Menu;
+type Menu = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Menu: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Notifications.svelte

@@ -0,0 +1,26 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M10.5579 19.1371C10.3489 19.4333 10.224 19.7953 10.224 20.1887C10.224 21.1888 11.0194 22 12 22M13.0044 5.3021C14.908 5.76708 16.7527 7.49109 16.7527 9.57565V11.3927C16.7527 13.1253 17.4457 14.6905 18.5652 15.8193C19.289 16.5504 19.0856 17.8008 18.1303 18.1614C16.3515 18.8324 14.0074 19.2015 12 19.2015C9.99118 19.2015 7.64848 18.8324 5.86972 18.1614C4.91441 17.8008 4.711 16.549 5.43485 15.8193C6.55429 14.6905 7.24728 13.1253 7.24728 11.3927V9.57565C7.24728 7.49109 9.09197 5.76708 10.9956 5.3021M13.4407 19.1371C13.6497 19.4333 13.7746 19.7953 13.7746 20.1887C13.7746 21.1888 12.9792 22 11.9986 22M13.7746 3.81129C13.7746 4.81164 12.9794 5.62258 11.9986 5.62258C11.0178 5.62258 10.2226 4.81164 10.2226 3.81129C10.2226 2.81094 11.0178 2 11.9986 2C12.9794 2 13.7746 2.81094 13.7746 3.81129Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-miterlimit="10" />
+</svg>

package/dist/components/atoms/icon/components/Notifications.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Notifications;
+type Notifications = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Notifications: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Picture.svelte

@@ -0,0 +1,27 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M21 18L15.5 13L10.5 17.5L7 14.5L3 17.5M19.5 3H4.5C3.67158 3 3 3.67158 3 4.5V19.5C3 20.3285 3.67158 21 4.5 21H19.5C20.3285 21 21 20.3285 21 19.5V4.5C21 3.67158 20.3285 3 19.5 3ZM9 11.5C10.3807 11.5 11.5 10.3807 11.5 9C11.5 7.6193 10.3807 6.5 9 6.5C7.6193 6.5 6.5 7.6193 6.5 9C6.5 10.3807 7.6193 11.5 9 11.5Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Picture.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Picture;
+type Picture = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Picture: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Search.svelte

@@ -0,0 +1,27 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M12.5839 7.70804C11.9404 7.06462 11.0516 6.66667 10.0697 6.66667C9.08787 6.66667 8.19898 7.06462 7.55556 7.70804M14.6667 14.6667L20 20M10.2222 16.4444C13.6586 16.4444 16.4444 13.6586 16.4444 10.2222C16.4444 6.7858 13.6586 4 10.2222 4C6.7858 4 4 6.7858 4 10.2222C4 13.6586 6.7858 16.4444 10.2222 16.4444Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Search.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Search;
+type Search = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Search: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Settings.svelte

@@ -0,0 +1,31 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M9.1419 21C7.46635 20.507 5.9749 19.5916 4.79393 18.3788C5.2345 17.8627 5.5 17.1959 5.5 16.4679C5.5 14.8303 4.15685 13.5028 2.5 13.5028C2.39977 13.5028 2.3007 13.5077 2.203 13.5172C2.0699 12.874 2 12.2082 2 11.5261C2 10.493 2.16039 9.49691 2.4579 8.5608C2.47191 8.561 2.48594 8.5611 2.5 8.5611C4.15685 8.5611 5.5 7.23361 5.5 5.59607C5.5 5.12596 5.3893 4.68146 5.1923 4.28652C6.34875 3.22375 7.76025 2.42839 9.32605 2C9.8222 2.96119 10.8333 3.6194 12 3.6194C13.1667 3.6194 14.1778 2.96119 14.674 2C16.2398 2.42839 17.6512 3.22375 18.8077 4.28652C18.6107 4.68146 18.5 5.12596 18.5 5.59607C18.5 7.23361 19.8432 8.5611 21.5 8.5611C21.5141 8.5611 21.5281 8.561 21.5421 8.5608C21.8396 9.49691 22 10.493 22 11.5261C22 12.2082 21.9301 12.874 21.797 13.5172C21.6993 13.5077 21.6002 13.5028 21.5 13.5028C19.8432 13.5028 18.5 14.8303 18.5 16.4679C18.5 17.1959 18.7655 17.8627 19.2061 18.3788C18.0251 19.5916 16.5336 20.507 14.8581 21C14.4714 19.8044 13.338 18.9387 12 18.9387C10.662 18.9387 9.5286 19.8044 9.1419 21Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linejoin="round" />
+	<path
+		d="M12 14.9853C13.933 14.9853 15.5 13.4366 15.5 11.5261C15.5 9.61561 13.933 8.06688 12 8.06688C10.067 8.06688 8.5 9.61561 8.5 11.5261C8.5 13.4366 10.067 14.9853 12 14.9853Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Settings.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Settings;
+type Settings = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Settings: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/components/Trash.svelte

@@ -0,0 +1,27 @@
+<script>
+	/**
+	 * @typedef {Object} Props
+	 * @property {string} [color=""] Icon color
+	 * @property {number} [height=24] Icon height
+	 * @property {number} [strokeWidth=24] Icon StrokeWidth
+	 * @property {number} [width=24] Icon width
+	 */
+
+	/** @type {Props} */
+	let { color, height, width, strokeWidth, ...rest } = $props();
+</script>
+
+<svg
+	{height}
+	{width}
+	viewBox="0 0 16 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	{...rest}>
+	<path
+		d="M6.66667 6.66659V11.3333M9.33333 6.66659V11.3333M2 3.33325H14M3.33333 3.33325V14.6666H12.6667V3.33325H3.33333ZM5.33333 3.33325L6.42967 1.33325H9.59237L10.6667 3.33325H5.33333Z"
+		stroke={color}
+		stroke-width={strokeWidth}
+		stroke-linecap="round"
+		stroke-linejoin="round" />
+</svg>

package/dist/components/atoms/icon/components/Trash.svelte.d.ts

@@ -0,0 +1,41 @@
+export default Trash;
+type Trash = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Props>): void;
+};
+declare const Trash: import("svelte").Component<{
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+}, {}, "">;
+type Props = {
+    /**
+     * Icon color
+     */
+    color?: string;
+    /**
+     * Icon height
+     */
+    height?: number;
+    /**
+     * Icon StrokeWidth
+     */
+    strokeWidth?: number;
+    /**
+     * Icon width
+     */
+    width?: number;
+};

package/dist/components/atoms/icon/index.d.ts

@@ -1,34 +1,64 @@
 export namespace registry {
     export { Academy as academy };
     export { Add as add };
+    export { Attach as attach };
+    export { Block as block };
     export { Bold as bold };
     export { Check as check };
     export { ChevronDown as chevronDown };
     export { Close as close };
     export { CloseSmall as closeSmall };
+    export { Cogs as cogs };
+    export { Controlling as controlling };
+    export { Dashboard as dashboard };
+    export { Database as database };
+    export { Dragger as dragger };
+    export { Globe as globe };
     export { Italic as italic };
+    export { Layout as layout };
     export { Link as link };
     export { ListOrdered as listOrdered };
     export { ListUnordered as listUnordered };
+    export { Menu as menu };
+    export { Notifications as notifications };
     export { Page as page };
+    export { Picture as picture };
     export { Redo as redo };
     export { Refresh as refresh };
+    export { Search as search };
+    export { Settings as settings };
+    export { Trash as trash };
     export { Underline as underline };
     export { Undo as undo };
 }
 import Academy from "./components/Academy.svelte";
 import Add from "./components/Add.svelte";
+import Attach from "./components/Attach.svelte";
+import Block from "./components/Block.svelte";
 import Bold from "./components/Bold.svelte";
 import Check from "./components/Check.svelte";
 import ChevronDown from "./components/ChevronDown.svelte";
 import Close from "./components/Close.svelte";
 import CloseSmall from "./components/CloseSmall.svelte";
+import Cogs from "./components/Cogs.svelte";
+import Controlling from "./components/Controlling.svelte";
+import Dashboard from "./components/Dashboard.svelte";
+import Database from "./components/Database.svelte";
+import Dragger from "./components/Dragger.svelte";
+import Globe from "./components/Globe.svelte";
 import Italic from "./components/Italic.svelte";
+import Layout from "./components/Layout.svelte";
 import Link from "./components/Link.svelte";
 import ListOrdered from "./components/ListOrdered.svelte";
 import ListUnordered from "./components/ListUnordered.svelte";
+import Menu from "./components/Menu.svelte";
+import Notifications from "./components/Notifications.svelte";
 import Page from "./components/Page.svelte";
+import Picture from "./components/Picture.svelte";
 import Redo from "./components/Redo.svelte";
 import Refresh from "./components/Refresh.svelte";
+import Search from "./components/Search.svelte";
+import Settings from "./components/Settings.svelte";
+import Trash from "./components/Trash.svelte";
 import Underline from "./components/Underline.svelte";
 import Undo from "./components/Undo.svelte";

package/dist/components/atoms/icon/index.js

@@ -1,35 +1,65 @@
 import Academy from "./components/Academy.svelte";
 import Add from "./components/Add.svelte";
+import Attach from "./components/Attach.svelte";
+import Block from "./components/Block.svelte";
 import Bold from "./components/Bold.svelte";
 import Check from "./components/Check.svelte";
 import ChevronDown from "./components/ChevronDown.svelte";
 import Close from "./components/Close.svelte";
 import CloseSmall from "./components/CloseSmall.svelte";
+import Cogs from "./components/Cogs.svelte";
+import Controlling from "./components/Controlling.svelte";
+import Dashboard from "./components/Dashboard.svelte";
+import Database from "./components/Database.svelte";
+import Dragger from "./components/Dragger.svelte";
+import Globe from "./components/Globe.svelte";
 import Italic from "./components/Italic.svelte";
+import Layout from "./components/Layout.svelte";
 import Link from "./components/Link.svelte";
 import ListOrdered from "./components/ListOrdered.svelte";
 import ListUnordered from "./components/ListUnordered.svelte";
+import Menu from "./components/Menu.svelte";
+import Notifications from "./components/Notifications.svelte";
 import Page from "./components/Page.svelte";
+import Picture from "./components/Picture.svelte";
 import Redo from "./components/Redo.svelte";
 import Refresh from "./components/Refresh.svelte";
+import Search from "./components/Search.svelte";
+import Settings from "./components/Settings.svelte";
+import Trash from "./components/Trash.svelte";
 import Underline from "./components/Underline.svelte";
 import Undo from "./components/Undo.svelte";
 
 export const registry = {
 	academy: Academy,
 	add: Add,
+	attach: Attach,
+	block: Block,
 	bold: Bold,
 	check: Check,
 	chevronDown: ChevronDown,
 	close: Close,
 	closeSmall: CloseSmall,
+	cogs: Cogs,
+	controlling: Controlling,
+	dashboard: Dashboard,
+	database: Database,
+	dragger: Dragger,
+	globe: Globe,
 	italic: Italic,
+	layout: Layout,
 	link: Link,
 	listOrdered: ListOrdered,
 	listUnordered: ListUnordered,
+	menu: Menu,
+	notifications: Notifications,
 	page: Page,
+	picture: Picture,
 	redo: Redo,
 	refresh: Refresh,
+	search: Search,
+	settings: Settings,
+	trash: Trash,
 	underline: Underline,
 	undo: Undo,
 };

package/dist/index.d.ts

@@ -20,7 +20,6 @@ export * as ColorSwatch from "./components/molecules/pickers/colorSwatch/index.j
 export { default as FormActions } from "./components/molecules/formActions/formActions.svelte";
 export { default as FormField } from "./components/molecules/formField/FormField.svelte";
 export { default as FormLayout } from "./components/molecules/formLayout/FormLayout.svelte";
-export { default as NavigationItem } from "./components/molecules/navigationItem/NavigationItem.svelte";
 export { default as Notification } from "./components/molecules/notification/Notification.svelte";
 export { default as RichTextEditor } from "./components/molecules/richTextEditor/RichTextEditor.svelte";
 export { default as SelectorCard } from "./components/molecules/selectorCard/SelectorCard.svelte";

package/dist/index.js

@@ -30,7 +30,6 @@ export * as ColorSwatch from "./components/molecules/pickers/colorSwatch/index.j
 export { default as FormActions } from "./components/molecules/formActions/formActions.svelte";
 export { default as FormField } from "./components/molecules/formField/FormField.svelte";
 export { default as FormLayout } from "./components/molecules/formLayout/FormLayout.svelte";
-export { default as NavigationItem } from "./components/molecules/navigationItem/NavigationItem.svelte";
 export { default as Notification } from "./components/molecules/notification/Notification.svelte";
 export { default as RichTextEditor } from "./components/molecules/richTextEditor/RichTextEditor.svelte";
 export { default as SelectorCard } from "./components/molecules/selectorCard/SelectorCard.svelte";