@justeattakeaway/pie-switch 1.3.2 → 1.3.4

package/custom-elements.json

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

package/dist/index.js

@@ -11,7 +11,7 @@ var $t = Object.defineProperty, Rt = (f, s, c, h) => {
 };
 class dt extends It {
   constructor() {
-    super(...arguments), this.v = "1.3.2";
+    super(...arguments), this.v = "1.3.4";
   }
 }
 Rt([
@@ -651,7 +651,7 @@ v([
   y({ type: String })
 ], p.prototype, "value");
 v([
-  y({ type: String })
+  y({ type: String, reflect: !0 })
 ], p.prototype, "name");
 v([
   y({ type: Boolean, reflect: !0 })

package/dist/react.d.ts

@@ -101,7 +101,7 @@ declare type PieSwitchEvents = {
     onChange?: (event: CustomEvent) => void;
 };
 
-declare type ReactBaseType = React_2.InputHTMLAttributes<HTMLInputElement>;
+declare type ReactBaseType = Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'onChange'>;
 
 export declare interface SwitchProps {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-switch",
   "description": "PIE Design System Switch built using Web Components",
-  "version": "1.3.2",
+  "version": "1.3.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 PieSwitch's type definition
+export type ReactBaseType = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>

package/src/index.ts

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

package/src/react.ts

@@ -16,7 +16,7 @@ const PieSwitchReact = createComponent({
     },
 });
 
-type ReactBaseType = React.InputHTMLAttributes<HTMLInputElement>
+type ReactBaseType = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>
 
 type PieSwitchEvents = {
     onInvalid?: (event: Event) => void;