@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/Checkbox/Checkbox.stories.native.js

@@ -0,0 +1,479 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Checkbox_stories_exports = {};
+__export(Checkbox_stories_exports, {
+  Basic: () => Basic,
+  CheckboxGroupBasic: () => CheckboxGroupBasic,
+  CheckboxGroupHorizontal: () => CheckboxGroupHorizontal,
+  CheckboxGroupInteractive: () => CheckboxGroupInteractive,
+  CheckboxGroupWithDisabled: () => CheckboxGroupWithDisabled,
+  CheckboxGroupWithForm: () => CheckboxGroupWithForm,
+  Comparison: () => Comparison,
+  Disabled: () => Disabled,
+  Main: () => Main,
+  Pointy: () => Pointy,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  compound: () => compound,
+  default: () => Checkbox_stories_default
+});
+module.exports = __toCommonJS(Checkbox_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Forms/Checkbox",
+  component: import_index.Checkbox,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    checked: {
+      control: "boolean"
+    }
+  }
+};
+var Checkbox_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          terms: false,
+          newsletter: true
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+        form,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+          label: "Accept terms",
+          name: "terms",
+          validators: {
+            onChange: function onChange(param) {
+              var {
+                value
+              } = param;
+              return !value ? "Terms are required" : void 0;
+            }
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+          label: "Subscribe to newsletter",
+          name: "newsletter"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Accept terms",
+    helperText: "You must accept to continue",
+    disabled: false,
+    required: false
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Accept terms",
+    helperText: "You must accept before continuing",
+    defaultValue: false
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true
+  }
+};
+var WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+var Pointy = {
+  render: function render3() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Pointy (hard angles)",
+        pointy: true,
+        checked: true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Regular (default)",
+        pointy: false,
+        checked: true
+      })]
+    });
+  }
+};
+var Sizes = {
+  render: function render4() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Small",
+        size: "$2"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Medium (default)",
+        size: "$3"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Large",
+        size: "$4"
+      })]
+    });
+  }
+};
+var compound = function compound2() {
+  var [values, setValues] = (0, import_react2.useState)({
+    analytics: true,
+    updates: false,
+    marketing: false
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes, {
+      values,
+      onValuesChange: function onValuesChange(nextValues) {
+        return setValues(nextValues);
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Title, {
+        children: "Notification Preferences"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup, {
+        orientation: "vertical",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Group, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "analytics",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Product analytics"
+                })]
+              })
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "updates",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Release updates"
+                })]
+              })
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "marketing",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Marketing emails"
+                })]
+              })
+            })
+          })]
+        })
+      })]
+    })
+  });
+};
+var Comparison = {
+  render: function render5() {
+    var ComparisonExample = function ComparisonExample2() {
+      var [customChecked, setCustomChecked] = (0, import_react2.useState)(false);
+      var [tamaguiChecked, setTamaguiChecked] = (0, import_react2.useState)(false);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$6",
+        alignItems: "flex-start",
+        padding: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Custom Checkbox"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+            label: "Accept terms",
+            defaultValue: customChecked,
+            onCheckedChange: function onCheckedChange(val) {
+              setCustomChecked(!!val);
+              (0, import_storybook.action)("custom.onCheckedChange")(val);
+            }
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Tamagui Checkbox"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
+              id: "tamagui-cb",
+              checked: tamaguiChecked,
+              onCheckedChange: function onCheckedChange(val) {
+                setTamaguiChecked(!!val);
+                (0, import_storybook.action)("tamagui.onCheckedChange")(val);
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {})
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+              htmlFor: "tamagui-cb",
+              children: "Accept terms"
+            })]
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ComparisonExample, {});
+  }
+};
+var CheckboxGroupBasic = {
+  render: function render6() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+        label: "Features",
+        options: [{
+          value: "notifications",
+          label: "Push Notifications"
+        }, {
+          value: "emails",
+          label: "Email Updates"
+        }, {
+          value: "sms",
+          label: "SMS Alerts"
+        }],
+        defaultValue: ["emails"],
+        helperText: "Select all that apply"
+      })
+    });
+  }
+};
+var CheckboxGroupWithForm = {
+  render: function render7() {
+    var FormExample = function FormExample2() {
+      var form = (0, import_react_form.useForm)({
+        defaultValues: {
+          features: ["notifications"],
+          permissions: []
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          maxWidth: 400,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+            label: "Features",
+            name: "features",
+            options: [{
+              value: "notifications",
+              label: "Push Notifications"
+            }, {
+              value: "emails",
+              label: "Email Updates"
+            }, {
+              value: "sms",
+              label: "SMS Alerts"
+            }, {
+              value: "reports",
+              label: "Weekly Reports"
+            }],
+            helperText: "Select your preferred features"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+            label: "Permissions",
+            name: "permissions",
+            options: [{
+              value: "read",
+              label: "Read Access"
+            }, {
+              value: "write",
+              label: "Write Access"
+            }, {
+              value: "delete",
+              label: "Delete Access"
+            }, {
+              value: "admin",
+              label: "Admin Access"
+            }],
+            helperText: "Select required permissions",
+            required: true
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var CheckboxGroupHorizontal = {
+  render: function render8() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 600,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+        label: "Size",
+        orientation: "horizontal",
+        options: [{
+          value: "s",
+          label: "Small"
+        }, {
+          value: "m",
+          label: "Medium"
+        }, {
+          value: "l",
+          label: "Large"
+        }, {
+          value: "xl",
+          label: "X-Large"
+        }],
+        defaultValue: ["m"]
+      })
+    });
+  }
+};
+var CheckboxGroupWithDisabled = {
+  render: function render9() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+        label: "Options",
+        options: [{
+          value: "available",
+          label: "Available Option"
+        }, {
+          value: "disabled",
+          label: "Disabled Option",
+          disabled: true
+        }, {
+          value: "another",
+          label: "Another Option"
+        }],
+        defaultValue: ["available"],
+        helperText: "Some options may be disabled"
+      })
+    });
+  }
+};
+var CheckboxGroupInteractive = {
+  render: function render10() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [selected, setSelected] = (0, import_react2.useState)(["opt1"]);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CheckboxGroup, {
+          label: "Interactive Selection",
+          options: [{
+            value: "opt1",
+            label: "Option 1"
+          }, {
+            value: "opt2",
+            label: "Option 2"
+          }, {
+            value: "opt3",
+            label: "Option 3"
+          }],
+          value: selected,
+          onValueChange: function onValueChange(values) {
+            setSelected(values);
+            (0, import_storybook.action)("onValueChange")(values);
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
+          size: "$2",
+          children: ["Selected: ", selected.join(", ") || "None"]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+//# sourceMappingURL=Checkbox.stories.native.js.map

package/dist/cjs/fields/Checkbox/Checkbox.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Checkbox_stories_exports","__export","Basic","CheckboxGroupBasic","CheckboxGroupHorizontal","CheckboxGroupInteractive","CheckboxGroupWithDisabled","CheckboxGroupWithForm","Comparison","Disabled","Main","Pointy","Sizes","Standalone","WithError","compound","default","Checkbox_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Checkbox","parameters","status","type","argTypes","label","control","helperText","error","required","disabled","size","options","checked","name","render","FormExample","FormExample2","form","useForm","defaultValues","terms","newsletter","onSubmit","param","action","jsxs","Form","children","jsx","validators","onChange","Button","args","render2","defaultValue","render3","YStack","gap","maxWidth","pointy","render4","compound2","values","setValues","useState","analytics","updates","marketing","Checkboxes","onValuesChange","nextValues","Title","FocusGroup","orientation","Group","Item","Card","Indicator","Paragraph","render5","ComparisonExample","ComparisonExample2","customChecked","setCustomChecked","tamaguiChecked","setTamaguiChecked","XStack","alignItems","padding","width","color","onCheckedChange","val","id","CheckIcon","Label","htmlFor"],"sources":["../../../../src/fields/Checkbox/Checkbox.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.cjs

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CheckboxFieldFrame_exports = {};
+__export(CheckboxFieldFrame_exports, {
+  CheckboxFieldFrame: () => CheckboxFieldFrame
+});
+module.exports = __toCommonJS(CheckboxFieldFrame_exports);
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.cjs");
+const CheckboxFieldFrame = (0, import_tamagui.styled)(import_tamagui.Checkbox, {
+  backgroundColor: import_colorRamps.formControlColors.background,
+  borderColor: import_colorRamps.formControlColors.border,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  activeStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        activeStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        }
+      }
+    }
+  }
+});

package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.native.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CheckboxFieldFrame_exports = {};
+__export(CheckboxFieldFrame_exports, {
+  CheckboxFieldFrame: () => CheckboxFieldFrame
+});
+module.exports = __toCommonJS(CheckboxFieldFrame_exports);
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var CheckboxFieldFrame = (0, import_tamagui.styled)(import_tamagui.Checkbox, {
+  backgroundColor: import_colorRamps.formControlColors.background,
+  borderColor: import_colorRamps.formControlColors.border,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  activeStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        activeStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=CheckboxFieldFrame.native.js.map

package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxFieldFrame_exports","__export","CheckboxFieldFrame","module","exports","import_tamagui","require","import_colorRamps","styled","Checkbox","backgroundColor","formControlColors","background","borderColor","border","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","activeStyle","variants","outlined","true"],"sources":["../../../../src/fields/Checkbox/CheckboxFieldFrame.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoD,CAAAK,0BAAA;AACpD,IAAAK,cAAA,GAAAC,OAAkC;AAE3B,IAAAC,iBAAM,GAAAD,OAAqB,oCAAO;AAAiB,IACxDJ,kBAAiB,OAAAG,cAAA,CAAAG,MAAA,EAAAH,cAAkB,CAAAI,QAAA;EACnCC,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;EAC/BC,WAAA,EAAYN,iBAAA,CAAAI,iBAAA,CAAAG,MAAA;EAAAC,UACV;IACAL,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;IACjCC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACA;EAAYE,UACV;IACAN,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;IACjCC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACA;EAAYG,UACV;IACAP,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;IACjCC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACA;EAAmBI,iBACjB,EAAiB;IACjBR,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;IACjCC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACA;EAAaK,WACX;IACAT,eAAa,EAAAH,iBAAA,CAAAI,iBAAkB,CAAAC,UAAA;IACjCC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACA;EAAUM,QACR;IAAUC,QACF;MAAAC,IACJ;QACAZ,eAAc;QACdK,UAAA,EAAY;UACZL,eAAc,eAAiB;UAC/BG,WAAa,EAAEN,iBAAiB,CAAAI,iBAAe,CAAAG;QACjD;QACFE,UAAA;UACFN,eAAA;UACDG,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG","ignoreList":[]}