@loword/loword-design-system 0.5.8 → 0.5.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/LDEditor/extensions.d.ts.map +1 -1
  2. package/dist/components/LDEditor/extensions.js +3 -0
  3. package/dist/index.css +3 -2
  4. package/package.json +1 -1
  5. package/src/styles/components/editor.css +8 -2
package/dist/components/LDEditor/extensions.d.ts.map CHANGED
@@ -1 +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"}
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,UA2ChC,CAAC"}
package/dist/components/LDEditor/extensions.js CHANGED
@@ -6,6 +6,9 @@ import StarterKit from '@tiptap/starter-kit';
6
6
  export const createEditorExtensions = ({ resizableImage = true, resizableTable = true, } = {}) => [
7
7
  // link·underline은 StarterKit에 포함돼 있다. 따로 등록하면 중복 경고가 난다.
8
8
  StarterKit.configure({
9
+ // 툴바에 코드 기능이 없다. 켜 두면 붙여넣기(HTML의 pre/code, 마크다운 백틱, VS Code 복사)로만 코드가 들어온다.
10
+ code: false,
11
+ codeBlock: false,
9
12
  heading: {
10
13
  levels: [1, 2, 3],
11
14
  },
package/dist/index.css CHANGED
@@ -5548,10 +5548,11 @@
5548
5548
  }
5549
5549
  }
5550
5550
  @layer utilities {
5551
- prose p {
5551
+ .ProseMirror p {
5552
5552
  margin-top: 0 !important;
5553
- margin-bottom: 0.5rem !important;
5553
+ margin-bottom: 0.8em !important;
5554
5554
  padding: 0 !important;
5555
+ line-height: calc(28 / 18) !important;
5555
5556
  }
5556
5557
  prose h1, prose h2, prose h3 {
5557
5558
  margin-top: 0 !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loword/loword-design-system",
3
- "version": "0.5.8",
3
+ "version": "0.5.9",
4
4
  "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
5
5
  "keywords": [
6
6
  "react",
package/src/styles/components/editor.css CHANGED
@@ -1,8 +1,14 @@
1
1
  @layer utilities {
2
- prose p {
2
+ /* 문단 사이 여백을 prose-lg 기본(위아래 24px)에서 0.8em(본문 18px 기준 14.4px)으로 줄인다.
3
+ Enter(새 문단)는 Shift+Enter(<br>)보다 조금만 더 벌어지게 한다.
4
+ 줄 높이는 prose-lg 기본 32/18(32px)에서 28/18(28px)로 줄인다. px가 아니라 비율이라
5
+ 글자 크기를 키운 텍스트도 줄이 겹치지 않는다.
6
+ .prose가 아니라 .ProseMirror로 한정: 이 CSS는 소비처 전역에 들어가므로 소비처 자체 .prose 문단까지 바꾸지 않게 한다. */
7
+ .ProseMirror p {
3
8
  margin-top: 0 !important;
4
- margin-bottom: 0.5rem !important;
9
+ margin-bottom: 0.8em !important;
5
10
  padding: 0 !important;
11
+ line-height: calc(28 / 18) !important;
6
12
  }
7
13
 
8
14
  prose h1,