@coinloger/dev-ui 0.0.6 → 0.0.8

package/dist/esm/types.d.ts

@@ -0,0 +1,221 @@
+export interface ThemeConfig {
+    prefix?: string;
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        background?: string;
+        text?: string;
+        [key: string]: string | undefined;
+    };
+    typography?: {
+        'font-family'?: string;
+        'font-size-sm'?: string;
+        'font-size-md'?: string;
+        'font-size-lg'?: string;
+        'font-size-xl'?: string;
+        [key: string]: string | undefined;
+    };
+    spacing?: {
+        [key: string]: string;
+    };
+    radius?: {
+        [key: string]: string;
+    };
+    shadows?: {
+        [key: string]: string;
+    };
+    components?: {
+        btn?: {
+            [key: string]: string | object | undefined;
+        };
+        input?: {
+            radius?: string;
+            bg?: string;
+            border?: string;
+            color?: string;
+            placeholder?: string;
+            "focus-border"?: string;
+            "focus-ring"?: string;
+            "error-border"?: string;
+            "error-ring"?: string;
+            [key: string]: string | object | undefined;
+        };
+        select?: {
+            radius?: string;
+            bg?: string;
+            border?: string;
+            color?: string;
+            placeholder?: string;
+            "focus-border"?: string;
+            "focus-ring"?: string;
+            "error-border"?: string;
+            "error-ring"?: string;
+            "menu-bg"?: string;
+            "menu-border"?: string;
+            "menu-shadow"?: string;
+            "option-hover-bg"?: string;
+            "option-selected-bg"?: string;
+            "option-selected-color"?: string;
+            [key: string]: string | object | undefined;
+        };
+        card?: {
+            radius?: string;
+            shadow?: string;
+            bg?: string;
+            border?: string;
+            padding?: string;
+            "header-bg"?: string;
+            "header-padding"?: string;
+            "header-border"?: string;
+            "footer-bg"?: string;
+            "footer-padding"?: string;
+            "footer-border"?: string;
+            [key: string]: string | object | undefined;
+        };
+        modal?: {
+            "radius"?: string;
+            "bg"?: string;
+            "shadow"?: string;
+            "backdrop-bg"?: string;
+            "backdrop-blur"?: string;
+            "border"?: string;
+            "z-index"?: string;
+            "header-padding"?: string;
+            "body-padding"?: string;
+            "footer-padding"?: string;
+            "size-sm-width"?: string;
+            "size-md-width"?: string;
+            "size-lg-width"?: string;
+            "size-xl-width"?: string;
+            [key: string]: string | object | undefined;
+        };
+        checkbox?: {
+            size?: string;
+            radius?: string;
+            bg?: string;
+            border?: string;
+            "checked-bg"?: string;
+            "checked-border"?: string;
+            "checked-color"?: string;
+            "disabled-opacity"?: string;
+            "size-sm-size"?: string;
+            "size-sm-font-size"?: string;
+            "size-md-size"?: string;
+            "size-md-font-size"?: string;
+            "size-lg-size"?: string;
+            "size-lg-font-size"?: string;
+            "size-xl-size"?: string;
+            "size-xl-font-size"?: string;
+            [key: string]: string | object | undefined;
+        };
+        radio?: {
+            size?: string;
+            bg?: string;
+            border?: string;
+            "checked-bg"?: string;
+            "checked-border"?: string;
+            "checked-color"?: string;
+            "disabled-opacity"?: string;
+            "size-sm-size"?: string;
+            "size-sm-font-size"?: string;
+            "size-md-size"?: string;
+            "size-md-font-size"?: string;
+            "size-lg-size"?: string;
+            "size-lg-font-size"?: string;
+            "size-xl-size"?: string;
+            "size-xl-font-size"?: string;
+            [key: string]: string | object | undefined;
+        };
+        switch?: {
+            width?: string;
+            height?: string;
+            bg?: string;
+            "checked-bg"?: string;
+            "thumb-size"?: string;
+            "thumb-bg"?: string;
+            "thumb-shadow"?: string;
+            "focus-ring"?: string;
+            "disabled-opacity"?: string;
+            "size-sm-width"?: string;
+            "size-sm-height"?: string;
+            "size-sm-thumb-size"?: string;
+            "size-md-width"?: string;
+            "size-md-height"?: string;
+            "size-md-thumb-size"?: string;
+            "size-lg-width"?: string;
+            "size-lg-height"?: string;
+            "size-lg-thumb-size"?: string;
+            "size-xl-width"?: string;
+            "size-xl-height"?: string;
+            "size-xl-thumb-size"?: string;
+            [key: string]: string | object | undefined;
+        };
+        badge?: {
+            radius?: string;
+            "font-weight"?: string;
+            "size-sm-padding"?: string;
+            "size-sm-font-size"?: string;
+            "size-md-padding"?: string;
+            "size-md-font-size"?: string;
+            "size-lg-padding"?: string;
+            "size-lg-font-size"?: string;
+            "primary-bg"?: string;
+            "primary-text"?: string;
+            "success-bg"?: string;
+            "success-text"?: string;
+            "warning-bg"?: string;
+            "warning-text"?: string;
+            "danger-bg"?: string;
+            "danger-text"?: string;
+            "neutral-bg"?: string;
+            "neutral-text"?: string;
+            [key: string]: string | object | undefined;
+        };
+        heading?: {
+            "h1-size"?: string;
+            "h1-line-height"?: string;
+            "h1-weight"?: string;
+            "h2-size"?: string;
+            "h2-line-height"?: string;
+            "h2-weight"?: string;
+            "h3-size"?: string;
+            "h3-line-height"?: string;
+            "h3-weight"?: string;
+            "h4-size"?: string;
+            "h4-line-height"?: string;
+            "h4-weight"?: string;
+            "h5-size"?: string;
+            "h5-line-height"?: string;
+            "h5-weight"?: string;
+            "h6-size"?: string;
+            "h6-line-height"?: string;
+            "h6-weight"?: string;
+            [key: string]: string | object | undefined;
+        };
+        text?: {
+            "body-size"?: string;
+            "body-line-height"?: string;
+            "small-size"?: string;
+            "small-line-height"?: string;
+            "caption-size"?: string;
+            "caption-line-height"?: string;
+            "lead-size"?: string;
+            "lead-line-height"?: string;
+            [key: string]: string | object | undefined;
+        };
+        tabs?: {
+            "border-color"?: string;
+            "active-color"?: string;
+            "inactive-color"?: string;
+            "hover-bg"?: string;
+            "trigger-padding"?: string;
+            "trigger-weight"?: string;
+            "trigger-font-size"?: string;
+            "content-padding"?: string;
+            [key: string]: string | object | undefined;
+        };
+        [key: string]: {
+            [key: string]: string | object | undefined;
+        } | undefined;
+    };
+}

package/package.json

@@ -1,29 +1,22 @@
 {
   "name": "@coinloger/dev-ui",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "style.css"
   ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/style.css"
-  },
+  "style": "./style.css",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "generate:theme": "node scripts/generate-theme.js",
+    "prepare": "npm run build",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
@@ -31,10 +24,13 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "clsx": "^2.1.0"
+    "bootstrap": "^5.3.8",
+    "clsx": "^2.1.0",
+    "prop-types": "^15.8.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@types/prop-types": "^15.7.15",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
@@ -42,12 +38,12 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "vite": "^7.2.4",
-    "typescript": "^5.2.2",
     "jiti": "^2.6.1",
-    "ts-node": "^10.9.2",
-    "vite-plugin-dts": "^3.7.3",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.2.2",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^3.7.3"
   }
 }

package/style.css

@@ -0,0 +1 @@
+@import "./dist/esm/dev-ui.css";