@bosonprotocol/react-kit 0.38.0-alpha.3 → 0.38.0-alpha.4

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.
@@ -2,6 +2,7 @@ import { CSSProperties } from "styled-components";
2
2
  export declare const LoadingBubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $height?: CSSProperties["height"];
4
4
  $width?: CSSProperties["width"];
5
+ $flexBasis?: CSSProperties["flexBasis"];
5
6
  $minWidth?: CSSProperties["minWidth"];
6
7
  $borderRadius?: CSSProperties["borderRadius"];
7
8
  $backgroundColor?: CSSProperties["backgroundColor"];
@@ -1 +1 @@
1
- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAkB,MAAM,mBAAmB,CAAC;AAY1E,eAAO,MAAM,aAAa;cACd,aAAa,CAAC,QAAQ,CAAC;aACxB,aAAa,CAAC,OAAO,CAAC;gBACnB,aAAa,CAAC,UAAU,CAAC;oBACrB,aAAa,CAAC,cAAc,CAAC;uBAC1B,aAAa,CAAC,iBAAiB,CAAC;aAC1C,MAAM;cACL,aAAa,CAAC,QAAQ,CAAC;YA6BlC,CAAC"}
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAkB,MAAM,mBAAmB,CAAC;AAY1E,eAAO,MAAM,aAAa;cACd,aAAa,CAAC,QAAQ,CAAC;aACxB,aAAa,CAAC,OAAO,CAAC;iBAClB,aAAa,CAAC,WAAW,CAAC;gBAC3B,aAAa,CAAC,UAAU,CAAC;oBACrB,aAAa,CAAC,cAAc,CAAC;uBAC1B,aAAa,CAAC,iBAAiB,CAAC;aAC1C,MAAM;cACL,aAAa,CAAC,QAAQ,CAAC;YA+BlC,CAAC"}
@@ -49,9 +49,9 @@ exports.LoadingBubble = styled_components_1.default.div `
49
49
  ${({ $borderRadius }) => $borderRadius !== undefined && `border-radius: ${$borderRadius};`};
50
50
  ${({ $margin }) => $margin && `margin: ${$margin}`};
51
51
  height: ${({ $height }) => $height !== null && $height !== void 0 ? $height : "24px"};
52
- width: 50%;
53
52
  width: ${({ $width }) => $width !== null && $width !== void 0 ? $width : "50%"};
54
- ${({ $minWidth }) => $minWidth && `minWidth: ${$minWidth};`};
53
+ ${({ $minWidth }) => $minWidth === undefined ? "" : `min-width: ${$minWidth};`};
54
+ ${({ $flexBasis }) => $flexBasis === undefined ? "" : `flex-basis: ${$flexBasis};`};
55
55
  animation: ${loadingAnimation} 1.5s infinite;
56
56
  ${({ $delay }) => $delay && `animation-delay: ${$delay};`}
57
57
  animation-fill-mode: both;
@@ -1 +1 @@
1
- {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0E;AAC1E,uCAAmC;AAEnC,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAQrC;;IAEE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa,KAAK,SAAS,IAAI,kBAAkB,aAAa,GAAG;IACjE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,WAAW,OAAO,EAAE;YACxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM;;WAEnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;IACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,aAAa,SAAS,GAAG;eAC9C,gBAAgB;IAC3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,oBAAoB,MAAM,GAAG;;gBAE3C,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACrC,gBAAgB;IACd,CAAC,CAAC,IAAA,uBAAG,EAAA;;MAEL,gBAAgB;MAChB,IAAA,kBAAO,EAAC,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;MACrC,gBAAgB;IAClB;IACE,CAAC,CAAC,IAAA,uBAAG,EAAA;;;MAGL,IAAA,kBAAO,EAAC,KAAK,EAAE,SAAS,CAAC;;IAE3B;;;CAGH,CAAC"}
1
+ {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0E;AAC1E,uCAAmC;AAEnC,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CASrC;;IAEE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa,KAAK,SAAS,IAAI,kBAAkB,aAAa,GAAG;IACjE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,WAAW,OAAO,EAAE;YACxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM;WACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK;IACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG;IACzD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG;eACjD,gBAAgB;IAC3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,oBAAoB,MAAM,GAAG;;gBAE3C,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACrC,gBAAgB;IACd,CAAC,CAAC,IAAA,uBAAG,EAAA;;MAEL,gBAAgB;MAChB,IAAA,kBAAO,EAAC,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;MACrC,gBAAgB;IAClB;IACE,CAAC,CAAC,IAAA,uBAAG,EAAA;;;MAGL,IAAA,kBAAO,EAAC,KAAK,EAAE,SAAS,CAAC;;IAE3B;;;CAGH,CAAC"}
@@ -2,6 +2,7 @@ import { CSSProperties } from "styled-components";
2
2
  export declare const LoadingBubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $height?: CSSProperties["height"];
4
4
  $width?: CSSProperties["width"];
5
+ $flexBasis?: CSSProperties["flexBasis"];
5
6
  $minWidth?: CSSProperties["minWidth"];
6
7
  $borderRadius?: CSSProperties["borderRadius"];
7
8
  $backgroundColor?: CSSProperties["backgroundColor"];
@@ -1 +1 @@
1
- {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAkB,MAAM,mBAAmB,CAAC;AAY1E,eAAO,MAAM,aAAa;cACd,aAAa,CAAC,QAAQ,CAAC;aACxB,aAAa,CAAC,OAAO,CAAC;gBACnB,aAAa,CAAC,UAAU,CAAC;oBACrB,aAAa,CAAC,cAAc,CAAC;uBAC1B,aAAa,CAAC,iBAAiB,CAAC;aAC1C,MAAM;cACL,aAAa,CAAC,QAAQ,CAAC;YA6BlC,CAAC"}
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAkB,MAAM,mBAAmB,CAAC;AAY1E,eAAO,MAAM,aAAa;cACd,aAAa,CAAC,QAAQ,CAAC;aACxB,aAAa,CAAC,OAAO,CAAC;iBAClB,aAAa,CAAC,WAAW,CAAC;gBAC3B,aAAa,CAAC,UAAU,CAAC;oBACrB,aAAa,CAAC,cAAc,CAAC;uBAC1B,aAAa,CAAC,iBAAiB,CAAC;aAC1C,MAAM;cACL,aAAa,CAAC,QAAQ,CAAC;YA+BlC,CAAC"}
@@ -13,9 +13,9 @@ export const LoadingBubble = styled.div `
13
13
  ${({ $borderRadius }) => $borderRadius !== undefined && `border-radius: ${$borderRadius};`};
14
14
  ${({ $margin }) => $margin && `margin: ${$margin}`};
15
15
  height: ${({ $height }) => $height ?? "24px"};
16
- width: 50%;
17
16
  width: ${({ $width }) => $width ?? "50%"};
18
- ${({ $minWidth }) => $minWidth && `minWidth: ${$minWidth};`};
17
+ ${({ $minWidth }) => $minWidth === undefined ? "" : `min-width: ${$minWidth};`};
18
+ ${({ $flexBasis }) => $flexBasis === undefined ? "" : `flex-basis: ${$flexBasis};`};
19
19
  animation: ${loadingAnimation} 1.5s infinite;
20
20
  ${({ $delay }) => $delay && `animation-delay: ${$delay};`}
21
21
  animation-fill-mode: both;
@@ -1 +1 @@
1
- {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,gBAAgB,GAAG,SAAS,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAQrC;;IAEE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa,KAAK,SAAS,IAAI,kBAAkB,aAAa,GAAG;IACjE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,WAAW,OAAO,EAAE;YACxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,MAAM;;WAEnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,KAAK;IACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,aAAa,SAAS,GAAG;eAC9C,gBAAgB;IAC3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,oBAAoB,MAAM,GAAG;;gBAE3C,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACrC,gBAAgB;IACd,CAAC,CAAC,GAAG,CAAA;;MAEL,gBAAgB;MAChB,OAAO,CAAC,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;MACrC,gBAAgB;IAClB;IACE,CAAC,CAAC,GAAG,CAAA;;;MAGL,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;;IAE3B;;;CAGH,CAAC"}
1
+ {"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/components/skeleton/common.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,MAAM,gBAAgB,GAAG,SAAS,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CASrC;;IAEE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa,KAAK,SAAS,IAAI,kBAAkB,aAAa,GAAG;IACjE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,WAAW,OAAO,EAAE;YACxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,MAAM;WACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,KAAK;IACtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG;IACzD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG;eACjD,gBAAgB;IAC3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,oBAAoB,MAAM,GAAG;;gBAE3C,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACrC,gBAAgB;IACd,CAAC,CAAC,GAAG,CAAA;;MAEL,gBAAgB;MAChB,OAAO,CAAC,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;MACrC,gBAAgB;IAClB;IACE,CAAC,CAAC,GAAG,CAAA;;;MAGL,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;;IAE3B;;;CAGH,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.38.0-alpha.3",
4
+ "version": "0.38.0-alpha.4",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,7 +15,7 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.43.1-alpha.4",
18
+ "@bosonprotocol/core-sdk": "^1.43.1-alpha.5",
19
19
  "@bosonprotocol/ethers-sdk": "^1.15.4",
20
20
  "@bosonprotocol/ipfs-storage": "^1.12.0",
21
21
  "@bosonprotocol/roblox-sdk": "^1.0.0-alpha.16",
@@ -205,5 +205,5 @@
205
205
  "overrides": {
206
206
  "typescript": "^5.1.6"
207
207
  },
208
- "gitHead": "7722aaa0a2f024684dca7e5d565af48590725f4f"
208
+ "gitHead": "7410c8c2b875d7d1796f492dfeb9000fa2d7a6d1"
209
209
  }
@@ -13,6 +13,7 @@ const loadingAnimation = keyframes`
13
13
  export const LoadingBubble = styled.div<{
14
14
  $height?: CSSProperties["height"];
15
15
  $width?: CSSProperties["width"];
16
+ $flexBasis?: CSSProperties["flexBasis"];
16
17
  $minWidth?: CSSProperties["minWidth"];
17
18
  $borderRadius?: CSSProperties["borderRadius"];
18
19
  $backgroundColor?: CSSProperties["backgroundColor"];
@@ -24,9 +25,11 @@ export const LoadingBubble = styled.div<{
24
25
  $borderRadius !== undefined && `border-radius: ${$borderRadius};`};
25
26
  ${({ $margin }) => $margin && `margin: ${$margin}`};
26
27
  height: ${({ $height }) => $height ?? "24px"};
27
- width: 50%;
28
28
  width: ${({ $width }) => $width ?? "50%"};
29
- ${({ $minWidth }) => $minWidth && `minWidth: ${$minWidth};`};
29
+ ${({ $minWidth }) =>
30
+ $minWidth === undefined ? "" : `min-width: ${$minWidth};`};
31
+ ${({ $flexBasis }) =>
32
+ $flexBasis === undefined ? "" : `flex-basis: ${$flexBasis};`};
30
33
  animation: ${loadingAnimation} 1.5s infinite;
31
34
  ${({ $delay }) => $delay && `animation-delay: ${$delay};`}
32
35
  animation-fill-mode: both;