cleek 2.10.55 → 2.10.56

package/dist/main.es.js

@@ -15995,6 +15995,9 @@ const gW = {
     backgroundColor: "transparent",
     textColor: ""
   },
+  chip: {
+    type: "outlined"
+  },
   div: {
     gap: 0
   },
@@ -110119,12 +110122,12 @@ const rd6 = /* @__PURE__ */ Z1(od6, [["__scopeId", "data-v-780265b9"]]), ld6 = [
   },
   emits: ["click"],
   setup(c, { emit: e }) {
-    const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.button.type : md6), r = _(() => {
+    const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.chip.type : md6), r = _(() => {
       const f = [];
       return (!a.color || M1.isColorTemplateVariable(a.color) && o.value !== "outlined") && f.push(`ck-component__bg-color--${a.color || fd6}`), o.value === "outlined" && f.push("type--outlined"), f.push(M1.getGroupClass(a, n.value)), f.push(`size-${a.size || Cd6}`), a.align && f.push(`align--${a.align}`), a.nowrap && f.push(`ck-chip--${a.nowrap}`), a.clickable && f.push("clickable"), f;
     });
     function l(f) {
-      return console.log("cleekOptions-->", i.value), M1.isColorTemplateVariable(f) ? M1.getColorHexFromTemplateVariable(f) : f;
+      return M1.isColorTemplateVariable(f) ? M1.getColorHexFromTemplateVariable(f, i.value.colors) : f;
     }
     const s = _(() => {
       const f = [];
@@ -110158,7 +110161,7 @@ const rd6 = /* @__PURE__ */ Z1(od6, [["__scopeId", "data-v-780265b9"]]), ld6 = [
     ], 14, ld6));
   }
 });
-const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-c7ac827e"]]), hd6 = "primary", pd6 = "m", Md6 = "white", dd6 = /* @__PURE__ */ _1({
+const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-2cb6aed6"]]), hd6 = "primary", pd6 = "m", Md6 = "white", dd6 = /* @__PURE__ */ _1({
   __name: "ck-circle",
   props: {
     size: {},

package/dist/types/cleek-options/cleek-options.store.d.ts

@@ -19,6 +19,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };
@@ -67,6 +70,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };
@@ -159,6 +165,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };
@@ -207,6 +216,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };
@@ -299,6 +311,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };
@@ -347,6 +362,9 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
             backgroundColor: import('./cleek-options.types').Color;
             textColor: import('./cleek-options.types').Color;
         };
+        chip: {
+            type: import('./cleek-options.types').ChipType;
+        };
         div: {
             gap: 0;
         };

package/dist/types/cleek-options/cleek-options.types.d.ts

@@ -6,6 +6,7 @@ export type IconPack = 'font-awesome' | 'feather' | 'cleek';
 export type Lang = 'es' | 'en';
 export type Layout = 'base' | 'rounded' | 'squared';
 export type ButtonType = 'filled' | 'outlined' | 'flat';
+export type ChipType = 'filled' | 'outlined';
 export type WidthBreaks = [number, string][];
 export type InputType = 'text' | 'number' | 'date' | 'time' | 'password';
 export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
@@ -31,6 +32,9 @@ export type CleekOptions = {
         backgroundColor: Color;
         textColor: Color;
     };
+    chip: {
+        type: ChipType;
+    };
     div: {
         gap: 0;
     };

package/dist/types/components/ck-chip.vue.d.ts

@@ -1,4 +1,4 @@
-import { Align, Color, Icon, IconPack, Size } from '../cleek-options/cleek-options.types';
+import { Align, ChipType, Color, Icon, IconPack, Size } from '../cleek-options/cleek-options.types';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -14,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconPack?: IconPack;
     clickable?: boolean;
     group?: Align;
-    type?: "filled" | "outlined";
+    type?: ChipType;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: Event) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
@@ -28,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconPack?: IconPack;
     clickable?: boolean;
     group?: Align;
-    type?: "filled" | "outlined";
+    type?: ChipType;
 }>>> & Readonly<{
     onClick?: (event: Event) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cleek",
   "description": "Complete UX Vue library",
-  "version": "2.10.55",
+  "version": "2.10.56",
   "author": "Quantic Onion",
   "license": "MIT",
   "repository": "",