@cypress-design/vue-checkbox 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cypress-design/vue-checkbox
 
+## 0.4.4
+
+### Patch Changes
+
+- [#101](https://github.com/cypress-io/cypress-design/pull/101) [`1630e4c`](https://github.com/cypress-io/cypress-design/commit/1630e4c4200944cf6414cee9e92dcce6b4d8a576) Thanks [@mapsandapps](https://github.com/mapsandapps)! - Fix styles for Checkbox
+
 ## 0.4.3
 
 ### Patch Changes

package/Checkbox.vue

@@ -60,7 +60,7 @@ function updated() {
 }
 
 const checkboxClasses = computed(() => [
-  'block border-1 rounded h-16px w-16px',
+  'block border-1 border-solid rounded h-16px w-16px',
   props.disabled
     ? 'border-gray-200 bg-gray-100'
     : localChecked.value

package/dist/index.es.mjs

@@ -1,4 +1,4 @@
-import { h as k, defineComponent as p, ref as f, computed as y, openBlock as s, createElementBlock as m, createElementVNode as d, 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 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 * 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, i) => (S.includes(i) || (u[i] = a[i]), u), {}), r = {
+  const n = Object.keys(a).reduce((u, d) => (S.includes(d) || (u[d] = a[d]), u), {}), r = {
     width: o,
     height: o,
     fill: "none",
@@ -51,15 +51,15 @@ const D = /* @__PURE__ */ p({
       l.value = !l.value, t("update:modelValue", l.value);
     }
     const a = y(() => [
-      "block border-1 rounded h-16px w-16px",
+      "block border-1 border-solid rounded h-16px w-16px",
       o.disabled ? "border-gray-200 bg-gray-100" : l.value ? {
         "border-indigo-500 bg-indigo-400": o.color === "indigo",
         "border-jade-500 bg-jade-400": o.color === "jade",
         "border-red-500 bg-red-400": o.color === "red"
       } : "border-gray-200 bg-white"
     ]);
-    return (n, r) => (s(), m("div", B, [
-      d("input", {
+    return (n, r) => (i(), m("div", B, [
+      s("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),
-      d("label", {
+      s("label", {
         className: "flex items-center",
         for: e.id
       }, [
-        l.value ? (s(), C(b(z), {
+        l.value ? (i(), C(b(z), {
           key: 0,
           strokeColor: "white",
           class: "absolute"
         })) : h("", !0),
-        d("span", {
+        s("span", {
           class: g(b(a))
         }, null, 2),
         v(n.$slots, "label", {}, () => [
-          e.label ? (s(), m("span", {
+          e.label ? (i(), m("span", {
             key: 0,
             class: g([
               "ml-2 text-16px leading-normal font-light select-none",
@@ -97,5 +97,5 @@ export {
   D as default
 };
 
-/* <windicss-keep class="block border-1 rounded h-16px w-16px border-gray-200 bg-gray-100 border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 bg-white relative flex items-center absolute inset-0 w-0 h-0 opacity-0 ml-2 text-16px leading-normal font-light select-none text-gray-500 text-gray-800 icon-dark-white"> */
+/* <windicss-keep class="block border-1 border-solid rounded h-16px w-16px border-gray-200 bg-gray-100 border-indigo-500 bg-indigo-400 border-jade-500 bg-jade-400 border-red-500 bg-red-400 bg-white relative flex items-center absolute inset-0 w-0 h-0 opacity-0 ml-2 text-16px leading-normal font-light select-none text-gray-500 text-gray-800 icon-dark-white"> */
 //# sourceMappingURL=index.es.mjs.map