@auronui/styles 1.4.0 → 1.4.2

package/src/components/separator/separator.styles.ts

@@ -3,20 +3,34 @@ import type {VariantProps} from "../../utils";
 import {tv} from "tailwind-variants";
 
 const separatorVariants = tv({
-  base: "separator",
+  slots: {
+    base: "separator",
+    line: "separator__line",
+    content: "separator__content",
+  },
   defaultVariants: {
     orientation: "horizontal",
     variant: "default",
   },
   variants: {
     orientation: {
-      horizontal: "separator--horizontal",
-      vertical: "separator--vertical",
+      horizontal: {
+        base: "separator--horizontal",
+      },
+      vertical: {
+        base: "separator--vertical",
+      },
     },
     variant: {
-      default: "separator--default",
-      secondary: "separator--secondary",
-      tertiary: "separator--tertiary",
+      default: {
+        base: "separator--default",
+      },
+      secondary: {
+        base: "separator--secondary",
+      },
+      tertiary: {
+        base: "separator--tertiary",
+      },
     },
   },
 });

package/src/components/switch-group/switch-group.styles.ts

@@ -9,6 +9,9 @@ export const switchGroupVariants = tv({
   slots: {
     base: "switch-group",
     items: "switch-group__items",
+    label: "switch-group__label",
+    description: "switch-group__description",
+    errorMessage: "switch-group__error-message",
   },
   variants: {
     orientation: {

package/src/components/tabs/tabs.styles.ts

@@ -14,6 +14,11 @@ export const tabsVariants = tv({
     tabList: "tabs__list",
     tabListContainer: "tabs__list-container",
     tabPanel: "tabs__panel",
+    scrollWrapper: "tabs__scroll-wrapper",
+    more: "tabs__more",
+    moreBtn: "tabs__more-btn",
+    overflowMenu: "tabs__overflow-menu",
+    overflowItem: "tabs__overflow-item",
   },
   variants: {
     variant: {