@gluhar/theme 2.0.3 → 3.0.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0](https://github.com/gluharry/gluhar/compare/@gluhar/theme@2.0.3...@gluhar/theme@3.0.0) (2025-05-12)
+
+**📝 Note:** Version bump only for package @gluhar/theme
+
+
+
+
+
+## [2.0.5](https://github.com/gluharry/gluhar/compare/@gluhar/theme@2.0.3...@gluhar/theme@2.0.5) (2025-05-12)
+
+**📝 Note:** Version bump only for package @gluhar/theme
+
+
+
+
+
+## [2.0.4](https://github.com/gluharry/gluhar/compare/@gluhar/theme@2.0.3...@gluhar/theme@2.0.4) (2025-05-12)
+
+**📝 Note:** Version bump only for package @gluhar/theme
+
+
+
+
+
 ## [2.0.3](https://github.com/gluharry/gluhar/compare/@gluhar/theme@2.0.2...@gluhar/theme@2.0.3) (2025-02-12)
 
 **📝 Note:** Version bump only for package @gluhar/theme

package/README.md

@@ -6,7 +6,7 @@
 [![Nuxt][nuxt-src]][nuxt-href]
 
 Gluhar Theme package.  
-Configures tailwind and primevue setup. Provides composables (useTheme) and utils for working with the theme and colors.
+Configures tailwind setup. Provides composables (useTheme) and utils for working with the theme and colors.
 
 [✨  Release Notes](./CHANGELOG.md)
 
@@ -58,32 +58,7 @@ In `~/assets/styles/base.sass`
 ```css
 @tailwind base
 @tailwind components
-@tailwind utilities
-
-:root
-  --primary-50: 236 253 245
-  --primary-100: 209 250 229
-  --primary-200: 167 243 208
-  --primary-300: 110 231 183
-  --primary-400: 52 211 153
-  --primary-500: 58 58 58
-  --primary-600: 5 150 105
-  --primary-700: 4 120 87
-  --primary-800: 6 95 70
-  --primary-900: 4 78 56
-  --primary-950: 2 44 34
-  --surface-0: 255 255 255
-  --surface-50: 248 250 252
-  --surface-100: 241 245 249
-  --surface-200: 226 232 240
-  --surface-300: 203 213 225
-  --surface-400: 148 163 184
-  --surface-500: 100 116 139
-  --surface-600: 71 85 105
-  --surface-700: 45 55 72
-  --surface-800: 30 41 59
-  --surface-900: 15 23 42
-  --surface-950: 3 6 23;
+@tailwind utilities;
 ```
 
 If you want your main stylesheet to be named differently, not be sass or be elsewhere, you can config the `cssPath` in nuxt.config.ts:
@@ -103,26 +78,6 @@ If you want your main stylesheet to be named differently, not be sass or be else
 }
 ```
 
-## PrimeVue Config
-
-This package provides an up-to-date primevue preset for tailwind (lara). In your project you import whats provided and only add overrides for whats in use.
-
-Create a folder names `primevue` in /styles.
-
-`./assets/styles/primevue/index.js`
-
-```js
-import lara from "@gluhar/theme/primevue";
-import button from "./button"; // import other overrides like this
-
-export default {
-  ...lara,
-  button,
-};
-```
-
-When doing overrides cmd + click into the gluhar/theme import, navigate to the component you want, copy paste it to /primevue and change what you need fam got you bruv innit.
-
 ## Contribution
 
 <details>

package/dist/module.d.mts

@@ -1,12 +1,8 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { ModuleOptions } from '@nuxtjs/tailwindcss';
-import pv from '@primevue/nuxt-module';
 
-type Primevue = typeof pv;
-type PrimevueOptions = Parameters<Exclude<Primevue["getOptions"], undefined>>[0];
 interface GluharThemeOptions {
     tailwind?: Partial<ModuleOptions>;
-    primevue?: Partial<PrimevueOptions>;
 }
 declare const _default: _nuxt_schema.NuxtModule<GluharThemeOptions, GluharThemeOptions, false>;
 

package/dist/module.d.ts

@@ -1,12 +1,8 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import { ModuleOptions } from '@nuxtjs/tailwindcss';
-import pv from '@primevue/nuxt-module';
 
-type Primevue = typeof pv;
-type PrimevueOptions = Parameters<Exclude<Primevue["getOptions"], undefined>>[0];
 interface GluharThemeOptions {
     tailwind?: Partial<ModuleOptions>;
-    primevue?: Partial<PrimevueOptions>;
 }
 declare const _default: _nuxt_schema.NuxtModule<GluharThemeOptions, GluharThemeOptions, false>;
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@gluhar/theme",
   "configKey": "gluharTheme",
-  "version": "2.0.3",
+  "version": "3.0.0",
   "builder": {
     "@nuxt/module-builder": "0.8.3",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import path from 'pathe';
-import { defineNuxtModule, createResolver, installModule, addImportsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addImportsDir } from '@nuxt/kit';
 import { handleTailwind } from '../dist/runtime/tailwind/handleTailwind.js';
 
 const cwd = process.cwd();
@@ -14,19 +14,11 @@ const module = defineNuxtModule({
       configPath: path.join(cwd, "config/tailwind.config"),
       cssPath: path.join(cwd, "assets/styles/base.sass"),
       exposeConfig: true
-    },
-    primevue: {
-      options: { unstyled: true },
-      importPT: {
-        from: path.resolve(cwd, "./assets/styles/primevue/")
-      }
     }
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    const { primevue } = options;
     handleTailwind(options, nuxt);
-    installModule("@primevue/nuxt-module", primevue);
     addImportsDir(resolve("runtime/composables"));
   }
 });

package/dist/runtime/tailwind/gluharTheme.js

@@ -9,18 +9,9 @@ const gluharTheme = {
     // Colors
     colors: {
       primary: {
-        // PrimeVue colors
-        "50": "rgb(var(--primary-50))",
-        "100": "rgb(var(--primary-100))",
-        "200": "rgb(var(--primary-200))",
-        "300": "rgb(var(--primary-300))",
-        "400": "rgb(var(--primary-400))",
-        "500": "rgb(var(--primary-500))",
-        "600": "rgb(var(--primary-600))",
-        "700": "rgb(var(--primary-700))",
-        "800": "rgb(var(--primary-800))",
-        "900": "rgb(var(--primary-900))",
-        "950": "rgb(var(--primary-950))"
+        light: "#333",
+        base: "#111",
+        dark: "#000"
       },
       secondary: {
         base: "#F9F9F9"
@@ -30,21 +21,6 @@ const gluharTheme = {
       },
       white: {
         base: "#fff"
-      },
-      // PrimeVue colors
-      surface: {
-        "0": "rgb(var(--surface-0))",
-        "50": "rgb(var(--surface-50))",
-        "100": "rgb(var(--surface-100))",
-        "200": "rgb(var(--surface-200))",
-        "300": "rgb(var(--surface-300))",
-        "400": "rgb(var(--surface-400))",
-        "500": "rgb(var(--surface-500))",
-        "600": "rgb(var(--surface-600))",
-        "700": "rgb(var(--surface-700))",
-        "800": "rgb(var(--surface-800))",
-        "900": "rgb(var(--surface-900))",
-        "950": "rgb(var(--surface-950))"
       }
     }
   }

package/dist/runtime/tailwind/handleTailwind.js

@@ -3,11 +3,7 @@ export const handleTailwind = (options, nuxt) => {
   const { resolve } = createResolver(import.meta.url);
   const { tailwind } = options;
   const config = {
-    // PrimeVue styles
-    content: [
-      "assets/styles/**/*.{js,vue,ts}",
-      resolve("runtime/presets/lara/**/*.{js,vue,ts}")
-    ],
+    content: ["assets/styles/**/*.{js,vue,ts}"],
     // Dark mode to be handled with by a class, instead of media
     darkMode: "class"
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gluhar/theme",
-  "version": "2.0.3",
-  "description": "Gluhar Theme package. Configures tailwind and primevue setup. Provides composables and utils for working with the theme and colors.",
+  "version": "3.0.0",
+  "description": "Gluhar Theme package. Configures tailwind setup. Provides composables and utils for working with the theme and colors.",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -11,7 +11,6 @@
       "require": "./dist/module.cjs"
     },
     "./gluharTheme": "./dist/runtime/tailwind/gluharTheme.js",
-    "./primevue": "./dist/runtime/presets/lara/index.js",
     "./fonts/*": "./dist/runtime/fonts/*/stylesheet.css",
     "./styles/*": "./dist/runtime/styles/*.css"
   },
@@ -35,10 +34,8 @@
   "dependencies": {
     "@nuxt/kit": "^3.13.1",
     "@nuxtjs/tailwindcss": "6.12.2",
-    "@primevue/nuxt-module": "^4.0.5",
     "defu": "^6.1.4",
     "pathe": "^1.1.2",
-    "primevue": "^4.0.5",
     "sass": "^1.78.0",
     "tailwindcss": "^3.4.10"
   },
@@ -54,5 +51,5 @@
     "nuxt": "^3.13.1",
     "vitest": "^2.0.5"
   },
-  "gitHead": "eface90f2dee58d45f4d217f2d3de388f67ed3fc"
+  "gitHead": "3e7ae18523d156a38d09d1df84a19281880a35e4"
 }

package/dist/runtime/presets/lara/accordion/index.d.ts

@@ -1,49 +0,0 @@
-declare namespace _default {
-    namespace accordiontab {
-        namespace root {
-            let _class: string;
-            export { _class as class };
-        }
-        function header({ props }: {
-            props: any;
-        }): {
-            class: {
-                'select-none pointer-events-none cursor-default opacity-60': any;
-            }[];
-        };
-        function headerAction({ context }: {
-            context: any;
-        }): {
-            class: (string | {
-                'rounded-br-md rounded-bl-md': boolean;
-                'rounded-br-0 rounded-bl-0': any;
-                'text-surface-900'?: undefined;
-            } | {
-                'text-surface-900': any;
-                'rounded-br-md rounded-bl-md'?: undefined;
-                'rounded-br-0 rounded-bl-0'?: undefined;
-            })[];
-        };
-        namespace headerIcon {
-            let _class_1: string;
-            export { _class_1 as class };
-        }
-        namespace headerTitle {
-            let _class_2: string;
-            export { _class_2 as class };
-        }
-        namespace content {
-            let _class_3: string[];
-            export { _class_3 as class };
-        }
-        namespace transition {
-            let enterFromClass: string;
-            let enterActiveClass: string;
-            let enterToClass: string;
-            let leaveFromClass: string;
-            let leaveActiveClass: string;
-            let leaveToClass: string;
-        }
-    }
-}
-export default _default;

package/dist/runtime/presets/lara/accordion/index.js

@@ -1,78 +0,0 @@
-export default {
-    accordiontab: {
-        root: {
-            class: 'mb-1'
-        },
-        header: ({ props }) => ({
-            class: [
-                // State
-                { 'select-none pointer-events-none cursor-default opacity-60': props?.disabled }
-            ]
-        }),
-        headerAction: ({ context }) => ({
-            class: [
-                //Font
-                'font-bold',
-                'leading-none',
-
-                // Alignments
-                'flex items-center',
-                'relative',
-
-                // Sizing
-                'p-5',
-
-                // Shape
-                'rounded-t-md',
-                { 'rounded-br-md rounded-bl-md': !context.active, 'rounded-br-0 rounded-bl-0': context.active },
-
-                // Color
-                'border border-surface-200 dark:border-surface-700',
-                'bg-surface-50 dark:bg-surface-800',
-                'text-surface-600 dark:text-surface-0/80',
-                { 'text-surface-900': context.active },
-
-                // Transition
-                'transition duration-200 ease-in-out',
-                'transition-shadow duration-200',
-
-                // States
-                'hover:bg-surface-100 dark:hover:bg-surface-700/40',
-                'hover:text-surface-900',
-                'focus:outline-none focus:outline-offset-0 focus-visible:ring focus-visible:ring-primary-400/50 ring-inset dark:focus-visible:ring-primary-300/50', // Focus
-
-                // Misc
-                'cursor-pointer no-underline select-none'
-            ]
-        }),
-        headerIcon: {
-            class: 'inline-block mr-2'
-        },
-        headerTitle: {
-            class: 'leading-none'
-        },
-        content: {
-            class: [
-                // Spacing
-                'p-5',
-
-                //Shape
-                'rounded-tl-none rounded-tr-none rounded-br-lg rounded-bl-lg',
-                'border-t-0',
-
-                // Color
-                'bg-surface-0 dark:bg-surface-800',
-                'border border-surface-200 dark:border-surface-700',
-                'text-surface-700 dark:text-surface-0/80'
-            ]
-        },
-        transition: {
-            enterFromClass: 'max-h-0',
-            enterActiveClass: 'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
-            enterToClass: 'max-h-[1000px]',
-            leaveFromClass: 'max-h-[1000px]',
-            leaveActiveClass: 'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
-            leaveToClass: 'max-h-0'
-        }
-    }
-};

package/dist/runtime/presets/lara/autocomplete/index.d.ts

@@ -1,200 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'w-full': any;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        } | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-            'w-full'?: undefined;
-        })[];
-    };
-    function container({ props, state }: {
-        props: any;
-        state: any;
-    }): {
-        class: (string | {
-            'border-surface-300 dark:border-surface-600': boolean;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        } | {
-            'hover:border-primary-500 dark:hover:border-primary-400': boolean;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'ring ring-primary-400/50 dark:ring-primary-300/50'?: undefined;
-        } | {
-            'ring ring-primary-400/50 dark:ring-primary-300/50': any;
-            'border-surface-300 dark:border-surface-600'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'hover:border-primary-500 dark:hover:border-primary-400'?: undefined;
-        })[];
-    };
-    namespace inputtoken {
-        let _class: string[];
-        export { _class as class };
-    }
-    function input({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'rounded-tr-none rounded-br-none': any;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'outline-none shadow-none rounded-none': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'w-full'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'w-full': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'p-3': boolean;
-            'p-0': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'bg-surface-0 dark:bg-surface-900': boolean;
-            ' border-surface-300 dark:border-surface-700': boolean;
-            'border-0 bg-transparent': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'border-red-500 dark:border-red-400': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50'?: undefined;
-        } | {
-            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-300/50': boolean;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'p-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0 dark:bg-surface-900'?: undefined;
-            ' border-surface-300 dark:border-surface-700'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'border-red-500 dark:border-red-400'?: undefined;
-        })[];
-    };
-    namespace token {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
-    namespace label {
-        let _class_2: string;
-        export { _class_2 as class };
-    }
-    namespace removeTokenIcon {
-        let _class_3: string[];
-        export { _class_3 as class };
-    }
-    namespace dropdownbutton {
-        export namespace root_1 {
-            let _class_4: string[];
-            export { _class_4 as class };
-        }
-        export { root_1 as root };
-    }
-    namespace loadingicon {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace panel {
-        let _class_6: string[];
-        export { _class_6 as class };
-    }
-    namespace list {
-        let _class_7: string;
-        export { _class_7 as class };
-    }
-    function item({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'text-surface-700 dark:text-white/80': any;
-            'bg-surface-200 dark:bg-surface-600/60': any;
-            'text-primary-700 dark:text-white/80': any;
-            'bg-primary-100 dark:bg-primary-400': any;
-            'bg-primary-50 dark:bg-primary-300': any;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80': boolean;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60'?: undefined;
-            'text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400'?: undefined;
-            'bg-primary-50 dark:bg-primary-300'?: undefined;
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80'?: undefined;
-        } | {
-            'hover:text-surface-700 hover:bg-surface-100 dark:hover:text-white dark:hover:bg-surface-600/80': any;
-            'text-surface-700 dark:text-white/80'?: undefined;
-            'bg-surface-200 dark:bg-surface-600/60'?: undefined;
-            'text-primary-700 dark:text-white/80'?: undefined;
-            'bg-primary-100 dark:bg-primary-400'?: undefined;
-            'bg-primary-50 dark:bg-primary-300'?: undefined;
-            'hover:bg-surface-100 dark:hover:bg-surface-600/80'?: undefined;
-        })[];
-    };
-    namespace itemgroup {
-        let _class_8: string[];
-        export { _class_8 as class };
-    }
-    namespace emptymessage {
-        let _class_9: string[];
-        export { _class_9 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;