@dropi/react-native-design-system 0.1.0 → 0.1.1

package/lib/constants/colors.d.ts

@@ -0,0 +1,291 @@
+export declare const colors: {
+    readonly "Primary-50": {
+        readonly light: "#FEF8F1";
+        readonly dark: "#1A1006";
+    };
+    readonly "Primary-100": {
+        readonly light: "#FFECD4";
+        readonly dark: "#26180A";
+    };
+    readonly "Primary-200": {
+        readonly light: "#FCDDBD";
+        readonly dark: "#4D3013";
+    };
+    readonly "Primary-300": {
+        readonly light: "#FAC289";
+        readonly dark: "#805020";
+    };
+    readonly "Primary-400": {
+        readonly light: "#F7B46F";
+        readonly dark: "#82712D";
+    };
+    readonly "Primary-500": {
+        readonly light: "#F49A3D";
+        readonly dark: "#D9842B";
+    };
+    readonly "Primary-600": {
+        readonly light: "#CC8133";
+        readonly dark: "#E5A767";
+    };
+    readonly "Primary-700": {
+        readonly light: "#996027";
+        readonly dark: "#EBB681";
+    };
+    readonly "Primary-800": {
+        readonly light: "#66401A";
+        readonly dark: "#F0CEAD";
+    };
+    readonly "Primary-900": {
+        readonly light: "#33200D";
+        readonly dark: "#F0DAC5";
+    };
+    readonly "Secondary-50": {
+        readonly light: "#F0FAFC";
+        readonly dark: "#01161F";
+    };
+    readonly "Secondary-100": {
+        readonly light: "#CEE8F2";
+        readonly dark: "#003042";
+    };
+    readonly "Secondary-200": {
+        readonly light: "#95D0E5";
+        readonly dark: "#00455E";
+    };
+    readonly "Secondary-300": {
+        readonly light: "#62BAD9";
+        readonly dark: "#005A7A";
+    };
+    readonly "Secondary-400": {
+        readonly light: "#33A4CC";
+        readonly dark: "#00759E";
+    };
+    readonly "Secondary-500": {
+        readonly light: "#008BDF";
+        readonly dark: "#2D8FB2";
+    };
+    readonly "Secondary-600": {
+        readonly light: "#007199";
+        readonly dark: "#5BADC9";
+    };
+    readonly "Secondary-700": {
+        readonly light: "#005573";
+        readonly dark: "#7CB9CF";
+    };
+    readonly "Secondary-800": {
+        readonly light: "#00384D";
+        readonly dark: "#ABD2E0";
+    };
+    readonly "Secondary-900": {
+        readonly light: "#001C26";
+        readonly dark: "#DAF1F7";
+    };
+    readonly "Gray-50": {
+        readonly light: "#F7F8FA";
+        readonly dark: "#151A26";
+    };
+    readonly "Gray-100": {
+        readonly light: "#E6EAF2";
+        readonly dark: "#222B40";
+    };
+    readonly "Gray-200": {
+        readonly light: "#C3C9D9";
+        readonly dark: "#364059";
+    };
+    readonly "Gray-300": {
+        readonly light: "#A3ABBF";
+        readonly dark: "#3E4966";
+    };
+    readonly "Gray-400": {
+        readonly light: "#858EA6";
+        readonly dark: "#505A73";
+    };
+    readonly "Gray-500": {
+        readonly light: "#69738C";
+        readonly dark: "#69738C";
+    };
+    readonly "Gray-600": {
+        readonly light: "#475066";
+        readonly dark: "#858EA6";
+    };
+    readonly "Gray-700": {
+        readonly light: "#32394D";
+        readonly dark: "#A3ABBF";
+    };
+    readonly "Gray-800": {
+        readonly light: "#1F2433";
+        readonly dark: "#C3C9D9";
+    };
+    readonly "Gray-900": {
+        readonly light: "#0E111A";
+        readonly dark: "#E6EAF2";
+    };
+    readonly White: {
+        readonly light: "#FFFFFF";
+        readonly dark: "#0E111A";
+    };
+    readonly Black: {
+        readonly light: "#000000";
+        readonly dark: "#FFFFFF";
+    };
+    readonly "Success-50": {
+        readonly light: "#E9FFFB";
+        readonly dark: "#023524";
+    };
+    readonly "Success-100": {
+        readonly light: "#B7F3EA";
+        readonly dark: "#064D39";
+    };
+    readonly "Success-200": {
+        readonly light: "#91E8DA";
+        readonly dark: "#096B52";
+    };
+    readonly "Success-300": {
+        readonly light: "#66DDC8";
+        readonly dark: "#0C8C6D";
+    };
+    readonly "Success-400": {
+        readonly light: "#3ADFB6";
+        readonly dark: "#0FAF8B";
+    };
+    readonly "Success-500": {
+        readonly light: "#00D6A0";
+        readonly dark: "#2AC5A7";
+    };
+    readonly "Success-600": {
+        readonly light: "#00B083";
+        readonly dark: "#55D2BC";
+    };
+    readonly "Success-700": {
+        readonly light: "#008C68";
+        readonly dark: "#7FE1D1";
+    };
+    readonly "Success-800": {
+        readonly light: "#00684E";
+        readonly dark: "#B3F2E5";
+    };
+    readonly "Success-900": {
+        readonly light: "#004535";
+        readonly dark: "#E0FBF6";
+    };
+    readonly "Error-50": {
+        readonly light: "#FFEFEF";
+        readonly dark: "#472325";
+    };
+    readonly "Error-100": {
+        readonly light: "#FFCECE";
+        readonly dark: "#662E30";
+    };
+    readonly "Error-200": {
+        readonly light: "#FFA3A3";
+        readonly dark: "#8C3A3D";
+    };
+    readonly "Error-300": {
+        readonly light: "#FF7A7A";
+        readonly dark: "#B34849";
+    };
+    readonly "Error-400": {
+        readonly light: "#FF5252";
+        readonly dark: "#D25456";
+    };
+    readonly "Error-500": {
+        readonly light: "#FF3333";
+        readonly dark: "#E17070";
+    };
+    readonly "Error-600": {
+        readonly light: "#CC2828";
+        readonly dark: "#E89393";
+    };
+    readonly "Error-700": {
+        readonly light: "#991F1F";
+        readonly dark: "#F0B7B7";
+    };
+    readonly "Error-800": {
+        readonly light: "#661515";
+        readonly dark: "#F6DCDC";
+    };
+    readonly "Error-900": {
+        readonly light: "#330B0B";
+        readonly dark: "#FBEFEF";
+    };
+    readonly "Info-50": {
+        readonly light: "#E6F0FE";
+        readonly dark: "#1A3B73";
+    };
+    readonly "Info-100": {
+        readonly light: "#C2DAFC";
+        readonly dark: "#224E92";
+    };
+    readonly "Info-200": {
+        readonly light: "#9CC4FB";
+        readonly dark: "#2C64B3";
+    };
+    readonly "Info-300": {
+        readonly light: "#74AEFA";
+        readonly dark: "#357BD6";
+    };
+    readonly "Info-400": {
+        readonly light: "#4B9AF8";
+        readonly dark: "#4A92E8";
+    };
+    readonly "Info-500": {
+        readonly light: "#1E85F7";
+        readonly dark: "#5AA2F0";
+    };
+    readonly "Info-600": {
+        readonly light: "#1867C5";
+        readonly dark: "#7BB8F3";
+    };
+    readonly "Info-700": {
+        readonly light: "#124E96";
+        readonly dark: "#9CCBF6";
+    };
+    readonly "Info-800": {
+        readonly light: "#0D3668";
+        readonly dark: "#C2E0FA";
+    };
+    readonly "Info-900": {
+        readonly light: "#081C3A";
+        readonly dark: "#E6F2FE";
+    };
+    readonly "Warning-50": {
+        readonly light: "#FFF8E0";
+        readonly dark: "#7A5B00";
+    };
+    readonly "Warning-100": {
+        readonly light: "#FFEFC2";
+        readonly dark: "#927300";
+    };
+    readonly "Warning-200": {
+        readonly light: "#FFE29C";
+        readonly dark: "#AA8A00";
+    };
+    readonly "Warning-300": {
+        readonly light: "#FFD573";
+        readonly dark: "#C2A100";
+    };
+    readonly "Warning-400": {
+        readonly light: "#FFC84C";
+        readonly dark: "#DAB700";
+    };
+    readonly "Warning-500": {
+        readonly light: "#FFBA26";
+        readonly dark: "#EAC432";
+    };
+    readonly "Warning-600": {
+        readonly light: "#D99A1F";
+        readonly dark: "#F0D060";
+    };
+    readonly "Warning-700": {
+        readonly light: "#B37B19";
+        readonly dark: "#F5DC8C";
+    };
+    readonly "Warning-800": {
+        readonly light: "#8C5D12";
+        readonly dark: "#FAE8B9";
+    };
+    readonly "Warning-900": {
+        readonly light: "#663F0C";
+        readonly dark: "#FEF5E0";
+    };
+};
+export type ColorToken = keyof typeof colors;

package/lib/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './colors';
+export * from './radius';
+export * from './text';
+export * from './spacing';

package/lib/constants/radius.d.ts

@@ -0,0 +1,9 @@
+export declare const radius: {
+    none: number;
+    'border-1': number;
+    'border-2': number;
+    'border-3': number;
+    'border-4': number;
+    'border-5': number;
+    circle: number;
+};

package/lib/constants/spacing.d.ts

@@ -0,0 +1,3 @@
+export declare const spacing: {
+    [k: string]: number;
+};

package/lib/constants/text.d.ts

@@ -0,0 +1,21 @@
+declare const baseSizes: {
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+    xxxxl: number;
+};
+export declare const sizes: typeof baseSizes;
+export declare const weights: {
+    readonly light: "300";
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export type FontWeight = typeof weights[keyof typeof weights];
+export {};

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants/';
+export * from './utils/';

package/lib/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const isTablet: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/react-native-design-system",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A React Native package built from scratch",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -8,7 +8,7 @@
     "lib"
   ],
   "scripts": {
-    "build": "babel src --extensions '.ts,.tsx,' --out-dir lib",
+    "build": "babel src --extensions '.ts,.tsx,.js,.jsx' --out-dir lib && tsc --emitDeclarationOnly",
     "prepare": "npm run build"
   },
   "keywords": [
@@ -28,6 +28,9 @@
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@types/react": "^19.2.3",
+    "react": "^19.2.0",
+    "react-native": "^0.82.1",
     "typescript": "^5.6.0"
   }
-}
+}