@bosonprotocol/react-kit 0.36.0-alpha.0 → 0.36.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/components/ui/loading/Loading.d.ts +2 -1
  2. package/dist/cjs/components/ui/loading/Loading.d.ts.map +1 -1
  3. package/dist/cjs/components/ui/loading/Loading.js +3 -3
  4. package/dist/cjs/components/ui/loading/Loading.js.map +1 -1
  5. package/dist/esm/components/ui/loading/Loading.d.ts +2 -1
  6. package/dist/esm/components/ui/loading/Loading.d.ts.map +1 -1
  7. package/dist/esm/components/ui/loading/Loading.js +3 -3
  8. package/dist/esm/components/ui/loading/Loading.js.map +1 -1
  9. package/package.json +4 -4
  10. package/src/components/ui/loading/Loading.tsx +12 -3
package/dist/cjs/components/ui/loading/Loading.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CSSProperties } from "styled-components";
2
- export declare const Loading: ({ color, size, theme, style }: {
2
+ export declare const Loading: ({ color, size, theme, style, borderWidthPx }: {
3
3
  color?: CSSProperties["color"];
4
4
  size?: number | undefined;
5
5
  theme?: {
@@ -10,5 +10,6 @@ export declare const Loading: ({ color, size, theme, style }: {
10
10
  } | undefined;
11
11
  } | undefined;
12
12
  style?: CSSProperties | undefined;
13
+ borderWidthPx?: number | undefined;
13
14
  }) => JSX.Element;
14
15
  //# sourceMappingURL=Loading.d.ts.map
package/dist/cjs/components/ui/loading/Loading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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"}
1
+ {"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;YAOV,aAAa,CAAC,OAAO,CAAC;;;;;wBAES,aAAa,CAAC,OAAO,CAAC;;;;;;iBAa9D,CAAC"}
package/dist/cjs/components/ui/loading/Loading.js CHANGED
@@ -30,8 +30,8 @@ exports.Loading = void 0;
30
30
  const styled_components_1 = __importStar(require("styled-components"));
31
31
  const react_1 = __importDefault(require("react"));
32
32
  const Loading = ({ color, size = 1.5625, // in rem = 25px
33
- theme, style }) => {
34
- return (react_1.default.createElement(LoadingStyle, { "$color": color, "$size": size, theme: theme, style: style }));
33
+ theme, style, borderWidthPx = 5 }) => {
34
+ return (react_1.default.createElement(LoadingStyle, { "$color": color, "$size": size, theme: theme, style: style, "$borderWidthPx": borderWidthPx }));
35
35
  };
36
36
  exports.Loading = Loading;
37
37
  const loadingAnimation = (0, styled_components_1.keyframes) `
@@ -43,7 +43,7 @@ const LoadingStyle = styled_components_1.default.span.attrs({ className: "loadin
43
43
  width: ${({ $size }) => $size}rem;
44
44
  min-height: ${({ $size }) => $size}rem;
45
45
  min-width: ${({ $size }) => $size}rem;
46
- border: 5px solid
46
+ border: ${({ $borderWidthPx }) => $borderWidthPx}px solid
47
47
  ${({ theme, $color }) => { var _a, _b; return ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.light) === null || _b === void 0 ? void 0 : _b.accent) || $color || "#000000"; }};
48
48
  border-bottom-color: transparent;
49
49
  border-radius: 50%;
package/dist/cjs/components/ui/loading/Loading.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqE;AACrE,kDAA0B;AAEnB,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,MAAM,EAAE,gBAAgB;AAC/B,KAAK,EACL,KAAK,EAMN,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,YAAY,cAAS,KAAK,WAAS,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB;AAEF,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;;CAGjC,CAAC;AAEF,MAAM,YAAY,GAAG,2BAAM,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,eACtB,OAAA,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,0CAAE,MAAM,KAAI,MAAM,IAAI,SAAS,CAAA,EAAA;;;;;;oBAMrC,gBAAgB;CACnC,CAAC"}
1
+ {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../src/components/ui/loading/Loading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqE;AACrE,kDAA0B;AAEnB,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,MAAM,EAAE,gBAAgB;AAC/B,KAAK,EACL,KAAK,EACL,aAAa,GAAG,CAAC,EAOlB,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,YAAY,cACH,KAAK,WACN,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,oBACI,aAAa,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,OAAO,WAsBlB;AAEF,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;;CAGjC,CAAC;AAEF,MAAM,YAAY,GAAG,2BAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAI9D;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;YACvB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc;MAC5C,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,eACtB,OAAA,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,0CAAE,MAAM,KAAI,MAAM,IAAI,SAAS,CAAA,EAAA;;;;;;oBAMrC,gBAAgB;CACnC,CAAC"}
package/dist/esm/components/ui/loading/Loading.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CSSProperties } from "styled-components";
2
- export declare const Loading: ({ color, size, theme, style }: {
2
+ export declare const Loading: ({ color, size, theme, style, borderWidthPx }: {
3
3
  color?: CSSProperties["color"];
4
4
  size?: number | undefined;
5
5
  theme?: {
@@ -10,5 +10,6 @@ export declare const Loading: ({ color, size, theme, style }: {
10
10
  } | undefined;
11
11
  } | undefined;
12
12
  style?: CSSProperties | undefined;
13
+ borderWidthPx?: number | undefined;
13
14
  }) => JSX.Element;
14
15
  //# sourceMappingURL=Loading.d.ts.map
package/dist/esm/components/ui/loading/Loading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"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"}
1
+ {"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;YAOV,aAAa,CAAC,OAAO,CAAC;;;;;wBAES,aAAa,CAAC,OAAO,CAAC;;;;;;iBAa9D,CAAC"}
package/dist/esm/components/ui/loading/Loading.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import styled, { keyframes } from "styled-components";
2
2
  import React from "react";
3
3
  export const Loading = ({ color, size = 1.5625, // in rem = 25px
4
- theme, style }) => {
5
- return (React.createElement(LoadingStyle, { "$color": color, "$size": size, theme: theme, style: style }));
4
+ theme, style, borderWidthPx = 5 }) => {
5
+ return (React.createElement(LoadingStyle, { "$color": color, "$size": size, theme: theme, style: style, "$borderWidthPx": borderWidthPx }));
6
6
  };
7
7
  const loadingAnimation = keyframes `
8
8
  0% { transform: rotate(0deg); }
@@ -13,7 +13,7 @@ const LoadingStyle = styled.span.attrs({ className: "loading" }) `
13
13
  width: ${({ $size }) => $size}rem;
14
14
  min-height: ${({ $size }) => $size}rem;
15
15
  min-width: ${({ $size }) => $size}rem;
16
- border: 5px solid
16
+ border: ${({ $borderWidthPx }) => $borderWidthPx}px solid
17
17
  ${({ theme, $color }) => theme?.colors?.light?.accent || $color || "#000000"};
18
18
  border-bottom-color: transparent;
19
19
  border-radius: 50%;
package/dist/esm/components/ui/loading/Loading.js.map CHANGED
@@ -1 +1 @@
1
- {"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"}
1
+ {"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,EACL,aAAa,GAAG,CAAC,EAOlB,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,YAAY,cACH,KAAK,WACN,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,oBACI,aAAa,GAC7B,CACH,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,CAI9D;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;YACvB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc;MAC5C,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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.36.0-alpha.0",
4
+ "version": "0.36.0-alpha.1",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,8 +15,8 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.42.0-alpha.2",
19
- "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.8",
18
+ "@bosonprotocol/core-sdk": "^1.42.0-alpha.3",
19
+ "@bosonprotocol/ethers-sdk": "^1.15.1-alpha.9",
20
20
  "@bosonprotocol/ipfs-storage": "^1.12.0",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "b3b9b33052fc998f66b6cca9efd744cabcde2380"
191
+ "gitHead": "417843a7efc2d36762ff942f10217c0224be6884"
192
192
  }
package/src/components/ui/loading/Loading.tsx CHANGED
@@ -5,15 +5,23 @@ export const Loading = ({
5
5
  color,
6
6
  size = 1.5625, // in rem = 25px
7
7
  theme,
8
- style
8
+ style,
9
+ borderWidthPx = 5
9
10
  }: {
10
11
  color?: CSSProperties["color"];
11
12
  size?: number;
12
13
  theme?: { colors?: { light?: { accent: CSSProperties["color"] } } };
13
14
  style?: CSSProperties;
15
+ borderWidthPx?: number;
14
16
  }) => {
15
17
  return (
16
- <LoadingStyle $color={color} $size={size} theme={theme} style={style} />
18
+ <LoadingStyle
19
+ $color={color}
20
+ $size={size}
21
+ theme={theme}
22
+ style={style}
23
+ $borderWidthPx={borderWidthPx}
24
+ />
17
25
  );
18
26
  };
19
27
 
@@ -25,12 +33,13 @@ const loadingAnimation = keyframes`
25
33
  const LoadingStyle = styled.span.attrs({ className: "loading" })<{
26
34
  $color?: CSSProperties["color"];
27
35
  $size?: number;
36
+ $borderWidthPx: number;
28
37
  }>`
29
38
  height: ${({ $size }) => $size}rem;
30
39
  width: ${({ $size }) => $size}rem;
31
40
  min-height: ${({ $size }) => $size}rem;
32
41
  min-width: ${({ $size }) => $size}rem;
33
- border: 5px solid
42
+ border: ${({ $borderWidthPx }) => $borderWidthPx}px solid
34
43
  ${({ theme, $color }) =>
35
44
  theme?.colors?.light?.accent || $color || "#000000"};
36
45
  border-bottom-color: transparent;