@team-monolith/cds 1.70.1 → 1.70.3

package/dist/components/Book/Book.js

@@ -111,7 +111,9 @@ const Container = styled(motion.div) `
 
   padding-top: ${HOVER_Y_OFFSET}px;
 `;
-const Cover = styled(motion.div)(({ backgroundColor }) => css `
+const Cover = styled(motion.div, {
+    shouldForwardProp: (prop) => prop !== "backgroundColor",
+})(({ backgroundColor }) => css `
     height: ${BOOK_HEIGHT}px;
 
     border-radius: 8px;

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/dist/patterns/Dropdown/DropdownItem/DropdownItem.js

@@ -28,6 +28,7 @@ const TYPE_TO_COLOR = (theme, type) => {
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=106-1900&t=FwczLZ1IVvskUVbT-0)
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, react/display-name
 const DropdownItem = React.forwardRef((props, ref) => {
     const { className, index, labelCss, component: Component = "div", type = "default", checkbox, checkboxProps = { checked: false }, startIcon, label, endIcon, preserveIconColor = false, disabled, active, onMouseEnter, onMouseLeave, onClick, subMenuProps, children } = props, other = __rest(props, ["className", "index", "labelCss", "component", "type", "checkbox", "checkboxProps", "startIcon", "label", "endIcon", "preserveIconColor", "disabled", "active", "onMouseEnter", "onMouseLeave", "onClick", "subMenuProps", "children"]);
     const itemRef = useRef(null);
@@ -65,7 +66,9 @@ const DropdownItem = React.forwardRef((props, ref) => {
 const StyledCheckboxInput = styled(CheckboxInput) `
   margin: 4px;
 `;
-const IconDiv = styled.div(({ theme, type, preserveIconColor }) => css `
+const IconDiv = styled("div", {
+    shouldForwardProp: (prop) => prop !== "preserveIconColor",
+})(({ theme, type, preserveIconColor }) => css `
     width: 14px;
     height: 14px;
     svg {

package/package.json

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