@bosonprotocol/react-kit 0.34.0-alpha.18 → 0.34.0-alpha.19

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 (15) hide show
  1. package/dist/cjs/components/productCard/commonStyles.d.ts.map +1 -1
  2. package/dist/cjs/components/productCard/commonStyles.js +0 -1
  3. package/dist/cjs/components/productCard/commonStyles.js.map +1 -1
  4. package/dist/cjs/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
  5. package/dist/cjs/components/skeleton/ProductCardSkeleton.js +9 -3
  6. package/dist/cjs/components/skeleton/ProductCardSkeleton.js.map +1 -1
  7. package/dist/esm/components/productCard/commonStyles.d.ts.map +1 -1
  8. package/dist/esm/components/productCard/commonStyles.js +0 -1
  9. package/dist/esm/components/productCard/commonStyles.js.map +1 -1
  10. package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
  11. package/dist/esm/components/skeleton/ProductCardSkeleton.js +9 -3
  12. package/dist/esm/components/skeleton/ProductCardSkeleton.js.map +1 -1
  13. package/package.json +5 -5
  14. package/src/components/productCard/commonStyles.ts +0 -1
  15. package/src/components/skeleton/ProductCardSkeleton.tsx +13 -4
package/dist/cjs/components/productCard/commonStyles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAO7B,CAAC"}
1
+ {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAM7B,CAAC"}
package/dist/cjs/components/productCard/commonStyles.js CHANGED
@@ -7,7 +7,6 @@ exports.cardWrapperStyles = (0, styled_components_1.css) `
7
7
  padding: 0px;
8
8
  isolation: isolate;
9
9
  width: 100%;
10
- min-height: 31.25rem;
11
10
  box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
12
11
  background: ${theme_1.theme.colors.light.white};
13
12
  `;
package/dist/cjs/components/productCard/commonStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAwC;AACxC,uCAAoC;AAEvB,QAAA,iBAAiB,GAAG,IAAA,uBAAG,EAAA;;;;;;gBAMpB,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
1
+ {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAwC;AACxC,uCAAoC;AAEvB,QAAA,iBAAiB,GAAG,IAAA,uBAAG,EAAA;;;;;gBAKpB,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
package/dist/cjs/components/skeleton/ProductCardSkeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AASF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBA6B3D,CAAC"}
1
+ {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAkC3D,CAAC"}
package/dist/cjs/components/skeleton/ProductCardSkeleton.js CHANGED
@@ -16,6 +16,9 @@ const ProductCardImageWrapperStyled = (0, styled_components_1.default)(ProductCa
16
16
  max-height: 210px;
17
17
  min-height: 11.25rem;
18
18
  `;
19
+ const ProductCardTitleWrapperStyled = (0, styled_components_1.default)(ProductCard_styles_1.ProductCardTitleWrapper) `
20
+ margin-bottom: 5px;
21
+ `;
19
22
  const ProductCardSkeleton = (props) => {
20
23
  const { withBottomText } = props;
21
24
  return (react_1.default.createElement(ProductCard_styles_1.ProductCardWrapper, Object.assign({}, props, { "$isHoverDisabled": true }),
@@ -23,11 +26,14 @@ const ProductCardSkeleton = (props) => {
23
26
  react_1.default.createElement(common_1.LoadingBubble, { "$width": "100%", "$height": "340px", "$borderRadius": "0px", "$backgroundColor": theme_1.theme.colors.light.darkGrey })),
24
27
  react_1.default.createElement(ProductCard_styles_1.ProductCardBottom, null,
25
28
  react_1.default.createElement("div", null,
26
- react_1.default.createElement(ProductCard_styles_1.ProductCardTitleWrapper, null,
29
+ react_1.default.createElement(ProductCardTitleWrapperStyled, null,
30
+ react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, null,
31
+ react_1.default.createElement(common_1.LoadingBubble, { "$width": "50%", "$height": "12px" }))),
32
+ react_1.default.createElement(ProductCardTitleWrapperStyled, null,
27
33
  react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, null,
28
- react_1.default.createElement(common_1.LoadingBubble, { "$width": "70%", "$height": "30px" })))),
34
+ react_1.default.createElement(common_1.LoadingBubble, { "$width": "20%", "$height": "8px" })))),
29
35
  withBottomText && (react_1.default.createElement(ProductCard_styles_1.BottomText, null,
30
- react_1.default.createElement(common_1.LoadingBubble, { "$width": "30%", "$height": "15.5px" }))))));
36
+ react_1.default.createElement(common_1.LoadingBubble, { "$width": "15%", "$height": "13px" }))))));
31
37
  };
32
38
  exports.ProductCardSkeleton = ProductCardSkeleton;
33
39
  //# sourceMappingURL=ProductCardSkeleton.js.map
package/dist/cjs/components/skeleton/ProductCardSkeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAoD;AACpD,0EAO2C;AAC3C,uCAAoC;AACpC,qCAAyC;AACzC,0EAAuC;AAMvC,MAAM,6BAA6B,GAAG,IAAA,2BAAM,EAAC,4CAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AACK,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,8BAAC,uCAAkB,oBAAK,KAAK,wBAAoB,IAAI;QACnD,8BAAC,6BAA6B;YAC5B,8BAAC,sBAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,8BAAC,sCAAiB;YAChB;gBACE,8BAAC,4CAAuB;oBACtB,8BAAC,qCAAgB;wBACf,8BAAC,sBAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,8BAAC,+BAAU;gBACT,8BAAC,sBAAa,cAAQ,KAAK,aAAS,QAAQ,GAAG,CACpC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,mBAAmB,uBA6B9B"}
1
+ {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAoD;AACpD,0EAO2C;AAC3C,uCAAoC;AACpC,qCAAyC;AACzC,0EAAuC;AAMvC,MAAM,6BAA6B,GAAG,IAAA,2BAAM,EAAC,4CAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AAEF,MAAM,6BAA6B,GAAG,IAAA,2BAAM,EAAC,4CAAuB,CAAC,CAAA;;CAEpE,CAAC;AACK,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,8BAAC,uCAAkB,oBAAK,KAAK,wBAAoB,IAAI;QACnD,8BAAC,6BAA6B;YAC5B,8BAAC,sBAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,8BAAC,sCAAiB;YAChB;gBACE,8BAAC,6BAA6B;oBAC5B,8BAAC,qCAAgB;wBACf,8BAAC,sBAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACW;gBAChC,8BAAC,6BAA6B;oBAC5B,8BAAC,qCAAgB;wBACf,8BAAC,sBAAa,cAAQ,KAAK,aAAS,KAAK,GAAG,CAC3B,CACW,CAC5B;YACL,cAAc,IAAI,CACjB,8BAAC,+BAAU;gBACT,8BAAC,sBAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAClC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,mBAAmB,uBAkC9B"}
package/dist/esm/components/productCard/commonStyles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAO7B,CAAC"}
1
+ {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAM7B,CAAC"}
package/dist/esm/components/productCard/commonStyles.js CHANGED
@@ -4,7 +4,6 @@ export const cardWrapperStyles = css `
4
4
  padding: 0px;
5
5
  isolation: isolate;
6
6
  width: 100%;
7
- min-height: 31.25rem;
8
7
  box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
9
8
  background: ${theme.colors.light.white};
10
9
  `;
package/dist/esm/components/productCard/commonStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;gBAMpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
1
+ {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;gBAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AASF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBA6B3D,CAAC"}
1
+ {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAkC3D,CAAC"}
package/dist/esm/components/skeleton/ProductCardSkeleton.js CHANGED
@@ -10,6 +10,9 @@ const ProductCardImageWrapperStyled = styled(ProductCardImageWrapper) `
10
10
  max-height: 210px;
11
11
  min-height: 11.25rem;
12
12
  `;
13
+ const ProductCardTitleWrapperStyled = styled(ProductCardTitleWrapper) `
14
+ margin-bottom: 5px;
15
+ `;
13
16
  export const ProductCardSkeleton = (props) => {
14
17
  const { withBottomText } = props;
15
18
  return (React.createElement(ProductCardWrapper, { ...props, "$isHoverDisabled": true },
@@ -17,10 +20,13 @@ export const ProductCardSkeleton = (props) => {
17
20
  React.createElement(LoadingBubble, { "$width": "100%", "$height": "340px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
18
21
  React.createElement(ProductCardBottom, null,
19
22
  React.createElement("div", null,
20
- React.createElement(ProductCardTitleWrapper, null,
23
+ React.createElement(ProductCardTitleWrapperStyled, null,
24
+ React.createElement(ProductCardTitle, null,
25
+ React.createElement(LoadingBubble, { "$width": "50%", "$height": "12px" }))),
26
+ React.createElement(ProductCardTitleWrapperStyled, null,
21
27
  React.createElement(ProductCardTitle, null,
22
- React.createElement(LoadingBubble, { "$width": "70%", "$height": "30px" })))),
28
+ React.createElement(LoadingBubble, { "$width": "20%", "$height": "8px" })))),
23
29
  withBottomText && (React.createElement(BottomText, null,
24
- React.createElement(LoadingBubble, { "$width": "30%", "$height": "15.5px" }))))));
30
+ React.createElement(LoadingBubble, { "$width": "15%", "$height": "13px" }))))));
25
31
  };
26
32
  //# sourceMappingURL=ProductCardSkeleton.js.map
package/dist/esm/components/skeleton/ProductCardSkeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,6BAA6B;YAC5B,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,uBAAuB;oBACtB,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,QAAQ,GAAG,CACpC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;CAEpE,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,6BAA6B;YAC5B,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACW;gBAChC,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,KAAK,GAAG,CAC3B,CACW,CAC5B;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAClC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,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.34.0-alpha.18",
4
+ "version": "0.34.0-alpha.19",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.41.0-alpha.20",
19
- "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.6",
20
- "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.18",
18
+ "@bosonprotocol/core-sdk": "^1.41.0-alpha.21",
19
+ "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.7",
20
+ "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.19",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
23
23
  "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "fb12be2d60504865402c5daf708593a0a4136344"
191
+ "gitHead": "83234a7d2d0da72604a482c44d1eb43ca5c0541b"
192
192
  }
package/src/components/productCard/commonStyles.ts CHANGED
@@ -5,7 +5,6 @@ export const cardWrapperStyles = css`
5
5
  padding: 0px;
6
6
  isolation: isolate;
7
7
  width: 100%;
8
- min-height: 31.25rem;
9
8
  box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
10
9
  background: ${theme.colors.light.white};
11
10
  `;
package/src/components/skeleton/ProductCardSkeleton.tsx CHANGED
@@ -22,6 +22,10 @@ const ProductCardImageWrapperStyled = styled(ProductCardImageWrapper)`
22
22
  max-height: 210px;
23
23
  min-height: 11.25rem;
24
24
  `;
25
+
26
+ const ProductCardTitleWrapperStyled = styled(ProductCardTitleWrapper)`
27
+ margin-bottom: 5px;
28
+ `;
25
29
  export const ProductCardSkeleton = (props: SkeletonCardProps) => {
26
30
  const { withBottomText } = props;
27
31
 
@@ -37,15 +41,20 @@ export const ProductCardSkeleton = (props: SkeletonCardProps) => {
37
41
  </ProductCardImageWrapperStyled>
38
42
  <ProductCardBottom>
39
43
  <div>
40
- <ProductCardTitleWrapper>
44
+ <ProductCardTitleWrapperStyled>
45
+ <ProductCardTitle>
46
+ <LoadingBubble $width="50%" $height="12px" />
47
+ </ProductCardTitle>
48
+ </ProductCardTitleWrapperStyled>
49
+ <ProductCardTitleWrapperStyled>
41
50
  <ProductCardTitle>
42
- <LoadingBubble $width="70%" $height="30px" />
51
+ <LoadingBubble $width="20%" $height="8px" />
43
52
  </ProductCardTitle>
44
- </ProductCardTitleWrapper>
53
+ </ProductCardTitleWrapperStyled>
45
54
  </div>
46
55
  {withBottomText && (
47
56
  <BottomText>
48
- <LoadingBubble $width="30%" $height="15.5px" />
57
+ <LoadingBubble $width="15%" $height="13px" />
49
58
  </BottomText>
50
59
  )}
51
60
  </ProductCardBottom>