cleek 2.6.112 → 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

@@ -89870,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,
@@ -89879,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",
@@ -91184,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) {