sprint-asia-custom-component 0.1.14 → 0.1.15

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 (5) hide show
  1. package/dist/index.js +34 -10
  2. package/package.json +1 -1
  3. package/src/components/description/index.js +6 -2
  4. package/src/components/modal/modalState/index.js +1 -1
  5. package/src/components/table/listTable/cellmodelone/index.js +40 -12
package/dist/index.js CHANGED
@@ -23768,7 +23768,8 @@
23768
23768
 
23769
23769
  const Description = ({
23770
23770
  title = "Title",
23771
- value = "Description"
23771
+ value = "Description",
23772
+ textColor = "default"
23772
23773
  }) => {
23773
23774
  return /*#__PURE__*/React__default["default"].createElement("div", {
23774
23775
  className: "w-full"
@@ -23777,7 +23778,10 @@
23777
23778
  }, title), /*#__PURE__*/React__default["default"].createElement("div", {
23778
23779
  className: "py-1"
23779
23780
  }, /*#__PURE__*/React__default["default"].createElement("p", {
23780
- className: "text-black font-medium text-base"
23781
+ className: `
23782
+ ${textColor == "default" && "text-black"}
23783
+ ${textColor == "success" && "text-success500"}
23784
+ "font-medium text-medium"`
23781
23785
  }, value)));
23782
23786
  };
23783
23787
 
@@ -44069,7 +44073,7 @@
44069
44073
  className: "cursor-pointer text-xl",
44070
44074
  onClick: onClose
44071
44075
  }, "x")), /*#__PURE__*/React__default["default"].createElement("div", {
44072
- className: "border-y border-neutral30 py-6"
44076
+ className: "border-t border-b border-neutral30 py-6"
44073
44077
  }, /*#__PURE__*/React__default["default"].createElement("p", {
44074
44078
  className: "font-normal text-lg text-neutral500 px-6"
44075
44079
  }, subtitle), addition == "textarea" && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -46398,14 +46402,14 @@
46398
46402
  break;
46399
46403
  }
46400
46404
  return /*#__PURE__*/React__default["default"].createElement("tr", {
46401
- className: `bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`,
46405
+ className: `bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`
46406
+ }, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46407
+ className: "flex items-center",
46402
46408
  onClick: () => {
46403
46409
  if (onClickBody != undefined) {
46404
46410
  onClickBody();
46405
46411
  }
46406
46412
  }
46407
- }, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46408
- className: "flex items-center"
46409
46413
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46410
46414
  className: "py-3.5 px-4"
46411
46415
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -46417,7 +46421,12 @@
46417
46421
  }, Column_One_C), /*#__PURE__*/React__default["default"].createElement("p", {
46418
46422
  className: "font-normal text-neutral300 text-sm"
46419
46423
  }, Column_One_D)))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46420
- className: "flex items-center"
46424
+ className: "flex items-center",
46425
+ onClick: () => {
46426
+ if (onClickBody != undefined) {
46427
+ onClickBody();
46428
+ }
46429
+ }
46421
46430
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46422
46431
  className: "py-3.5 px-4"
46423
46432
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -46433,7 +46442,12 @@
46433
46442
  }, /*#__PURE__*/React__default["default"].createElement("p", {
46434
46443
  className: "font-normal text-neutral500 text-sm"
46435
46444
  }, "\xA0"))))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46436
- className: "flex items-center"
46445
+ className: "flex items-center",
46446
+ onClick: () => {
46447
+ if (onClickBody != undefined) {
46448
+ onClickBody();
46449
+ }
46450
+ }
46437
46451
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46438
46452
  className: "py-3.5 px-4"
46439
46453
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -46451,7 +46465,12 @@
46451
46465
  }, /*#__PURE__*/React__default["default"].createElement("p", {
46452
46466
  className: "font-normal text-neutral500 text-sm"
46453
46467
  }, "\xA0"))))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46454
- className: "flex items-center"
46468
+ className: "flex items-center",
46469
+ onClick: () => {
46470
+ if (onClickBody != undefined) {
46471
+ onClickBody();
46472
+ }
46473
+ }
46455
46474
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46456
46475
  className: "py-3.5 px-4"
46457
46476
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -46469,7 +46488,12 @@
46469
46488
  }, /*#__PURE__*/React__default["default"].createElement("p", {
46470
46489
  className: "font-normal text-neutral500 text-sm"
46471
46490
  }, "\xA0"))))), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", {
46472
- className: "flex items-center"
46491
+ className: "flex items-center",
46492
+ onClick: () => {
46493
+ if (onClickBody != undefined) {
46494
+ onClickBody();
46495
+ }
46496
+ }
46473
46497
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46474
46498
  className: "py-3.5 px-4"
46475
46499
  }, /*#__PURE__*/React__default["default"].createElement(Chip, {
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.14",
4
+ "version": "0.1.15",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/description/index.js CHANGED
@@ -2,13 +2,17 @@ import React from 'react';
2
2
 
3
3
  const Description = ({
4
4
  title = "Title",
5
- value = "Description"
5
+ value = "Description",
6
+ textColor = "default",
6
7
  }) => {
7
8
  return (
8
9
  <div className='w-full'>
9
10
  {title && <p className="text-sm font-normal text-black mb-1">{title}</p>}
10
11
  <div className='py-1'>
11
- <p className='text-black font-medium text-base'>{value}</p>
12
+ <p className={`
13
+ ${textColor == "default" && "text-black"}
14
+ ${textColor == "success" && "text-success500"}
15
+ "font-medium text-medium"`}>{value}</p>
12
16
  </div>
13
17
  </div>
14
18
  );
package/src/components/modal/modalState/index.js CHANGED
@@ -76,7 +76,7 @@ const ModalState = ({
76
76
  x
77
77
  </p>
78
78
  </div>
79
- <div className="border-y border-neutral30 py-6">
79
+ <div className="border-t border-b border-neutral30 py-6">
80
80
  <p className="font-normal text-lg text-neutral500 px-6">{subtitle}</p>
81
81
  {
82
82
  addition == "textarea" &&
package/src/components/table/listTable/cellmodelone/index.js CHANGED
@@ -36,16 +36,16 @@ const CellModelOne = ({
36
36
  return (
37
37
  <tr
38
38
  className={`bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`}
39
- onClick={
40
- () => {
41
- if (onClickBody != undefined) {
42
- onClickBody()
43
- }
44
- }
45
- }
46
39
  >
47
40
  <td>
48
- <div className='flex items-center'>
41
+ <div className='flex items-center'
42
+ onClick={
43
+ () => {
44
+ if (onClickBody != undefined) {
45
+ onClickBody()
46
+ }
47
+ }
48
+ }>
49
49
  <div className= "py-3.5 px-4">
50
50
  <p className='font-semibold text-black text-sm'>{Column_One_A}</p>
51
51
  <p className='font-normal text-neutral300 text-sm'>{Column_One_B}</p>
@@ -55,7 +55,14 @@ const CellModelOne = ({
55
55
  </div>
56
56
  </td>
57
57
  <td>
58
- <div className='flex items-center'>
58
+ <div className='flex items-center'
59
+ onClick={
60
+ () => {
61
+ if (onClickBody != undefined) {
62
+ onClickBody()
63
+ }
64
+ }
65
+ }>
59
66
  <div className= "py-3.5 px-4">
60
67
  <p className='font-semibold text-black text-sm'>{Column_Two_A}</p>
61
68
  <p className='font-normal text-neutral300 text-sm'>{Column_Two_B}</p>
@@ -69,7 +76,14 @@ const CellModelOne = ({
69
76
  </div>
70
77
  </td>
71
78
  <td>
72
- <div className='flex items-center'>
79
+ <div className='flex items-center'
80
+ onClick={
81
+ () => {
82
+ if (onClickBody != undefined) {
83
+ onClickBody()
84
+ }
85
+ }
86
+ }>
73
87
  <div className= "py-3.5 px-4">
74
88
  <p className='font-normal text-black text-sm'>{Column_Three_A}</p>
75
89
  <div className='flex items-center pt-1'>
@@ -85,7 +99,14 @@ const CellModelOne = ({
85
99
  </div>
86
100
  </td>
87
101
  <td>
88
- <div className='flex items-center'>
102
+ <div className='flex items-center'
103
+ onClick={
104
+ () => {
105
+ if (onClickBody != undefined) {
106
+ onClickBody()
107
+ }
108
+ }
109
+ }>
89
110
  <div className= "py-3.5 px-4">
90
111
  <p className='font-normal text-black text-sm'>{Column_Four_A}</p>
91
112
  <div className='flex items-center pt-1'>
@@ -101,7 +122,14 @@ const CellModelOne = ({
101
122
  </div>
102
123
  </td>
103
124
  <td>
104
- <div className='flex items-center'>
125
+ <div className='flex items-center'
126
+ onClick={
127
+ () => {
128
+ if (onClickBody != undefined) {
129
+ onClickBody()
130
+ }
131
+ }
132
+ }>
105
133
  <div className= "py-3.5 px-4">
106
134
  <Chip
107
135
  type={chipType}