@fast-food/design-system 1.10.1 → 1.10.2

package/README.md

@@ -215,4 +215,14 @@ Para mais detalhes sobre o projeto, consulte nossa documentação completa:
 - **🚀 Processo de Release**: [`docs/RELEASE.md`](docs/RELEASE.md)
 - **📝 Histórico de Mudanças**: [`docs/CHANGELOG.md`](docs/CHANGELOG.md)
 
+## ✅ Checklist de Release
+
+1. Rode `npm run sync-version` antes de qualquer commit
+2. Faça commit usando Conventional Commits (`npm run commit`)
+3. Dê push para a branch `main`
+4. Aguarde o workflow do GitHub Actions rodar e publicar
+5. Após o release, rode `npm run sync-version` novamente
+
+Veja detalhes em [`docs/RELEASE.md`](./docs/RELEASE.md)
+
 # Teste de nova versão

package/dist/styles/colors.css

@@ -0,0 +1,80 @@
+:root {
+  --gray-50: #f8fafc;
+  --gray-100: #f1f5f9;
+  --gray-200: #e2e8f0;
+  --gray-300: #cbd5e1;
+  --gray-400: #94a3b8;
+  --gray-500: #64748b;
+  --gray-600: #475569;
+  --gray-700: #334155;
+  --gray-800: #1e293b;
+  --gray-900: #0f172a;
+
+  --primary: #006ae0;
+  --primary-hover: #0054b3;
+
+  --secondary: var(--gray-500);
+  --secondary-hover: var(--gray-600);
+
+  --success: #0caf60;
+  --success-hover: #09924f;
+
+  --error: #e03137;
+  --error-hover: #c6282d;
+
+  --warning: #f59e0b;
+  --warning-hover: #d97706;
+
+  --info: #97c3e3;
+  --info-hover: #7fb3dc;
+
+  --background: var(--gray-100);
+  --foreground: #ffffff;
+
+  --border: var(--gray-100);
+  --input: #cbd5e0;
+
+  --scrollbar-track: #cbd5e0;
+  --scrollbar-thumb: #94a3bb;
+}
+
+.dark {
+  --gray-50: #f8fafc;
+  --gray-100: #f1f5f9;
+  --gray-200: #e2e8f0;
+  --gray-300: #cbd5e1;
+  --gray-400: #94a3b8;
+  --gray-500: #64748b;
+  --gray-600: #475569;
+  --gray-700: #334155;
+  --gray-800: #253043;
+  --gray-900: #1d283a;
+  --gray-1000: #0f1729;
+
+  --primary: #006ae0;
+  --primary-hover: #3388e9;
+
+  --secondary: var(--gray-500);
+  --secondary-hover: var(--gray-400);
+
+  --success: #0caf60;
+  --success-hover: #3dcf7e;
+
+  --error: #e03137;
+  --error-hover: #f1545a;
+
+  --warning: #f59e0b;
+  --warning-hover: #fbbf24;
+
+  --info: #97c3e3;
+  --info-hover: #b0d3ee;
+
+  --background: var(--gray-900);
+  --foreground: var(--gray-1000);
+
+  --border: #767676;
+  --input: #767676;
+
+  --scrollbar-track: #475569;
+  --scrollbar-thumb: #94a3b8;
+}

package/dist/styles/index.ts

@@ -0,0 +1 @@
+import './tailwind.css';

package/dist/styles/scrollbar.css

@@ -0,0 +1,14 @@
+*::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+*::-webkit-scrollbar-track {
+  background: var(--scrollbar-track);
+  border-radius: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 4px;
+}

package/dist/styles/spacing.css

@@ -0,0 +1,16 @@
+:root {
+  --space-0: 0px;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 20px;
+  --space-6: 24px;
+  --space-8: 32px;
+  --space-10: 40px;
+  --space-12: 48px;
+  --space-16: 64px;
+  --space-20: 80px;
+  --space-24: 96px;
+  --space-32: 128px;
+} 

package/dist/styles/tailwind.css

@@ -0,0 +1,8 @@
+@import './colors.css';
+@import './spacing.css';
+@import './tokens-typography.css';
+@import './scrollbar.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/styles/tokens-typography.css

@@ -0,0 +1,21 @@
+:root {
+  --font-family-sans: 'Inter', 'Roboto', Arial, sans-serif;
+  --font-family-mono: 'Fira Mono', 'Menlo', 'Monaco', monospace;
+
+  --font-size-xs: 12px;
+  --font-size-sm: 14px;
+  --font-size-md: 16px;
+  --font-size-lg: 20px;
+  --font-size-xl: 24px;
+  --font-size-2xl: 32px;
+  --font-size-3xl: 40px;
+
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-bold: 700;
+
+  --line-height-xs: 1.1;
+  --line-height-sm: 1.25;
+  --line-height-md: 1.5;
+  --line-height-lg: 1.75;
+}

package/package.json

@@ -1,19 +1,29 @@
 {
   "name": "@fast-food/design-system",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
-  "main": "dist/index.js",
+  "main": "dist/fast-food-design-system.cjs.js",
+  "module": "dist/fast-food-design-system.cjs.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/fast-food-design-system.cjs.js",
+      "require": "./dist/fast-food-design-system.cjs.js"
+    },
+    "./styles/colors.css": "./dist/styles/colors.css"
+  },
   "files": [
-    "dist"
+    "dist",
+    "dist/styles"
   ],
   "type": "module",
   "scripts": {
     "start": "storybook dev -p 6006",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && npm run copy:styles",
+    "copy:styles": "cp -r src/styles dist/",
     "build-storybook": "storybook build",
     "publish": "npm run build && npm publish --access public",
     "test": "vitest run",