@jalvin/ui 1.0.0

package/dist/typography.d.ts

@@ -0,0 +1,137 @@
+import type { CSSProperties } from "react";
+export interface TextStyleDef {
+    fontSize: string;
+    fontWeight: number | "bold" | "normal";
+    lineHeight: string;
+    letterSpacing?: string;
+}
+export declare const TextStyle: {
+    displayLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    displayMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    displaySmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    titleLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    titleMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    titleSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodyLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodyMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodySmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    h1: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    body: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+    };
+    button: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    code: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+        letterSpacing: string;
+    };
+};
+export type TextStyleKey = keyof typeof TextStyle;
+export declare function textStyleToCSS(style: TextStyleDef): CSSProperties;
+//# sourceMappingURL=typography.d.ts.map

package/dist/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BkB,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAEjE"}

package/dist/typography.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextStyle = void 0;
+exports.textStyleToCSS = textStyleToCSS;
+exports.TextStyle = {
+    displayLarge: { fontSize: "3.5rem", fontWeight: 400, lineHeight: "4rem" },
+    displayMedium: { fontSize: "2.8rem", fontWeight: 400, lineHeight: "3.2rem" },
+    displaySmall: { fontSize: "2.25rem", fontWeight: 400, lineHeight: "2.75rem" },
+    headlineLarge: { fontSize: "2rem", fontWeight: 400, lineHeight: "2.5rem" },
+    headlineMedium: { fontSize: "1.75rem", fontWeight: 400, lineHeight: "2.25rem" },
+    headlineSmall: { fontSize: "1.5rem", fontWeight: 400, lineHeight: "2rem" },
+    titleLarge: { fontSize: "1.375rem", fontWeight: 500, lineHeight: "1.75rem" },
+    titleMedium: { fontSize: "1rem", fontWeight: 500, lineHeight: "1.5rem", letterSpacing: "0.009em" },
+    titleSmall: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1.25rem", letterSpacing: "0.007em" },
+    bodyLarge: { fontSize: "1rem", fontWeight: 400, lineHeight: "1.5rem", letterSpacing: "0.009em" },
+    bodyMedium: { fontSize: "0.875rem", fontWeight: 400, lineHeight: "1.25rem", letterSpacing: "0.018em" },
+    bodySmall: { fontSize: "0.75rem", fontWeight: 400, lineHeight: "1rem", letterSpacing: "0.025em" },
+    labelLarge: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1.25rem", letterSpacing: "0.007em" },
+    labelMedium: { fontSize: "0.75rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.031em" },
+    labelSmall: { fontSize: "0.6875rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.045em" },
+    // Shortcuts
+    h1: { fontSize: "2rem", fontWeight: "bold", lineHeight: "2.5rem" },
+    h2: { fontSize: "1.5rem", fontWeight: "bold", lineHeight: "2rem" },
+    h3: { fontSize: "1.25rem", fontWeight: "bold", lineHeight: "1.75rem" },
+    h4: { fontSize: "1.125rem", fontWeight: "bold", lineHeight: "1.5rem" },
+    body: { fontSize: "1rem", fontWeight: "normal", lineHeight: "1.5rem" },
+    caption: { fontSize: "0.75rem", fontWeight: "normal", lineHeight: "1rem" },
+    button: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.031em" },
+    code: { fontSize: "0.875rem", fontWeight: "normal", lineHeight: "1.4rem", letterSpacing: "-0.01em" },
+};
+function textStyleToCSS(style) {
+    return style;
+}
+//# sourceMappingURL=typography.js.map

package/dist/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@jalvin/ui",
+  "version": "1.0.0",
+  "description": "Jalvin UI — Compose-style component library (Column, Row, Box, Button, Text, …)",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "react": "^19.2.5",
+    "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "clean": "rm -rf dist"
+  }
+}