@particle-network/ui-react 0.0.1

package/dist/components/UXTabs/tabs.classes.d.ts

@@ -0,0 +1,210 @@
+export declare const tabsClasses: {
+    variants: {
+        variant: {
+            solid: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+                tabContent: string;
+            };
+            switch: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+                tabContent: string;
+            };
+            light: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+                tabContent: string;
+            };
+            text: {
+                tabList: string;
+                tab: string;
+                tabContent: string;
+                cursor: string;
+            };
+        };
+        size: {
+            sm: {};
+            md: {};
+            lg: {};
+        };
+        color: {
+            default: {};
+            primary: {};
+            secondary: {};
+            success: {};
+            alert: {};
+            warning: {};
+            danger: {};
+            bullish: {};
+            bearish: {};
+        };
+        radius: {
+            none: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+            };
+            sm: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+            };
+            md: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+            };
+            lg: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+            };
+            full: {
+                tabList: string;
+                tab: string;
+                cursor: string;
+            };
+        };
+        fullWidth: {
+            true: {
+                base: string;
+                tabList: string;
+            };
+        };
+        isDisabled: {
+            true: {
+                tabList: string;
+            };
+        };
+        disableAnimation: {
+            true: {
+                tab: string;
+                tabContent: string;
+            };
+        };
+        placement: {
+            top: {
+                panel: string;
+            };
+            start: {
+                tabList: string;
+                panel: string;
+                tabWrapper: string;
+            };
+            end: {
+                tabList: string;
+                panel: string;
+                tabWrapper: string;
+            };
+            bottom: {
+                tabWrapper: string;
+            };
+        };
+    };
+    defaultVariants: {
+        color: string;
+        variant: string;
+        size: string;
+        fullWidth: boolean;
+        isDisabled: boolean;
+        placement: string;
+    };
+    compoundVariants: ({
+        variant: string[];
+        size: string;
+        class: {
+            tabList: string;
+            tab: string;
+            cursor?: undefined;
+            tabContent?: undefined;
+        };
+        color?: undefined;
+        disableAnimation?: undefined;
+    } | {
+        variant: string[];
+        size: string;
+        class: {
+            tabList: string;
+            tab: string;
+            cursor: string;
+            tabContent?: undefined;
+        };
+        color?: undefined;
+        disableAnimation?: undefined;
+    } | {
+        variant: string[];
+        color: string;
+        class: {
+            cursor: string[];
+            tabContent: string;
+            tabList?: undefined;
+            tab?: undefined;
+        };
+        size?: undefined;
+        disableAnimation?: undefined;
+    } | {
+        variant: string[];
+        color: string;
+        class: {
+            cursor: string;
+            tabContent: string;
+            tabList?: undefined;
+            tab?: undefined;
+        };
+        size?: undefined;
+        disableAnimation?: undefined;
+    } | {
+        variant: string;
+        color: string;
+        class: {
+            tabContent: string;
+            tabList?: undefined;
+            tab?: undefined;
+            cursor?: undefined;
+        };
+        size?: undefined;
+        disableAnimation?: undefined;
+    } | {
+        disableAnimation: boolean;
+        variant: string;
+        class: {
+            tab: string[];
+            tabList?: undefined;
+            cursor?: undefined;
+            tabContent?: undefined;
+        };
+        size?: undefined;
+        color?: undefined;
+    } | {
+        disableAnimation: boolean;
+        color: string;
+        variant: string[];
+        class: {
+            tab: string;
+            tabList?: undefined;
+            cursor?: undefined;
+            tabContent?: undefined;
+        };
+        size?: undefined;
+    } | {
+        disableAnimation: boolean;
+        color: string;
+        variant: string;
+        class: {
+            tab: string;
+            tabList?: undefined;
+            cursor?: undefined;
+            tabContent?: undefined;
+        };
+        size?: undefined;
+    })[];
+    compoundSlots: {
+        variant: string;
+        slots: string[];
+        class: string[];
+    }[];
+};