@justeattakeaway/pie-spinner 0.4.0 → 0.5.1

package/custom-elements.json

@@ -2,6 +2,12 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/defs-react.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/defs.js",

package/dist/react.d.ts

@@ -1,13 +1,13 @@
 import type { CSSResult } from 'lit';
 import type { LitElement } from 'lit';
-import type { ReactWebComponent } from '@lit/react';
+import * as React_2 from 'react';
 import type { TemplateResult } from 'lit-html';
 
 export declare type AriaProps = {
     label?: string;
 };
 
-export declare const PieSpinner: ReactWebComponent<PieSpinner_2, {}>;
+export declare const PieSpinner: React_2.ForwardRefExoticComponent<SpinnerProps & React_2.RefAttributes<PieSpinner_2> & ReactBaseType>;
 
 /**
  * @tagname pie-spinner
@@ -20,6 +20,8 @@ declare class PieSpinner_2 extends LitElement implements SpinnerProps {
     static styles: CSSResult;
 }
 
+declare type ReactBaseType = React_2.HTMLAttributes<HTMLDivElement>;
+
 export declare const sizes: readonly ["xsmall", "small", "medium", "large", "xlarge"];
 
 export declare interface SpinnerProps {

package/dist/react.js

@@ -1,19 +1,19 @@
 import * as e from "react";
-import { createComponent as r } from "@lit/react";
-import { PieSpinner as i } from "./index.js";
-import { sizes as f, variants as P } from "./index.js";
+import { createComponent as i } from "@lit/react";
+import { PieSpinner as r } from "./index.js";
+import { sizes as S, variants as f } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "@justeattakeaway/pie-webc-core";
-const a = r({
+const n = i({
   displayName: "PieSpinner",
-  elementClass: i,
+  elementClass: r,
   react: e,
   tagName: "pie-spinner",
   events: {}
-});
+}), s = n;
 export {
-  a as PieSpinner,
-  f as sizes,
-  P as variants
+  s as PieSpinner,
+  S as sizes,
+  f as variants
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-spinner",
   "description": "PIE Design System Spinner built using Web Components",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -32,12 +32,12 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.8.0",
-    "@justeattakeaway/pie-wrapper-react": "0.12.0",
+    "@justeattakeaway/pie-components-config": "0.9.0",
+    "@justeattakeaway/pie-wrapper-react": "0.14.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.16.0"
+    "@justeattakeaway/pie-webc-core": "0.17.1"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs-react.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+
+export type ReactBaseType = React.HTMLAttributes<HTMLDivElement>

package/src/react.ts

@@ -1,14 +1,19 @@
-
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { PieSpinner as PieSpinnerReact } from './index';
+import { PieSpinner as PieSpinnerLit } from './index';
+import { SpinnerProps } from './defs';
 
 export * from './defs';
 
-export const PieSpinner = createComponent({
+const PieSpinnerReact = createComponent({
     displayName: 'PieSpinner',
-    elementClass: PieSpinnerReact,
+    elementClass: PieSpinnerLit,
     react: React,
     tagName: 'pie-spinner',
     events: {},
 });
+
+type ReactBaseType = React.HTMLAttributes<HTMLDivElement>
+
+export const PieSpinner = PieSpinnerReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<SpinnerProps>
+    & React.RefAttributes<PieSpinnerLit> & ReactBaseType>;