@cypress-design/vue-checkbox 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @cypress-design/vue-checkbox
 
+## 0.4.5
+
+### Patch Changes
+
+- [#105](https://github.com/cypress-io/cypress-design/pull/105) [`2f54f5b`](https://github.com/cypress-io/cypress-design/commit/2f54f5b867b60ba5ce2e40fd38870bd65187ba30) Thanks [@elevatebart](https://github.com/elevatebart)! - checkbox should not contain a div to be added inside an inline only tag (<p>)
+
+- Updated dependencies [[`2f54f5b`](https://github.com/cypress-io/cypress-design/commit/2f54f5b867b60ba5ce2e40fd38870bd65187ba30), [`e82d8cb`](https://github.com/cypress-io/cypress-design/commit/e82d8cb60882a379d89f86d1ff7b8f1d5b56ce66)]:
+  - @cypress-design/vue-icon@0.12.0
+
 ## 0.4.4
 
 ### Patch Changes

package/Checkbox.vue

@@ -74,7 +74,7 @@ const checkboxClasses = computed(() => [
 </script>
 
 <template>
-  <div class="relative flex items-center">
+  <span class="block relative flex items-center">
     <input
       :id="id"
       class="absolute inset-0 w-0 h-0 opacity-0"
@@ -103,5 +103,5 @@ const checkboxClasses = computed(() => [
         </span>
       </slot>
     </label>
-  </div>
+  </span>
 </template>

package/dist/index.es.mjs

@@ -1,4 +1,4 @@
-import { h as k, defineComponent as p, ref as f, computed as y, openBlock as i, createElementBlock as m, createElementVNode as s, createBlock as C, unref as b, createCommentVNode as h, normalizeClass as g, renderSlot as v, toDisplayString as x } from "vue";
+import { h as k, defineComponent as p, ref as f, computed as y, openBlock as d, createElementBlock as b, createElementVNode as i, createBlock as C, unref as m, createCommentVNode as h, normalizeClass as g, renderSlot as v, toDisplayString as x } from "vue";
 import * as w from "@cypress-design/icon-registry";
 import { ICON_COLOR_PROP_NAMES as S } from "@cypress-design/icon-registry";
 const j = ({
@@ -9,7 +9,7 @@ const j = ({
   interactiveColorsOnGroup: c,
   ...a
 }) => {
-  const n = Object.keys(a).reduce((u, d) => (S.includes(d) || (u[d] = a[d]), u), {}), r = {
+  const n = Object.keys(a).reduce((u, s) => (S.includes(s) || (u[s] = a[s]), u), {}), r = {
     width: o,
     height: o,
     fill: "none",
@@ -29,7 +29,7 @@ const j = ({
     body: l,
     compiledClasses: o
   }));
-}, B = { class: "relative flex items-center" }, O = ["id", "name", "disabled", "checked"], V = ["for"];
+}, B = { class: "block relative flex items-center" }, O = ["id", "name", "disabled", "checked"], V = ["for"];
 function N() {
   return String(Date.now().toString(32) + Math.random().toString(16)).replace(/\./g, "");
 }
@@ -58,8 +58,8 @@ const D = /* @__PURE__ */ p({
         "border-red-500 bg-red-400": o.color === "red"
       } : "border-gray-200 bg-white"
     ]);
-    return (n, r) => (i(), m("div", B, [
-      s("input", {
+    return (n, r) => (d(), b("span", B, [
+      i("input", {
         id: e.id,
         class: "absolute inset-0 w-0 h-0 opacity-0",
         name: e.name || e.id,
@@ -68,20 +68,20 @@ const D = /* @__PURE__ */ p({
         disabled: o.disabled,
         checked: l.value
       }, null, 40, O),
-      s("label", {
+      i("label", {
         className: "flex items-center",
         for: e.id
       }, [
-        l.value ? (i(), C(b(z), {
+        l.value ? (d(), C(m(z), {
           key: 0,
           strokeColor: "white",
           class: "absolute"
         })) : h("", !0),
-        s("span", {
-          class: g(b(a))
+        i("span", {
+          class: g(m(a))
         }, null, 2),
         v(n.$slots, "label", {}, () => [
-          e.label ? (i(), m("span", {
+          e.label ? (d(), b("span", {
             key: 0,
             class: g([
               "ml-2 text-16px leading-normal font-light select-none",