@websline/system-components 1.0.11 → 1.0.13

package/dist/components/molecules/toggleGroup/toggleGroupItem.variants.js

@@ -4,8 +4,9 @@ const toggleGroupItemVariants = tv({
 	slots: {
 		base: "relative h-full w-full whitespace-nowrap",
 		button:
-			"block h-full w-full cursor-pointer rounded-sm bg-transparent button-small transition-[background,color]",
-		span: "relative z-2 block",
+			"block h-full w-full cursor-pointer rounded-sm bg-transparent ui-button-small transition-[background,color]",
+		icon: "shrink-0",
+		span: "relative z-2 flex items-center justify-center gap-2",
 		trigger: "absolute inset-0 z-1 rounded-sm bg-white shadow-sm",
 	},
 	variants: {
@@ -19,7 +20,7 @@ const toggleGroupItemVariants = tv({
 		},
 		size: {
 			small: {
-				button: "px-1.5",
+				button: "px-1",
 			},
 			medium: {
 				button: "px-3",
@@ -48,19 +49,19 @@ const toggleGroupItemVariants = tv({
 
 const toggleGroupItemTabVariants = tv({
 	slots: {
-		base: "relative h-full w-full px-1 whitespace-nowrap",
-		button: "h-full w-full cursor-pointer button-default transition-[color]",
-		span: "block",
-		trigger:
-			"absolute -bottom-px left-0 h-0.5 w-full rounded-t-xs bg-blue-500 dark:bg-blue-400",
+		base: "relative h-full w-full whitespace-nowrap text-neutral-900 dark:text-neutral-200",
+		button: "h-full w-full cursor-pointer ui-button-default transition-[color]",
+		icon: "shrink-0",
+		span: "flex items-center justify-center gap-1",
+		trigger: "absolute -bottom-px left-0 h-0.5 w-full rounded-t-xs bg-current",
 	},
 	variants: {
 		isActive: {
 			true: {
-				button: "text-neutral-900 dark:text-white",
+				button: "text-current",
 			},
 			false: {
-				button: "text-neutral-500 hover:text-neutral-900 dark:hover:text-white",
+				button: "text-neutral-500 hover:text-current",
 			},
 		},
 	},

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

@@ -4,11 +4,12 @@ const modalVariants = tv({
 	slots: {
 		close: "ml-auto",
 		container:
-			"my-4 grid max-h-[calc(100vh-32px)] w-[calc(100vw-32px)] min-w-xs grid-rows-[auto_1fr] overflow-hidden rounded-2xl bg-white leading-[1.486] shadow-sm dark:bg-neutral-800 dark:text-neutral-200",
-		header: "flex items-start border-b border-neutral-300 px-4 py-3",
+			"my-4 grid max-h-[calc(100vh-32px)] w-[calc(100vw-32px)] min-w-xs grid-rows-[auto_1fr] overflow-hidden rounded-lg bg-white body-small shadow-sm outline-8 outline-white/90 dark:bg-neutral-800 dark:text-neutral-200 dark:outline-neutral-800/90",
+		header:
+			"flex items-end border-b border-neutral-300 px-4 py-3 ui-title-2 dark:border-neutral-700",
 		body: "h-full overflow-auto",
 		overlay: "fixed inset-0 z-modal-backdrop bg-black/25",
-		positioner: "fixed inset-0 z-1 z-modal grid items-center justify-items-center",
+		positioner: "fixed inset-0 z-modal grid items-center justify-items-center",
 		trigger: "cursor-pointer",
 	},
 	variants: {

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

@@ -7,7 +7,7 @@ const popoverVariants = tv({
 		content:
 			"flex flex-col-reverse rounded-2xl bg-white shadow-sm dark:bg-neutral-800",
 		header:
-			"flex items-center justify-between gap-3 border-b border-gray-300 heading-h6 dark:text-neutral-200",
+			"flex items-center justify-between gap-3 border-b border-gray-300 ui-title-2 dark:text-neutral-200",
 		trigger: "cursor-pointer",
 	},
 	variants: {

package/dist/index.d.ts

@@ -25,6 +25,7 @@ export { default as FormLayout } from "./components/molecules/formLayout/FormLay
 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";
+export { default as TagSelector } from "./components/molecules/tagSelector/TagSelector.svelte";
 export { default as ToggleGroup } from "./components/molecules/toggleGroup/ToggleGroup.svelte";
 export { default as ToggleGroupItem } from "./components/molecules/toggleGroup/ToggleGroupItem.svelte";
 export * as Dialog from "./components/organisms/dialog/index.js";

package/dist/index.js

@@ -35,6 +35,7 @@ export { default as FormLayout } from "./components/molecules/formLayout/FormLay
 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";
+export { default as TagSelector } from "./components/molecules/tagSelector/TagSelector.svelte";
 export { default as ToggleGroup } from "./components/molecules/toggleGroup/ToggleGroup.svelte";
 export { default as ToggleGroupItem } from "./components/molecules/toggleGroup/ToggleGroupItem.svelte";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "publishConfig": {
     "access": "public"
   },
@@ -53,7 +53,7 @@
     "@sveltejs/kit": "^2.49.2",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^25.0.3",