@team-monolith/cds 1.112.1 → 1.113.0

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

@@ -162,57 +162,57 @@ export function FloatingLinkEditor(props) {
                                 editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
                             }, children: _jsx(DeleteBinLineIcon, {}) })] })] })) }));
 }
-const Container = styled.div `
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  will-change: transform;
-
-  display: flex;
-  padding: 0px 4px;
-  align-items: center;
-  gap: 4px;
-
-  border-radius: 8px;
-  // 메뉴가 활성화되지 않아도 클릭한 영역을 따라 다니도록 개발되었습니다.
-  // border가 있으면 활성화되지 않은 상태에서도 노출되므로 border를 제거합니다.
-  /* border: 1px solid #e8e8eb; */
-  background: ${({ theme }) => theme.color.background.neutralBase};
-  box-shadow: 0px 3px 15px -3px rgba(13, 20, 33, 0.13);
-
-  width: 400px;
+const Container = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  will-change: transform;
+
+  display: flex;
+  padding: 0px 4px;
+  align-items: center;
+  gap: 4px;
+
+  border-radius: 8px;
+  // 메뉴가 활성화되지 않아도 클릭한 영역을 따라 다니도록 개발되었습니다.
+  // border가 있으면 활성화되지 않은 상태에서도 노출되므로 border를 제거합니다.
+  /* border: 1px solid #e8e8eb; */
+  background: ${({ theme }) => theme.color.background.neutralBase};
+  box-shadow: 0px 3px 15px -3px rgba(13, 20, 33, 0.13);
+
+  width: 400px;
 `;
-const Buttons = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 4px;
+const Buttons = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 4px;
 `;
-const Button = styled.button `
-  // reset
-  border: none;
-  outline: none;
-  background: none;
-  cursor: pointer;
-
-  padding: 8px 4px;
-
-  svg {
-    width: 18px;
-    height: 18px;
-  }
+const Button = styled.button `
+  // reset
+  border: none;
+  outline: none;
+  background: none;
+  cursor: pointer;
+
+  padding: 8px 4px;
+
+  svg {
+    width: 18px;
+    height: 18px;
+  }
 `;
-const Link = styled.a `
-  width: 100%;
-  padding: 0px 8px;
-
-  /* Default/Paragraph/16px-Rg */
-  font-family: ${({ theme }) => theme.fontFamily.ui};
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px; /* 150% */
+const Link = styled.a `
+  width: 100%;
+  padding: 0px 8px;
+
+  /* Default/Paragraph/16px-Rg */
+  font-family: ${({ theme }) => theme.fontFamily.ui};
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
 `;
-const StyledInput = styled(Input) `
-  margin: 4px 0px;
+const StyledInput = styled(Input) `
+  margin: 4px 0px;
 `;

package/dist/patterns/LexicalEditor/plugins/FloatingTextFormatToolbarPlugin/FloatingTextFormatPopup.js

@@ -19,41 +19,41 @@ export const FloatingTextFormatPopup = forwardRef(function FloatingTextFormatPop
                         editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code");
                     }, active: Boolean(isCode), "aria-label": "Insert code block", children: _jsx(CodeFillIcon, {}) }), _jsx(IconButton, { type: "button", onClick: insertLink, active: Boolean(isLink), "aria-label": "Insert link", children: _jsx(LinkIcon, {}) })] })) }));
 });
-const Container = styled.div `
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  will-change: transform;
-
-  display: inline-flex;
-  padding: 0px 4px;
-  align-items: flex-start;
-  gap: 4px;
-
-  border-radius: 8px;
-  border: 1px solid #e8e8eb;
-  background: ${({ theme }) => theme.color.background.neutralBase};
-  box-shadow: 0px 3px 15px -3px rgba(13, 20, 33, 0.13);
+const Container = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  will-change: transform;
+
+  display: inline-flex;
+  padding: 0px 4px;
+  align-items: flex-start;
+  gap: 4px;
+
+  border-radius: 8px;
+  border: 1px solid #e8e8eb;
+  background: ${({ theme }) => theme.color.background.neutralBase};
+  box-shadow: 0px 3px 15px -3px rgba(13, 20, 33, 0.13);
 `;
-const IconButton = styled.button `
-  border: none;
-  outline: none;
-
-  display: flex;
-  padding: 8px 4px;
-  align-items: center;
-  gap: 4px;
-
-  background: #fff;
-
-  svg {
-    width: 18px;
-    height: 18px;
-    ${({ theme, active }) => active && `color: ${theme.color.foreground.primary};`}
-  }
-
-  &:hover {
-    background: ${({ theme }) => theme.color.background.neutralAlt};
-  }
+const IconButton = styled.button `
+  border: none;
+  outline: none;
+
+  display: flex;
+  padding: 8px 4px;
+  align-items: center;
+  gap: 4px;
+
+  background: #fff;
+
+  svg {
+    width: 18px;
+    height: 18px;
+    ${({ theme, active }) => active && `color: ${theme.color.foreground.primary};`}
+  }
+
+  &:hover {
+    background: ${({ theme }) => theme.color.background.neutralAlt};
+  }
 `;

package/dist/patterns/LexicalEditor/plugins/ParagraphPlaceholderPlugin/index.js

@@ -3,13 +3,13 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $getSelection, $isParagraphNode, $isRangeSelection } from "lexical";
 import { css as cssToClassName } from "@emotion/css";
 import { useTheme } from "@emotion/react";
-const getPlaceholderClassName = (theme) => cssToClassName `
-  &::before {
-    position: absolute;
-    content: attr(data-placeholder);
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    pointer-events: none;
-  }
+const getPlaceholderClassName = (theme) => cssToClassName `
+  &::before {
+    position: absolute;
+    content: attr(data-placeholder);
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    pointer-events: none;
+  }
 `;
 export const ParagraphPlaceholderPlugin = ({ placeholder, }) => {
     const [editor] = useLexicalComposerContext();