@bosonprotocol/react-kit 0.32.0-alpha.4 → 0.32.0-alpha.6

package/dist/esm/components/ui/loading/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAW/B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAa,MAAM,mBAAmB,CAAC;AAGrE,eAAO,MAAM,OAAO;YAMV,aAAa,CAAC,OAAO,CAAC;;;;;wBAES,aAAa,CAAC,OAAO,CAAC;;;;;iBAM9D,CAAC"}

package/dist/esm/components/ui/loading/Loading.js

@@ -1,32 +1,25 @@
+import styled, { keyframes } from "styled-components";
 import React from "react";
-import styled from "styled-components";
-import { theme } from "../../../theme";
-import { Grid } from "../Grid";
-const colors = theme.colors.light;
-const LoadingPlaceholder = styled.div `
-  height: ${({ size }) => size}rem;
-  width: ${({ size }) => size}rem;
-  min-height: ${({ size }) => size}rem;
-  min-width: ${({ size }) => size}rem;
-  border: 5px solid ${colors.secondary};
+export const Loading = ({ color, size = 1.5625, // in rem = 25px
+theme, style }) => {
+    return (React.createElement(LoadingStyle, { "$color": color, "$size": size, theme: theme, style: style }));
+};
+const loadingAnimation = keyframes `
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+`;
+const LoadingStyle = styled.span.attrs({ className: "loading" }) `
+  height: ${({ $size }) => $size}rem;
+  width: ${({ $size }) => $size}rem;
+  min-height: ${({ $size }) => $size}rem;
+  min-width: ${({ $size }) => $size}rem;
+  border: 5px solid
+    ${({ theme, $color }) => theme?.colors?.light?.accent || $color || "#000000"};
   border-bottom-color: transparent;
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
   animation: rotation 1s linear infinite;
-
-  @keyframes rotation {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
+  animation-name: ${loadingAnimation};
 `;
-const Loading = ({ style = {}, size = 5, wrapperStyle, ...props }) => {
-    return (React.createElement(Grid, { justifyContent: "center", padding: "5rem", style: wrapperStyle },
-        React.createElement(LoadingPlaceholder, { style: style, size: size, ...props })));
-};
-export default Loading;
 //# sourceMappingURL=Loading.js.map

package/dist/esm/components/ui/loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAkB;YAC3C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;WACnB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;gBACb,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;eACnB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;sBACX,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;CAerC,CAAC;AASF,MAAM,OAAO,GAAuB,CAAC,EACnC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,CAAC,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY;QAC9D,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CACtD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAiB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,MAAM,EAAE,gBAAgB;AAC/B,KAAK,EACL,KAAK,EAMN,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,YAAY,cAAS,KAAK,WAAS,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,SAAS,CAAA;;;CAGjC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAG9D;YACU,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;gBACf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;eACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;MAE7B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,MAAM,IAAI,SAAS;;;;;;oBAMrC,gBAAgB;CACnC,CAAC"}

package/dist/esm/components/ui/loading/LoadingWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ILoading {
+    size?: number;
+    wrapperStyle?: React.CSSProperties;
+    style?: React.CSSProperties;
+    [x: string]: unknown;
+}
+declare const Loading: React.FC<ILoading>;
+export default Loading;
+//# sourceMappingURL=LoadingWrapper.d.ts.map

package/dist/esm/components/ui/loading/LoadingWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/loading/LoadingWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAW/B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/components/ui/loading/LoadingWrapper.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Loading as LoadingComponent } from "./Loading";
+import { Grid } from "../Grid";
+const Loading = ({ style = {}, size = 5, wrapperStyle, ...props }) => {
+    return (React.createElement(Grid, { justifyContent: "center", padding: "5rem", style: wrapperStyle },
+        React.createElement(LoadingComponent, { style: style, size: size, ...props })));
+};
+export default Loading;
+//# sourceMappingURL=LoadingWrapper.js.map

package/dist/esm/components/ui/loading/LoadingWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingWrapper.js","sourceRoot":"","sources":["../../../../../src/components/ui/loading/LoadingWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAS/B,MAAM,OAAO,GAAuB,CAAC,EACnC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,CAAC,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY;QAC9D,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CACpD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}