@justeattakeaway/pie-checkbox 0.15.2 → 0.15.4

package/custom-elements.json

@@ -103,7 +103,8 @@
                 "text": "CheckboxProps['name']"
               },
               "privacy": "public",
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",

package/dist/index.js

@@ -12,7 +12,7 @@ var R = Object.defineProperty, L = (s, c, r, d) => {
 };
 class w extends f {
   constructor() {
-    super(...arguments), this.v = "0.15.2";
+    super(...arguments), this.v = "0.15.4";
   }
 }
 L([
@@ -171,7 +171,7 @@ t([
   i({ type: String })
 ], e.prototype, "value");
 t([
-  i({ type: String })
+  i({ type: String, reflect: !0 })
 ], e.prototype, "name");
 t([
   i({ type: Boolean, reflect: !0 })

package/dist/react.d.ts

@@ -117,7 +117,7 @@ declare type PieCheckboxEvents = {
     onChange?: (event: CustomEvent) => void;
 };
 
-declare type ReactBaseType = React_2.InputHTMLAttributes<HTMLInputElement>;
+declare type ReactBaseType = Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'onChange'>;
 
 export declare const statusTypes: readonly ["default", "success", "error"];
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-checkbox",
   "description": "PIE Design System Checkbox built using Web Components",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",

package/src/defs-react.ts

@@ -1,3 +1,4 @@
 import type React from 'react';
 
-export type ReactBaseType = React.InputHTMLAttributes<HTMLInputElement>
+// Omit event types to avoid conflicting with PieCheckbox's type definition
+export type ReactBaseType = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>

package/src/index.ts

@@ -42,7 +42,7 @@ export class PieCheckbox extends FormControlMixin(RtlMixin(PieElement)) implemen
     @property({ type: String })
     public value = defaultProps.value;
 
-    @property({ type: String })
+    @property({ type: String, reflect: true })
     public name: CheckboxProps['name'];
 
     @property({ type: Boolean, reflect: true })

package/src/react.ts

@@ -15,7 +15,7 @@ const PieCheckboxReact = createComponent({
     },
 });
 
-type ReactBaseType = React.InputHTMLAttributes<HTMLInputElement>
+type ReactBaseType = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>
 
 type PieCheckboxEvents = {
     onChange?: (event: CustomEvent) => void;