cleek 1.7.0 → 1.7.1

package/dist/cleek.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode, normalizeClass, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -11183,7 +11183,7 @@ defineComponent({
 function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   return openBlock(), createElementBlock("div", {
-    class: "ck-icon",
+    class: normalizeClass(["ck-icon", $options.computedClass]),
     onClick: _cache[0] || (_cache[0] = ($event) => $options.onClick($event))
   }, [
     $options.computediconPack === "font-awesome" ? (openBlock(), createBlock(_component_font_awesome_icon, {
@@ -11199,7 +11199,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       "fixed-width": $props.fixedWidth,
       "swap-opacity": $props.swapOpacity
     }, null, 8, ["icon", "size", "rotation", "flip", "pull", "spin", "pulse", "inverse", "fixed-width", "swap-opacity"])) : createCommentVNode("", true)
-  ]);
+  ], 2);
 }
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -11216,6 +11216,7 @@ const _sfc_main$h = {
   },
   props: {
     icon: { type: [String, Array], default: "" },
+    color: { type: String, default: "" },
     iconPack: { type: String, default: "" },
     size: { type: String, default: null },
     rotation: { type: String, default: null },
@@ -11236,6 +11237,12 @@ const _sfc_main$h = {
       if (this.iconPack === "feather")
         return this.iconPack;
       return defaultPackage;
+    },
+    computedClass() {
+      const classList2 = [];
+      if (this.color)
+        classList2.push(`ck-component__color--${this.color}`);
+      return classList2;
     }
   },
   created() {
@@ -11249,7 +11256,7 @@ const _sfc_main$h = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$i], ["__scopeId", "data-v-4026c04e"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$i], ["__scopeId", "data-v-d73d5cbc"]]);
 const _hoisted_1$e = ["title", "aria-label", "disabled"];
 function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");