@kiva/kv-components 6.38.1 → 6.39.0

package/dist/vue/KvCheckbox.css

@@ -1 +1 @@
-[data-v-9958a4b0] .check-icon svg{transform:scale(1.2)}
+[data-v-b5ec6a0c] .check-icon svg{transform:scale(1.2)}

package/dist/vue/KvCheckbox.js

@@ -1,5 +1,5 @@
 import { nanoid as k } from "nanoid";
-import { toRefs as L, ref as v, watch as M, onMounted as I, resolveComponent as K, openBlock as r, createElementBlock as s, normalizeClass as c, normalizeStyle as S, createElementVNode as d, mergeProps as q, toHandlers as R, withModifiers as j, createCommentVNode as b, createBlock as z, renderSlot as D } from "vue";
+import { toRefs as L, ref as v, watch as M, onMounted as I, resolveComponent as K, openBlock as r, createElementBlock as c, normalizeClass as d, normalizeStyle as S, createElementVNode as s, mergeProps as q, toHandlers as R, withModifiers as j, createCommentVNode as b, createBlock as z, renderSlot as D } from "vue";
 import { mdiCheckCircle as E } from "@mdi/js";
 import N from "./KvMaterialIcon.js";
 import { useAttrs as O } from "../utils/attrs.js";
@@ -65,28 +65,28 @@ const C = [
     const {
       modelValue: t,
       value: e
-    } = L(i), { emit: u } = l, w = v(`kvc-${k(10)}`), a = v(!1), o = v(null), {
+    } = L(i), { emit: u } = l, w = v(`kvc-${k(10)}`), a = v(!1), n = v(null), {
       classes: g,
       styles: y,
       inputAttrs: x,
       inputListeners: _
     } = O(l, C), p = (h) => {
       const m = h.target.checked;
-      let n;
-      Array.isArray(t.value) ? m ? n = [...t.value, h.target.value] : n = t.value.filter((V) => V !== e.value) : n = m, u("change", n), u("update:modelValue", n);
+      let o;
+      Array.isArray(t.value) ? m ? o = [...t.value, h.target.value] : o = t.value.filter((V) => V !== e.value) : o = m, u("change", o), u("update:modelValue", o);
     }, f = () => {
       Array.isArray(t.value) ? a.value = t.value.includes(e.value) : a.value = t.value;
     }, A = () => {
-      o.focus();
+      n.focus();
     }, B = () => {
-      o.blur();
+      n.blur();
     };
     return f(), M(t, () => f()), I(() => {
       w.value = `kvc-${k(10)}`;
     }), {
       uuid: w,
       isChecked: a,
-      checkboxRef: o,
+      checkboxRef: n,
       onChange: p,
       setChecked: f,
       focus: A,
@@ -96,7 +96,6 @@ const C = [
       inputAttrs: x,
       inputListeners: _,
       iconCheckCircle: E
-      // <-- just return the value
     };
   }
 }, Z = ["for"], F = ["id", "checked", "value", "disabled"], G = {
@@ -108,15 +107,18 @@ const C = [
 }, J = { class: "tw-flex-1 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action" };
 function Q(i, l, t, e, u, w) {
   const a = K("KvMaterialIcon");
-  return r(), s("div", {
-    class: c(e.classes),
+  return r(), c("div", {
+    class: d(e.classes),
     style: S(e.styles)
   }, [
-    d("label", {
-      class: c(["tw-inline-flex tw-items-center", { "tw-opacity-low": t.disabled && t.blurOnDisabled }]),
+    s("label", {
+      class: d(["tw-inline-flex tw-items-center", [
+        { "tw-opacity-low": t.disabled && t.blurOnDisabled },
+        t.variant === "round" ? "tw-align-middle" : ""
+      ]]),
       for: e.uuid
     }, [
-      d("input", q(e.inputAttrs, {
+      s("input", q(e.inputAttrs, {
         id: e.uuid,
         ref: "checkboxRef",
         class: "tw-peer tw-appearance-none tw-w-max",
@@ -125,11 +127,11 @@ function Q(i, l, t, e, u, w) {
         value: t.value,
         disabled: t.disabled
       }, R(e.inputListeners, !0), {
-        onChange: l[0] || (l[0] = j((...o) => e.onChange && e.onChange(...o), ["prevent"]))
+        onChange: l[0] || (l[0] = j((...n) => e.onChange && e.onChange(...n), ["prevent"]))
       }), null, 16, F),
-      t.variant === "square" ? (r(), s("div", {
+      t.variant === "square" ? (r(), c("div", {
         key: 0,
-        class: c(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-sm tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
+        class: d(["tw-w-3 tw-h-3 tw-mr-2 tw-flex-shrink-0 tw-rounded-sm tw-border tw-flex tw-justify-center tw-items-center tw-overflow-hidden tw-transition-all tw-duration-100 peer-focus-visible:tw-ring-2 peer-focus-visible:tw-ring-action", {
           "tw-bg-white": !e.isChecked,
           "tw-bg-action": e.isChecked,
           "tw-border-secondary": !e.isChecked && t.valid,
@@ -137,16 +139,16 @@ function Q(i, l, t, e, u, w) {
           "tw-border-danger": !t.valid
         }])
       }, [
-        e.isChecked ? (r(), s("svg", G, l[1] || (l[1] = [
-          d("path", {
+        e.isChecked ? (r(), c("svg", G, l[1] || (l[1] = [
+          s("path", {
             d: "M3.99975 6.79988L1.66642 4.46655C1.40642 4.20655 0.993086 4.20655 0.733086 4.46655C0.473086 4.72655 0.473086 5.13988 0.733086 5.39988L3.52642 8.19322C3.78642 8.45322 4.20642 8.45322 4.46642 8.19322L11.5331 1.13322C11.7931 0.873216 11.7931 0.459883 11.5331 0.199883C11.2731 -0.0601172 10.8598 -0.0601172 10.5998 0.199883L3.99975 6.79988Z",
             fill: "white"
           }, null, -1)
         ]))) : b("", !0)
-      ], 2)) : (r(), s("div", {
+      ], 2)) : (r(), c("div", {
         key: 1,
-        class: c([
-          "tw-w-3 tw-h-3 tw-mr-2",
+        class: d([
+          "tw-w-3 tw-h-3 tw-mr-1",
           "tw-flex-shrink-0",
           "tw-rounded-full",
           "tw-flex tw-justify-center tw-items-center",
@@ -167,13 +169,13 @@ function Q(i, l, t, e, u, w) {
           class: "check-icon"
         }, null, 8, ["icon"])) : b("", !0)
       ], 2)),
-      d("div", J, [
+      s("div", J, [
         D(i.$slots, "default", {}, void 0, !0)
       ])
     ], 10, Z)
   ], 6);
 }
-const te = /* @__PURE__ */ H(P, [["render", Q], ["__scopeId", "data-v-9958a4b0"]]);
+const te = /* @__PURE__ */ H(P, [["render", Q], ["__scopeId", "data-v-b5ec6a0c"]]);
 export {
   te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.38.1",
+  "version": "6.39.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "4181d07e183bb25f8fcc95b10d594b90b3dc418c"
+  "gitHead": "d1f5e8422acc9bd1cbd36398e524e01b500c192d"
 }