@mysetup/typography 2.0.1 → 2.0.3

package/README.md

@@ -0,0 +1,48 @@
+# @mysetup/typography
+
+Typography component and shared styles for React applications.
+
+## Installation
+
+```bash
+pnpm add @mysetup/typography react react-dom
+```
+
+## Supported libraries and runtimes
+
+| Supported                 | Notes                    |
+| ------------------------- | ------------------------ |
+| React                     | Required peer dependency |
+| Vite React apps           | Supported                |
+| Next.js client components | Supported                |
+| Next.js server components | Not supported            |
+| Node.js scripts           | Not supported            |
+
+## Usage
+
+```tsx
+"use client";
+
+import { Typography } from "@mysetup/typography";
+import "@mysetup/typography/styles.css";
+
+export function HeroTitle() {
+    return (
+        <Typography as="h1" variant="headline2" display>
+            Design System Title
+        </Typography>
+    );
+}
+```
+
+## Styles
+
+- Import `@mysetup/typography/styles.css` once in your app entrypoint, layout, or component tree.
+- The package also keeps `@mysetup/typography/style.css` as a compatibility alias.
+
+## Props
+
+- `as`: HTML tag or React component to render
+- `variant`: typography variant name
+- `display`: toggles the display font modifier
+- `className`: additional classes merged with the generated variant class

package/dist/Typography/Typography.d.ts

@@ -35,4 +35,3 @@ export type TypographyProps<T extends HTMLElement = any> = HTMLAttributes<T> & {
     variant?: TypographyVariant;
 };
 export declare const Typography: ({ as, children, className, display, variant, ...props }: TypographyProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-//# sourceMappingURL=Typography.d.ts.map

package/dist/Typography/index.d.ts

@@ -1,2 +1 @@
 export * from "./Typography";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from "./Typography";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,6 @@
+"use client";
 "use strict";
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/package.json

@@ -1,51 +1,70 @@
 {
-    "name": "@mysetup/typography",
-    "version": "2.0.1",
-    "license": "MIT",
-    "main": "dist/index.js",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js",
-            "require": "./dist/index.js"
-        },
-        "./style.css": "./style.css",
-        "./package.json": "./package.json"
+  "name": "@mysetup/typography",
+  "version": "2.0.3",
+  "description": "React typography components and CSS styles for UI applications.",
+  "author": "krishnaraj <krishnaraj.webdev@gmail.com>",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "typography",
+    "components",
+    "css",
+    "typescript"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
     },
-    "scripts": {
-        "build": "rm -rf ./dist && tsc -p tsconfig.build.json && cp 'styles.css' 'dist/'",
-        "lint": "eslint .",
-        "typecheck": "tsc --noEmit",
-        "test": "jest",
-        "test:coverage": "jest --coverage",
-        "format": "prettier --write \"**/*.{ts,tsx,md,js,mjs,json}\"",
-        "checks": "pnpm typecheck && pnpm lint && pnpm test",
-        "clean": "rm -rf node_modules .swc dist pnpm-lock.yaml && echo \"✅  Successfully removed \""
-    },
-    "dependencies": {
-        "@mysetup/classnames": "latest",
-        "react": "^18.3.1"
-    },
-    "devDependencies": {
-        "@mysetup/eslint-config": "latest",
-        "@mysetup/jest-config": "latest",
-        "@mysetup/prettier-config": "latest",
-        "@mysetup/tsconfig": "latest",
-        "@testing-library/react": "^16.2.0",
-        "@types/jest": "^29.5.14",
-        "@types/jest-axe": "^3.5.9",
-        "@types/react": "^18.3.1",
-        "jest": "^29.7.0",
-        "jest-axe": "^9.0.0",
-        "react-dom": "^18.3.1",
-        "typescript": "5.5.4"
-    },
-    "prettier": "@mysetup/prettier-config",
-    "engines": {
-        "node": ">=20.15.1"
-    },
-    "packageManager": "pnpm@9.9.0"
-}
+    "./style.css": "./dist/styles.css",
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@mysetup/classnames": "^2.0.4"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/jest-axe": "^3.5.9",
+    "@types/react": "^18.3.1",
+    "jest": "^29.7.0",
+    "jest-axe": "^9.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "5.5.4",
+    "@mysetup/prettier-config": "^2.0.4",
+    "@mysetup/eslint-config": "^2.0.5",
+    "@mysetup/jest-config": "^2.0.4",
+    "@mysetup/tsconfig": "^2.0.4"
+  },
+  "prettier": "@mysetup/prettier-config",
+  "engines": {
+    "node": ">=20.15.1"
+  },
+  "scripts": {
+    "build": "node ../scripts/package-fs.cjs remove dist && tsc -p tsconfig.build.json && node ../scripts/package-fs.cjs ensure-leading-text dist/index.js \"\\\"use client\\\";\" && node ../scripts/package-fs.cjs copy-file styles.css dist/styles.css",
+    "lint": "node ../scripts/run-eslint.cjs .",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "format": "prettier --write \"**/*.{ts,tsx,md,js,mjs,json}\"",
+    "checks": "pnpm typecheck && pnpm lint && pnpm test && pnpm build",
+    "clean": "node ../scripts/package-fs.cjs remove node_modules .swc dist pnpm-lock.yaml && echo \"Cleaned\""
+  }
+}

package/dist/Typography/Typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9E,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAc7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAG/D,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAC3E;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,UAAU,4DAOpB,eAAe,2FASjB,CAAC"}

package/dist/Typography/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../Typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}