@rojaostudio/ds-core 1.0.0

package/dist/tokens.d.ts

@@ -0,0 +1,492 @@
+declare const primitives: {
+    readonly color: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly blackAlpha: {
+            readonly 50: "#0000000D";
+            readonly 100: "#0000001A";
+            readonly 200: "#00000033";
+            readonly 300: "#0000004D";
+            readonly 400: "#00000066";
+            readonly 500: "#00000080";
+            readonly 600: "#00000099";
+            readonly 700: "#000000B3";
+            readonly 800: "#000000CC";
+            readonly 900: "#000000E6";
+        };
+        readonly whiteAlpha: {
+            readonly 50: "#FFFFFF0D";
+            readonly 100: "#FFFFFF1A";
+            readonly 200: "#FFFFFF33";
+            readonly 300: "#FFFFFF4D";
+            readonly 400: "#FFFFFF66";
+            readonly 500: "#FFFFFF80";
+            readonly 600: "#FFFFFF99";
+            readonly 700: "#FFFFFFB3";
+            readonly 800: "#FFFFFFCC";
+            readonly 900: "#FFFFFFE6";
+        };
+        readonly neutral: {
+            readonly 50: "#fafafa";
+            readonly 100: "#ededed";
+            readonly 200: "#d6d6d6";
+            readonly 300: "#b9b9b9";
+            readonly 400: "#979797";
+            readonly 500: "#737373";
+            readonly 600: "#575757";
+            readonly 700: "#3c3c3c";
+            readonly 800: "#232323";
+            readonly 900: "#0d0d0d";
+        };
+        readonly red: {
+            readonly 50: "#fff8f7";
+            readonly 100: "#ffe8e5";
+            readonly 200: "#ffccc4";
+            readonly 300: "#ffa598";
+            readonly 400: "#ff6c5c";
+            readonly 500: "#f44336";
+            readonly 600: "#c50003";
+            readonly 700: "#990001";
+            readonly 800: "#6f0000";
+            readonly 900: "#4b0000";
+        };
+        readonly green: {
+            readonly 50: "#f0ffef";
+            readonly 100: "#caffc8";
+            readonly 200: "#a5f0a4";
+            readonly 300: "#82d982";
+            readonly 400: "#4caf50";
+            readonly 500: "#379c3d";
+            readonly 600: "#0a7e1c";
+            readonly 700: "#00610f";
+            readonly 800: "#004507";
+            readonly 900: "#002d01";
+        };
+        readonly amber: {
+            readonly 50: "#fffaee";
+            readonly 100: "#fff2d6";
+            readonly 200: "#ffe3ab";
+            readonly 300: "#ffd068";
+            readonly 400: "#ffc107";
+            readonly 500: "#e5a500";
+            readonly 600: "#d29100";
+            readonly 700: "#c08000";
+            readonly 800: "#ae7000";
+            readonly 900: "#9d6100";
+        };
+        readonly yellow: {
+            readonly 50: "#fffcdc";
+            readonly 100: "#fff7b2";
+            readonly 200: "#ffeb3b";
+            readonly 300: "#f6df4b";
+            readonly 400: "#eecb00";
+            readonly 500: "#e2b900";
+            readonly 600: "#d5a800";
+            readonly 700: "#c89800";
+            readonly 800: "#bb8900";
+            readonly 900: "#af7b00";
+        };
+        readonly blue: {
+            readonly 50: "#f6fbff";
+            readonly 100: "#e2f0ff";
+            readonly 200: "#bddeff";
+            readonly 300: "#8cc6ff";
+            readonly 400: "#44a7ff";
+            readonly 500: "#2196f3";
+            readonly 600: "#006bb5";
+            readonly 700: "#00518d";
+            readonly 800: "#003966";
+            readonly 900: "#002445";
+        };
+        readonly purple: {
+            readonly 50: "#fef8ff";
+            readonly 100: "#fbe6ff";
+            readonly 200: "#f7c6ff";
+            readonly 300: "#f09bff";
+            readonly 400: "#db6def";
+            readonly 500: "#bc4ad0";
+            readonly 600: "#9c27b0";
+            readonly 700: "#7e0090";
+            readonly 800: "#5b0069";
+            readonly 900: "#3c0046";
+        };
+        readonly teal: {
+            readonly 50: "#ecfffb";
+            readonly 100: "#c0fdf2";
+            readonly 200: "#99eddf";
+            readonly 300: "#71d5c6";
+            readonly 400: "#45b7a8";
+            readonly 500: "#009688";
+            readonly 600: "#00796d";
+            readonly 700: "#005d53";
+            readonly 800: "#00423b";
+            readonly 900: "#002a25";
+        };
+        readonly cyan: {
+            readonly 50: "#f1fdff";
+            readonly 100: "#cef7ff";
+            readonly 200: "#86ecff";
+            readonly 300: "#56d4ea";
+            readonly 400: "#00bcd4";
+            readonly 500: "#0095a8";
+            readonly 600: "#007585";
+            readonly 700: "#005a66";
+            readonly 800: "#004049";
+            readonly 900: "#002930";
+        };
+        readonly orange: {
+            readonly 50: "#fff9f3";
+            readonly 100: "#ffeddd";
+            readonly 200: "#ffd8b4";
+            readonly 300: "#ffbb7a";
+            readonly 400: "#ff9800";
+            readonly 500: "#dc7f00";
+            readonly 600: "#bd6a00";
+            readonly 700: "#a15700";
+            readonly 800: "#854500";
+            readonly 900: "#6c3500";
+        };
+        readonly pink: {
+            readonly 50: "#fff8f9";
+            readonly 100: "#ffe8ea";
+            readonly 200: "#ffcad1";
+            readonly 300: "#ffa1b0";
+            readonly 400: "#ff6587";
+            readonly 500: "#e91e63";
+            readonly 600: "#c0004d";
+            readonly 700: "#95003a";
+            readonly 800: "#6d0027";
+            readonly 900: "#490017";
+        };
+        readonly indigo: {
+            readonly 50: "#f8faff";
+            readonly 100: "#e8eeff";
+            readonly 200: "#cdd9ff";
+            readonly 300: "#aabdff";
+            readonly 400: "#809aff";
+            readonly 500: "#637ae3";
+            readonly 600: "#3f51b5";
+            readonly 700: "#3342a4";
+            readonly 800: "#202885";
+            readonly 900: "#110e66";
+        };
+        readonly cobalt: {
+            readonly 50: "#f8faff";
+            readonly 100: "#e7eeff";
+            readonly 200: "#c9daff";
+            readonly 300: "#a3bfff";
+            readonly 400: "#769dff";
+            readonly 500: "#4b79fa";
+            readonly 600: "#3259d8";
+            readonly 700: "#1e3fbc";
+            readonly 800: "#0c1f98";
+            readonly 900: "#060076";
+        };
+        readonly brick: {
+            readonly 50: "#fff8f7";
+            readonly 100: "#ffe9e4";
+            readonly 200: "#ffccc2";
+            readonly 300: "#ffa594";
+            readonly 400: "#ff6d55";
+            readonly 500: "#e5462e";
+            readonly 600: "#c01b00";
+            readonly 700: "#950f00";
+            readonly 800: "#6d0500";
+            readonly 900: "#4a0000";
+        };
+        readonly cream: {
+            readonly 50: "#fdfaf3";
+            readonly 100: "#f1ece3";
+            readonly 200: "#dcd5c8";
+            readonly 300: "#b8b0a0";
+            readonly 400: "#9f9587";
+            readonly 500: "#7f7467";
+            readonly 600: "#605449";
+            readonly 700: "#46392f";
+            readonly 800: "#2b2018";
+            readonly 900: "#140b05";
+        };
+        readonly moss: {
+            readonly 50: "#f3fdf6";
+            readonly 100: "#e3f1e7";
+            readonly 200: "#c9dbce";
+            readonly 300: "#aabfb0";
+            readonly 400: "#889d8d";
+            readonly 500: "#677c6d";
+            readonly 600: "#566b5c";
+            readonly 700: "#2e4134";
+            readonly 800: "#16281b";
+            readonly 900: "#031107";
+        };
+        readonly clay: {
+            readonly 50: "#fff8f6";
+            readonly 100: "#ffe9e2";
+            readonly 200: "#ffcdbc";
+            readonly 300: "#ffa789";
+            readonly 400: "#e8825f";
+            readonly 500: "#c86240";
+            readonly 600: "#b5512e";
+            readonly 700: "#8a2900";
+            readonly 800: "#651a00";
+            readonly 900: "#440c00";
+        };
+    };
+    readonly space: {
+        readonly 0: 0;
+        readonly 1: 1;
+        readonly 2: 2;
+        readonly 4: 4;
+        readonly 8: 8;
+        readonly 12: 12;
+        readonly 16: 16;
+        readonly 20: 20;
+        readonly 24: 24;
+        readonly 28: 28;
+        readonly 32: 32;
+        readonly 40: 40;
+        readonly 48: 48;
+        readonly 56: 56;
+        readonly 64: 64;
+        readonly 80: 80;
+        readonly 96: 96;
+    };
+    readonly radius: {
+        readonly square: 0;
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 12;
+        readonly xl: 16;
+        readonly full: 9999;
+    };
+    readonly motion: {
+        readonly fast: 100;
+        readonly base: 150;
+        readonly slow: 300;
+    };
+    readonly fontSize: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly '2xl': 24;
+        readonly '3xl': 30;
+        readonly '4xl': 36;
+        readonly '5xl': 48;
+        readonly '6xl': 56;
+        readonly '7xl': 64;
+        readonly '8xl': 72;
+        readonly '9xl': 88;
+    };
+    readonly fontWeight: {
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+    readonly lineHeight: {
+        readonly xs: 1.33;
+        readonly sm: 1.43;
+        readonly base: 1.5;
+        readonly lg: 1.56;
+        readonly xl: 1.6;
+        readonly '2xl': 1.67;
+    };
+    readonly letterSpacing: {
+        readonly tight: -0.5;
+        readonly normal: 0;
+        readonly wide: 0.5;
+    };
+    readonly controlHeight: {
+        readonly sm: 32;
+        readonly md: 40;
+        readonly lg: 48;
+    };
+    readonly controlPaddingX: {
+        readonly sm: 12;
+        readonly md: 16;
+        readonly lg: 20;
+    };
+    readonly controlPaddingY: {
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 12;
+    };
+    readonly controlGap: {
+        readonly sm: 4;
+        readonly md: 8;
+        readonly lg: 8;
+    };
+    readonly icon: {
+        readonly size: 24;
+    };
+    readonly borderWidth: {
+        readonly default: 1;
+    };
+};
+declare const tokens: {
+    readonly color: {
+        readonly surface: {
+            readonly page: "#fafafa";
+            readonly default: "#ffffff";
+            readonly raised: "#ededed";
+            readonly overlay: "#0d0d0d";
+        };
+        readonly border: {
+            readonly subtle: "#ededed";
+            readonly default: "#d6d6d6";
+            readonly strong: "#b9b9b9";
+            readonly focus: "#000000";
+        };
+        readonly text: {
+            readonly primary: "#0d0d0d";
+            readonly secondary: "#3c3c3c";
+            readonly muted: "#737373";
+            readonly disabled: "#979797";
+            readonly inverse: "#ffffff";
+            readonly placeholder: "#979797";
+        };
+        readonly icon: {
+            readonly default: "#232323";
+        };
+        readonly action: {
+            readonly primary: {
+                readonly default: "#0d0d0d";
+                readonly hover: "#3c3c3c";
+                readonly text: "#ffffff";
+            };
+            readonly secondary: {
+                readonly default: "#ededed";
+                readonly hover: "#d6d6d6";
+                readonly text: "#3c3c3c";
+            };
+            readonly ghost: {
+                readonly hover: "#ededed";
+                readonly text: "#3c3c3c";
+            };
+            readonly destructive: {
+                readonly default: "#c50003";
+                readonly hover: "#990001";
+                readonly text: "#ffffff";
+            };
+        };
+        readonly feedback: {
+            readonly danger: {
+                readonly base: "#f44336";
+                readonly badge: "#ffe8e5";
+                readonly border: "#ffccc4";
+                readonly text: "#990001";
+            };
+            readonly success: {
+                readonly base: "#379c3d";
+                readonly badge: "#caffc8";
+                readonly border: "#379c3d";
+                readonly text: "#00610f";
+            };
+            readonly warning: {
+                readonly base: "#e5a500";
+                readonly badge: "#fff2d6";
+                readonly border: "#ffe3ab";
+                readonly text: "#c08000";
+            };
+            readonly info: {
+                readonly base: "#2196f3";
+                readonly badge: "#e2f0ff";
+                readonly border: "#bddeff";
+                readonly text: "#00518d";
+            };
+        };
+        readonly attention: {
+            readonly low: {
+                readonly soft: "#fffcdc";
+                readonly border: "#fff7b2";
+                readonly text: "#0d0d0d";
+            };
+            readonly medium: {
+                readonly soft: "#fff7b2";
+                readonly border: "#ffeb3b";
+                readonly text: "#0d0d0d";
+            };
+            readonly high: {
+                readonly soft: "#ffeb3b";
+                readonly border: "#f6df4b";
+                readonly text: "#0d0d0d";
+            };
+            readonly action: "#0d0d0d";
+            readonly onAction: "#ffffff";
+        };
+        readonly avatar: {
+            readonly 1: {
+                readonly bg: "#e2f0ff";
+                readonly fg: "#003966";
+            };
+            readonly 2: {
+                readonly bg: "#fbe6ff";
+                readonly fg: "#5b0069";
+            };
+            readonly 3: {
+                readonly bg: "#c0fdf2";
+                readonly fg: "#00423b";
+            };
+            readonly 4: {
+                readonly bg: "#ffeddd";
+                readonly fg: "#854500";
+            };
+            readonly 5: {
+                readonly bg: "#ffe8ea";
+                readonly fg: "#6d0027";
+            };
+            readonly 6: {
+                readonly bg: "#e8eeff";
+                readonly fg: "#202885";
+            };
+        };
+        readonly status: {
+            readonly active: {
+                readonly base: "#379c3d";
+                readonly text: "#00610f";
+            };
+            readonly pending: {
+                readonly base: "#ffc107";
+                readonly text: "#c08000";
+            };
+            readonly error: {
+                readonly base: "#f44336";
+                readonly text: "#990001";
+            };
+            readonly inactive: {
+                readonly base: "#979797";
+                readonly text: "#737373";
+            };
+        };
+    };
+};
+declare const darkTokens: {
+    readonly color: {
+        readonly surface: {
+            readonly page: "#111111";
+            readonly default: "#1e1e1e";
+            readonly raised: "#232323";
+            readonly overlay: "#ededed";
+        };
+        readonly border: {
+            readonly subtle: "#FFFFFF1A";
+            readonly default: "#FFFFFF1A";
+            readonly strong: "#FFFFFF33";
+            readonly focus: "#ffffff";
+        };
+        readonly text: {
+            readonly primary: "#fafafa";
+            readonly secondary: "#979797";
+            readonly muted: "#737373";
+            readonly disabled: "#575757";
+            readonly inverse: "#0d0d0d";
+            readonly placeholder: "#737373";
+        };
+        readonly icon: {
+            readonly default: "#979797";
+        };
+    };
+};
+
+export { darkTokens, primitives, tokens };

package/dist/tokens.js

@@ -0,0 +1,2 @@
+export { darkTokens, primitives, tokens } from './chunk-MJA5ZGMI.js';
+import './chunk-ORMEWXMH.js';

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@rojaostudio/ds-core",
+  "version": "1.0.0",
+  "description": "O motor do Rojão DS — tokens, derivação de tema e emissores. Sem React, sem Tailwind, sem CSS.",
+  "license": "MIT",
+  "author": "Rojão Studio (https://rojao.studio)",
+  "homepage": "https://ds.rojao.ai",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rojaostudio/ds.git",
+    "directory": "packages/ds-core"
+  },
+  "bugs": {
+    "url": "https://github.com/rojaostudio/ds/issues"
+  },
+  "keywords": [
+    "design-tokens",
+    "theme-generator",
+    "color-scale",
+    "oklch",
+    "wcag",
+    "contrast",
+    "css-variables",
+    "design-system"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js",
+      "default": "./dist/tokens.js"
+    },
+    "./generate": {
+      "types": "./dist/generate.d.ts",
+      "import": "./dist/generate.js",
+      "default": "./dist/generate.js"
+    },
+    "./recipes": {
+      "types": "./dist/recipes.d.ts",
+      "import": "./dist/recipes.js",
+      "default": "./dist/recipes.js"
+    },
+    "./themes": {
+      "types": "./dist/themes.d.ts",
+      "import": "./dist/themes.js",
+      "default": "./dist/themes.js"
+    }
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "prepack": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@rojao/config": "workspace:*",
+    "eslint": "^9.18.0",
+    "tsx": "^4.21.0",
+    "typescript": "^5",
+    "vitest": "^4.1.7",
+    "tsup": "^8.5.1"
+  },
+  "type": "module",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "provenance": true
+  }
+}