@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.
- package/dist/cjs/components/skeleton/common.d.ts +1 -0
- package/dist/cjs/components/skeleton/common.d.ts.map +1 -1
- package/dist/cjs/components/skeleton/common.js +2 -2
- package/dist/cjs/components/skeleton/common.js.map +1 -1
- package/dist/esm/components/skeleton/common.d.ts +1 -0
- package/dist/esm/components/skeleton/common.d.ts.map +1 -1
- package/dist/esm/components/skeleton/common.js +2 -2
- package/dist/esm/components/skeleton/common.js.map +1 -1
- package/package.json +3 -3
- package/src/components/skeleton/common.ts +5 -2
|
@@ -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;
|
|
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
|
|
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,
|
|
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;
|
|
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
|
|
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,
|
|
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.
|
|
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.
|
|
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": "
|
|
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 }) =>
|
|
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;
|