@websline/system-components 1.3.4 → 1.3.6

package/dist/components/molecules/toggleGroup/toggleGroupItem.variants.d.ts

@@ -13,11 +13,13 @@ export const toggleGroupItemVariants: import("tailwind-variants").TVReturnType<{
         };
         medium: {
             button: string;
+            span: string;
         };
     };
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;
@@ -36,11 +38,13 @@ export const toggleGroupItemVariants: import("tailwind-variants").TVReturnType<{
         };
         medium: {
             button: string;
+            span: string;
         };
     };
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;
@@ -59,11 +63,13 @@ export const toggleGroupItemVariants: import("tailwind-variants").TVReturnType<{
         };
         medium: {
             button: string;
+            span: string;
         };
     };
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;
@@ -80,6 +86,7 @@ export const toggleGroupItemTabVariants: import("tailwind-variants").TVReturnTyp
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;
@@ -95,6 +102,7 @@ export const toggleGroupItemTabVariants: import("tailwind-variants").TVReturnTyp
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;
@@ -110,6 +118,7 @@ export const toggleGroupItemTabVariants: import("tailwind-variants").TVReturnTyp
 }, {
     base: string;
     button: string;
+    content: string;
     icon: string;
     span: string;
     trigger: string;

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

@@ -4,15 +4,16 @@ const toggleGroupItemVariants = tv({
 	slots: {
 		base: "relative h-full w-full whitespace-nowrap",
 		button:
-			"block h-full w-full cursor-pointer rounded-sm bg-transparent ui-button-small transition-[background,color]",
+			"block h-full w-full cursor-pointer rounded-sm bg-transparent ui-select-label font-medium transition-[background,color]",
+		content: "relative z-2 flex items-center justify-center",
 		icon: "shrink-0",
-		span: "relative z-2 flex items-center justify-center gap-2",
+		span: "",
 		trigger: "absolute inset-0 z-1 rounded-sm bg-white shadow-sm",
 	},
 	variants: {
 		isActive: {
 			true: {
-				button: "text-neutral-900 dark:text-white",
+				button: "text-neutral-900 dark:text-neutral-200",
 			},
 			false: {
 				button: "text-neutral-500",
@@ -23,7 +24,8 @@ const toggleGroupItemVariants = tv({
 				button: "px-1",
 			},
 			medium: {
-				button: "px-3",
+				button: "px-2.5",
+				span: "px-2",
 			},
 		},
 	},
@@ -51,8 +53,9 @@ const toggleGroupItemTabVariants = tv({
 	slots: {
 		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]",
+		content: "flex items-center justify-center gap-1",
 		icon: "shrink-0",
-		span: "flex items-center justify-center gap-1",
+		span: "",
 		trigger: "absolute -bottom-px left-0 h-0.5 w-full rounded-t-xs bg-current",
 	},
 	variants: {

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export { default as Radio } from "./components/atoms/radio/Radio.svelte";
 export { default as Select } from "./components/atoms/select/Select.svelte";
 export { default as Spinner } from "./components/atoms/feedback/spinner/Spinner.svelte";
 export { default as Switch } from "./components/atoms/switch/Switch.svelte";
+export { default as Tag } from "./components/atoms/tag/Tag.svelte";
 export { default as Textarea } from "./components/atoms/textarea/Textarea.svelte";
 export { default as XScroll } from "./components/atoms/utils/xScroll/XScroll.svelte";
 export * as ColorSwatch from "./components/molecules/pickers/colorSwatch/index.js";

package/dist/index.js

@@ -22,6 +22,7 @@ export { default as Radio } from "./components/atoms/radio/Radio.svelte";
 export { default as Select } from "./components/atoms/select/Select.svelte";
 export { default as Spinner } from "./components/atoms/feedback/spinner/Spinner.svelte";
 export { default as Switch } from "./components/atoms/switch/Switch.svelte";
+export { default as Tag } from "./components/atoms/tag/Tag.svelte";
 export { default as Textarea } from "./components/atoms/textarea/Textarea.svelte";
 export { default as XScroll } from "./components/atoms/utils/xScroll/XScroll.svelte";
 

package/package.json

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