cleek 1.6.1 → 1.7.0

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

@@ -11309,7 +11309,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 +11328,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 +11423,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 +11441,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 +11459,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 +11497,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 +12581,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-7d7be2c4"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2da281ed"), 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 +12654,7 @@ const _sfc_main$8 = {
     }
   }
 };
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-7d7be2c4"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", render$9], ["__scopeId", "data-v-2da281ed"]]);
 const _hoisted_1$5 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$1 = ["onClick"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {