@npm_leadtech/legal-lib-components 7.106.33 → 7.106.35

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 (11) hide show
  1. package/dist/src/components/atoms/Checkbox/Checkbox.styled.js +24 -21
  2. package/dist/src/components/atoms/Checkbox/Checkbox.styled.ts +24 -21
  3. package/dist/src/components/molecules/TextInput/Input.d.ts +0 -2
  4. package/dist/src/components/molecules/TextInput/Input.js +2 -2
  5. package/dist/src/components/molecules/TextInput/Input.tsx +1 -5
  6. package/dist/src/components/molecules/TextInput/TextInput.js +3 -3
  7. package/dist/src/components/molecules/TextInput/TextInput.tsx +1 -4
  8. package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts +0 -2
  9. package/dist/src/components/molecules/TextInput/TextInputProps.types.ts +0 -3
  10. package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx +0 -11
  11. package/package.json +1 -1
package/dist/src/components/atoms/Checkbox/Checkbox.styled.js CHANGED
@@ -1,4 +1,4 @@
1
- // import { device, size } from '../../../globalStyles/breakpoints'
1
+ import { device } from '../../../globalStyles/breakpoints';
2
2
  import styled from 'styled-components';
3
3
  export const CheckboxStyled = styled.div `
4
4
  display: flex;
@@ -28,11 +28,15 @@ export const CheckboxStyled = styled.div `
28
28
  font-size: 1rem;
29
29
  font-weight: normal;
30
30
  display: flex;
31
+ align-items: center;
31
32
  position: relative;
32
- padding-top: 0;
33
- top: 35%;
34
- padding-left: 1.5rem;
35
- margin-right: 1.5rem;
33
+ width: 100%;
34
+ padding: 0.5rem 0 0.5rem 1rem;
35
+ margin-right: 0;
36
+
37
+ @media ${device.mobile} {
38
+ min-height: 2.75rem;
39
+ }
36
40
 
37
41
  span {
38
42
  margin-left: 0.5rem;
@@ -41,33 +45,34 @@ export const CheckboxStyled = styled.div `
41
45
  &:before {
42
46
  content: '';
43
47
  background-color: var(--others-white);
44
- border: 1px solid var(--neutral-main);
45
- left: 1px;
48
+ border: 1px solid var(--neutral-neutral-1);
49
+ left: 0;
46
50
  position: absolute;
47
- top: 0;
48
- height: 1.5rem;
49
- width: 1.5rem;
51
+ top: 50%;
52
+ margin-top: -0.5rem;
53
+ height: 1rem;
54
+ width: 1rem;
50
55
  border-radius: var(--s-border-radius);
51
56
  }
52
57
 
53
58
  &:after {
54
59
  background-color: currentColor;
55
60
  content: '';
56
- padding: 0 0.5em;
57
- margin: 0 0.125rem;
58
61
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
59
62
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
60
63
  -webkit-mask-repeat: no-repeat;
61
64
  mask-repeat: no-repeat;
62
65
  -webkit-mask-position: center;
63
66
  mask-position: center;
64
- clip-path: padding-box inset(0.28125em 0);
67
+ -webkit-mask-size: 1rem 1rem;
68
+ mask-size: 1rem 1rem;
65
69
  position: absolute;
66
- width: 20px;
67
- height: 20px;
68
- left: 0.09rem;
69
- top: 2px;
70
- color: var(--primary-main);
70
+ width: 1rem;
71
+ height: 1rem;
72
+ left: 0;
73
+ top: 50%;
74
+ margin-top: -0.5rem;
75
+ color: var(--primary-main-light-1);
71
76
  }
72
77
  }
73
78
 
@@ -76,8 +81,6 @@ export const CheckboxStyled = styled.div `
76
81
  &:after {
77
82
  opacity: 0;
78
83
  transform: scale(0);
79
- top: 3px;
80
- left: 0.25rem;
81
84
  }
82
85
 
83
86
  &:hover {
@@ -97,7 +100,7 @@ export const CheckboxStyled = styled.div `
97
100
 
98
101
  &:before {
99
102
  background-color: var(--primary-main-light-5);
100
- border: 1.5px solid var(--primary-main);
103
+ border: 1px solid var(--primary-main-light-1);
101
104
  border-radius: var(--s-border-radius);
102
105
  }
103
106
  }
package/dist/src/components/atoms/Checkbox/Checkbox.styled.ts CHANGED
@@ -1,4 +1,4 @@
1
- // import { device, size } from '../../../globalStyles/breakpoints'
1
+ import { device } from '../../../globalStyles/breakpoints'
2
2
  import styled from 'styled-components'
3
3
 
4
4
  export const CheckboxStyled = styled.div`
@@ -29,11 +29,15 @@ export const CheckboxStyled = styled.div`
29
29
  font-size: 1rem;
30
30
  font-weight: normal;
31
31
  display: flex;
32
+ align-items: center;
32
33
  position: relative;
33
- padding-top: 0;
34
- top: 35%;
35
- padding-left: 1.5rem;
36
- margin-right: 1.5rem;
34
+ width: 100%;
35
+ padding: 0.5rem 0 0.5rem 1rem;
36
+ margin-right: 0;
37
+
38
+ @media ${device.mobile} {
39
+ min-height: 2.75rem;
40
+ }
37
41
 
38
42
  span {
39
43
  margin-left: 0.5rem;
@@ -42,33 +46,34 @@ export const CheckboxStyled = styled.div`
42
46
  &:before {
43
47
  content: '';
44
48
  background-color: var(--others-white);
45
- border: 1px solid var(--neutral-main);
46
- left: 1px;
49
+ border: 1px solid var(--neutral-neutral-1);
50
+ left: 0;
47
51
  position: absolute;
48
- top: 0;
49
- height: 1.5rem;
50
- width: 1.5rem;
52
+ top: 50%;
53
+ margin-top: -0.5rem;
54
+ height: 1rem;
55
+ width: 1rem;
51
56
  border-radius: var(--s-border-radius);
52
57
  }
53
58
 
54
59
  &:after {
55
60
  background-color: currentColor;
56
61
  content: '';
57
- padding: 0 0.5em;
58
- margin: 0 0.125rem;
59
62
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
60
63
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5BNzI2QkEzMC0zMDVGLTQ2OEQtQURCMi1FMzU3ODVCQjFFQjlfb3V0bGluZWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSI1Ljg2NjY2Njc4IDEwLjU5OTk5OTkgMy4wNjY2NjY3MiA3LjgwMDAwMDAxIDIuMTMzMzMzMzcgOC43MzMzMzMzMSA1Ljg2NjY2Njc4IDEyLjQ2NjY2NjUgMTMuODY2NjY3IDQuNDY2NjY2NzcgMTIuOTMzMzMzNiAzLjUzMzMzMzQ2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24vZG9uZV8yNHB4Ij4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8ZyBpZD0iaWNvbi9hY3Rpb24vZG9uZV8yNHB4IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvZz4KICAgICAgICAgICAgPGcgaWQ9IuKGsy1Db2xvci1Db2xvci0vLUljb25zLS8tTmV1dHJhbHMtLy1XaGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMDU2NDZFIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
61
64
  -webkit-mask-repeat: no-repeat;
62
65
  mask-repeat: no-repeat;
63
66
  -webkit-mask-position: center;
64
67
  mask-position: center;
65
- clip-path: padding-box inset(0.28125em 0);
68
+ -webkit-mask-size: 1rem 1rem;
69
+ mask-size: 1rem 1rem;
66
70
  position: absolute;
67
- width: 20px;
68
- height: 20px;
69
- left: 0.09rem;
70
- top: 2px;
71
- color: var(--primary-main);
71
+ width: 1rem;
72
+ height: 1rem;
73
+ left: 0;
74
+ top: 50%;
75
+ margin-top: -0.5rem;
76
+ color: var(--primary-main-light-1);
72
77
  }
73
78
  }
74
79
 
@@ -77,8 +82,6 @@ export const CheckboxStyled = styled.div`
77
82
  &:after {
78
83
  opacity: 0;
79
84
  transform: scale(0);
80
- top: 3px;
81
- left: 0.25rem;
82
85
  }
83
86
 
84
87
  &:hover {
@@ -98,7 +101,7 @@ export const CheckboxStyled = styled.div`
98
101
 
99
102
  &:before {
100
103
  background-color: var(--primary-main-light-5);
101
- border: 1.5px solid var(--primary-main);
104
+ border: 1px solid var(--primary-main-light-1);
102
105
  border-radius: var(--s-border-radius);
103
106
  }
104
107
  }
package/dist/src/components/molecules/TextInput/Input.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import { type EnterKeyHint } from './TextInputProps.types';
3
2
  interface InputProps {
4
3
  name: string;
5
4
  placeholder: string;
@@ -16,7 +15,6 @@ interface InputProps {
16
15
  onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void;
17
16
  country: string;
18
17
  currencySymbol?: string;
19
- enterKeyHint?: EnterKeyHint;
20
18
  }
21
19
  export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
22
20
  export {};
package/dist/src/components/molecules/TextInput/Input.js CHANGED
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
3
3
  import eyeCloseIcon from '../../../../images/svg/eye-close.svg';
4
4
  import eyeIcon from '../../../../images/svg/eye-24-px.svg';
5
5
  import percent from '../../../../images/svg/percent.svg';
6
- export const Input = React.forwardRef(({ value, name, placeholder, className, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, country, prefix, currencySymbol, enterKeyHint }, ref) => {
6
+ export const Input = React.forwardRef(({ value, name, placeholder, className, onChange, onClick, onBlur, onKeyDown, onKeyUp, disabled, type = 'text', maxLength, country, prefix, currencySymbol }, ref) => {
7
7
  const isShortInput = Boolean(maxLength && maxLength <= 5);
8
8
  const [hidden, setHidden] = useState(true);
9
9
  const showPassword = () => {
@@ -24,7 +24,7 @@ export const Input = React.forwardRef(({ value, name, placeholder, className, on
24
24
  else if (isPercent) {
25
25
  finalClassName += ' has-percent-suffix';
26
26
  }
27
- return (_jsxs(_Fragment, { children: [isCurrency && !!prefix && otherCurrency && currencySymbol && (_jsx("div", { className: 'input-icon-currency-prefix', children: _jsx("span", { children: currencySymbol }) })), _jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: `${finalClassName} ${isShortInput ? 'e-text-input__short' : ''}`, maxLength: maxLength, placeholder: placeholder, onChange: onChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: value, "data-qa": name, disabled: disabled, enterKeyHint: enterKeyHint, ref: ref }), type === 'password' && (_jsx("button", { type: 'button', className: 'input-icon-password-button', onClick: showPassword, onKeyDown: (e) => {
27
+ return (_jsxs(_Fragment, { children: [isCurrency && !!prefix && otherCurrency && currencySymbol && (_jsx("div", { className: 'input-icon-currency-prefix', children: _jsx("span", { children: currencySymbol }) })), _jsx("input", { type: !hidden && type === 'password' ? 'text' : type, name: name, id: name, className: `${finalClassName} ${isShortInput ? 'e-text-input__short' : ''}`, maxLength: maxLength, placeholder: placeholder, onChange: onChange, onClick: onClick, onKeyDown: onKeyDown, onKeyUp: onKeyUp, onBlur: onBlur, value: value, "data-qa": name, disabled: disabled, ref: ref }), type === 'password' && (_jsx("button", { type: 'button', className: 'input-icon-password-button', onClick: showPassword, onKeyDown: (e) => {
28
28
  if (e.key === 'Enter')
29
29
  showPassword();
30
30
  }, children: _jsx("img", { src: hidden ? eyeIcon : eyeCloseIcon, alt: '' }) })), isCurrency
package/dist/src/components/molecules/TextInput/Input.tsx CHANGED
@@ -3,7 +3,6 @@ import React, { useState } from 'react'
3
3
  import eyeCloseIcon from '../../../../images/svg/eye-close.svg'
4
4
  import eyeIcon from '../../../../images/svg/eye-24-px.svg'
5
5
  import percent from '../../../../images/svg/percent.svg'
6
- import { type EnterKeyHint } from './TextInputProps.types'
7
6
 
8
7
  interface InputProps {
9
8
  name: string
@@ -21,7 +20,6 @@ interface InputProps {
21
20
  onKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void
22
21
  country: string
23
22
  currencySymbol?: string
24
- enterKeyHint?: EnterKeyHint
25
23
  }
26
24
 
27
25
  export const Input = React.forwardRef<HTMLInputElement, InputProps>(
@@ -41,8 +39,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
41
39
  maxLength,
42
40
  country,
43
41
  prefix,
44
- currencySymbol,
45
- enterKeyHint
42
+ currencySymbol
46
43
  }: InputProps,
47
44
  ref
48
45
  ) => {
@@ -90,7 +87,6 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
90
87
  value={value}
91
88
  data-qa={name}
92
89
  disabled={disabled}
93
- enterKeyHint={enterKeyHint}
94
90
  ref={ref}
95
91
  />
96
92
  {type === 'password' && (
package/dist/src/components/molecules/TextInput/TextInput.js CHANGED
@@ -6,7 +6,7 @@ import { Input } from './Input';
6
6
  import { TextInputLabel } from './TextInputLabel';
7
7
  import { TextInputMessage } from './TextInputMessage';
8
8
  import { TextInputTooltip } from './TextInputTooltip';
9
- const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, prefix = '', disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children, country, currencySymbol, enterKeyHint }, ref) => {
9
+ const TextInput = React.forwardRef(({ label, value, validate = true, isValidGroup = true, format = undefined, name, placeholder, onChange, onClick, onBlur, onKeyDown, onKeyUp, prefix = '', disabled, type = 'text', maxLength, errorMessage = '', notes, dialogMenuTip, tooltip = '', givenClass = '', children, country, currencySymbol }, ref) => {
10
10
  const classnames = classNames('e-text', {
11
11
  [givenClass]: givenClass,
12
12
  'e-text--is-invalid': !validate,
@@ -24,9 +24,9 @@ const TextInput = React.forwardRef(({ label, value, validate = true, isValidGrou
24
24
  };
25
25
  const renderInput = () => {
26
26
  if (Boolean(format) && type !== 'number' && type !== 'tel') {
27
- return (_jsx(NumericFormat, { name: name, id: name, placeholder: placeholder, className: 'e-text-input', onChange: onChange, onClick: onClick, value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur, enterKeyHint: enterKeyHint }));
27
+ return (_jsx(NumericFormat, { name: name, id: name, placeholder: placeholder, className: 'e-text-input', onChange: onChange, onClick: onClick, value: value, "data-qa": name, disabled: disabled, maxLength: maxLength, onBlur: onBlur }));
28
28
  }
29
- return (_jsx(Input, { name: name ?? '', type: type, prefix: prefix, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, country: country, currencySymbol: currencySymbol, enterKeyHint: enterKeyHint }));
29
+ return (_jsx(Input, { name: name ?? '', type: type, prefix: prefix, placeholder: placeholder ?? '', className: 'e-text-input', onChange: handleChange, onClick: onClick ?? (() => { }), value: value, "data-qa": name, disabled: disabled ?? false, maxLength: maxLength, onBlur: onBlur ?? (() => { }), ref: ref, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, country: country, currencySymbol: currencySymbol }));
30
30
  };
31
31
  return (_jsxs("div", { className: classnames, children: [Boolean(children) && _jsx("div", { className: 'e-text__children', children: children }), _jsx(TextInputTooltip, { tooltip: tooltip }), _jsx(TextInputMessage, { errorMessage: errorMessage, validate: validate }), renderInput(), _jsx(TextInputLabel, { label: label, htmlFor: name, notes: notes, dialogMenuTip: dialogMenuTip })] }));
32
32
  });
package/dist/src/components/molecules/TextInput/TextInput.tsx CHANGED
@@ -34,8 +34,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
34
34
  givenClass = '',
35
35
  children,
36
36
  country,
37
- currencySymbol,
38
- enterKeyHint
37
+ currencySymbol
39
38
  }: TextInputProps,
40
39
  ref
41
40
  ) => {
@@ -73,7 +72,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
73
72
  disabled={disabled}
74
73
  maxLength={maxLength}
75
74
  onBlur={onBlur}
76
- enterKeyHint={enterKeyHint}
77
75
  />
78
76
  )
79
77
  }
@@ -97,7 +95,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
97
95
  onKeyUp={handleKeyUp}
98
96
  country={country}
99
97
  currencySymbol={currencySymbol}
100
- enterKeyHint={enterKeyHint}
101
98
  />
102
99
  )
103
100
  }
package/dist/src/components/molecules/TextInput/TextInputProps.types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
2
1
  export interface TextInputProps {
3
2
  label?: string;
4
3
  name?: string;
@@ -25,5 +24,4 @@ export interface TextInputProps {
25
24
  children?: React.ReactNode;
26
25
  country: string;
27
26
  currencySymbol?: string;
28
- enterKeyHint?: EnterKeyHint;
29
27
  }
package/dist/src/components/molecules/TextInput/TextInputProps.types.ts CHANGED
@@ -1,6 +1,4 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
- export type EnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
3
-
4
2
  export interface TextInputProps {
5
3
  label?: string
6
4
  name?: string
@@ -27,5 +25,4 @@ export interface TextInputProps {
27
25
  children?: React.ReactNode
28
26
  country: string
29
27
  currencySymbol?: string
30
- enterKeyHint?: EnterKeyHint
31
28
  }
package/dist/src/components/molecules/TextInput/stories/TextInput.stories.tsx CHANGED
@@ -189,14 +189,3 @@ export const SmallMaxLength: Story = {
189
189
  maxLength: 5
190
190
  }
191
191
  }
192
-
193
- export const WithEnterKeyHint: Story = {
194
- args: {
195
- value: '',
196
- name: 'first_name',
197
- placeholder: 'First name',
198
- label: 'First name',
199
- type: 'text',
200
- enterKeyHint: 'next'
201
- }
202
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.106.33",
3
+ "version": "7.106.35",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",