@justeattakeaway/pie-button 0.38.1-next.0 → 0.39.1-next.0

package/README.md

@@ -61,7 +61,7 @@ import '@justeattakeaway/pie-button';
 ```js
 // React
 // For React, you will need to import our React-specific component build
-// which wraps the web component using @lit-labs/react
+// which wraps the web component using ​@lit/react
 import { PieButton } from '@justeattakeaway/pie-button/dist/react';
 ```
 

package/dist/react.js

@@ -1,57 +1,26 @@
-import * as y from "react";
-import { PieButton as E } from "./index.js";
-import { formEncodingtypes as k, formMethodTypes as C, formTargetTypes as S, iconPlacements as j, responsiveSizes as x, sizes as z, types as A, variants as H } from "./index.js";
+import * as t from "react";
+import { createComponent as e } from "@lit/react";
+import { PieButton as o } from "./index.js";
+import { formEncodingtypes as u, formMethodTypes as y, formTargetTypes as P, iconPlacements as l, responsiveSizes as B, sizes as d, types as g, variants as v } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/if-defined.js";
 import "@justeattakeaway/pie-spinner";
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const N = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), v = /* @__PURE__ */ new WeakMap(), g = (t, c, a, l, u) => {
-  const m = u == null ? void 0 : u[c];
-  m === void 0 || a === l ? (t[c] = a, a == null && c in HTMLElement.prototype && t.removeAttribute(c)) : ((i, n, o) => {
-    let s = v.get(i);
-    s === void 0 && v.set(i, s = /* @__PURE__ */ new Map());
-    let r = s.get(n);
-    o !== void 0 ? r === void 0 ? (s.set(n, r = { handleEvent: o }), i.addEventListener(n, r)) : r.handleEvent = o : r !== void 0 && (s.delete(n), i.removeEventListener(n, r));
-  })(t, m, a);
-}, h = ({ react: t, tagName: c, elementClass: a, events: l, displayName: u }) => {
-  const m = new Set(Object.keys(l ?? {})), i = t.forwardRef((n, o) => {
-    const s = t.useRef(null), r = t.useRef(null), p = {}, d = {};
-    for (const [e, f] of Object.entries(n))
-      N.has(e) ? p[e === "className" ? "class" : e] = f : m.has(e) || e in a.prototype ? d[e] = f : p[e] = f;
-    return t.useLayoutEffect(() => {
-      if (r.current !== null) {
-        for (const e in d)
-          g(r.current, e, n[e], s.current ? s.current[e] : void 0, l);
-        s.current = n;
-      }
-    }), t.useLayoutEffect(() => {
-      var e;
-      (e = r.current) == null || e.removeAttribute("defer-hydration");
-    }, []), p.suppressHydrationWarning = !0, t.createElement(c, { ...p, ref: t.useCallback((e) => {
-      r.current = e, typeof o == "function" ? o(e) : o !== null && (o.current = e);
-    }, [o]) });
-  });
-  return i.displayName = u ?? a.name, i;
-}, M = h({
+const a = e({
   displayName: "PieButton",
-  elementClass: E,
-  react: y,
+  elementClass: o,
+  react: t,
   tagName: "pie-button",
   events: {}
 });
 export {
-  M as PieButton,
-  k as formEncodingtypes,
-  C as formMethodTypes,
-  S as formTargetTypes,
-  j as iconPlacements,
-  x as responsiveSizes,
-  z as sizes,
-  A as types,
-  H as variants
+  a as PieButton,
+  u as formEncodingtypes,
+  y as formMethodTypes,
+  P as formTargetTypes,
+  l as iconPlacements,
+  B as responsiveSizes,
+  d as sizes,
+  g as types,
+  v as variants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-button",
-  "version": "0.38.1-next.0",
+  "version": "0.39.1-next.0",
   "description": "PIE design system button built using web components",
   "type": "module",
   "main": "dist/index.js",