@magnidev/theme 0.2.2 → 0.3.0

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@magnidev/theme",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "license": "ISC",
   "description": "Theme for Magni Development.",
   "author": {
-    "name": "fermeridamagni <Magni Developer>",
-    "url": "https://www.magnideveloper.com"
+    "name": "fermeridamagni <Magni Development>",
+    "url": "https://www.magni.dev"
   },
   "repository": {
     "url": "git+https://github.com/magnidev/magnidev-monorepo.git",
@@ -16,15 +16,12 @@
   "bugs": {
     "url": "https://github.com/magnidev/magnidev-monorepo/issues"
   },
-  "homepage": "https://magnideveloper.com/en/docs/developers/packages/theme/getting-started/introduction",
-  "types": "",
+  "homepage": "https://www.magni.dev/en/docs/developers/packages/theme/getting-started/introduction",
   "exports": {
-    ".": "./dist/index.js",
-    "./styles": "./dist/tailwindcss/styles.css"
+    "./tailwindcss": "./src/tailwindcss/styles.css"
   },
-  "main": "dist/index.js",
   "files": [
-    "dist",
+    "src/tailwindcss/styles.css",
     "README.md",
     "LICENSE",
     "CHANGELOG.md",
@@ -39,12 +36,5 @@
   },
   "dependencies": {
     "tw-animate-css": "^1.3.3"
-  },
-  "devDependencies": {
-    "typescript": "5.8.3",
-    "@magnidev/typescript-config": "0.2.0"
-  },
-  "scripts": {
-    "build": "tsc -p tsconfig.json"
   }
 }

package/src/tailwindcss/styles.css

@@ -0,0 +1,150 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+@layer base {
+  :root {
+    --radius: 0.625rem;
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(0.9837 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: var(--card);
+    --popover-foreground: var(--card-foreground);
+    --primary: oklch(0.5 0.1193 242.75);
+    --primary-foreground: oklch(1 0 0);
+    --secondary: oklch(0.145 0 0);
+    --secondary-foreground: oklch(1 0 0);
+    --success: oklch(0.51 0.1302 151.36);
+    --success-foreground: oklch(1 0 0);
+    --warning: oklch(0.56 0.1455 49);
+    --warning-foreground: oklch(1 0 0);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.556 0 0);
+    --accent: oklch(0.94 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --destructive: oklch(0.45 0.1829 25.66 / 75%);
+    --border: oklch(87% 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: var(--primary);
+    --chart-1: oklch(0.646 0.222 41.116);
+    --chart-2: oklch(0.6 0.118 184.704);
+    --chart-3: oklch(0.398 0.07 227.392);
+    --chart-4: oklch(0.828 0.189 84.429);
+    --chart-5: oklch(0.769 0.188 70.08);
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.205 0 0);
+    --sidebar-primary-foreground: oklch(1 0 0);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.708 0 0);
+  }
+
+  .dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(1 0 0);
+    --card: oklch(16.5% 0 0 / 90%);
+    --card-foreground: oklch(1 0 0);
+    --popover: var(--card);
+    --popover-foreground: var(--card-foreground);
+    --primary: oklch(0.5 0.1193 242.75 / 50%);
+    --primary-foreground: oklch(1 0 0);
+    --secondary: oklch(1 0 0);
+    --secondary-foreground: oklch(0.145 0 0);
+    --success: oklch(0.51 0.1302 151.36);
+    --success-foreground: oklch(1 0 0);
+    --warning: oklch(0.56 0.1455 49);
+    --warning-foreground: oklch(1 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.269 0 0);
+    --accent-foreground: oklch(1 0 0);
+    --destructive: oklch(0.45 0.1829 25.66 / 75%);
+    --border: oklch(26.9% 0 0);
+    --input: oklch(1 0 0 / 15%);
+    --ring: var(--primary);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(1 0 0);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(1 0 0);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(1 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.556 0 0);
+  }
+
+  * {
+    @apply border-border outline-ring/50 ring-primary;
+  }
+  *::selection {
+    @apply bg-primary text-primary-foreground;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  /* Scrollbar styles */
+  *::-webkit-scrollbar {
+    @apply w-[5px] h-[5px];
+  }
+  *::-webkit-scrollbar-track {
+    @apply bg-transparent rounded-full;
+  }
+  *::-webkit-scrollbar-thumb {
+    @apply bg-muted rounded-full;
+  }
+  *::-webkit-scrollbar-thumb:hover {
+    @apply bg-primary;
+  }
+}

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export declare const theme: {
-    colors: {};
-};

package/dist/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = void 0;
-exports.theme = {
-    colors: {},
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;CACX,CAAC"}