vueless 0.0.697 → 0.0.699

package/package.json

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

package/ui.button-link/types.ts

@@ -80,7 +80,7 @@ export interface Props {
   /**
    * Specifies where to open the linked page.
    */
-  target?: "_blank" | "_self" | "_parent" | "_top" | string;
+  target?: "_blank" | "_self" | "_parent" | "_top";
 
   /**
    * A rel attribute value to apply on the external link.

package/ui.navigation-breadcrumbs/types.ts

@@ -48,7 +48,7 @@ export interface Props {
   /**
    * Specifies where to open the linked page.
    */
-  target?: "_blank" | "_self" | "_parent" | "_top" | string;
+  target?: "_blank" | "_self" | "_parent" | "_top";
 
   /**
    * Show underline.

package/utils/theme.ts

@@ -170,13 +170,6 @@ export function setTheme(config: Config = {}) {
     vuelessConfig.ringOffsetColorLight ??
     DEFAULT_RING_OFFSET_COLOR_LIGHT;
 
-  isCSR && localStorage.setItem("brand", brand);
-  isCSR && localStorage.setItem("gray", gray);
-
-  if (brand === GRAYSCALE_COLOR) {
-    brand = gray;
-  }
-
   const colors: Colors = merge(
     TAILWIND_COLORS as Colors,
     tailwindConfig?.theme?.extend?.colors || {},
@@ -191,7 +184,7 @@ export function setTheme(config: Config = {}) {
     // eslint-disable-next-line no-console
     console.warn(`The brand color '${brand}' is missing in your palette.`);
 
-    brand = DEFAULT_GRAY_COLOR;
+    brand = DEFAULT_BRAND_COLOR;
   }
 
   if (!isGrayColor) {
@@ -201,6 +194,9 @@ export function setTheme(config: Config = {}) {
     gray = DEFAULT_GRAY_COLOR;
   }
 
+  isCSR && localStorage.setItem("brand", brand);
+  isCSR && localStorage.setItem("gray", gray);
+
   return setRootCSSVariables({
     colors,
     brand,
@@ -240,6 +236,10 @@ function getRoundings(sm?: number, md?: number, lg?: number) {
 }
 
 function setRootCSSVariables(options: RootCSSVariableOptions) {
+  if (options.brand === GRAYSCALE_COLOR) {
+    options.brand = options.gray;
+  }
+
   const {
     colors,
     brand,