@particle-network/ui-react 0.5.1-beta.5 → 0.5.1-beta.7

package/dist/components/typography/Text.type.js

@@ -1,46 +0,0 @@
-const textClasses = {
-    variant: {
-        h1: 'text-[1.5rem] leading-[1.75rem] font-semibold',
-        h2: 'text-[1.25rem] leading-[1.5rem] font-semibold',
-        h3: 'text-[1rem] leading-[1.25rem] font-semibold',
-        body1Bold: 'text-[0.875rem] leading-[1.125rem] font-medium',
-        body1: 'text-[0.875rem] leading-[1.125rem] font-normal',
-        body2Bold: 'text-[0.75rem] leading-[1rem] font-medium',
-        body2: 'text-[0.75rem] leading-[1rem] font-normal',
-        body3Bold: 'text-[0.6875rem] leading-[1rem] font-medium',
-        body3: 'text-[0.6875rem] leading-[1rem] font-normal',
-        caption1Bold: 'text-[0.625rem] leading-[0.875rem] font-medium',
-        caption1: 'text-[0.625rem] leading-[0.875rem] font-normal'
-    },
-    color: {
-        default: '',
-        foreground: 'text-foreground',
-        secondary: 'text-foreground-300',
-        white: 'text-white',
-        tertiary: 'text-foreground-100',
-        primary: 'text-primary',
-        success: 'text-success',
-        danger: 'text-danger',
-        alert: 'text-alert',
-        warning: 'text-warning',
-        bullish: 'text-bullish',
-        bearish: 'text-bearish'
-    },
-    fontWeight: {
-        normal: 'font-normal',
-        medium: 'font-medium',
-        semibold: 'font-semibold',
-        bold: 'font-bold',
-        extrabold: 'font-extrabold'
-    },
-    lineHeight: {
-        1: 'leading-none',
-        '1.4': 'leading-[1.4]'
-    },
-    align: {
-        left: 'text-left',
-        center: 'text-center',
-        right: 'text-right'
-    }
-};
-export { textClasses };

package/dist/components/typography/text-theme.d.ts

@@ -0,0 +1,178 @@
+export declare const textVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body1Bold: string;
+        body1: string;
+        body2Bold: string;
+        body2: string;
+        body3Bold: string;
+        body3: string;
+        caption1Bold: string;
+        caption1: string;
+    };
+    h1: {
+        true: string;
+    };
+    h2: {
+        true: string;
+    };
+    h3: {
+        true: string;
+    };
+    body1Bold: {
+        true: string;
+    };
+    body1: {
+        true: string;
+    };
+    body2Bold: {
+        true: string;
+    };
+    body2: {
+        true: string;
+    };
+    body3Bold: {
+        true: string;
+    };
+    body3: {
+        true: string;
+    };
+    caption1Bold: {
+        true: string;
+    };
+    caption1: {
+        true: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        none: string;
+        '1': string;
+        '1.4': string;
+    };
+}, undefined, "ux-text-base", {
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body1Bold: string;
+        body1: string;
+        body2Bold: string;
+        body2: string;
+        body3Bold: string;
+        body3: string;
+        caption1Bold: string;
+        caption1: string;
+    };
+    h1: {
+        true: string;
+    };
+    h2: {
+        true: string;
+    };
+    h3: {
+        true: string;
+    };
+    body1Bold: {
+        true: string;
+    };
+    body1: {
+        true: string;
+    };
+    body2Bold: {
+        true: string;
+    };
+    body2: {
+        true: string;
+    };
+    body3Bold: {
+        true: string;
+    };
+    body3: {
+        true: string;
+    };
+    caption1Bold: {
+        true: string;
+    };
+    caption1: {
+        true: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        none: string;
+        '1': string;
+        '1.4': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        body1Bold: string;
+        body1: string;
+        body2Bold: string;
+        body2: string;
+        body3Bold: string;
+        body3: string;
+        caption1Bold: string;
+        caption1: string;
+    };
+    h1: {
+        true: string;
+    };
+    h2: {
+        true: string;
+    };
+    h3: {
+        true: string;
+    };
+    body1Bold: {
+        true: string;
+    };
+    body1: {
+        true: string;
+    };
+    body2Bold: {
+        true: string;
+    };
+    body2: {
+        true: string;
+    };
+    body3Bold: {
+        true: string;
+    };
+    body3: {
+        true: string;
+    };
+    caption1Bold: {
+        true: string;
+    };
+    caption1: {
+        true: string;
+    };
+    fontWeight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+    };
+    lineHeight: {
+        none: string;
+        '1': string;
+        '1.4': string;
+    };
+}, undefined, "ux-text-base", unknown, unknown, undefined>>;

package/dist/components/typography/text-theme.js

@@ -0,0 +1,79 @@
+import { tv } from "@heroui/theme";
+const h1 = 'text-[1.5rem] leading-[1.75rem] font-semibold';
+const h2 = 'text-[1.25rem] leading-[1.5rem] font-semibold';
+const h3 = 'text-[1rem] leading-[1.25rem] font-semibold';
+const body1Bold = 'text-[0.875rem] leading-[1.125rem] font-medium';
+const body1 = 'text-[0.875rem] leading-[1.125rem] font-normal';
+const body2Bold = 'text-[0.75rem] leading-[1rem] font-medium';
+const body2 = 'text-[0.75rem] leading-[1rem] font-normal';
+const body3Bold = 'text-[0.6875rem] leading-[1rem] font-medium';
+const body3 = 'text-[0.6875rem] leading-[1rem] font-normal';
+const caption1Bold = 'text-[0.625rem] leading-[0.875rem] font-medium';
+const caption1 = 'text-[0.625rem] leading-[0.875rem] font-normal';
+const textVariants = tv({
+    base: 'ux-text-base',
+    variants: {
+        variant: {
+            h1,
+            h2,
+            h3,
+            body1Bold,
+            body1,
+            body2Bold,
+            body2,
+            body3Bold,
+            body3,
+            caption1Bold,
+            caption1
+        },
+        h1: {
+            true: h1
+        },
+        h2: {
+            true: h2
+        },
+        h3: {
+            true: h3
+        },
+        body1Bold: {
+            true: body1Bold
+        },
+        body1: {
+            true: body1
+        },
+        body2Bold: {
+            true: body2Bold
+        },
+        body2: {
+            true: body2
+        },
+        body3Bold: {
+            true: body3Bold
+        },
+        body3: {
+            true: body3
+        },
+        caption1Bold: {
+            true: caption1Bold
+        },
+        caption1: {
+            true: caption1
+        },
+        fontWeight: {
+            normal: 'font-normal',
+            medium: 'font-medium',
+            semibold: 'font-semibold',
+            bold: 'font-bold',
+            extrabold: 'font-extrabold'
+        },
+        lineHeight: {
+            none: 'leading-none',
+            1: 'leading-none',
+            '1.4': 'leading-[1.4]'
+        }
+    },
+    defaultVariants: {
+        variant: 'body2Bold'
+    }
+});
+export { textVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.5.1-beta.5",
+  "version": "0.5.1-beta.7",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "@particle-network/eslint-config": "0.3.0",
-    "@particle-network/lintstaged-config": "0.1.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -52,8 +52,8 @@
     "react-aria-components": "^1.14.0",
     "values.js": "^2.1.1",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.5.1-beta.2",
-    "@particle-network/ui-shared": "0.4.1-beta.1"
+    "@particle-network/icons": "0.5.1-beta.3",
+    "@particle-network/ui-shared": "0.4.1-beta.2"
   },
   "scripts": {
     "build": "rslib build",