vueless 0.0.774 → 0.0.775

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.774",
+  "version": "0.0.775",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.button/config.ts

@@ -79,8 +79,8 @@ export default /*tw*/ {
         variant: "thirdary",
         class: `
           text-gray-900                              dark:text-gray-100
-          hover:text-gray-800  hover:bg-gray-800/5   dark:hover:text-gray-200  dark:hover:bg-gray-200/5
-          active:text-gray-700 active:bg-gray-700/10 dark:active:text-gray-300 dark:active:bg-gray-300/10
+          hover:text-gray-800  hover:bg-gray-800/10   dark:hover:text-gray-200  dark:hover:bg-gray-200/10
+          active:text-gray-700 active:bg-gray-700/15 dark:active:text-gray-300 dark:active:bg-gray-300/15
         `,
       },
       {
@@ -110,7 +110,7 @@ export default /*tw*/ {
         variant: "thirdary",
         class: "hover:bg-white/10 active:bg-white/15",
       },
-      { filled: true, variant: "thirdary", class: "bg-{color}-700/10 dark:bg-{color}-500/10" },
+      { filled: true, variant: "thirdary", class: "bg-{color}-700/5 dark:bg-{color}-500/5" },
       { filled: true, variant: "thirdary", color: ["grayscale", "white"], class: "bg-gray-800/5 dark:bg-gray-200/5" },
       { rightIcon: true, size: "2xs", class: "pr-1" },
       { rightIcon: true, size: "xs", class: "pr-2" },

package/ui.data-table/config.ts

@@ -5,7 +5,7 @@ export default /*tw*/ {
     base: "fixed top-0 flex items-center z-30 overflow-hidden border rounded-none",
     variants: {
       actionsHeader: {
-        true: "rounded-t-dynamic border-blue-200 bg-blue-50",
+        true: "rounded-t-dynamic border-brand-200 bg-brand-50",
       },
     },
     compoundVariants: [

package/ui.data-table/storybook/stories.ts

@@ -373,14 +373,14 @@ SlotHeaderActions.args = {
         <UButton
           label="Edit"
           variant="thirdary"
-          color="blue"
+          color="brand"
           size="sm"
         />
 
         <UButton
           label="Delete"
           variant="thirdary"
-          color="blue"
+          color="brand"
           size="sm"
         />
       </URow>

package/ui.form-color-picker/config.ts

@@ -8,7 +8,7 @@ export default /*tw*/ {
           filled: true,
           variant: "thirdary",
           color: "grayscale",
-          class: "focus:bg-gray-800/10 bg-gray-800/10 dark:focus:bg-gray-200/10 dark:bg-gray-200/10",
+          class: "bg-gray-800/10 dark:bg-gray-200/10",
         },
       ],
     },

package/ui.loader-progress/useLoaderProgress.ts

@@ -1,4 +1,4 @@
-import { inject, onBeforeUnmount, readonly, ref } from "vue";
+import { inject, onBeforeMount, onBeforeUnmount, readonly, ref } from "vue";
 
 import type { Ref } from "vue";
 
@@ -49,8 +49,10 @@ export function createLoaderProgress(): LoaderProgress {
 export function useLoaderProgress(): LoaderProgress {
   const loaderProgress = inject<LoaderProgress>(LoaderProgressSymbol);
 
-  window.addEventListener("loaderProgressOn", setLoaderOnHandler as EventListener);
-  window.addEventListener("loaderProgressOff", setLoaderOffHandler as EventListener);
+  onBeforeMount(() => {
+    window.addEventListener("loaderProgressOn", setLoaderOnHandler as EventListener);
+    window.addEventListener("loaderProgressOff", setLoaderOffHandler as EventListener);
+  });
 
   onBeforeUnmount(() => {
     window.removeEventListener("loaderProgressOn", setLoaderOnHandler as EventListener);

package/utils/storybook.ts

@@ -72,7 +72,7 @@ export function getDocsDescription(componentName: string | undefined) {
   let viewOnGitHub = "";
 
   if (COMPONENTS[componentName as ComponentNames]) {
-    viewOnGitHub = `| [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]})`;
+    viewOnGitHub = `| <a href="https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]}" target="_blank">View on GitHub</a>`;
   }
 
   return {