sprint-asia-custom-component 0.1.102 → 0.1.104

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/index.js CHANGED
@@ -23866,7 +23866,7 @@
23866
23866
  }, title && /*#__PURE__*/React__default["default"].createElement("p", {
23867
23867
  className: "text-sm font-normal text-black mb-1"
23868
23868
  }, title), value && /*#__PURE__*/React__default["default"].createElement("div", {
23869
- className: "py-1"
23869
+ className: "py-1 whitespace-pre-line"
23870
23870
  }, /*#__PURE__*/React__default["default"].createElement("p", {
23871
23871
  className: `
23872
23872
  ${textColor == "default" && "text-black font-semibold text-base"}
@@ -23882,11 +23882,11 @@
23882
23882
  }, linkSubtitle)), image && (typeof image === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
23883
23883
  src: image,
23884
23884
  alt: "voucher-img",
23885
- className: "w-52 h-52 object-cover rounded-lg mt-1"
23885
+ className: "w-52 h-52 object-contain rounded-lg mt-1"
23886
23886
  }) : /*#__PURE__*/React__default["default"].createElement("img", {
23887
23887
  src: URL.createObjectURL(image),
23888
23888
  alt: "voucher-img",
23889
- className: "w-52 h-52 object-cover rounded-lg mt-1"
23889
+ className: "w-52 h-52 object-contain rounded-lg mt-1"
23890
23890
  })));
23891
23891
  };
23892
23892
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.102",
4
+ "version": "0.1.104",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
@@ -5,7 +5,7 @@ const Description = ({ title, value, textColor = "default", subtitle, linkSubtit
5
5
  <div className="w-full">
6
6
  {title && <p className="text-sm font-normal text-black mb-1">{title}</p>}
7
7
  {value && (
8
- <div className="py-1">
8
+ <div className="py-1 whitespace-pre-line">
9
9
  <p
10
10
  className={`
11
11
  ${textColor == "default" && "text-black font-semibold text-base"}
@@ -29,9 +29,13 @@ const Description = ({ title, value, textColor = "default", subtitle, linkSubtit
29
29
 
30
30
  {image &&
31
31
  (typeof image === "string" ? (
32
- <img src={image} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
32
+ <img src={image} alt="voucher-img" className="w-52 h-52 object-contain rounded-lg mt-1" />
33
33
  ) : (
34
- <img src={URL.createObjectURL(image)} alt="voucher-img" className="w-52 h-52 object-cover rounded-lg mt-1" />
34
+ <img
35
+ src={URL.createObjectURL(image)}
36
+ alt="voucher-img"
37
+ className="w-52 h-52 object-contain rounded-lg mt-1"
38
+ />
35
39
  ))}
36
40
  </div>
37
41
  );
@@ -1072,8 +1072,8 @@ const Templates = () => {
1072
1072
  <p className="text-black font-bold text-2xl text-center py-2">Description</p>
1073
1073
  <Description
1074
1074
  title="Sample Title"
1075
- // value="This is a sample description."
1076
- image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
1075
+ value={"This is a sample description.\n HHEHEEH \n LOh"}
1076
+ // image="https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/jawapos/2022/09/one-piece-red.jpeg"
1077
1077
  />
1078
1078
 
1079
1079
  <div className="m-9"></div>