react-core-ts 1.3.11 → 1.3.13
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/ReactTextArea.js +23 -19
- package/dist/ReactTextArea.js.map +1 -1
- package/dist/styles/styles/components/autocomplete.css +621 -0
- package/dist/styles/styles/components/selectedautocomplete.css +130 -0
- package/dist/styles/styles/components/tooltip.css +496 -0
- package/dist/styles/styles/components/treedropdown.css +63 -0
- package/dist/styles/styles/global.css +8 -0
- package/docs/App.tsx +1 -6
- package/package.json +1 -1
- package/src/ReactTextArea.tsx +26 -20
package/src/ReactTextArea.tsx
CHANGED
|
@@ -93,9 +93,32 @@ const ModernTextArea: React.FC<TextAreaProps> = ({
|
|
|
93
93
|
' text-grey-dark border-input-light focus:border-blue-navy focus:outline-none focus:ring-0';
|
|
94
94
|
}
|
|
95
95
|
break;
|
|
96
|
+
// case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
97
|
+
// className += ` modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-6 z-1 origin-[0] px-0
|
|
98
|
+
// peer-placeholder-shown:translate-y-0 peer-placeholder-shown:top-[60%] peer-focus:top-2
|
|
99
|
+
// peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
100
|
+
// isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
101
|
+
// } ${
|
|
102
|
+
// !isDisabled || !checkIsEmptyField()
|
|
103
|
+
// ? 'active-input-label-bg'
|
|
104
|
+
// : isDisabled && !checkIsEmptyField()
|
|
105
|
+
// ? 'disabled-input-label-bg'
|
|
106
|
+
// : ''
|
|
107
|
+
// } ${
|
|
108
|
+
// checkIsEmptyField()
|
|
109
|
+
// ? 'modern-input-label-size'
|
|
110
|
+
// : 'modern-input-peer-focus-label-size'
|
|
111
|
+
// }`;
|
|
112
|
+
|
|
113
|
+
// if (errors && errors[name]) {
|
|
114
|
+
// className += ' text-error-light ';
|
|
115
|
+
// } else {
|
|
116
|
+
// className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
117
|
+
// }
|
|
118
|
+
// break;
|
|
96
119
|
case 'label': // changes made for remove bg-white from placeolder is field disable and or with data
|
|
97
|
-
className += ` modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-
|
|
98
|
-
peer-placeholder-shown
|
|
120
|
+
className += ` modern-input-label peer-focus:modern-input-peer-focus-label-size absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0
|
|
121
|
+
peer-placeholder-shown:-translate-y-1/4 peer-placeholder-shown:top-1/4 peer-focus:top-1
|
|
99
122
|
peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
100
123
|
isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
101
124
|
} ${
|
|
@@ -116,24 +139,7 @@ const ModernTextArea: React.FC<TextAreaProps> = ({
|
|
|
116
139
|
className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
117
140
|
}
|
|
118
141
|
break;
|
|
119
|
-
|
|
120
|
-
// className += `modern-input-label peer-focus:modern-input-peer-focus-label-size
|
|
121
|
-
// px-0
|
|
122
|
-
// absolute text-sm duration-300 transform -translate-y-4 top-2 z-1 origin-[0] peer-placeholder-shown:-translate-y-1 peer-placeholder-shown:top-[16px] peer-focus:top-2 peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
123
|
-
// isDisabled
|
|
124
|
-
// ? 'cursor-pointer'
|
|
125
|
-
// : 'cursor-text peer-focus:cursor-pointer'
|
|
126
|
-
// } ${!isDisabled || !checkIsEmptyField() ? 'bg-white' : ''} ${
|
|
127
|
-
// checkIsEmptyField()
|
|
128
|
-
// ? 'modern-input-label-size'
|
|
129
|
-
// : 'modern-input-peer-focus-label-size'
|
|
130
|
-
// } `;
|
|
131
|
-
// if (errors && errors[name]) {
|
|
132
|
-
// className += ' text-error-light ';
|
|
133
|
-
// } else {
|
|
134
|
-
// className += ' text-grey-dark peer-focus:text-blue-navy';
|
|
135
|
-
// }
|
|
136
|
-
// break;
|
|
142
|
+
|
|
137
143
|
case 'message':
|
|
138
144
|
className = ' text-error-icon ';
|
|
139
145
|
break;
|