@team-monolith/cds 1.99.5 → 1.99.7

package/dist/components/Button.js

@@ -212,7 +212,7 @@ const SIZE_TO_LABEL_STYLE = {
 export const Button = React.forwardRef(function Button(props, ref) {
     const { className, component: Component = "button", disabled, color, size, startIcon, endIcon, label, fullWidth, bold = false, loading = false } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "startIcon", "endIcon", "label", "fullWidth", "bold", "loading"]);
     const theme = useTheme();
-    return (_jsxs(Component, Object.assign({ type: "button" }, other, { className: className, ref: ref, css: [
+    return (_jsxs(Component, Object.assign({ type: Component === "a" ? undefined : "button" }, other, { className: className, ref: ref, css: [
             css `
           display: inline-flex;
           align-items: center;

package/dist/components/SquareButton.js

@@ -184,7 +184,7 @@ export const SquareButton = React.forwardRef(function SquareButton(props, ref) {
           align-items: center;
           gap: 8px;
           width: ${fullWidth ? "100%" : "fit-content"};
-        ` }, { children: [_jsx(Component, Object.assign({ type: "button" }, other, buttonProps, { ref: ref, css: [
+        ` }, { children: [_jsx(Component, Object.assign({ type: Component === "a" ? undefined : "button" }, other, buttonProps, { ref: ref, css: [
                     COLOR_TO_BUTTON_STYLE(theme, color, Boolean(disabled || loading)),
                     SIZE_TO_BUTTON_STYLE[size],
                     css `

package/dist/patterns/LexicalEditor/nodes/ImageNode/ImageComponent.js

@@ -40,7 +40,7 @@ function LazyImage({ altText, className, imageRef, src, width, height, maxWidth:
             // fixme: maxWidth를 수정할 수 있게 되면 원복합니다.
             maxWidth: "100%",
             width,
-        }, title: title, onClick: onClick, onError: onError, draggable: "false" }));
+        }, "aria-label": title, onClick: onClick, onError: onError, draggable: "false", role: onClick ? "button" : undefined }));
 }
 export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, }) {
     const imageRef = useRef(null);
@@ -184,7 +184,7 @@ export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth,
                         ? `focused ${$isNodeSelection(selection) ? "draggable" : ""}`
                         : null, css: css `
                 cursor: pointer;
-              `, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth, onError: () => setIsLoadError(true), onClick: () => window.open(src, "_blank"), title: "\uD074\uB9AD\uD574\uC11C \uC6D0\uBCF8 \uC774\uBBF8\uC9C0 \uBCF4\uAE30" })) })) })));
+              `, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth, onError: () => setIsLoadError(true), onClick: () => window.open(src, "_blank"), title: "\uD074\uB9AD\uD574\uC11C \uC6D0\uBCF8 \uC774\uBBF8\uC9C0 \uBCF4\uAE30. \uC6D0\uBCF8 \uC774\uBBF8\uC9C0\uB294 \uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uB9BD\uB2C8\uB2E4." })) })) })));
     }
     return (_jsxs(_Fragment, { children: [_jsxs(EditContainer, { children: [_jsx(Suspense, Object.assign({ fallback: null }, { children: _jsx("div", Object.assign({ draggable: draggable, css: css `
               // ImageResizer를 위한 relative 설정입니다.

package/dist/patterns/LexicalEditor/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js

@@ -151,7 +151,7 @@ export function FloatingLinkEditor(props) {
                             } }, { children: _jsx(CloseFillIcon, {}) })), _jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
                                 event.preventDefault();
                                 handleLinkSubmission();
-                            } }, { children: _jsx(CheckLineIcon, {}) }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Link, Object.assign({ href: sanitizeUrl(linkUrl), target: "_blank", rel: "noopener noreferrer" }, { children: linkUrl })), _jsxs(Buttons, { children: [_jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
+                            } }, { children: _jsx(CheckLineIcon, {}) }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Link, Object.assign({ href: sanitizeUrl(linkUrl), target: "_blank", rel: "noopener noreferrer", title: "\uC0C8 \uCC3D\uC5D0\uC11C \uC5F4\uAE30" }, { children: linkUrl })), _jsxs(Buttons, { children: [_jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
                                 event.preventDefault();
                                 setEditedLinkUrl(linkUrl);
                                 setIsLinkEditMode(true);

package/dist/patterns/SegmentedControl/SegmentedControlButton.js

@@ -32,7 +32,7 @@ export const SegmentedControlButton = React.forwardRef(function SegmentedControl
         : context.value === props.value;
     const { label } = other;
     return (_jsx(StyledButton, Object.assign({}, other, { ref: ref, startIcon: typeof startIcon === "function" ? startIcon(isActive) : startIcon, endIcon: typeof endIcon === "function" ? endIcon(isActive) : endIcon, isActive: isActive, color: isActive ? "white" : "textNeutral", size: context.size, onClick: handleClick, disabled: context.disabled || props.disabled, title: isActive
-            ? `${typeof label === "string" ? label : ""} 선택됨`
+            ? (typeof label === "string" ? `${label} 선택됨` : "선택됨")
             : undefined })));
 });
 const StyledButton = styled(Button, {

package/package.json

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