@xaypay/tui 0.2.22 → 0.2.23
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/index.es.js +7 -1
- package/dist/index.js +7 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -5863,11 +5863,13 @@ const Select = ({
|
|
|
5863
5863
|
labelMarginBottom,
|
|
5864
5864
|
labelTextTransform,
|
|
5865
5865
|
cursor,
|
|
5866
|
+
errorIcon,
|
|
5866
5867
|
errorSize,
|
|
5867
5868
|
errorColor,
|
|
5868
5869
|
errorStyle,
|
|
5869
5870
|
errorFamily,
|
|
5870
5871
|
errorWeight,
|
|
5872
|
+
showErrorIcon,
|
|
5871
5873
|
selectedColor,
|
|
5872
5874
|
selectedRadius,
|
|
5873
5875
|
selectedPadding,
|
|
@@ -6143,15 +6145,17 @@ const Select = ({
|
|
|
6143
6145
|
}))) : null)), errorMessage ? /*#__PURE__*/React__default.createElement("span", {
|
|
6144
6146
|
style: {
|
|
6145
6147
|
position: 'absolute',
|
|
6148
|
+
columnGap: '4px',
|
|
6146
6149
|
color: errorColor ?? configStyles.SELECT.error.color,
|
|
6147
6150
|
fontSize: errorSize ?? configStyles.SELECT.error.font.size,
|
|
6148
6151
|
fontStyle: errorStyle ?? configStyles.SELECT.error.font.style,
|
|
6152
|
+
display: errorIcon && showErrorIcon ? 'inline-flex' : 'inline',
|
|
6149
6153
|
fontFamily: errorFamily ?? configStyles.SELECT.error.font.family,
|
|
6150
6154
|
fontWeight: errorWeight ?? configStyles.SELECT.error.font.weight,
|
|
6151
6155
|
zIndex: errorZindex ?? configStyles.SELECT.error.zIndex,
|
|
6152
6156
|
top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.SELECT.error.marginTop})`
|
|
6153
6157
|
}
|
|
6154
|
-
}, errorMessage) : '');
|
|
6158
|
+
}, showErrorIcon ? errorIcon ? errorIcon : configStyles.SELECT.error?.icon ? configStyles.SELECT.error?.icon : '' : '', errorMessage) : '');
|
|
6155
6159
|
};
|
|
6156
6160
|
Select.propTypes = {
|
|
6157
6161
|
dots: PropTypes.bool,
|
|
@@ -6186,6 +6190,8 @@ Select.propTypes = {
|
|
|
6186
6190
|
cursor: PropTypes.string,
|
|
6187
6191
|
errorSize: PropTypes.string,
|
|
6188
6192
|
errorColor: PropTypes.string,
|
|
6193
|
+
errorIcon: PropTypes.element,
|
|
6194
|
+
showErrorIcon: PropTypes.bool,
|
|
6189
6195
|
selectedColor: PropTypes.string,
|
|
6190
6196
|
selectedRadius: PropTypes.string,
|
|
6191
6197
|
selectedMinHeight: PropTypes.string,
|
package/dist/index.js
CHANGED
|
@@ -5894,11 +5894,13 @@ const Select = ({
|
|
|
5894
5894
|
labelMarginBottom,
|
|
5895
5895
|
labelTextTransform,
|
|
5896
5896
|
cursor,
|
|
5897
|
+
errorIcon,
|
|
5897
5898
|
errorSize,
|
|
5898
5899
|
errorColor,
|
|
5899
5900
|
errorStyle,
|
|
5900
5901
|
errorFamily,
|
|
5901
5902
|
errorWeight,
|
|
5903
|
+
showErrorIcon,
|
|
5902
5904
|
selectedColor,
|
|
5903
5905
|
selectedRadius,
|
|
5904
5906
|
selectedPadding,
|
|
@@ -6174,15 +6176,17 @@ const Select = ({
|
|
|
6174
6176
|
}))) : null)), errorMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
6175
6177
|
style: {
|
|
6176
6178
|
position: 'absolute',
|
|
6179
|
+
columnGap: '4px',
|
|
6177
6180
|
color: errorColor ?? configStyles.SELECT.error.color,
|
|
6178
6181
|
fontSize: errorSize ?? configStyles.SELECT.error.font.size,
|
|
6179
6182
|
fontStyle: errorStyle ?? configStyles.SELECT.error.font.style,
|
|
6183
|
+
display: errorIcon && showErrorIcon ? 'inline-flex' : 'inline',
|
|
6180
6184
|
fontFamily: errorFamily ?? configStyles.SELECT.error.font.family,
|
|
6181
6185
|
fontWeight: errorWeight ?? configStyles.SELECT.error.font.weight,
|
|
6182
6186
|
zIndex: errorZindex ?? configStyles.SELECT.error.zIndex,
|
|
6183
6187
|
top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.SELECT.error.marginTop})`
|
|
6184
6188
|
}
|
|
6185
|
-
}, errorMessage) : '');
|
|
6189
|
+
}, showErrorIcon ? errorIcon ? errorIcon : configStyles.SELECT.error?.icon ? configStyles.SELECT.error?.icon : '' : '', errorMessage) : '');
|
|
6186
6190
|
};
|
|
6187
6191
|
Select.propTypes = {
|
|
6188
6192
|
dots: PropTypes__default["default"].bool,
|
|
@@ -6217,6 +6221,8 @@ Select.propTypes = {
|
|
|
6217
6221
|
cursor: PropTypes__default["default"].string,
|
|
6218
6222
|
errorSize: PropTypes__default["default"].string,
|
|
6219
6223
|
errorColor: PropTypes__default["default"].string,
|
|
6224
|
+
errorIcon: PropTypes__default["default"].element,
|
|
6225
|
+
showErrorIcon: PropTypes__default["default"].bool,
|
|
6220
6226
|
selectedColor: PropTypes__default["default"].string,
|
|
6221
6227
|
selectedRadius: PropTypes__default["default"].string,
|
|
6222
6228
|
selectedMinHeight: PropTypes__default["default"].string,
|