cleek 1.8.12 → 2.0.0

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

@@ -11363,8 +11363,8 @@ const _sfc_main$i = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-708cfd53"]]);
-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 = {
@@ -11431,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", {
@@ -11668,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,
@@ -12039,8 +12039,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-41e8ae57"]]);
-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 = {
@@ -12113,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) {
@@ -12191,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, [
@@ -12329,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"];
@@ -12457,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 = {
@@ -12653,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";
@@ -15274,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);
   });