sprint-asia-custom-component 0.1.84 → 0.1.86

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 +5 -3
  2. package/package.json +1 -1
  3. package/src/components/footer/index.js +44 -76
  4. package/src/components/textinput/index.js +4 -2
  5. package/src/templates/index.js +5 -1
package/dist/index.js CHANGED
@@ -28988,8 +28988,10 @@
28988
28988
  ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
28989
28989
  ${mode === "disable" && "bg-neutral30 border-neutral50"}
28990
28990
  ${mode === "danger" && "bg-danger50 border-danger500 focus:outline-2 outline-danger500"}
28991
- ${leftIcon ? "pl-8" : "pl-3"}
28992
- ${rightIcon ? "pr-8" : "pr-3"}`,
28991
+ ${leftIcon || leftAdornment ? "pl-8" : "pl-3"}
28992
+ ${leftIcon && leftAdornment ? "pl-16" : "pl-3"}
28993
+ ${rightIcon || rightAdornment ? "pr-8" : "pr-3"}
28994
+ ${rightIcon && rightAdornment ? "pr-16" : "pr-3"}`,
28993
28995
  placeholder: placeholder,
28994
28996
  "data-mask": "000.000.000-00",
28995
28997
  disabled: mode === "disable",
@@ -47892,7 +47894,7 @@
47892
47894
  onClickRightButton
47893
47895
  }) => {
47894
47896
  return /*#__PURE__*/React__default["default"].createElement("div", {
47895
- className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white"
47897
+ className: "fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white z-10"
47896
47898
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47897
47899
  className: "flex items-center mr-48"
47898
47900
  }, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
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.84",
4
+ "version": "0.1.86",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/footer/index.js CHANGED
@@ -1,83 +1,51 @@
1
- import React from 'react';
2
- import OutlineButton from '../button/outlinebutton';
3
- import DangerButton from '../button/dangerbutton';
4
- import PrimaryButton from '../button/primarybutton';
1
+ import React from "react";
2
+ import OutlineButton from "../button/outlinebutton";
3
+ import DangerButton from "../button/dangerbutton";
4
+ import PrimaryButton from "../button/primarybutton";
5
5
 
6
- const Footer = ({
7
- titleLeftButton = "Delete",
8
- titleRightButton = "Edit",
9
- isActiveLeftButton,
10
- isActiveRightButton,
11
- isActive,
12
- modeLeftButton = "danger",
13
- modeRightButton = "outline",
14
- onClickLeftButton,
15
- onClickRightButton
6
+ const Footer = ({
7
+ titleLeftButton = "Delete",
8
+ titleRightButton = "Edit",
9
+ isActiveLeftButton,
10
+ isActiveRightButton,
11
+ isActive,
12
+ modeLeftButton = "danger",
13
+ modeRightButton = "outline",
14
+ onClickLeftButton,
15
+ onClickRightButton,
16
16
  }) => {
17
17
  return (
18
- <div className='fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white'>
19
- <div className='flex items-center mr-48'>
20
- {
21
- isActiveLeftButton &&
22
- <div className='m-1'>
23
- {
24
- modeLeftButton == "primary" &&
25
- <PrimaryButton
26
- title={titleLeftButton}
27
- onClick={onClickLeftButton}
28
- isActive={true}
29
- />
30
- }
31
- {
32
- modeLeftButton == "danger" &&
33
- <DangerButton
34
- title={titleLeftButton}
35
- onClick={onClickLeftButton}
36
- isActive={true}
37
- />
38
- }
39
- {
40
- modeLeftButton == "outline" &&
41
- <OutlineButton
42
- title={titleLeftButton}
43
- onClick={onClickLeftButton}
44
- isActive={true}
45
- />
46
- }
47
- </div>
48
- }
49
- {
50
- isActiveRightButton &&
51
- <div className='m-1'>
52
- {
53
- modeRightButton == "primary" &&
54
- <PrimaryButton
55
- title={titleRightButton}
56
- onClick={onClickRightButton}
57
- isActive={isActive}
58
- />
59
- }
60
- {
61
- modeRightButton == "danger" &&
62
- <DangerButton
63
- title={titleRightButton}
64
- onClick={onClickRightButton}
65
- isActive={isActive}
66
- />
67
- }
68
- {
69
- modeRightButton == "outline" &&
70
- <OutlineButton
71
- title={titleRightButton}
72
- onClick={onClickRightButton}
73
- isActive={isActive}
74
- />
75
- }
76
- </div>
77
- }
78
- </div>
18
+ <div className="fixed bottom-0 flex justify-end w-full items-center py-1 px-6 bg-white z-10">
19
+ <div className="flex items-center mr-48">
20
+ {isActiveLeftButton && (
21
+ <div className="m-1">
22
+ {modeLeftButton == "primary" && (
23
+ <PrimaryButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
24
+ )}
25
+ {modeLeftButton == "danger" && (
26
+ <DangerButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
27
+ )}
28
+ {modeLeftButton == "outline" && (
29
+ <OutlineButton title={titleLeftButton} onClick={onClickLeftButton} isActive={true} />
30
+ )}
31
+ </div>
32
+ )}
33
+ {isActiveRightButton && (
34
+ <div className="m-1">
35
+ {modeRightButton == "primary" && (
36
+ <PrimaryButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
37
+ )}
38
+ {modeRightButton == "danger" && (
39
+ <DangerButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
40
+ )}
41
+ {modeRightButton == "outline" && (
42
+ <OutlineButton title={titleRightButton} onClick={onClickRightButton} isActive={isActive} />
43
+ )}
44
+ </div>
45
+ )}
46
+ </div>
79
47
  </div>
80
48
  );
81
49
  };
82
50
 
83
- export default Footer;
51
+ export default Footer;
package/src/components/textinput/index.js CHANGED
@@ -67,8 +67,10 @@ const TextInput = ({
67
67
  ${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
68
68
  ${mode === "disable" && "bg-neutral30 border-neutral50"}
69
69
  ${mode === "danger" && "bg-danger50 border-danger500 focus:outline-2 outline-danger500"}
70
- ${leftIcon ? "pl-8" : "pl-3"}
71
- ${rightIcon ? "pr-8" : "pr-3"}`}
70
+ ${leftIcon || leftAdornment ? "pl-8" : "pl-3"}
71
+ ${leftIcon && leftAdornment ? "pl-16" : "pl-3"}
72
+ ${rightIcon || rightAdornment ? "pr-8" : "pr-3"}
73
+ ${rightIcon && rightAdornment ? "pr-16" : "pr-3"}`}
72
74
  placeholder={placeholder}
73
75
  data-mask="000.000.000-00"
74
76
  disabled={mode === "disable"}
package/src/templates/index.js CHANGED
@@ -1430,8 +1430,12 @@ const Templates = () => {
1430
1430
  leftIcon
1431
1431
  rightIcon
1432
1432
  placeholder="With both icons..."
1433
- value={inputValue}
1433
+ value={
1434
+ "asiodjaoidjaosidjasdjasoidjsaodjoiasjodjasojdoiasjdoiasodiasiodjoasijdiasiodjaoidjaosidjasdjasoidjsaodjoiasjodjasojdoiasjdoiasodiasiodjoasijdiasiodjaoidjaosidjasdjasoidjsaodjoiasjodjasojdoiasjdoiasodiasiodjoasijdi"
1435
+ }
1434
1436
  onChange={setInputValue}
1437
+ leftAdornment={<p>Rp</p>}
1438
+ rightAdornment={<p>Rp</p>}
1435
1439
  />
1436
1440
 
1437
1441
  <TextInput