cleek 1.8.9 → 2.0.0

package/dist/cleek-styles/clear-app.styl

@@ -0,0 +1,9 @@
+*
+  box-sizing border-box
+  margin 0
+  padding 0
+a
+  color unset
+  text-decoration unset
+ul
+  list-style-type none

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

@@ -79,5 +79,5 @@ inline-flex-all-center()
 //   min-height rsComponentsHeight + heightDiference
 //   background-color white
 //   &:focus-within
-//     border-color $color-primary
+//     border-color var(--primary)
 //     my-box-shadow()

package/dist/cleek-styles/tiny-tailwind/index.styl

@@ -1,3 +1,4 @@
+@import './align-items';
 @import './display';
 @import './margin';
 @import './padding';

package/dist/cleek.es.js

@@ -11306,7 +11306,9 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   ], 10, _hoisted_1$g);
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
-const defaults = { type: "outlined" };
+const defaultType = "outlined";
+const defaultColor = "primary";
+const defaultAlign = "left";
 const _sfc_main$i = {
   name: "CkButton",
   components: {
@@ -11314,9 +11316,10 @@ const _sfc_main$i = {
   },
   props: {
     title: { type: String, default: void 0 },
-    type: { type: String, default: defaults.type, validator: validators.buttonType },
-    color: { type: String, default: "" },
     disabled: { type: Boolean, default: false },
+    type: { type: String, default: defaultType, validator: validators.buttonType },
+    color: { type: String, default: defaultColor },
+    align: { type: String, default: defaultAlign, validator: validators.align },
     icon: { type: [String, Array], default: void 0 },
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
@@ -11331,13 +11334,16 @@ const _sfc_main$i = {
     computedClass() {
       const classList2 = [];
       classList2.push(functions$1.getGroupClass(this));
-      if (this.color) {
+      if (this.color !== defaultColor) {
         if (this.type === "filled") {
           classList2.push(`ck-component__bg-color--${this.color}`);
         } else {
           classList2.push(`ck-component__border-color--${this.color}`);
         }
       }
+      if (this.align !== defaultAlign) {
+        classList2.push(`ck-button__align--${this.align}`);
+      }
       if (!this.$slots.default) {
         if (this.icon || this.iconRight) {
           if (!(this.icon && this.iconRight))
@@ -11346,7 +11352,7 @@ const _sfc_main$i = {
       }
       let type = this.type;
       if (!validators.buttonType(this.type))
-        type = defaults.type;
+        type = defaultType;
       classList2.push(`type-${type}`);
       return classList2;
     }
@@ -11357,8 +11363,8 @@ const _sfc_main$i = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-dfa2f586"]]);
-const _withScopeId$2 = (n) => (pushScopeId("data-v-64a6608c"), n = n(), popScopeId(), n);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-a687842a"]]);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-69dfa524"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["disabled", "checked"];
 const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
 const _hoisted_3$5 = {
@@ -11425,7 +11431,7 @@ const _sfc_main$h = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$c], ["__scopeId", "data-v-64a6608c"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$c], ["__scopeId", "data-v-69dfa524"]]);
 const _hoisted_1$e = ["src"];
 function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -11526,7 +11532,7 @@ const _sfc_main$g = {
     }
   }
 };
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$b], ["__scopeId", "data-v-38b603bf"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$b], ["__scopeId", "data-v-d2638d3c"]]);
 const _hoisted_1$d = ["for"];
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
@@ -11662,7 +11668,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6ae48508"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-61fababc"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = {
   key: 0,
@@ -11980,6 +11986,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           return props.modelValue === null;
       }
     });
+    function onClick(event) {
+      emits("click", event);
+    }
+    const onChange = (event) => {
+      emits("change", event);
+    };
     const getOptionKey = (option) => {
       return realReduceFunction(option);
     };
@@ -12010,7 +12022,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }, 8, ["align"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("select", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
-          class: normalizeClass(unref(computedClass))
+          class: normalizeClass(unref(computedClass)),
+          onClick: _cache[1] || (_cache[1] = ($event) => onClick($event)),
+          onChange: _cache[2] || (_cache[2] = ($event) => onChange($event))
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (option) => {
             return openBlock(), createElementBlock("option", {
@@ -12018,15 +12032,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               key: option
             }, toDisplayString(getOptionName(option)), 9, _hoisted_1$9);
           }), 128))
-        ], 2), [
+        ], 34), [
           [vModelSelect, unref(value)]
         ])
       ], 4);
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a7e7777c"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-4963b7ae"), n = n(), popScopeId(), n);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-02fab5ba"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-022b9f3c"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = ["disabled"];
 const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
 const _hoisted_3$2 = {
@@ -12099,7 +12113,7 @@ const _sfc_main$a = {
     }
   }
 };
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", render$8], ["__scopeId", "data-v-4963b7ae"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", render$8], ["__scopeId", "data-v-022b9f3c"]]);
 const _hoisted_1$7 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$2 = ["onClick"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
@@ -12177,7 +12191,7 @@ const _sfc_main$9 = {
     }
   }
 };
-var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$7], ["__scopeId", "data-v-61a29406"]]);
+var ckSwitchOptions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", render$7], ["__scopeId", "data-v-f0c51430"]]);
 const _hoisted_1$6 = { class: "ck-tr" };
 function render$6(_ctx, _cache) {
   return openBlock(), createElementBlock("tr", _hoisted_1$6, [
@@ -12315,7 +12329,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5fa6396e"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5c48aabc"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "ck-table__pagination" };
 const _hoisted_2$1 = ["onClick"];
@@ -12443,7 +12457,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3fc0d6c6"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7ad6042e"]]);
 var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-table" };
 const _hoisted_2 = {
@@ -12639,7 +12653,7 @@ const _sfc_main$1 = {
     }
   }
 };
-var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", render$2], ["__scopeId", "data-v-54574068"]]);
+var ckTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", render$2], ["__scopeId", "data-v-ec889100"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -15260,8 +15274,30 @@ var components = /* @__PURE__ */ Object.freeze({
   lockScroll,
   unlockScroll
 });
+function setDefaultColors(options) {
+  var r = document.querySelector(":root");
+  const colorList = [
+    "primary",
+    "secondary",
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "dark",
+    "light"
+  ];
+  if (options.colors) {
+    colorList.forEach((colorName) => {
+      const colorValue = options.colors[colorName];
+      if (colorValue)
+        r.style.setProperty(`--${colorName}`, colorValue);
+    });
+  }
+}
 const install = function installCleek(app, options) {
   console.log("arranco paquete", options);
+  setDefaultColors(options);
   Object.entries(components).forEach(([componentName, component]) => {
     app.component(componentName, component);
   });