@loword/loword-design-system 0.5.7 → 0.5.9

package/dist/components/LDEditor/extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/extensions.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,GAAI,sCAGpC,sBAA2B,KAAG,UAwChC,CAAC"}
+{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/extensions.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,GAAI,sCAGpC,sBAA2B,KAAG,UA2ChC,CAAC"}

package/dist/components/LDEditor/extensions.js

@@ -6,6 +6,9 @@ import StarterKit from '@tiptap/starter-kit';
 export const createEditorExtensions = ({ resizableImage = true, resizableTable = true, } = {}) => [
     // link·underline은 StarterKit에 포함돼 있다. 따로 등록하면 중복 경고가 난다.
     StarterKit.configure({
+        // 툴바에 코드 기능이 없다. 켜 두면 붙여넣기(HTML의 pre/code, 마크다운 백틱, VS Code 복사)로만 코드가 들어온다.
+        code: false,
+        codeBlock: false,
         heading: {
             levels: [1, 2, 3],
         },

package/dist/components/LDPopover/PopoverBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDPopover/PopoverBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0BD,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C;AA6BD,eAAO,MAAM,WAAW;6CAjFwB,SAAS;oGA4BtD,YAAY;mFAiCZ,YAAY;CAwBd,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"PopoverBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDPopover/PopoverBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA0BD,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C;AAoCD,eAAO,MAAM,WAAW;6CAxFwB,SAAS;oGA4BtD,YAAY;mFAiCZ,YAAY;CA+Bd,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/LDPopover/PopoverBase.js

@@ -8,7 +8,13 @@ const Trigger = ({ disabled, className, style, children, onClick, asChild, 'aria
     return (_jsx(RadixPopover.Trigger, { asChild: asChild, disabled: disabled, className: cn('inline-flex items-center', className), style: style, onClick: onClick, "aria-label": ariaLabel, children: children }));
 };
 const Content = ({ align = 'start', sideOffset = 4, className, children, style, onOpenAutoFocus, }) => {
-    return (_jsx(RadixPopover.Portal, { children: _jsx(RadixPopover.Content, { align: align, sideOffset: sideOffset, onOpenAutoFocus: onOpenAutoFocus, className: cn('z-50 outline-hidden', 'animate-fade-in data-[state=closed]:animate-fade-out', className), style: style, children: children }) }));
+    return (_jsx(RadixPopover.Portal, { children: _jsx(RadixPopover.Content, { align: align, sideOffset: sideOffset, onOpenAutoFocus: onOpenAutoFocus, 
+            /**
+             * NOTE: 모달(Radix Dialog) 위에서 열렸을 때 내부 스크롤이 막히는 문제 방지.
+             * Dialog의 스크롤 잠금은 document의 wheel/touchmove 리스너가 Dialog Content 밖 이벤트를 preventDefault한다.
+             * body로 포털된 팝오버는 Content 밖으로 판정되므로, 여기서 전파를 끊어 document까지 가지 않게 한다.
+             */
+            onWheel: (e) => e.stopPropagation(), onTouchMove: (e) => e.stopPropagation(), className: cn('z-50 outline-hidden', 'animate-fade-in data-[state=closed]:animate-fade-out', className), style: style, children: children }) }));
 };
 export const PopoverBase = {
     Root,

package/dist/index.css

@@ -5548,10 +5548,11 @@
   }
 }
 @layer utilities {
-  prose p {
+  .ProseMirror p {
     margin-top: 0 !important;
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.8em !important;
     padding: 0 !important;
+    line-height: calc(28 / 18) !important;
   }
   prose h1, prose h2, prose h3 {
     margin-top: 0 !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",

package/src/styles/components/editor.css

@@ -1,8 +1,14 @@
 @layer utilities {
-  prose p {
+  /* 문단 사이 여백을 prose-lg 기본(위아래 24px)에서 0.8em(본문 18px 기준 14.4px)으로 줄인다.
+     Enter(새 문단)는 Shift+Enter(<br>)보다 조금만 더 벌어지게 한다.
+     줄 높이는 prose-lg 기본 32/18(32px)에서 28/18(28px)로 줄인다. px가 아니라 비율이라
+     글자 크기를 키운 텍스트도 줄이 겹치지 않는다.
+     .prose가 아니라 .ProseMirror로 한정: 이 CSS는 소비처 전역에 들어가므로 소비처 자체 .prose 문단까지 바꾸지 않게 한다. */
+  .ProseMirror p {
     margin-top: 0 !important;
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.8em !important;
     padding: 0 !important;
+    line-height: calc(28 / 18) !important;
   }
 
   prose h1,