colibri-ui 0.7.7 → 0.7.9

package/Checkbox/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var styles = require('./styles.js');
+
+var Checkbox = function Checkbox(_a) {
+  var id = _a.id,
+    name = _a.name,
+    value = _a.value,
+    text = _a.text,
+    checked = _a.checked,
+    onChange = _a.onChange,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    _b = _a.variant,
+    variant = _b === void 0 ? "primary" : _b,
+    className = _a.className,
+    disabled = _a.disabled,
+    error = _a.error;
+  var control = jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(styles.Control, {
+      className: className,
+      type: "checkbox",
+      id: id,
+      variant: variant,
+      name: name,
+      value: value,
+      checked: checked,
+      onChange: onChange,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      disabled: disabled
+    }), jsxRuntime.jsx(styles.FakeCheckbox, {
+      variant: variant,
+      checked: checked,
+      error: error
+    }), jsxRuntime.jsx(styles.Text, {
+      children: text
+    })]
+  });
+  return jsxRuntime.jsx(styles.Label, {
+    children: control
+  });
+};
+
+exports.default = Checkbox;

package/Checkbox/index.props.d.ts

@@ -7,9 +7,9 @@ type VariantStyles = {
 };
 type VariantStates = {
     normal?: VariantStyles;
-    hover?: VariantStyles;
+    hovered?: VariantStyles;
     checked?: VariantStyles;
-    focus?: VariantStyles;
+    focused?: VariantStyles;
     active?: VariantStyles;
     disabled?: VariantStyles;
 };