cleek 2.6.111 → 2.7.0

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

@@ -84,6 +84,10 @@ unselectable()
   -webkit-user-select none
   -o-user-select none
 
+dynamic-rgba(rgb-variable, opacity = 1)
+  // return rgba as a string so it doesn't get interpolated by stylus compiler
+  s('rgba(var(%s), %s)', rgb-variable, opacity)
+
 //
 //
 //

package/dist/cleek.es.js

@@ -81635,9 +81635,8 @@ const _sfc_main$x = defineComponent$2({
     split: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const computedTime = computed$3(() => {
       if (props.time) {
         if (props.timeInMinutes)
@@ -82453,9 +82452,8 @@ const _sfc_main$t = defineComponent$2({
     pulse: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const computediconPack = computed$3(() => {
       const defaultPackage = "font-awesome";
       if (!props.iconPack)
@@ -82743,9 +82741,8 @@ const _sfc_main$o = defineComponent$2({
     groupVertical: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
     const realButtonType = computed$3(() => {
@@ -82940,9 +82937,8 @@ const _sfc_main$m = defineComponent$2({
     justInteger: { type: Boolean }
   },
   emits: ["update:modelValue", "click", "input", "change", "focus", "blur", "delayChange"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose, emit: emits }) {
     const props = __props;
-    const emits = __emit;
     __expose({ setFocus, setSelect });
     let cleekOptions2 = ref$1();
     const realInput = ref$1(null);
@@ -83161,9 +83157,8 @@ const _sfc_main$l = defineComponent$2({
     isLoading: {}
   },
   emits: ["update:search", "refreshList", "openColumnsManager"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const searchLocal = computed$3({
       get() {
         return props.search;
@@ -83289,9 +83284,8 @@ const _sfc_main$k = defineComponent$2({
     layout: {}
   },
   emits: ["refreshList", "update:currentPage"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const currentPageLocal = computed$3({
       get() {
@@ -83700,9 +83694,8 @@ const _sfc_main$j = defineComponent$2({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const value = computed({
       get() {
         return props.modelValue;
@@ -83795,9 +83788,8 @@ const _sfc_main$i = defineComponent$2({
     fontSize: {}
   },
   emits: ["update:modelValue", "cancel", "accept"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const isActive = computed$3({
       get() {
@@ -84034,9 +84026,8 @@ const _sfc_main$h = defineComponent$2({
     columnsArray: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let columnsCheckable = ref$1([]);
     const isActive = computed$3({
       get() {
@@ -84159,9 +84150,8 @@ const _sfc_main$g = defineComponent$2({
     mobileMaxWidth: {}
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const { windowWidth } = useWindowWidth();
     const isPopupActive = ref$1({
@@ -84399,7 +84389,7 @@ const _sfc_main$g = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6ce6ccdb"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d9e82628"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$f = defineComponent$2({
   __name: "ck-pagination",
@@ -84409,9 +84399,8 @@ const _sfc_main$f = defineComponent$2({
     align: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const currentStep = computed$3({
       get() {
         return props.modelValue;
@@ -89563,10 +89552,9 @@ const _sfc_main$e = defineComponent$2({
     groupVertical: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    let cleekOptions2 = ref$1();
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
+    let cleekOptions2 = ref$1();
     const { windowWidth } = useWindowWidth();
     const refFocusAbsorber = ref$1(null);
     const random = ref$1(Math.floor(Math.random() * 1e3));
@@ -89723,9 +89711,8 @@ const _sfc_main$d = defineComponent$2({
     groupVertical: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const inputValue = computed$3({
       get() {
         if (typeof props.modelValue !== "number")
@@ -89775,9 +89762,8 @@ const _sfc_main$c = defineComponent$2({
     layout: {}
   },
   emits: ["update:modelValue", "closeCard"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const isActive = computed$3({
       get() {
@@ -89855,9 +89841,8 @@ const _sfc_main$b = defineComponent$2({
     iconPack: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const computedClass = computed$3(() => {
       const list = [];
       if (!props.color || hooks9.isColorTemplateVariable(props.color)) {
@@ -89885,7 +89870,7 @@ const _sfc_main$b = defineComponent$2({
         style: normalizeStyle$2(computedStyle.value),
         onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
       }, [
-        _ctx.icon && !_ctx.iconRight ? (openBlock$2(), createBlock$2(CkIcon, {
+        _ctx.icon ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 0,
           class: "pr-2",
           icon: _ctx.icon,
@@ -89894,17 +89879,17 @@ const _sfc_main$b = defineComponent$2({
         createElementVNode("span", null, [
           renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.icon && _ctx.iconRight ? (openBlock$2(), createBlock$2(CkIcon, {
+        _ctx.iconRight ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 1,
           class: "pl-2",
-          icon: _ctx.icon,
+          icon: _ctx.iconRight,
           "icon-pack": _ctx.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$2("", true)
       ], 14, _hoisted_1$a);
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-2ac3d820"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1f111567"]]);
 var ckDiv_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$a = defineComponent$2({
   __name: "ck-div",
@@ -89914,9 +89899,8 @@ const _sfc_main$a = defineComponent$2({
     gap: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
     const computedStyle = computed$3(() => {
@@ -90097,9 +90081,8 @@ const _sfc_main$8 = defineComponent$2({
     label: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const value = computed$3({
       get() {
         return props.modelValue;
@@ -90222,9 +90205,8 @@ const _sfc_main$7 = defineComponent$2({
     backgroundColor: {}
   },
   emits: ["update:modelValue", "click", "change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose, emit: emits }) {
     const props = __props;
-    const emits = __emit;
     __expose({
       setFocus
     });
@@ -90497,9 +90479,8 @@ const _sfc_main$6 = defineComponent$2({
     notCloseBtn: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const isActive = computed$3({
       get() {
         return props.modelValue;
@@ -90593,9 +90574,8 @@ const _sfc_main$5 = defineComponent$2({
     iconPack: {}
   },
   emits: ["update:modelValue", "click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const value = computed$3({
       get() {
@@ -90711,10 +90691,9 @@ const _sfc_main$4 = defineComponent$2({
     sameWidthOptions: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const defaultReduceFunction = (option) => option.id;
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
+    const defaultReduceFunction = (option) => option.id;
     const { windowWidth } = useWindowWidth();
     const selectedOption = computed$3({
       get() {
@@ -90798,9 +90777,8 @@ const _sfc_main$3 = defineComponent$2({
     labelAlign: {}
   },
   emits: ["update:modelValue", "input", "change", "click"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     let cleekOptions2 = ref$1();
     const refTextarea = ref$1(null);
     const { windowWidth } = useWindowWidth();
@@ -91206,11 +91184,20 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
 library$1$2.add(icons$2);
 library$1$2.add(icons$1);
 library$1$2.add(icons);
+function hexToRgb(hex) {
+  hex = hex.replace(/^#/, "");
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g2 = parseInt(hex.substring(2, 4), 16);
+  const b4 = parseInt(hex.substring(4, 6), 16);
+  return { r, g: g2, b: b4 };
+}
 function setRootColors(colors) {
-  var r = document.querySelector(":root");
+  const r = document.querySelector(":root");
   for (const key in colors) {
-    const colorValue = colors[key];
-    r.style.setProperty(`--${key}`, colorValue);
+    const colorHex = colors[key];
+    const rgbColor = hexToRgb(colors[key]);
+    r.style.setProperty(`--${key}`, colorHex);
+    r.style.setProperty(`--${key}-rgb`, `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`);
   }
 }
 function getCleekOptions(userOptions) {