@metropolle/design-system 1.0.0-beta.20250821014534.5a59824

package/dist/tokens/typography.json

@@ -0,0 +1,127 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Metropolle Typography Tokens", 
+  "description": "Tokens de tipografia baseados na identidade Helvetica da Metropolle",
+  "typography": {
+    "fontFamily": {
+      "brand": {
+        "value": "Helvetica, Inter Tight, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+        "type": "fontFamily",
+        "description": "Stack de fontes da marca Metropolle"
+      },
+      "mono": {
+        "value": "'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace",
+        "type": "fontFamily",
+        "description": "Fonte monospace para código"
+      }
+    },
+    "fontSize": {
+      "xs": {
+        "value": "0.75rem",
+        "type": "fontSize",
+        "description": "12px - Texto muito pequeno"
+      },
+      "sm": {
+        "value": "0.875rem", 
+        "type": "fontSize",
+        "description": "14px - Texto pequeno"
+      },
+      "base": {
+        "value": "1rem",
+        "type": "fontSize",
+        "description": "16px - Texto base"
+      },
+      "lg": {
+        "value": "1.125rem",
+        "type": "fontSize",
+        "description": "18px - Texto grande"
+      },
+      "xl": {
+        "value": "1.25rem",
+        "type": "fontSize", 
+        "description": "20px - Texto extra grande"
+      },
+      "2xl": {
+        "value": "1.5rem",
+        "type": "fontSize",
+        "description": "24px - Heading pequeno"
+      },
+      "3xl": {
+        "value": "1.875rem",
+        "type": "fontSize",
+        "description": "30px - Heading médio"
+      },
+      "4xl": {
+        "value": "2.125rem",
+        "type": "fontSize",
+        "description": "34px - Logo brand (mobile: 28.8px)"
+      }
+    },
+    "lineHeight": {
+      "tight": {
+        "value": "1.2",
+        "type": "lineHeight",
+        "description": "Line height apertado para headings"
+      },
+      "normal": {
+        "value": "1.5", 
+        "type": "lineHeight",
+        "description": "Line height normal para texto"
+      },
+      "relaxed": {
+        "value": "1.75",
+        "type": "lineHeight",
+        "description": "Line height relaxado para leitura"
+      }
+    },
+    "letterSpacing": {
+      "brand": {
+        "value": "-0.05rem",
+        "type": "letterSpacing",
+        "description": "Letter spacing da marca (desktop)"
+      },
+      "tight": {
+        "value": "-0.03rem",
+        "type": "letterSpacing",
+        "description": "Letter spacing apertado (mobile)"
+      },
+      "normal": {
+        "value": "0",
+        "type": "letterSpacing",
+        "description": "Letter spacing normal"
+      },
+      "wide": {
+        "value": "0.025rem",
+        "type": "letterSpacing",
+        "description": "Letter spacing amplo"
+      }
+    },
+    "fontWeight": {
+      "light": {
+        "value": "300",
+        "type": "fontWeight",
+        "description": "Peso leve"
+      },
+      "normal": {
+        "value": "400",
+        "type": "fontWeight",
+        "description": "Peso normal"
+      },
+      "medium": {
+        "value": "500",
+        "type": "fontWeight",
+        "description": "Peso médio"
+      },
+      "semibold": {
+        "value": "600",
+        "type": "fontWeight",
+        "description": "Peso semi-bold"
+      },
+      "bold": {
+        "value": "700",
+        "type": "fontWeight",
+        "description": "Peso bold"
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@metropolle/design-system",
+  "version": "1.0.0-beta.20250821014534.5a59824",
+  "description": "Sistema de design unificado para a plataforma Metropolle",
+  "type": "module",
+  "main": "dist/react/index.js",
+  "module": "dist/react/index.esm.js",
+  "types": "dist/react/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/react/index.esm.js",
+      "require": "./dist/react/index.js",
+      "types": "./dist/react/index.d.ts"
+    },
+    "./tokens": {
+      "import": "./dist/tokens/index.js",
+      "types": "./dist/tokens/index.d.ts"
+    },
+    "./css": "./dist/css/tokens.css"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "npm run clean && npm run build:tokens && npm run build:react && npm run build:css && echo '✅ Build completed successfully'",
+    "build:tokens": "node scripts/build-tokens.js",
+    "build:react": "npx rollup -c rollup.react.config.js --silent",
+    "build:css": "npx postcss src/css/*.css --dir dist/css",
+    "build:storybook": "storybook build",
+    "dev": "storybook dev -p 6006",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "type-check": "tsc --noEmit",
+    "clean": "rimraf dist",
+    "prebuild": "npm run clean",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "angular",
+    "components",
+    "tokens",
+    "metropolle"
+  ],
+  "author": "Metropolle Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/metropolle/features.git",
+    "directory": "design"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "rollup": "^4.12.0",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.19",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.35",
+    "postcss-cli": "^11.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
+    "storybook": "^8.4.7",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.4.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}