cleek 1.6.3 → 1.7.2

package/dist/cleek-styles/cleek-mixins.styl

@@ -0,0 +1,83 @@
+margin-x(margin)
+  margin-right margin
+  margin-left margin
+margin-y(margin)
+  margin-top margin
+  margin-bottom margin
+padding-x(padding)
+  padding-right padding
+  padding-left padding
+padding-y(padding)
+  padding-top padding
+  padding-bottom padding
+border-x(width, type, color)
+  border-left width type color
+  border-right width type color
+border-y(width, type, color)
+  border-top width type color
+  border-bottom width type color
+border-radius-left(radius)
+  border-top-left-radius radius
+  border-bottom-left-radius radius
+border-radius-right(radius)
+  border-top-right-radius radius
+  border-bottom-right-radius radius
+border-radius-top(radius)
+  border-top-left-radius radius
+  border-top-right-radius radius
+border-radius-bottom(radius)
+  border-bottom-left-radius radius
+  border-bottom-right-radius radius
+width-height(val)
+  width val
+  height val
+min-max-width(val)
+  min-width val
+  max-width val
+min-max-height(val)
+  min-height val
+  max-height val
+margin-padding(val)
+  margin val
+  padding val
+margin-padding-left(val)
+  margin-left val
+  padding-left val
+margin-padding-right(val)
+  margin-right val
+  padding-right val
+margin-padding-top(val)
+  margin-top val
+  padding-top val
+margin-padding-bottom(val)
+  margin-bottom val
+  padding-bottom val
+
+my-box-shadow(val = 0.05, color = black)
+  box-shadow 0 4px 20px 0 rgba(color, val)
+// flex shortcuts
+justify-align-center()
+  align-items center
+  justify-content center
+flex-all-center()
+  display flex
+  justify-align-center()
+inline-flex-all-center()
+  display inline-flex
+  justify-align-center()
+
+//
+//
+//
+//
+//
+// rs components
+// rs-components-basic-input(heightDiference = 2px)
+//   width 100%
+//   border rsComponentsBorder
+//   border-radius rsComponentsBorderRadius
+//   min-height rsComponentsHeight + heightDiference
+//   background-color white
+//   &:focus-within
+//     border-color $primary
+//     my-box-shadow()

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-77d9963a"]]);
 const _hoisted_1$e = ["title", "aria-label", "disabled"];
 function render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
@@ -11309,7 +11316,7 @@ const _sfc_main$g = {
           classList2.push(`ck-component__border-color--${this.color}`);
         }
       }
-      if (!!this.$slots.default) {
+      if (!this.$slots.default) {
         if (this.icon || this.iconRight) {
           if (!(this.icon && this.iconRight))
             classList2.push("just-icon");
@@ -11328,7 +11335,7 @@ const _sfc_main$g = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$h], ["__scopeId", "data-v-2ea10950"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$h], ["__scopeId", "data-v-79498e51"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-c7841510"), n = n(), popScopeId(), n);
 const _hoisted_1$d = ["disabled", "checked"];
 const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
@@ -11423,6 +11430,7 @@ const _sfc_main$e = {
     height: { type: String, default: "" },
     zoom: { type: Boolean, default: false },
     zoomTitle: { type: String, default: "" },
+    hasBorder: { type: Boolean, default: false },
     radius: { type: String, default: "" },
     borderColor: { type: String, default: "" }
   },
@@ -11440,7 +11448,7 @@ const _sfc_main$e = {
       }
       if (size)
         classList2.push(`ck-img__size--${size}`);
-      if (this.realBorderColor) {
+      if (this.hasBorder) {
         classList2.push("ck-img__has-border");
         if (functions$1.isColorTemplateVariable(this.realBorderColor)) {
           classList2.push(`ck-component__border-color--${this.realBorderColor}`);
@@ -11458,7 +11466,7 @@ const _sfc_main$e = {
       }
       if (this.radius)
         styleList.push({ "border-radius": this.radius });
-      if (this.realBorderColor) {
+      if (this.hasBorder) {
         if (!functions$1.isColorTemplateVariable(this.realBorderColor)) {
           styleList.push({ "border-color": this.realBorderColor });
         }
@@ -11496,7 +11504,7 @@ const _sfc_main$e = {
     }
   }
 };
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$f], ["__scopeId", "data-v-1c6a3b4e"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$f], ["__scopeId", "data-v-38b603bf"]]);
 const _hoisted_1$b = ["for"];
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
@@ -12580,7 +12588,7 @@ const _sfc_main$9 = {
   }
 };
 var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$a], ["__scopeId", "data-v-7751c2da"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-2da281ed"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-c00899f6"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = ["disabled"];
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
 const _hoisted_3$1 = {
@@ -12653,7 +12661,7 @@ const _sfc_main$8 = {
     }
   }
 };
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-2da281ed"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-c00899f6"]]);
 const _hoisted_1$5 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$1 = ["onClick"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {