@team-monolith/cds 1.111.1 → 1.112.0

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.js

@@ -23,16 +23,16 @@ export function SelectComponent(props) {
             selections.filter((s) => "isAnswer" in s && s.isAnswer).length > 1);
     // view
     if (!isEditable) {
-        return (_jsxs("fieldset", { css: css `
-          display: flex;
-          flex-direction: column;
-          gap: 4px;
-          border: none;
-          margin: 0;
-          padding: 0;
-        `, children: [multipleSelectionsEnabled && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
-                width: 14px;
-                height: 14px;
+        return (_jsxs("fieldset", { css: css `
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+          border: none;
+          margin: 0;
+          padding: 0;
+        `, children: [multipleSelectionsEnabled && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
+                width: 14px;
+                height: 14px;
               ` }), "\uC9C8\uBB38\uC5D0 \uD574\uB2F9\uD558\uB294 \uB2F5\uC744 \uBAA8\uB450 \uACE0\uB974\uB294 \uBB38\uC81C\uC785\uB2C8\uB2E4."] })), selections.map((selection, index) => (_jsx(SelectBoxView, { multipleSelectionsEnabled: multipleSelectionsEnabled, index: index + 1, isAnswer: showQuizSolution && "isAnswer" in selection
                         ? selection.isAnswer
                         : undefined, isSelected: selected.includes(selection.value), image: selection.show.image, text: selection.show.text, onClick: freezeProblemNode
@@ -65,28 +65,28 @@ export function SelectComponent(props) {
                         } }, index)))] }));
     }
     // 교사 edit view
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { css: css `
-          display: flex;
-          gap: 4px;
-        `, children: [_jsx("div", { css: css `
-            display: flex;
-            flex-direction: column;
-            gap: 4px;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { css: css `
+          display: flex;
+          gap: 4px;
+        `, children: [_jsx("div", { css: css `
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
           `, children: selections.map((selection, index) => (_jsx(SelectBoxEdit, { index: index + 1, isAnswer: "isAnswer" in selection && selection.isAnswer, image: selection.show.image, text: selection.show.text === "" && selection.show.image === null
                                 ? `${index + 1}번 선택지`
                                 : selection.show.text, onClick: () => setSettingOpen(true) }, index))) }), _jsx(SquareButton, { size: "small", color: "icon", icon: _jsx(Settings3FillIcon, {}), onClick: () => {
                             setSettingOpen(true);
                         }, "aria-label": "\uC120\uD0DD\uC9C0 \uC124\uC815" })] }), settingOpen && (_jsx(SettingForm, { selections: selections, nodeKey: nodeKey, onClose: () => setSettingOpen(false) }))] }));
 }
-const Alert = styled.div(({ theme }) => css `
-    display: flex;
-    gap: 4px;
-    margin-bottom: 12px;
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    /* Default/Label/12px-Md */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 133.333% */
+const Alert = styled.div(({ theme }) => css `
+    display: flex;
+    gap: 4px;
+    margin-bottom: 12px;
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    /* Default/Label/12px-Md */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 133.333% */
   `);

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/FormSelection.js

@@ -19,21 +19,21 @@ export function FormSelection(props) {
         name: `selections.${index}`,
         rules,
     });
-    return (_jsxs(Container, { children: [_jsx(Index, { children: index + 1 }), _jsxs("div", { css: css `
-          display: flex;
-          flex: 1;
-          flex-direction: column;
-          gap: 4px;
+    return (_jsxs(Container, { children: [_jsx(Index, { children: index + 1 }), _jsxs("div", { css: css `
+          display: flex;
+          flex: 1;
+          flex-direction: column;
+          gap: 4px;
         `, children: [_jsx(InsertImageDialog, { title: value.show.image ? "이미지 바꾸기" : "이미지 삽입하기", open: imageOpen, imageProps: (_a = value.show.image) !== null && _a !== void 0 ? _a : undefined, onClose: () => setImageOpen(false), onChange: (props) => onChange(Object.assign(Object.assign({}, value), { show: Object.assign(Object.assign({}, value.show), { image: props }) })), onDelete: value.show.image
                             ? () => {
                                 onChange(Object.assign(Object.assign({}, value), { show: Object.assign(Object.assign({}, value.show), { image: null }) }));
                             }
-                            : undefined }), value.show.image && (_jsx("img", { src: value.show.image.src, alt: value.show.image.altText, css: css `
-              height: auto;
-              // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
-              max-width: min(400px, 100%);
-              width: fit-content;
-              border-radius: 6px;
+                            : undefined }), value.show.image && (_jsx("img", { src: value.show.image.src, alt: value.show.image.altText, css: css `
+              height: auto;
+              // 이미지로 인해 좌우로 스크롤이 생기는 것을 방지
+              max-width: min(400px, 100%);
+              width: fit-content;
+              border-radius: 6px;
             `, draggable: "false" })), _jsx(Input, { size: "small", color: invalid
                             ? "activeDanger"
                             : inputFocused
@@ -45,55 +45,55 @@ export function FormSelection(props) {
                             onBlur: () => {
                                 setInputFocused(false);
                             },
-                        }, placeholder: `${index + 1}번 선택지`, hintIcon: invalid ? _jsx(ErrorWarningFillIcon, {}) : undefined, hintText: error === null || error === void 0 ? void 0 : error.message, multiline: true, fullWidth: true, css: css `
-            flex: 1;
-          ` })] }), _jsxs("div", { css: css `
-          display: flex;
-          height: 36px;
-          gap: 8px;
-          align-items: center;
+                        }, placeholder: `${index + 1}번 선택지`, hintIcon: invalid ? _jsx(ErrorWarningFillIcon, {}) : undefined, hintText: error === null || error === void 0 ? void 0 : error.message, multiline: true, fullWidth: true, css: css `
+            flex: 1;
+          ` })] }), _jsxs("div", { css: css `
+          display: flex;
+          height: 36px;
+          gap: 8px;
+          align-items: center;
         `, children: [_jsx(SquareButton, { color: "icon", size: "xsmall", icon: value.show.image ? _jsx(ImageEditFillIcon, {}) : _jsx(ImageAddFillIcon, {}), onClick: () => {
                             setImageOpen(true);
                         }, "aria-label": value.show.image ? "이미지 바꾸기" : "이미지 삽입하기" }), _jsxs(Answer, { children: ["\uC815\uB2F5", _jsx(Switch, { checked: Boolean(value.isAnswer), size: "small", onChange: () => {
                                     onChange(Object.assign(Object.assign({}, value), { isAnswer: !value.isAnswer }));
                                 } })] }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete, "aria-label": "\uC0AD\uC81C" }))] })] }));
 }
-const Container = styled.div(({ theme }) => css `
-    display: flex;
-    padding: 4px 12px;
-    gap: 8px;
-    border-radius: 8px;
-    background: ${theme.color.background.neutralAlt};
+const Container = styled.div(({ theme }) => css `
+    display: flex;
+    padding: 4px 12px;
+    gap: 8px;
+    border-radius: 8px;
+    background: ${theme.color.background.neutralAlt};
   `);
-const Index = styled.div(({ theme }) => css `
-    display: flex;
-    box-sizing: border-box;
-    width: 20px;
-    height: 20px;
-    padding: 4px;
-    margin-top: 8px;
-    justify-content: center;
-    align-items: center;
-    border-radius: 4px;
-    border: 1px solid ${theme.color.background.neutralAltActive};
-    background: ${theme.color.background.neutralBase};
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
-    font-weight: 800;
-    line-height: 16px;
+const Index = styled.div(({ theme }) => css `
+    display: flex;
+    box-sizing: border-box;
+    width: 20px;
+    height: 20px;
+    padding: 4px;
+    margin-top: 8px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
+    border: 1px solid ${theme.color.background.neutralAltActive};
+    background: ${theme.color.background.neutralBase};
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 16px;
   `);
-const Answer = styled.label(({ theme }) => css `
-    display: flex;
-    align-items: center;
-    padding-right: 4px;
-    gap: 8px;
-    color: ${theme.color.foreground.neutralBase};
-    cursor: pointer;
-    /* Default/Label/14px-Md */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 114.286% */
+const Answer = styled.label(({ theme }) => css `
+    display: flex;
+    align-items: center;
+    padding-right: 4px;
+    gap: 8px;
+    color: ${theme.color.foreground.neutralBase};
+    cursor: pointer;
+    /* Default/Label/14px-Md */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 114.286% */
   `);

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/SettingForm.js

@@ -61,9 +61,9 @@ export function SettingForm(props) {
     const answersCount = watch("selections").filter((selection) => selection.isAnswer).length;
     const hasMultipleAnswers = answersCount > 1;
     const hasAnswer = answersCount > 0;
-    return (_jsxs(Form, { onSubmit: handleSubmit(onSettingSubmit), children: [_jsxs(Title, { children: [_jsx(ListRadioIcon, { css: css `
-            width: 12px;
-            height: 12px;
+    return (_jsxs(Form, { onSubmit: handleSubmit(onSettingSubmit), children: [_jsxs(Title, { children: [_jsx(ListRadioIcon, { css: css `
+            width: 12px;
+            height: 12px;
           ` }), "\uAC1D\uAD00\uC2DD \uC785\uB825 \uCE78"] }), _jsxs(Content, { children: [_jsxs(FormArea, { children: [_jsx(Label, { children: "\uB2F5\uC548" }), fields.map((field, index) => (_jsx(FormSelection, { index: index, control: control, rules: {
                                     validate: {
                                         validateRequired,
@@ -86,70 +86,70 @@ export function SettingForm(props) {
                                 },
                                 value: uid(),
                             });
-                        }, disabled: fields.length >= 9 }), hasMultipleAnswers && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
-                width: 14px;
-                height: 14px;
+                        }, disabled: fields.length >= 9 }), hasMultipleAnswers && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
+                width: 14px;
+                height: 14px;
               ` }), "\uC815\uB2F5\uC774 \uC5EC\uB7EC \uAC1C\uC778 \uBB38\uC81C\uC5D0\uB294 \uC815\uB2F5\uC744 \uBAA8\uB450 \uC120\uD0DD\uD574\uC57C \uD55C\uB2E4\uB294 \uC548\uB0B4\uAC00 \uC81C\uACF5\uB429\uB2C8\uB2E4."] }))] }), _jsxs(Buttons, { children: [_jsx(Button, { color: "grey", size: "xsmall", label: "\uB2EB\uAE30", onClick: onClose }), _jsx(Tooltip, { open: !hasAnswer && tooltipOpen, text: "\uC120\uD0DD\uC9C0 \uC911 \uC815\uB2F5\uC744 \uD45C\uC2DC\uD574\uC8FC\uC138\uC694.", onOpen: () => setTooltipOpen(true), onClose: () => setTooltipOpen(false), placement: "top-end", children: _jsx("span", { children: _jsx(Button, { color: "primary", size: "xsmall", label: "\uC774\uB300\uB85C \uB123\uAE30", type: "submit", disabled: !hasAnswer }) }) })] })] }));
 }
-const Form = styled.form(({ theme }) => css `
-    display: flex;
-    width: 620px;
-    flex-direction: column;
-    border-radius: 6px;
-    border: 1px solid ${theme.color.background.neutralAltActive};
-    background: ${theme.color.background.neutralBase};
-    box-shadow: ${shadows.shadow08};
+const Form = styled.form(({ theme }) => css `
+    display: flex;
+    width: 620px;
+    flex-direction: column;
+    border-radius: 6px;
+    border: 1px solid ${theme.color.background.neutralAltActive};
+    background: ${theme.color.background.neutralBase};
+    box-shadow: ${shadows.shadow08};
   `);
-const Title = styled.div(({ theme }) => css `
-    display: flex;
-    padding: 8px 12px;
-    gap: 4px;
-    align-items: center;
-    color: ${theme.color.foreground.neutralBase};
-    /* Default/Label/12px-Md */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 133.333% */
+const Title = styled.div(({ theme }) => css `
+    display: flex;
+    padding: 8px 12px;
+    gap: 4px;
+    align-items: center;
+    color: ${theme.color.foreground.neutralBase};
+    /* Default/Label/12px-Md */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 133.333% */
   `);
-const Content = styled.div(({ theme }) => css `
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    padding: 12px;
-    border-top: 1px solid ${theme.color.background.neutralAltActive};
-    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
+const Content = styled.div(({ theme }) => css `
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 12px;
+    border-top: 1px solid ${theme.color.background.neutralAltActive};
+    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
   `);
-const FormArea = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+const FormArea = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 `;
-const Label = styled.div(({ theme }) => css `
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    /* Default/Label/12px-Md */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 133.333% */
+const Label = styled.div(({ theme }) => css `
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    /* Default/Label/12px-Md */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 133.333% */
   `);
-const Buttons = styled.div `
-  display: flex;
-  padding: 12px;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 8px;
+const Buttons = styled.div `
+  display: flex;
+  padding: 12px;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
 `;
-const Alert = styled.div(({ theme }) => css `
-    display: flex;
-    gap: 4px;
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    /* Default/Label/12px-Md */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 133.333% */
+const Alert = styled.div(({ theme }) => css `
+    display: flex;
+    gap: 4px;
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    /* Default/Label/12px-Md */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 133.333% */
   `);

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/Evaluation.js

@@ -18,86 +18,86 @@ export function Evaluation(props) {
                                 onChange(newEvaluations);
                             } })] }, index)))] }));
 }
-const Container = styled.div(({ onClick }) => css `
-    ${onClick && "cursor: pointer;"}
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    align-self: stretch;
+const Container = styled.div(({ onClick }) => css `
+    ${onClick && "cursor: pointer;"}
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
   `);
-const Header = styled.div(({ theme }) => css `
-    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
-    display: flex;
-    padding: 8px 0px;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 8px;
-    align-self: stretch;
+const Header = styled.div(({ theme }) => css `
+    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
+    display: flex;
+    padding: 8px 0px;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 8px;
+    align-self: stretch;
   `);
-const LabelArea = styled.div `
-  display: flex;
-  width: ${TOGGLE_BUTTON_GROUP_WIDTH}px;
-  justify-content: space-between;
-  align-items: flex-start;
+const LabelArea = styled.div `
+  display: flex;
+  width: ${TOGGLE_BUTTON_GROUP_WIDTH}px;
+  justify-content: space-between;
+  align-items: flex-start;
 `;
-const Label = styled.span(({ theme }) => css `
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    text-align: center;
-    /* Default/Label/12px-Md */
-    font-family: Pretendard;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 16px; /* 133.333% */
+const Label = styled.span(({ theme }) => css `
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    text-align: center;
+    /* Default/Label/12px-Md */
+    font-family: Pretendard;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 16px; /* 133.333% */
   `);
-const Item = styled.div(({ theme }) => css `
-    display: flex;
-    padding: 4px 0px;
-    align-items: center;
-    gap: 8px;
-    align-self: stretch;
-    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
+const Item = styled.div(({ theme }) => css `
+    display: flex;
+    padding: 4px 0px;
+    align-items: center;
+    gap: 8px;
+    align-self: stretch;
+    border-bottom: 1px solid ${theme.color.background.neutralAltActive};
   `);
-const Index = styled.div(({ theme }) => css `
-    display: flex;
-    width: 20px;
-    height: 20px;
-    padding: 4px;
-
-    user-select: none; /* Standard syntax */
-
-    border-radius: 4px;
-    background: ${theme.color.background.neutralBase};
-    border: 1px solid ${theme.color.background.neutralAltActive};
-
-    justify-content: center;
-    align-items: center;
-
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
-    font-weight: 800;
-    line-height: 16px;
+const Index = styled.div(({ theme }) => css `
+    display: flex;
+    width: 20px;
+    height: 20px;
+    padding: 4px;
+
+    user-select: none; /* Standard syntax */
+
+    border-radius: 4px;
+    background: ${theme.color.background.neutralBase};
+    border: 1px solid ${theme.color.background.neutralAltActive};
+
+    justify-content: center;
+    align-items: center;
+
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 16px;
   `);
-const Question = styled.div(({ theme }) => css `
-    display: flex;
-    padding: 4px 8px;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 8px;
-    flex: 1 0 0;
-    align-self: stretch;
-
-    color: ${theme.color.foreground.neutralBase};
-    /* Default/Paragraph/16px-Rg */
-    font-family: ${theme.fontFamily.ui};
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px; /* 150% */
+const Question = styled.div(({ theme }) => css `
+    display: flex;
+    padding: 4px 8px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 8px;
+    flex: 1 0 0;
+    align-self: stretch;
+
+    color: ${theme.color.foreground.neutralBase};
+    /* Default/Paragraph/16px-Rg */
+    font-family: ${theme.fontFamily.ui};
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px; /* 150% */
   `);
-const StyledToggleButtonGroup = styled(ToggleButtonGroup) `
-  flex: none;
-  width: ${TOGGLE_BUTTON_GROUP_WIDTH}px;
+const StyledToggleButtonGroup = styled(ToggleButtonGroup) `
+  flex: none;
+  width: ${TOGGLE_BUTTON_GROUP_WIDTH}px;
 `;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormIconAndLabel.js

@@ -14,8 +14,8 @@ export function FormIconAndLabel(props) {
     return (_jsx(Controller, { control: control, name: "iconType", render: ({ field: { value, onChange } }) => {
             const { startIcon, title, icons } = iconDataMap[value];
             return (_jsxs(_Fragment, { children: [_jsx(Dropdown, { label: "아이콘: " + title, size: "small", color: "grey", closeOnItemClick: true, bold: true, startIcon: startIcon, endIcon: _jsx(ArrowDownSFillIcon, {}), menuProps: {
-                            menuCss: css `
-                  width: 216px;
+                            menuCss: css `
+                  width: 216px;
                 `,
                             anchorOrigin: {
                                 vertical: "bottom",
@@ -33,20 +33,20 @@ export function FormIconAndLabel(props) {
                         }) }), Array.from({ length: labelsLength }).map((_, index) => (_jsxs(LabelLine, { children: [_jsx(Icon, { children: icons[index].onIcon }), _jsx(FormLabel, { control: control, index: index })] }, index)))] }));
         } }));
 }
-const LabelLine = styled.div `
-  display: flex;
-  align-items: flex-start;
-  gap: 4px;
-  align-self: stretch;
+const LabelLine = styled.div `
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
 `;
-const Icon = styled.div(({ theme }) => css `
-    display: flex;
-    min-width: 36px;
-    min-height: 36px;
-    justify-content: center;
-    align-items: center;
-    gap: 10px;
-
-    border-radius: 8px;
-    border: 0.5px solid ${theme.color.background.neutralAltActive};
+const Icon = styled.div(({ theme }) => css `
+    display: flex;
+    min-width: 36px;
+    min-height: 36px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+
+    border-radius: 8px;
+    border: 0.5px solid ${theme.color.background.neutralAltActive};
   `);

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.js

@@ -18,13 +18,13 @@ export function FormLabel(props) {
     });
     return (_jsx(FormInput, { control: control, name: `labels.${index}`, rules: LABEL_RULES, size: "small", endIcon: _jsx(Counter, { error: Boolean(error), children: value.length + "/" + LABEL_RULES.maxLength }), fullWidth: true }));
 }
-const Counter = styled.span(({ theme, error }) => css `
+const Counter = styled.span(({ theme, error }) => css `
     color: ${error
     ? theme.color.foreground.dangerActive
-    : theme.color.foreground.neutralBase};
-    font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 20px; /* 142.857% */
+    : theme.color.foreground.neutralBase};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 20px; /* 142.857% */
   `);

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.js

@@ -10,33 +10,33 @@ export function FormQuestion(props) {
                     required: "필수 입력 항목입니다.",
                 }, size: "small", placeholder: `${index + 1}번 평가 항목`, multiline: true, fullWidth: true }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete, "aria-label": "\uC0AD\uC81C" }))] }));
 }
-const Item = styled.div(({ theme }) => css `
-    display: flex;
-    padding: 4px 12px;
-    align-items: center;
-    gap: 4px;
-    align-self: stretch;
-    border-radius: 8px;
-    background: ${theme.color.background.neutralAlt};
+const Item = styled.div(({ theme }) => css `
+    display: flex;
+    padding: 4px 12px;
+    align-items: center;
+    gap: 4px;
+    align-self: stretch;
+    border-radius: 8px;
+    background: ${theme.color.background.neutralAlt};
   `);
-const Index = styled.div(({ theme }) => css `
-    display: flex;
-    width: 20px;
-    height: 20px;
-    padding: 4px;
-
-    user-select: none; /* Standard syntax */
-
-    border-radius: 4px;
-    background: ${theme.color.background.neutralBase};
-    border: 1px solid ${theme.color.background.neutralAltActive};
-
-    justify-content: center;
-    align-items: center;
-
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    font-family: ${theme.fontFamily.ui};
-    font-size: 14px;
-    font-weight: 800;
-    line-height: 16px;
+const Index = styled.div(({ theme }) => css `
+    display: flex;
+    width: 20px;
+    height: 20px;
+    padding: 4px;
+
+    user-select: none; /* Standard syntax */
+
+    border-radius: 4px;
+    background: ${theme.color.background.neutralBase};
+    border: 1px solid ${theme.color.background.neutralAltActive};
+
+    justify-content: center;
+    align-items: center;
+
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    font-family: ${theme.fontFamily.ui};
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 16px;
   `);