nicklabs-ui 1.0.0 → 1.0.2

package/dist/variables.css

@@ -0,0 +1,103 @@
+:root {
+    --primary-color: #2563EB;
+    --primary-hover: #1D4ED8;
+    --primary-light: #EFF6FF;
+
+    --secondary-color: #64748B;
+
+    --bg-body: #F4F9FF;
+    --bg-gradient: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
+
+    --surface-glass: rgba(255, 255, 255, 0.7);
+    --surface-glass-hover: rgba(255, 255, 255, 0.85);
+    --surface-glass-border: rgba(255, 255, 255, 0.5);
+    --surface-solid: #FFFFFF;
+
+    --text-main: #1E293B;
+    --text-secondary: #475569;
+    --text-muted: #94A3B8;
+    --text-inverse: #FFFFFF;
+
+    --slate-50: #F8FAFC;
+    --slate-100: #F1F5F9;
+    --slate-200: #E2E8F0;
+    --slate-300: #CBD5E1;
+    --slate-400: #94A3B8;
+    --slate-500: #64748B;
+    --slate-600: #475569;
+
+    --border-color: var(--slate-200);
+
+    --error-color: #EF4444;
+    --error-light: #FEF2F2;
+    --success-color: #10B981;
+    --warning-color: #F59E0B;
+    --info-color: #3B82F6;
+
+    --header-height: 64px;
+    --sidebar-logo-height: 84px;
+    --sidebar-width: 70px;
+    --sidebar-width-open: 260px;
+
+    --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
+
+    --radius-sm: 4px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
+    --radius-xl: 16px;
+
+    --blur-amount: 12px;
+
+    --transition-fast: 0.15s ease;
+    --transition-normal: 0.3s ease;
+
+    --font-heading: 'Poppins', sans-serif;
+    --font-body: 'Open Sans', sans-serif;
+
+    --drawer-border: var(--slate-200);
+
+    --scrollbar-width: 6px;
+    --scrollbar-height: 6px;
+    --scrollbar-track-background-color: var(--slate-100);
+    --scrollbar-thumb-background-color: var(--slate-300);
+    --scrollbar-thumb-hover-background-color: var(--slate-400);
+    --scrollbar-thumb-border-radius: 10px;
+
+    --button-background-color: var(--surface-glass);
+
+    --button-primary-background-color: var(--primary-color);
+    --button-primary-text-color: #FFFFFF;
+    --button-primary-hover-background-color: var(--primary-hover);
+    --button-primary-hover-text-color: #FFFFFF;
+
+    --button-error-background-color: var(--error-light);
+    --button-error-text-color: var(--error-color);
+    --button-error-hover-background-color: #FEE2E2;
+    --button-error-hover-text-color: var(--error-color);
+
+    --button-success-background-color: #DCFCE7;
+    --button-success-text-color: #166534;
+    --button-success-hover-background-color: #BBF7D0;
+    --button-success-hover-text-color: #166534;
+
+    --button-warning-background-color: #FEF3C7;
+    --button-warning-text-color: #92400E;
+    --button-warning-hover-background-color: #FDE68A;
+    --button-warning-hover-text-color: #92400E;
+
+    --button-info-background-color: #3B82F6;
+    --button-info-text-color: #FFFFFF;
+    --button-info-hover-background-color: #2563EB;
+    --button-info-hover-text-color: #FFFFFF;
+
+    --button-default-background-color: var(--slate-200);
+    --button-default-text-color: var(--slate-600);
+    --button-default-hover-background-color: var(--slate-300);
+    --button-default-hover-text-color: var(--slate-600);
+
+    --input-focus-ring: var(--primary-color);
+    --input-border-color: var(--slate-300);
+    --input-bg: var(--surface-solid);
+    --input-disabled-bg: var(--slate-100);
+    --input-disabled-text: var(--slate-400);
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "nicklabs-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/src/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,30 +13,36 @@
       "types": "./dist/src/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
+    },
+    "./reset.css": {
+      "default": "./dist/reset.css"
+    },
+    "./variables.css": {
+      "default": "./dist/variables.css"
     }
   },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/tsconfig": "^0.8.1",
-    "typescript": "~5.9.3",
-    "vite": "^7.1.12",
-    "vue": "^3.5.22",
-    "vue-tsc": "^3.1.2"
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vue/tsconfig": "^0.9.1",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.11",
+    "vue": "^3.5.34",
+    "vue-tsc": "^3.2.8"
   },
   "dependencies": {
     "@fontsource/open-sans": "^5.2.7",
     "@fontsource/poppins": "^5.2.7",
-    "pinia": "^3.0.3",
-    "vue-router": "^4.6.3",
-    "nicklabs-utils": "1.0.0"
+    "pinia": "^3.0.4",
+    "vue-router": "^5.0.6",
+    "nicklabs-utils": "1.0.2"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --pretty",
     "dev": "vite build --watch",
-    "type-check": "rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --pretty",
+    "type-check": "rimraf node_modules/.tmp && vue-tsc --project tsconfig.build.json --noEmit --pretty",
     "build-pron": "pnpm run build && pnpm run type-check"
   }
 }