@fonixtree/magic-design 1.0.192 → 1.0.194

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 (17) hide show
  1. package/es/composite-comp/common/components/ProductItem/index.less +2 -0
  2. package/es/composite-comp/dito/components/FlashDeal/mobile/index.less +0 -3
  3. package/es/composite-comp/dito/components/FlashDeal/pc/ProductItem/index.less +2 -0
  4. package/es/composite-comp/dito/components/FlashDeal/pc/index.js +2 -5
  5. package/es/composite-comp/dito/components/FlashDeal/pc/index.less +6 -6
  6. package/es/locale/en/en.json +2 -0
  7. package/es/locale/es/es.json +2 -0
  8. package/es/locale/id/id.json +2 -0
  9. package/lib/composite-comp/common/components/ProductItem/index.less +2 -0
  10. package/lib/composite-comp/dito/components/FlashDeal/mobile/index.less +0 -3
  11. package/lib/composite-comp/dito/components/FlashDeal/pc/ProductItem/index.less +2 -0
  12. package/lib/composite-comp/dito/components/FlashDeal/pc/index.js +2 -5
  13. package/lib/composite-comp/dito/components/FlashDeal/pc/index.less +6 -6
  14. package/lib/locale/en/en.json +2 -0
  15. package/lib/locale/es/es.json +2 -0
  16. package/lib/locale/id/id.json +2 -0
  17. package/package.json +1 -1
package/es/composite-comp/common/components/ProductItem/index.less CHANGED
@@ -29,6 +29,7 @@
29
29
  .img-wrap {
30
30
  position: relative;
31
31
  overflow: hidden;
32
+ flex-shrink: 0;
32
33
 
33
34
  .product-img {
34
35
  width: 140px;
@@ -39,6 +40,7 @@
39
40
 
40
41
  .content-wrap {
41
42
  padding: 8px;
43
+ flex: 1;
42
44
 
43
45
  .promotions-wrap {
44
46
  display: flex;
package/es/composite-comp/dito/components/FlashDeal/mobile/index.less CHANGED
@@ -104,9 +104,6 @@
104
104
  .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap {
105
105
  flex: 1;
106
106
  }
107
- .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .product-name-wrap {
108
- white-space: nowrap;
109
- }
110
107
  .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap {
111
108
  display: flex;
112
109
  }
package/es/composite-comp/dito/components/FlashDeal/pc/ProductItem/index.less CHANGED
@@ -11,6 +11,7 @@
11
11
  overflow: hidden;
12
12
  border-radius: 16px;
13
13
  border: 1px solid #E0E0E0;
14
+ flex-shrink: 0;
14
15
 
15
16
  .product-img {
16
17
  width: 270px;
@@ -21,6 +22,7 @@
21
22
 
22
23
  .content-wrap {
23
24
  padding: 8px;
25
+ flex: 1;
24
26
 
25
27
  .product-name-wrap {
26
28
  overflow: hidden;
package/es/composite-comp/dito/components/FlashDeal/pc/index.js CHANGED
@@ -497,12 +497,9 @@ function (_super) {
497
497
  }, ((_a = panelProps.title.image) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
498
498
  className: "icon",
499
499
  data: panelProps.title.image
500
- }), !(0, _coreUtil.isPc)() && panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
501
- className: "title",
502
- data: panelProps.title.headline
503
- }), !(0, _coreUtil.isPc)() && isWill && /*#__PURE__*/_react["default"].createElement("span", {
500
+ }), /*#__PURE__*/_react["default"].createElement("span", {
504
501
  className: "sub-title"
505
- }, (0, _locale.i18n)('NEXT')), ((_b = panelProps.title.countDown) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
502
+ }, isWill ? (0, _locale.i18n)('STARTS_IN') : (0, _locale.i18n)('ENDS_IN')), ((_b = panelProps.title.countDown) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
506
503
  effDate: effDate,
507
504
  expDate: expDate,
508
505
  now: now,
package/es/composite-comp/dito/components/FlashDeal/pc/index.less CHANGED
@@ -28,13 +28,13 @@
28
28
  }
29
29
 
30
30
  .sub-title {
31
- font-style: normal;
32
- font-weight: 600;
33
- font-size: 10px;
34
- line-height: 18px;
31
+ font-family: Avenir Next;
32
+ font-weight: 700;
33
+ font-size: 20px;
34
+ line-height: 48px;
35
+ letter-spacing: 0%;
35
36
  color: #2C2C2C;
36
- margin-right: 6px;
37
- align-self: end;
37
+ margin-right: 8px;
38
38
  }
39
39
  }
40
40
 
package/es/locale/en/en.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Flash Sale",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/es/locale/es/es.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Oferta relámpago",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/es/locale/id/id.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Flash Sale",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/lib/composite-comp/common/components/ProductItem/index.less CHANGED
@@ -29,6 +29,7 @@
29
29
  .img-wrap {
30
30
  position: relative;
31
31
  overflow: hidden;
32
+ flex-shrink: 0;
32
33
 
33
34
  .product-img {
34
35
  width: 140px;
@@ -39,6 +40,7 @@
39
40
 
40
41
  .content-wrap {
41
42
  padding: 8px;
43
+ flex: 1;
42
44
 
43
45
  .promotions-wrap {
44
46
  display: flex;
package/lib/composite-comp/dito/components/FlashDeal/mobile/index.less CHANGED
@@ -104,9 +104,6 @@
104
104
  .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap {
105
105
  flex: 1;
106
106
  }
107
- .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .product-name-wrap {
108
- white-space: nowrap;
109
- }
110
107
  .m-flash-deal-mobile .flash-deal-list-horizontal .m-product-item-wrap .content-wrap .price-info-wrap {
111
108
  display: flex;
112
109
  }
package/lib/composite-comp/dito/components/FlashDeal/pc/ProductItem/index.less CHANGED
@@ -11,6 +11,7 @@
11
11
  overflow: hidden;
12
12
  border-radius: 16px;
13
13
  border: 1px solid #E0E0E0;
14
+ flex-shrink: 0;
14
15
 
15
16
  .product-img {
16
17
  width: 270px;
@@ -21,6 +22,7 @@
21
22
 
22
23
  .content-wrap {
23
24
  padding: 8px;
25
+ flex: 1;
24
26
 
25
27
  .product-name-wrap {
26
28
  overflow: hidden;
package/lib/composite-comp/dito/components/FlashDeal/pc/index.js CHANGED
@@ -497,12 +497,9 @@ function (_super) {
497
497
  }, ((_a = panelProps.title.image) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
498
498
  className: "icon",
499
499
  data: panelProps.title.image
500
- }), !(0, _coreUtil.isPc)() && panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
501
- className: "title",
502
- data: panelProps.title.headline
503
- }), !(0, _coreUtil.isPc)() && isWill && /*#__PURE__*/_react["default"].createElement("span", {
500
+ }), /*#__PURE__*/_react["default"].createElement("span", {
504
501
  className: "sub-title"
505
- }, (0, _locale.i18n)('NEXT')), ((_b = panelProps.title.countDown) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
502
+ }, isWill ? (0, _locale.i18n)('STARTS_IN') : (0, _locale.i18n)('ENDS_IN')), ((_b = panelProps.title.countDown) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
506
503
  effDate: effDate,
507
504
  expDate: expDate,
508
505
  now: now,
package/lib/composite-comp/dito/components/FlashDeal/pc/index.less CHANGED
@@ -28,13 +28,13 @@
28
28
  }
29
29
 
30
30
  .sub-title {
31
- font-style: normal;
32
- font-weight: 600;
33
- font-size: 10px;
34
- line-height: 18px;
31
+ font-family: Avenir Next;
32
+ font-weight: 700;
33
+ font-size: 20px;
34
+ line-height: 48px;
35
+ letter-spacing: 0%;
35
36
  color: #2C2C2C;
36
- margin-right: 6px;
37
- align-self: end;
37
+ margin-right: 8px;
38
38
  }
39
39
  }
40
40
 
package/lib/locale/en/en.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Flash Sale",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/lib/locale/es/es.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Oferta relámpago",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/lib/locale/id/id.json CHANGED
@@ -1,4 +1,6 @@
1
1
  {
2
+ "ENDS_IN": "Ends in",
3
+ "STARTS_IN": "Starts in",
2
4
  "ICON_COLOR": "Icon Color",
3
5
  "FLASH_SALE": "Flash Sale",
4
6
  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.192",
4
+ "version": "1.0.194",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",