@rabelo-digital/ds-rd 1.1.1

package/dist/tokens/index.d.ts

@@ -0,0 +1,295 @@
+declare const primitiveColors: {
+    readonly blue: {
+        readonly 50: "#EAF4FB";
+        readonly 100: "#C5E0F2";
+        readonly 200: "#9BCCE9";
+        readonly 300: "#6DB7DF";
+        readonly 400: "#42A2D5";
+        readonly 500: "#1B8ECB";
+        readonly 600: "#1170A8";
+        readonly 700: "#02548B";
+        readonly 800: "#013E6A";
+        readonly 900: "#012849";
+    };
+    readonly teal: {
+        readonly 50: "#E9FAF6";
+        readonly 100: "#C0F1E6";
+        readonly 200: "#93E7D5";
+        readonly 300: "#62DAC2";
+        readonly 400: "#34CEAF";
+        readonly 500: "#16B597";
+        readonly 600: "#0E9278";
+        readonly 700: "#087059";
+        readonly 800: "#044E3D";
+        readonly 900: "#012E24";
+    };
+    readonly orange: {
+        readonly 50: "#FFF0EB";
+        readonly 100: "#FFDDD4";
+        readonly 200: "#FFC0AE";
+        readonly 300: "#FF9F87";
+        readonly 400: "#FF7358";
+        readonly 500: "#FF3C00";
+        readonly 600: "#D83200";
+        readonly 700: "#B02700";
+        readonly 800: "#881D00";
+        readonly 900: "#601300";
+    };
+    readonly red: {
+        readonly 50: "#FEF2F2";
+        readonly 100: "#FEE2E2";
+        readonly 200: "#FECACA";
+        readonly 300: "#FCA5A5";
+        readonly 400: "#F87171";
+        readonly 500: "#EF4444";
+        readonly 600: "#DC2626";
+        readonly 700: "#B91C1C";
+        readonly 800: "#991B1B";
+        readonly 900: "#7F1D1D";
+    };
+    readonly green: {
+        readonly 50: "#ECFDF5";
+        readonly 100: "#D1FAE5";
+        readonly 200: "#A7F3D0";
+        readonly 300: "#6EE7B7";
+        readonly 400: "#34D399";
+        readonly 500: "#10B981";
+        readonly 600: "#059669";
+        readonly 700: "#047857";
+        readonly 800: "#065F46";
+        readonly 900: "#064E3B";
+    };
+    readonly yellow: {
+        readonly 50: "#FFFBEB";
+        readonly 100: "#FEF3C7";
+        readonly 200: "#FDE68A";
+        readonly 300: "#FCD34D";
+        readonly 400: "#FBBF24";
+        readonly 500: "#F59E0B";
+        readonly 600: "#D97706";
+        readonly 700: "#B45309";
+        readonly 800: "#92400E";
+        readonly 900: "#78350F";
+    };
+    readonly gray: {
+        readonly 50: "#F8F9FA";
+        readonly 100: "#E9ECEF";
+        readonly 200: "#DEE2E6";
+        readonly 300: "#CED4DA";
+        readonly 400: "#ADB5BD";
+        readonly 500: "#6C757D";
+        readonly 600: "#495057";
+        readonly 700: "#343A40";
+        readonly 800: "#212529";
+        readonly 900: "#111315";
+    };
+    readonly white: "#FFFFFF";
+    readonly black: "#000000";
+};
+type PrimitiveColors = typeof primitiveColors;
+
+declare const semanticColors: {
+    readonly primary: {
+        readonly default: "#02548B";
+        readonly hover: "#1170A8";
+        readonly active: "#013E6A";
+        readonly subtle: "#EAF4FB";
+        readonly muted: "#C5E0F2";
+        readonly on: "#FFFFFF";
+    };
+    readonly secondary: {
+        readonly default: "#16B597";
+        readonly hover: "#0E9278";
+        readonly active: "#087059";
+        readonly subtle: "#E9FAF6";
+        readonly muted: "#C0F1E6";
+        readonly on: "#FFFFFF";
+    };
+    readonly accent: {
+        readonly default: "#FF3C00";
+        readonly hover: "#D83200";
+        readonly active: "#B02700";
+        readonly subtle: "#FFF0EB";
+        readonly on: "#FFFFFF";
+    };
+    readonly success: {
+        readonly default: "#059669";
+        readonly hover: "#047857";
+        readonly subtle: "#ECFDF5";
+        readonly muted: "#D1FAE5";
+        readonly on: "#FFFFFF";
+    };
+    readonly warning: {
+        readonly default: "#F59E0B";
+        readonly hover: "#D97706";
+        readonly subtle: "#FFFBEB";
+        readonly muted: "#FEF3C7";
+        readonly on: "#111315";
+    };
+    readonly error: {
+        readonly default: "#DC2626";
+        readonly hover: "#B91C1C";
+        readonly subtle: "#FEF2F2";
+        readonly muted: "#FEE2E2";
+        readonly on: "#FFFFFF";
+    };
+    readonly info: {
+        readonly default: "#1B8ECB";
+        readonly hover: "#1170A8";
+        readonly subtle: "#EAF4FB";
+        readonly muted: "#C5E0F2";
+        readonly on: "#FFFFFF";
+    };
+    readonly background: {
+        readonly default: "#FFFFFF";
+        readonly subtle: "#F8F9FA";
+        readonly muted: "#E9ECEF";
+        readonly overlay: "rgba(0, 0, 0, 0.5)";
+    };
+    readonly surface: {
+        readonly default: "#FFFFFF";
+        readonly raised: "#FFFFFF";
+        readonly overlay: "#FFFFFF";
+    };
+    readonly text: {
+        readonly default: "#212529";
+        readonly muted: "#6C757D";
+        readonly subtle: "#ADB5BD";
+        readonly disabled: "#CED4DA";
+        readonly inverse: "#FFFFFF";
+        readonly link: "#02548B";
+        readonly linkHover: "#1170A8";
+    };
+    readonly border: {
+        readonly default: "#DEE2E6";
+        readonly strong: "#CED4DA";
+        readonly muted: "#E9ECEF";
+        readonly focus: "#1B8ECB";
+        readonly error: "#EF4444";
+    };
+    readonly disabled: {
+        readonly background: "#E9ECEF";
+        readonly text: "#ADB5BD";
+        readonly border: "#DEE2E6";
+    };
+};
+type SemanticColors = typeof semanticColors;
+
+declare const spacing: {
+    readonly 0: "0px";
+    readonly 1: "4px";
+    readonly 2: "8px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 8: "32px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 24: "96px";
+    readonly 32: "128px";
+};
+type SpacingKey = keyof typeof spacing;
+type SpacingValue = (typeof spacing)[SpacingKey];
+
+declare const typography: {
+    readonly fontFamily: {
+        readonly base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif";
+        readonly heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif";
+        readonly mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly md: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly "2xl": "1.5rem";
+        readonly "3xl": "1.875rem";
+        readonly "4xl": "2.25rem";
+    };
+    readonly fontWeight: {
+        readonly regular: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+    readonly lineHeight: {
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "2";
+    };
+    readonly letterSpacing: {
+        readonly tight: "-0.025em";
+        readonly normal: "0em";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+    };
+};
+type Typography = typeof typography;
+
+declare const radii: {
+    readonly none: "0px";
+    readonly sm: "2px";
+    readonly md: "4px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly "2xl": "16px";
+    readonly full: "9999px";
+};
+type RadiiKey = keyof typeof radii;
+
+declare const elevation: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+    readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+    readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
+    readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+    readonly "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
+};
+type ElevationKey = keyof typeof elevation;
+
+declare const zIndex: {
+    readonly base: 0;
+    readonly raised: 1;
+    readonly dropdown: 1000;
+    readonly sticky: 1020;
+    readonly overlay: 1040;
+    readonly modal: 1050;
+    readonly toast: 1060;
+    readonly tooltip: 1070;
+};
+type ZIndexKey = keyof typeof zIndex;
+
+declare const motion: {
+    readonly duration: {
+        readonly fast: "100ms";
+        readonly normal: "200ms";
+        readonly slow: "300ms";
+        readonly slower: "500ms";
+    };
+    readonly easing: {
+        readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
+        readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
+        readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly linear: "linear";
+        readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+    };
+};
+type Motion = typeof motion;
+
+declare const breakpoints: {
+    readonly xs: 0;
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 992;
+    readonly xl: 1200;
+    readonly xxl: 1400;
+};
+type BreakpointKey = keyof typeof breakpoints;
+declare function mediaQuery(bp: BreakpointKey): string;
+
+export { type BreakpointKey, type ElevationKey, type Motion, type PrimitiveColors, type RadiiKey, type SemanticColors, type SpacingKey, type SpacingValue, type Typography, type ZIndexKey, breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex };

package/dist/tokens/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkCZMDBTZY_js = require('../chunk-CZMDBTZY.js');
+
+
+
+Object.defineProperty(exports, "breakpoints", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.breakpoints; }
+});
+Object.defineProperty(exports, "elevation", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.elevation; }
+});
+Object.defineProperty(exports, "mediaQuery", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.mediaQuery; }
+});
+Object.defineProperty(exports, "motion", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.motion; }
+});
+Object.defineProperty(exports, "primitiveColors", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.primitiveColors; }
+});
+Object.defineProperty(exports, "radii", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.radii; }
+});
+Object.defineProperty(exports, "semanticColors", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.semanticColors; }
+});
+Object.defineProperty(exports, "spacing", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.spacing; }
+});
+Object.defineProperty(exports, "typography", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.typography; }
+});
+Object.defineProperty(exports, "zIndex", {
+  enumerable: true,
+  get: function () { return chunkCZMDBTZY_js.zIndex; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/tokens/index.mjs

@@ -0,0 +1,3 @@
+export { breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex } from '../chunk-JPWULLEO.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/tokens/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "@rabelo-digital/ds-rd",
+  "version": "1.1.1",
+  "description": "Rabelo Digital Design System",
+  "keywords": [
+    "design-system",
+    "react",
+    "components",
+    "tokens",
+    "rabelo-digital"
+  ],
+  "homepage": "https://github.com/rabelo-digital/ds-rd#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rabelo-digital/ds-rd.git"
+  },
+  "license": "MIT",
+  "author": "Rabelo Digital <contato@rabelodigital.com.br>",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.mjs",
+      "require": "./dist/tokens/index.cjs"
+    },
+    "./tokens.css": "./tokens.css"
+  },
+  "files": [
+    "dist",
+    "tokens.css"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,json,css,md}\" \"*.{json,md,cjs}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,json,css,md}\" \"*.{json,md,cjs}\"",
+    "typecheck": "tsc --noEmit",
+    "validate": "npm run format:check && npm run lint && npm run typecheck",
+    "ci:check": "npm run typecheck && npm run lint && npm run test && npm run build",
+    "test-storybook": "test-storybook",
+    "commit": "cz",
+    "release": "standard-version",
+    "prepare": "husky install",
+    "release:major": "standard-version --release-as major",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "release:dry-run": "standard-version --dry-run"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "src/**/*.{json,css,md}": [
+      "prettier --write"
+    ],
+    "*.{json,md,cjs}": [
+      "prettier --write"
+    ]
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.8.1",
+    "@commitlint/config-conventional": "^17.8.1",
+    "@size-limit/preset-small-lib": "^11.1.4",
+    "@storybook/addon-a11y": "^8.2.9",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test-runner": "^0.19.1",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitest/coverage-v8": "^2.0.5",
+    "axe-playwright": "^2.0.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^3.10.1",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.5.6",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-unused-imports": "4.4.1",
+    "husky": "8.0.1",
+    "jsdom": "^24.1.1",
+    "lint-staged": "13.0.3",
+    "prettier": "^3.8.4",
+    "size-limit": "^11.1.4",
+    "storybook": "^8.2.9",
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
+    "vitest": "^2.0.5",
+    "standard-version": "^9.5.0",
+    "commitizen": "4.3.2",
+    "cz-conventional-changelog": "3.3.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "react-icons": "^5.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "size-limit": [
+    {
+      "path": "./dist/index.mjs",
+      "limit": "50 KB"
+    }
+  ],
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}