@team-monolith/cds 1.70.2 → 1.70.3

package/dist/components/Input.js

@@ -65,12 +65,20 @@ const SIZE_TO_FONT_STYLES = (size) => ({
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-10284&t=HnIfxpf8uR6WmzMW-0)
  */
+// eslint-disable-next-line react/display-name, @typescript-eslint/no-explicit-any
 const Input = React.forwardRef((props, ref) => {
-    const { label, hintText, hintIcon, className, color, size, placeholder, disabled, startIcon, startLabel, endLabel, endIcon, inputProps, inputRef, fullWidth, onChange, onClear, defaultValue, value } = props, other = __rest(props, ["label", "hintText", "hintIcon", "className", "color", "size", "placeholder", "disabled", "startIcon", "startLabel", "endLabel", "endIcon", "inputProps", "inputRef", "fullWidth", "onChange", "onClear", "defaultValue", "value"]);
+    const { label, hintText, hintIcon, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    className, color, size, placeholder, disabled, startIcon, startLabel, endLabel, endIcon, inputProps, inputRef, fullWidth, onChange, onClear, defaultValue, value } = props, 
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    other = __rest(props, ["label", "hintText", "hintIcon", "className", "color", "size", "placeholder", "disabled", "startIcon", "startLabel", "endLabel", "endIcon", "inputProps", "inputRef", "fullWidth", "onChange", "onClear", "defaultValue", "value"]);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { className: _className } = props, inputBaseProps = __rest(props, ["className"]);
     return (_jsxs(InputWrapper, Object.assign({ className: props.className, size: props.size, fullWidth: props.fullWidth, ref: ref }, other, { children: [label ? (_jsxs(Label, Object.assign({ disabled: props.disabled }, { children: [label, " ", _jsx(InputBase, Object.assign({}, inputBaseProps))] }))) : (_jsx(InputBase, Object.assign({}, inputBaseProps))), hintText && (_jsxs(Hint, Object.assign({ color: props.color, disabled: props.disabled }, { children: [hintIcon, hintText] })))] })));
 });
-const InputWrapper = styled.span `
+const InputWrapper = styled("span", {
+    shouldForwardProp: (prop) => prop !== "fullWidth",
+}) `
   display: flex;
   flex-direction: column;
   gap: 8px;

package/dist/components/InputBase.js

@@ -99,7 +99,9 @@ export function InputBase(props) {
     const { className, color, size, disabled = false, startIcon, startLabel, endLabel, endIcon, fullWidth = false, onClear, } = props;
     return (_jsxs(InputContainer, Object.assign({ className: className, disabled: disabled, color: color, inputSize: size, fullWidth: fullWidth }, { children: [startIcon, startLabel && _jsx("span", { children: startLabel }), _jsx(InputComponent, Object.assign({}, props)), endLabel && _jsx("span", { children: endLabel }), endIcon, onClear && (_jsx(ClearButton, Object.assign({ type: "button", onClick: onClear, disabled: disabled, tabIndex: -1 }, { children: _jsx(CloseCircleFillIcon, {}) })))] })));
 }
-const InputContainer = styled.div(({ theme, color, inputSize, disabled, fullWidth }) => css `
+const InputContainer = styled("div", {
+    shouldForwardProp: (prop) => !["inputSize", "fullWidth"].includes(prop),
+})(({ theme, color, inputSize, disabled, fullWidth }) => css `
     display: flex;
     align-items: center;
     gap: 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.70.2",
+  "version": "1.70.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,