sprint-asia-custom-component 0.1.175 → 0.1.177

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 (19) hide show
  1. package/dist/index.js +19 -19
  2. package/package.json +1 -1
  3. package/src/components/card/index.js +1 -1
  4. package/src/components/cardInfo/index.js +1 -1
  5. package/src/components/dropdown/dropdownCard/index.js +1 -1
  6. package/src/components/dropdown/dropdownChip/index.js +1 -1
  7. package/src/components/dropdown/dropdownText/index.js +2 -2
  8. package/src/components/dropdown/dropdownText2/index.js +1 -1
  9. package/src/components/filter/filterCheckbox/index.js +1 -1
  10. package/src/components/filter/filterCheckboxDropdown/index.js +2 -2
  11. package/src/components/filter/filterDropdown/index.js +2 -2
  12. package/src/components/filter/filterText/index.js +1 -1
  13. package/src/components/modal/modalLoading/index.js +1 -1
  14. package/src/components/modal/modalResult/index.js +1 -1
  15. package/src/components/modal/modalState/index.js +1 -1
  16. package/src/components/searchdropdown/index.js +1 -1
  17. package/src/components/tabLayout/tabBar/index.js +1 -1
  18. package/src/components/textarea/index.js +1 -1
  19. package/src/components/textinput/index.js +1 -1
package/dist/index.js CHANGED
@@ -329,7 +329,7 @@
329
329
  className: `
330
330
  ${mode == "detail" && "border-neutral40 bg-white"}
331
331
  ${mode == "add" && "border-black bg-neutral10"}
332
- w-full py-2.5 px-4 my-0.5 rounded-md border`
332
+ w-full py-2.5 px-3 my-0.5 rounded-md border`
333
333
  }, /*#__PURE__*/React__default["default"].createElement("div", {
334
334
  className: "flex justify-between"
335
335
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -24022,7 +24022,7 @@
24022
24022
  className: "px-1 py-2 max-h-56 overflow-y-auto"
24023
24023
  }, dataDropdown?.length > 0 ? dataDropdown.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
24024
24024
  key: index,
24025
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer",
24025
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
24026
24026
  onClick: () => handleOptionClick(option)
24027
24027
  }, /*#__PURE__*/React__default["default"].createElement("div", {
24028
24028
  className: "flex justify-between"
@@ -24109,7 +24109,7 @@
24109
24109
  className: "px-1 py-2 max-h-40 overflow-y-auto"
24110
24110
  }, options?.length > 0 && options.filter(option => option.toLowerCase().includes(inputValue.toLowerCase()) && !selectedOptions?.includes(option)).map(option => /*#__PURE__*/React__default["default"].createElement("div", {
24111
24111
  key: option,
24112
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer",
24112
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
24113
24113
  onClick: () => handleOptionClick(option)
24114
24114
  }, /*#__PURE__*/React__default["default"].createElement("p", {
24115
24115
  className: "text-sm text-black"
@@ -24198,7 +24198,7 @@
24198
24198
  className: "px-1 py-2 max-h-40 overflow-y-auto"
24199
24199
  }, hasData ? options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
24200
24200
  key: index,
24201
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md",
24201
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md",
24202
24202
  onClick: () => {
24203
24203
  if (option.option !== "Loading...") {
24204
24204
  handleOptionClick(option.option, option.value);
@@ -24207,7 +24207,7 @@
24207
24207
  }, /*#__PURE__*/React__default["default"].createElement("p", {
24208
24208
  className: "text-sm text-black"
24209
24209
  }, option.option))) : /*#__PURE__*/React__default["default"].createElement("div", {
24210
- className: "bg-white py-2.5 px-4 my-0.5 rounded-md"
24210
+ className: "bg-white py-2.5 px-3 my-0.5 rounded-md"
24211
24211
  }, /*#__PURE__*/React__default["default"].createElement("p", {
24212
24212
  className: "text-sm text-neutral500"
24213
24213
  }, "No data")))), footer && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26851,7 +26851,7 @@
26851
26851
  className: "px-1 py-2"
26852
26852
  }, options.map(option => /*#__PURE__*/React__default["default"].createElement("div", {
26853
26853
  key: option,
26854
- className: `hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.includes(option) ? 'bg-primary500' : ''}`,
26854
+ className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.includes(option) ? 'bg-primary500' : ''}`,
26855
26855
  onClick: () => handleOptionClick(option)
26856
26856
  }, /*#__PURE__*/React__default["default"].createElement("input", {
26857
26857
  type: "checkbox",
@@ -26936,10 +26936,10 @@
26936
26936
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26937
26937
  className: "px-1 py-2"
26938
26938
  }, options.length === 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
26939
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md text-sm text-neutral500 text-center"
26939
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md text-sm text-neutral500 text-center"
26940
26940
  }, "No Data") : options.map(val => /*#__PURE__*/React__default["default"].createElement("div", {
26941
26941
  key: val.value,
26942
- className: `hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.some(option => option.value === val.value) ? 'bg-primary500' : ''}`,
26942
+ className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.some(option => option.value === val.value) ? 'bg-primary500' : ''}`,
26943
26943
  onClick: () => handleOptionClick(val.value)
26944
26944
  }, /*#__PURE__*/React__default["default"].createElement("input", {
26945
26945
  type: "checkbox",
@@ -27006,7 +27006,7 @@
27006
27006
  className: "px-1 py-2"
27007
27007
  }, options.map(option => /*#__PURE__*/React__default["default"].createElement("div", {
27008
27008
  key: option,
27009
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md",
27009
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md",
27010
27010
  onClick: () => handleOptionClick(option)
27011
27011
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27012
27012
  className: "text-sm text-black"
@@ -29035,7 +29035,7 @@
29035
29035
  as: React.Fragment
29036
29036
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29037
29037
  as: "div",
29038
- className: "relative z-10",
29038
+ className: "relative z-[1001]",
29039
29039
  initialFocus: cancelButtonRef,
29040
29040
  onClose: () => props.onClose(),
29041
29041
  static: true
@@ -29099,7 +29099,7 @@
29099
29099
  as: React.Fragment
29100
29100
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29101
29101
  as: "div",
29102
- className: "relative z-10",
29102
+ className: "relative z-[1001]",
29103
29103
  initialFocus: cancelButtonRef,
29104
29104
  onClose: () => props.onClose(),
29105
29105
  static: true
@@ -29220,7 +29220,7 @@
29220
29220
  max: maximum !== null && maximum !== undefined && type === "number" ? maximum : undefined,
29221
29221
  type: type === "password" ? showPassword ? "text" : "password" : "text" // number tetap text
29222
29222
  ,
29223
- className: `py-2.5 px-4 w-full font-normal text-sm text-black rounded-md border
29223
+ className: `py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
29224
29224
  ${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
29225
29225
  ${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
29226
29226
  ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
@@ -44475,7 +44475,7 @@
44475
44475
  as: React.Fragment
44476
44476
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
44477
44477
  as: "div",
44478
- className: "fixed inset-0 overflow-y-auto z-50",
44478
+ className: "fixed inset-0 overflow-y-auto z-[1001]",
44479
44479
  initialFocus: cancelButtonRef,
44480
44480
  onClose: () => {},
44481
44481
  static: false
@@ -45174,7 +45174,7 @@
45174
45174
 
45175
45175
  const CardInfo = ({
45176
45176
  title = "Title",
45177
- value = 1000
45177
+ value = 0
45178
45178
  }) => {
45179
45179
  return /*#__PURE__*/React__default["default"].createElement("div", {
45180
45180
  className: "w-full flex items-center h-28 bg-white shadow border border-neutral30 rounded-lg"
@@ -45219,7 +45219,7 @@
45219
45219
  className: `${currentTab === dataValue[index] ? "text-primary500 border-b-2 border-primary500" : "text-neutral300 border-b-2 border-white"} cursor-pointer w-fit mx-1.5`,
45220
45220
  onClick: () => onChangeTabBar(dataValue[index])
45221
45221
  }, /*#__PURE__*/React__default["default"].createElement("p", {
45222
- className: `${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-4 font-medium`
45222
+ className: `${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-3 font-medium`
45223
45223
  }, value))));
45224
45224
  };
45225
45225
 
@@ -47958,7 +47958,7 @@
47958
47958
  className: "px-1 py-2 max-h-48 overflow-y-auto"
47959
47959
  }, options?.length > 0 ? options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
47960
47960
  key: index,
47961
- className: "hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer",
47961
+ className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
47962
47962
  onClick: () => handleClickOption(option)
47963
47963
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47964
47964
  className: "flex justify-between"
@@ -52161,7 +52161,7 @@
52161
52161
  }, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
52162
52162
  key: index
52163
52163
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52164
- className: `hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer justify-between`,
52164
+ className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer justify-between`,
52165
52165
  onClick: () => {
52166
52166
  setShowFilterSubmenu(true);
52167
52167
  setDataSelectionOptionMenu(option.menu);
@@ -52179,7 +52179,7 @@
52179
52179
  className: `ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer max-h-48 overflow-hidden overflow-y-auto ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"} ${index == 4 && "top-48"}`
52180
52180
  }, option.submenu.map((submenu, subIndex) => /*#__PURE__*/React__default["default"].createElement("div", {
52181
52181
  key: subIndex,
52182
- className: "flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-4 my-0.5",
52182
+ className: "flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-3 my-0.5",
52183
52183
  onClick: () => {
52184
52184
  handleOnClickOption(submenu, option.type, option.parameter);
52185
52185
  }
@@ -52948,7 +52948,7 @@
52948
52948
  `
52949
52949
  })), /*#__PURE__*/React__default["default"].createElement("textarea", {
52950
52950
  type: type === "password" ? showPassword ? "text" : "password" : type,
52951
- className: `py-2.5 px-4 w-full font-normal text-sm text-black rounded-md border
52951
+ className: `py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
52952
52952
  ${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
52953
52953
  ${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
52954
52954
  ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
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.175",
4
+ "version": "0.1.177",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/card/index.js CHANGED
@@ -15,7 +15,7 @@ const CardInternalProduct = ({
15
15
  className={`
16
16
  ${mode == "detail" && "border-neutral40 bg-white"}
17
17
  ${mode == "add" && "border-black bg-neutral10"}
18
- w-full py-2.5 px-4 my-0.5 rounded-md border`
18
+ w-full py-2.5 px-3 my-0.5 rounded-md border`
19
19
  }
20
20
  >
21
21
  <div className='flex justify-between'>
package/src/components/cardInfo/index.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react'
2
2
 
3
3
  const CardInfo = ({
4
4
  title = "Title",
5
- value = 1000
5
+ value = 0
6
6
  }) => {
7
7
  return (
8
8
  <div className="w-full flex items-center h-28 bg-white shadow border border-neutral30 rounded-lg">
package/src/components/dropdown/dropdownCard/index.js CHANGED
@@ -92,7 +92,7 @@ const DropdownCard = ({
92
92
  dataDropdown.map((option, index) => (
93
93
  <div
94
94
  key={index}
95
- className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer'
95
+ className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer'
96
96
  onClick={() => handleOptionClick(option)}
97
97
  >
98
98
  <div className='flex justify-between'>
package/src/components/dropdown/dropdownChip/index.js CHANGED
@@ -75,7 +75,7 @@ const DropdownChip = ({
75
75
  .map((option) => (
76
76
  <div
77
77
  key={option}
78
- className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer'
78
+ className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer'
79
79
  onClick={() => handleOptionClick(option)}
80
80
  >
81
81
  <p className='text-sm text-black'>{option}</p>
package/src/components/dropdown/dropdownText/index.js CHANGED
@@ -95,7 +95,7 @@ const DropdownText = ({
95
95
  options.map((option, index) => (
96
96
  <div
97
97
  key={index}
98
- className="hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md"
98
+ className="hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md"
99
99
  onClick={() => {
100
100
  if (option.option !== "Loading...") {
101
101
  handleOptionClick(option.option, option.value);
@@ -106,7 +106,7 @@ const DropdownText = ({
106
106
  </div>
107
107
  ))
108
108
  ) : (
109
- <div className="bg-white py-2.5 px-4 my-0.5 rounded-md">
109
+ <div className="bg-white py-2.5 px-3 my-0.5 rounded-md">
110
110
  <p className="text-sm text-neutral500">No data</p>
111
111
  </div>
112
112
  )}
package/src/components/dropdown/dropdownText2/index.js CHANGED
@@ -78,7 +78,7 @@ const DropdownText2 = ({
78
78
  {options.map((option, index) => (
79
79
  <div
80
80
  key={option}
81
- className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md'
81
+ className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md'
82
82
  onClick={() => {
83
83
  if (option !== "Loading...") {
84
84
  handleOptionClick(option, optionsValue[index])
package/src/components/filter/filterCheckbox/index.js CHANGED
@@ -71,7 +71,7 @@ const FilterCheckbox = ({ options = ["Type", "Company"], onSelect }) => {
71
71
  {options.map((option) => (
72
72
  <div
73
73
  key={option}
74
- className={`hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer ${
74
+ className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${
75
75
  selectedOptions.includes(option) ? 'bg-primary500' : ''
76
76
  }`}
77
77
  onClick={() => handleOptionClick(option)}
package/src/components/filter/filterCheckboxDropdown/index.js CHANGED
@@ -77,14 +77,14 @@ const FilterCheckboxDropdown = ({
77
77
  >
78
78
  <div className='px-1 py-2'>
79
79
  {options.length === 0 ? (
80
- <div className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md text-sm text-neutral500 text-center'>
80
+ <div className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md text-sm text-neutral500 text-center'>
81
81
  No Data
82
82
  </div>
83
83
  ) : (
84
84
  options.map((val) => (
85
85
  <div
86
86
  key={val.value}
87
- className={`hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer ${
87
+ className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${
88
88
  selectedOptions.some(option => option.value === val.value) ? 'bg-primary500' : ''
89
89
  }`}
90
90
  onClick={() => handleOptionClick(val.value)}
package/src/components/filter/filterDropdown/index.js CHANGED
@@ -167,7 +167,7 @@ const FilterDropdown = ({
167
167
  {options.map((option, index) => (
168
168
  <div key={index}>
169
169
  <div
170
- className={`hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md flex items-center cursor-pointer justify-between`}
170
+ className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer justify-between`}
171
171
  onClick={() => {
172
172
  setShowFilterSubmenu(true);
173
173
  setDataSelectionOptionMenu(option.menu);
@@ -193,7 +193,7 @@ const FilterDropdown = ({
193
193
  {option.submenu.map((submenu, subIndex) => (
194
194
  <div
195
195
  key={subIndex}
196
- className="flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-4 my-0.5"
196
+ className="flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-3 my-0.5"
197
197
  onClick={() => {
198
198
  handleOnClickOption(submenu, option.type, option.parameter);
199
199
  }}
package/src/components/filter/filterText/index.js CHANGED
@@ -62,7 +62,7 @@ const FilterText = ({ options = ["Type", "Company"], onSelect }) => {
62
62
  {options.map((option) => (
63
63
  <div
64
64
  key={option}
65
- className='hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md'
65
+ className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md'
66
66
  onClick={() => handleOptionClick(option)}
67
67
  >
68
68
  <p className='text-sm text-black'>{option}</p>
package/src/components/modal/modalLoading/index.js CHANGED
@@ -14,7 +14,7 @@ const ModalLoading = (props) => {
14
14
  <Transition.Root show={props.isOpen} as={Fragment}>
15
15
  <Dialog
16
16
  as="div"
17
- className="relative z-10"
17
+ className="relative z-[1001]"
18
18
  initialFocus={cancelButtonRef}
19
19
  onClose={() => props.onClose()}
20
20
  static={true}
package/src/components/modal/modalResult/index.js CHANGED
@@ -15,7 +15,7 @@ const ModalResult = (props) => {
15
15
  <Transition.Root show={props.isOpen} as={Fragment}>
16
16
  <Dialog
17
17
  as="div"
18
- className="relative z-10"
18
+ className="relative z-[1001]"
19
19
  initialFocus={cancelButtonRef}
20
20
  onClose={() => props.onClose()}
21
21
  static={true}
package/src/components/modal/modalState/index.js CHANGED
@@ -48,7 +48,7 @@ const ModalState = ({
48
48
  <Transition.Root show={isOpen} as={Fragment}>
49
49
  <Dialog
50
50
  as="div"
51
- className="fixed inset-0 overflow-y-auto z-50"
51
+ className="fixed inset-0 overflow-y-auto z-[1001]"
52
52
  initialFocus={cancelButtonRef}
53
53
  onClose={() => {}}
54
54
  static={false}
package/src/components/searchdropdown/index.js CHANGED
@@ -60,7 +60,7 @@ const SearchDropdown = ({
60
60
  options.map((option, index) => (
61
61
  <div
62
62
  key={index}
63
- className="hover:bg-neutral20 bg-white py-2.5 px-4 my-0.5 rounded-md cursor-pointer"
63
+ className="hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer"
64
64
  onClick={() => handleClickOption(option)}
65
65
  >
66
66
  <div className="flex justify-between">
package/src/components/tabLayout/tabBar/index.js CHANGED
@@ -13,7 +13,7 @@ const TabBar = ({
13
13
  <div className='w-full flex bg-white border-b border-neutral40 pt-1.5 px-8'>
14
14
  {dataBar.map((value, index) => (
15
15
  <div key={dataValue[index]} className={`${currentTab === dataValue[index] ? "text-primary500 border-b-2 border-primary500" : "text-neutral300 border-b-2 border-white"} cursor-pointer w-fit mx-1.5`} onClick={() => onChangeTabBar(dataValue[index])}>
16
- <p className={`${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-4 font-medium`}>{value}</p>
16
+ <p className={`${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-3 font-medium`}>{value}</p>
17
17
  </div>
18
18
  ))}
19
19
  </div>
package/src/components/textarea/index.js CHANGED
@@ -54,7 +54,7 @@ const TextArea = ({
54
54
 
55
55
  <textarea
56
56
  type={type === "password" ? (showPassword ? "text" : "password") : type}
57
- className={`py-2.5 px-4 w-full font-normal text-sm text-black rounded-md border
57
+ className={`py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
58
58
  ${
59
59
  !value &&
60
60
  mode === "default" &&
package/src/components/textinput/index.js CHANGED
@@ -99,7 +99,7 @@ const TextInput = ({
99
99
  type={
100
100
  type === "password" ? (showPassword ? "text" : "password") : "text"
101
101
  } // number tetap text
102
- className={`py-2.5 px-4 w-full font-normal text-sm text-black rounded-md border
102
+ className={`py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
103
103
  ${
104
104
  !value &&
105
105
  mode === "default" &&