@websline/system-components 1.0.0 → 1.0.1

package/dist/components/organisms/popover/PopoverContent.svelte.d.ts

@@ -4,10 +4,6 @@ type PopoverContent = {
     $set?(props: Partial<Props>): void;
 };
 declare const PopoverContent: import("svelte").Component<{
-    /**
-     * Children content – can be text, HTML, or other Svelte components
-     */
-    children?: import("svelte").Snippet;
     /**
      * The preferred alignment of the anchor to render the floating element against when open. This may change when collisions occur.
      */
@@ -16,6 +12,14 @@ declare const PopoverContent: import("svelte").Component<{
      * The distance in pixels from the anchor to the floating element.
      */
     alignOffset?: number;
+    /**
+     * Children content – can be text, HTML, or other Svelte components
+     */
+    children?: import("svelte").Snippet;
+    /**
+     * Additional CSS classes for the content
+     */
+    class?: string;
     /**
      * When true, prevents the body from scrolling when the content is open. This is useful when you want to use the content as a modal.
      */
@@ -46,10 +50,6 @@ declare const PopoverContent: import("svelte").Component<{
     title?: string;
 }, {}, "">;
 type Props = {
-    /**
-     * Children content – can be text, HTML, or other Svelte components
-     */
-    children?: import("svelte").Snippet;
     /**
      * The preferred alignment of the anchor to render the floating element against when open. This may change when collisions occur.
      */
@@ -58,6 +58,14 @@ type Props = {
      * The distance in pixels from the anchor to the floating element.
      */
     alignOffset?: number;
+    /**
+     * Children content – can be text, HTML, or other Svelte components
+     */
+    children?: import("svelte").Snippet;
+    /**
+     * Additional CSS classes for the content
+     */
+    class?: string;
     /**
      * When true, prevents the body from scrolling when the content is open. This is useful when you want to use the content as a modal.
      */

package/dist/components/organisms/popover/popover.variants.d.ts

@@ -1,21 +1,8 @@
 export const popoverVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            close?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            body?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            close?: import("tailwind-variants").ClassValue;
-            content?: import("tailwind-variants").ClassValue;
-            body?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
+    noPadding: {
+        false: {
+            body: string;
+            header: string;
         };
     };
 }, {
@@ -24,13 +11,27 @@ export const popoverVariants: import("tailwind-variants").TVReturnType<{
     content: string;
     header: string;
     trigger: string;
-}, undefined, any, {
+}, undefined, {
+    noPadding: {
+        false: {
+            body: string;
+            header: string;
+        };
+    };
+}, {
     body: string;
     close: string;
     content: string;
     header: string;
     trigger: string;
-}, import("tailwind-variants").TVReturnType<any, {
+}, import("tailwind-variants").TVReturnType<{
+    noPadding: {
+        false: {
+            body: string;
+            header: string;
+        };
+    };
+}, {
     body: string;
     close: string;
     content: string;

package/dist/components/organisms/popover/popover.variants.js

@@ -2,14 +2,22 @@ import { tv } from "tailwind-variants";
 
 const popoverVariants = tv({
 	slots: {
-		body: "p-3",
+		body: "",
 		close: "ml-auto",
 		content:
-			"bg-white dark:bg-neutral-800 rounded-2xl flex flex-col-reverse shadow-sm",
+			"flex flex-col-reverse rounded-2xl bg-white shadow-sm dark:bg-neutral-800",
 		header:
-			"p-3 border-b border-gray-300 heading-h6 flex items-center justify-between gap-3 dark:text-neutral-200",
+			"flex items-center justify-between gap-3 border-b border-gray-300 heading-h6 dark:text-neutral-200",
 		trigger: "cursor-pointer",
 	},
+	variants: {
+		noPadding: {
+			false: {
+				body: "p-3",
+				header: "p-3",
+			},
+		},
+	},
 });
 
 export { popoverVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "publishConfig": {
     "access": "public"
   },

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

@@ -1,31 +0,0 @@
-<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 20 20"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
-	{...rest}>
-	<path
-		d="M7.6176 17.5001C6.22131 17.0892 4.97843 16.3264 3.99429 15.3157C4.36143 14.8857 4.58268 14.33 4.58268 13.7233C4.58268 12.3587 3.46339 11.2524 2.08268 11.2524C1.99916 11.2524 1.91659 11.2565 1.83518 11.2644C1.72426 10.7284 1.66602 10.1736 1.66602 9.60519C1.66602 8.74426 1.79967 7.91418 2.04759 7.13409C2.05927 7.13425 2.07097 7.13433 2.08268 7.13433C3.46339 7.13433 4.58268 6.02809 4.58268 4.66347C4.58268 4.27172 4.49043 3.90129 4.32627 3.57218C5.28997 2.68654 6.46622 2.02374 7.77106 1.66675C8.18452 2.46774 9.02714 3.01625 9.99935 3.01625C10.9716 3.01625 11.8142 2.46774 12.2276 1.66675C13.5325 2.02374 14.7087 2.68654 15.6724 3.57218C15.5083 3.90129 15.416 4.27172 15.416 4.66347C15.416 6.02809 16.5353 7.13433 17.916 7.13433C17.9277 7.13433 17.9394 7.13425 17.9511 7.13409C18.199 7.91418 18.3327 8.74426 18.3327 9.60519C18.3327 10.1736 18.2744 10.7284 18.1635 11.2644C18.0821 11.2565 17.9996 11.2524 17.916 11.2524C16.5353 11.2524 15.416 12.3587 15.416 13.7233C15.416 14.33 15.6373 14.8857 16.0044 15.3157C15.0203 16.3264 13.7774 17.0892 12.3811 17.5001C12.0588 16.5038 11.1143 15.7823 9.99935 15.7823C8.88435 15.7823 7.93985 16.5038 7.6176 17.5001Z"
-		stroke={color}
-		stroke-width={strokeWidth}
-		stroke-linejoin="round" />
-	<path
-		d="M9.99935 12.4878C11.6102 12.4878 12.916 11.1972 12.916 9.60515C12.916 8.01309 11.6102 6.72248 9.99935 6.72248C8.38852 6.72248 7.08268 8.01309 7.08268 9.60515C7.08268 11.1972 8.38852 12.4878 9.99935 12.4878Z"
-		stroke={color}
-		stroke-width={strokeWidth}
-		stroke-linejoin="round" />
-</svg>