@wikicasa-dev/components 2.1.4-alpha.4 → 2.1.4-alpha.5

package/dist/assets/packages/components/lib/UIKit/BaseSelect.css

@@ -1 +1 @@
-.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--50d63191)}
+.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpath d='M21.006,9.708l-7.448,7.448a.543.543,0,0,1-.779,0L5.331,9.708a.548.548,0,0,1,.384-.932H20.622A.543.543,0,0,1,21.006,9.708Z' transform='translate(-5.172 -5.048)' fill='%230e1d34'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:var(--7c189782)}

package/dist/packages/components/lib/UIKit/BaseButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as c, computed as s, createElementBlock as v, openBlock as g, withModifiers as l, normalizeStyle as w, normalizeClass as B, renderSlot as r, createVNode as h } from "vue";
+import { defineComponent as f, ref as v, computed as s, createElementBlock as c, openBlock as g, withModifiers as l, normalizeStyle as w, normalizeClass as B, renderSlot as r, createVNode as h } from "vue";
 import C from "../../../../UIKit/StaticSpinner.js";
 const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ f({
   __name: "BaseButton",
@@ -34,19 +34,19 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
     }, k = {
       sm: "uikit-btn-sm",
       lg: "uikit-btn-lg"
-    }, o = c(!1), b = s(
+    }, o = v(!1), b = s(
       () => k[a.size] || "uikit-btn-md"
     ), m = s(() => a.outlined ? "uikit-btn-outline" : ""), p = () => {
       o.value = !0;
     }, y = () => {
       o.value = !1;
     };
-    return (t, e) => (g(), v("button", {
+    return (t, e) => (g(), c("button", {
       id: t.$attrs.id,
       "data-cy": t.dataCy,
       type: t.type,
       class: B([
-        "uikit-shadow-surface uikit-btn",
+        "uikit-btn",
         {
           "uikit-btn-empty": !t.withMinWidth,
           "active uikit-font-medium": t.keepActive,

package/dist/packages/components/lib/UIKit/BaseSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, mergeModels as u, useCssVars as C, computed as w, useModel as v, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as B } from "vue";
+import { defineComponent as x, mergeModels as u, useCssVars as w, computed as C, useModel as v, useId as y, watch as S, createElementBlock as a, openBlock as d, createCommentVNode as V, createElementVNode as O, normalizeClass as c, unref as m, toDisplayString as p, Fragment as z, renderList as B } from "vue";
 const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx", "selected"], N = /* @__PURE__ */ x({
   __name: "BaseSelect",
   props: /* @__PURE__ */ u({
@@ -17,20 +17,20 @@ const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx",
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ u(["change"], ["update:modelValue"]),
-  setup(i, { emit: b }) {
-    C((e) => ({
-      "50d63191": k.value
+  setup(o, { emit: f }) {
+    w((e) => ({
+      "7c189782": b.value
     }));
-    const s = v(i, "modelValue"), f = b, n = y(), k = w(() => `${i.arrowSize}px`), g = ({ target: e }) => {
-      const o = (e.selectedOptions?.[0]).dataset.idx;
-      if (o === void 0) return;
-      const h = i.options[o];
+    const s = v(o, "modelValue"), k = f, n = y(), b = C(() => `${o.arrowSize}px`), g = ({ target: e }) => {
+      const i = (e.selectedOptions?.[0]).dataset.idx;
+      if (i === void 0) return;
+      const h = o.options[i];
       s.value = h;
     }, r = (e, t) => e.id === t?.id || e.label === t?.label;
     return S(
       s,
       (e) => {
-        const t = i.options.find(
+        const t = o.options.find(
           (l) => r(l, e)
         );
         t && (s.value = t);
@@ -44,16 +44,16 @@ const E = { class: "select-wrapper" }, D = ["for"], M = ["id"], T = ["data-idx",
       }, p(e.labelText), 11, D)) : V("", !0),
       O("select", {
         id: m(n),
-        class: c(["uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
+        class: c(["uikit-w-full uikit-cursor-pointer uikit-bg-white uikit-pr-xl uikit-text-16 uikit-font-regular", {
           "uikit-rounded-2xs uikit-border uikit-border-solid uikit-border-w-lightgray uikit-py-md uikit-pl-sm": e.border
         }]),
         onChange: t[0] || (t[0] = (l) => {
-          f("change", l), g(l);
+          k("change", l), g(l);
         })
       }, [
-        (d(!0), a(z, null, B(e.options, (l, o) => (d(), a("option", {
-          key: `option-${o}`,
-          "data-idx": o,
+        (d(!0), a(z, null, B(e.options, (l, i) => (d(), a("option", {
+          key: `option-${i}`,
+          "data-idx": i,
           selected: r(l, s.value)
         }, p(l.label), 9, T))), 128))
       ], 42, M)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.1.4-alpha.4",
+  "version": "2.1.4-alpha.5",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",