@designbasekorea/ui 0.2.34 → 0.2.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.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +1 -1
- package/dist/index.umd.css.map +1 -1
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -4011,7 +4011,7 @@ ModalHeader.displayName = 'ModalHeader';
|
|
|
4011
4011
|
ModalBody.displayName = 'ModalBody';
|
|
4012
4012
|
ModalFooter.displayName = 'ModalFooter';
|
|
4013
4013
|
|
|
4014
|
-
const Label = ({ children, htmlFor, required = false, size = '
|
|
4014
|
+
const Label = ({ children, htmlFor, required = false, size = 's', disabled = false, error = false, className, onClick, }) => {
|
|
4015
4015
|
const classes = [
|
|
4016
4016
|
'designbase-label',
|
|
4017
4017
|
`designbase-label--${size}`,
|
|
@@ -4058,7 +4058,7 @@ const Input = forwardRef(({ type = 'text', label, placeholder, defaultValue, val
|
|
|
4058
4058
|
lg: 18,
|
|
4059
4059
|
};
|
|
4060
4060
|
const iconSize = iconSizeMap[size];
|
|
4061
|
-
return (jsxs("div", { className: classes, children: [label && (jsx(Label, { htmlFor: inputId, required: required, error: error, disabled: disabled, size: size === 's' ? '
|
|
4061
|
+
return (jsxs("div", { className: classes, children: [label && (jsx(Label, { htmlFor: inputId, required: required, error: error, disabled: disabled, size: size === 's' ? 's' : size === 'm' ? 'm' : 'l', children: label })), jsxs("div", { className: "designbase-input__wrapper", children: [actualStartIcon && (jsx("div", { className: "designbase-input__start-icon", children: React.createElement(actualStartIcon, { size: iconSize }) })), jsx("input", { ...props, ref: forwardedRef, id: inputId, type: actualType, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, required: required, className: inputClasses, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "aria-describedby": clsx(helperText && helperTextId, error && errorMessage && errorMessageId), "aria-invalid": error }), isPassword && (jsx("button", { type: "button", className: "designbase-input__password-toggle", onClick: handlePasswordToggle, disabled: disabled, "aria-label": showPassword ? '비밀번호 숨기기' : '비밀번호 보기', children: React.createElement(PasswordIcon, { size: iconSize }) })), EndIcon && !isPassword && (jsx("div", { className: "designbase-input__end-icon", children: React.createElement(EndIcon, { size: iconSize }) }))] }), helperText && !error && (jsx("p", { id: helperTextId, className: "designbase-input__helper-text", children: helperText })), error && errorMessage && (jsx("p", { id: errorMessageId, className: "designbase-input__error-message", children: errorMessage }))] }));
|
|
4062
4062
|
});
|
|
4063
4063
|
Input.displayName = 'Input';
|
|
4064
4064
|
|
|
@@ -7001,7 +7001,7 @@ const Textarea = forwardRef(({ label, placeholder, defaultValue, value, size = '
|
|
|
7001
7001
|
}, className);
|
|
7002
7002
|
const textareaClasses = clsx('designbase-textarea__field', textareaClassName);
|
|
7003
7003
|
const isOverLimit = maxLength && currentLength > maxLength;
|
|
7004
|
-
return (jsxs("div", { className: classes, children: [label && (jsx(Label, { htmlFor: textareaId, required: required, error: error, disabled: disabled, size: size === 's' ? '
|
|
7004
|
+
return (jsxs("div", { className: classes, children: [label && (jsx(Label, { htmlFor: textareaId, required: required, error: error, disabled: disabled, size: size === 's' ? 's' : size === 'm' ? 'm' : 'l', children: label })), showCharacterCount && characterCountPosition === 'top' && (jsx("div", { className: "designbase-textarea__character-count designbase-textarea__character-count--top", children: jsxs("span", { className: clsx('designbase-textarea__character-count-text', {
|
|
7005
7005
|
'designbase-textarea__character-count-text--error': isOverLimit
|
|
7006
7006
|
}), children: [currentLength, maxLength && ` / ${maxLength}`] }) })), jsx("div", { className: "designbase-textarea__wrapper", children: jsx("textarea", { ref: forwardedRef, id: textareaId, className: textareaClasses, placeholder: placeholder, defaultValue: defaultValue, value: value, rows: rows, maxLength: maxLength, disabled: disabled, readOnly: readOnly, required: required, "aria-describedby": clsx({
|
|
7007
7007
|
[helperTextId]: helperText,
|