@seed-design/react 2.4.1 → 2.4.2

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/lib/components/SidePanel/SidePanel.d.ts +13 -1
  2. package/lib/components/SidePanel/SidePanel.d.ts.map +1 -1
  3. package/package.json +2 -2
  4. package/src/components/AGENTS.md +3 -3
  5. package/src/components/SidePanel/SidePanel.tsx +17 -5
package/lib/components/SidePanel/SidePanel.d.ts CHANGED
@@ -29,7 +29,19 @@ export declare const SidePanelTitle: React.ForwardRefExoticComponent<SidePanelTi
29
29
  export interface SidePanelDescriptionProps extends Drawer.DescriptionProps {
30
30
  }
31
31
  export declare const SidePanelDescription: React.ForwardRefExoticComponent<SidePanelDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
32
- export interface SidePanelBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "height" | "maxHeight" | "minHeight" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
32
+ export interface SidePanelBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
33
+ /**
34
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로 이 prop은 효과가 없습니다. 콘텐츠의 높이를 지정하려면 본문 안에 `Box`를 두고 `height`를 지정하세요.
35
+ */
36
+ height?: StyleProps["height"];
37
+ /**
38
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 큰 값을 주면 푸터가 패널 밖으로 밀려납니다. 콘텐츠의 최소 높이를 지정하려면 본문 안에 `Box`를 두고 `minHeight`를 지정하세요.
39
+ */
40
+ minHeight?: StyleProps["minHeight"];
41
+ /**
42
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 작은 값을 주면 푸터가 패널 중간에 뜹니다. 콘텐츠의 최대 높이를 지정하려면 본문 안에 `Box`를 두고 `maxHeight`를 지정하세요.
43
+ */
44
+ maxHeight?: StyleProps["maxHeight"];
33
45
  }
34
46
  export declare const SidePanelBody: React.ForwardRefExoticComponent<SidePanelBodyProps & React.RefAttributes<HTMLDivElement>>;
35
47
  export interface SidePanelFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
package/lib/components/SidePanel/SidePanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;IACH,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAID,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAErE,eAAO,MAAM,gBAAgB,+FAAiB,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE3E,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEvE,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAEnE,eAAO,MAAM,eAAe,6FAc3B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEjE,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAMF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAMF,MAAM,WAAW,kBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,2FAqCzB,CAAC;AAMF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,qGAchC,CAAC"}
1
+ {"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/SidePanel/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQpF,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,MAAM,CAAC,SAAS,EACd,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,eAAe,GACf,wBAAwB,GACxB,WAAW,GACX,eAAe,GACf,gBAAgB,CACnB;IACH,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgBtD;AAID,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAErE,eAAO,MAAM,gBAAgB,+FAAiB,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE3E,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEvE,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF,MAAM,WAAW,qBACf,SAAQ,MAAM,CAAC,YAAY,EACzB,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAE7C,eAAO,MAAM,gBAAgB,8FAG5B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAEnE,eAAO,MAAM,eAAe,6FAc3B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEjE,eAAO,MAAM,cAAc,gGAG1B,CAAC;AAMF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,wGAGhC,CAAC;AAMF,MAAM,WAAW,kBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,gBAAgB,GAAG,YAAY,CAAC,EAC9D,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,aAAa,2FAqCzB,CAAC;AAMF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE7E,eAAO,MAAM,oBAAoB,qGAchC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "2.4.1",
3
+ "version": "2.4.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -83,7 +83,7 @@
83
83
  "unicode-segmenter": "^0.17.3"
84
84
  },
85
85
  "peerDependencies": {
86
- "@seed-design/css": "^2.6.0",
86
+ "@seed-design/css": "^2.8.0",
87
87
  "react": ">=18.0.0",
88
88
  "react-dom": ">=18.0.0"
89
89
  },
package/src/components/AGENTS.md CHANGED
@@ -6,9 +6,9 @@
6
6
 
7
7
  ## 파일 작성 컨벤션
8
8
 
9
- - 컴포넌트별 디렉토리는 `PascalCase`를 사용하고, 기본 파일은 `{ComponentName}.tsx`, `{ComponentName}.namespace.ts`, `index.ts` 조합을 따른다.
10
- - 실제 구현은 `{ComponentName}.tsx`에 두고, namespace 단축 이름은 `{ComponentName}.namespace.ts`, 공개 re-export는 `index.ts`에 둔다.
11
- - helper slot이 내부 구현에만 필요하면 별도 파일 분리보다 같은 구현 파일 안에 두고 export surface에서 숨기는 쪽을 우선 검토한다.
9
+ - 컴포넌트별 디렉토리는 `PascalCase`를 사용한다. 단일 컴포넌트는 `{ComponentName}.tsx`와 `index.ts`를 기본으로 둔다.
10
+ - compound component에서 public namespace 단축 이름이 필요할 때만 `{ComponentName}.namespace.ts`를 추가한다.
11
+ - 실제 구현은 `{ComponentName}.tsx` 또는 역할별 구현 파일에 두고, 공개 re-export는 `index.ts`와 필요한 namespace 파일에서 관리한다.
12
12
 
13
13
  ## 코드 작성 컨벤션
14
14
 
package/src/components/SidePanel/SidePanel.tsx CHANGED
@@ -137,11 +137,23 @@ SidePanelDescription.displayName = "SidePanelDescription";
137
137
 
138
138
  export interface SidePanelBodyProps
139
139
  extends PrimitiveProps,
140
- Pick<
141
- StyleProps,
142
- "paddingX" | "height" | "maxHeight" | "minHeight" | "justifyContent" | "alignItems"
143
- >,
144
- React.HTMLAttributes<HTMLDivElement> {}
140
+ Pick<StyleProps, "paddingX" | "justifyContent" | "alignItems">,
141
+ React.HTMLAttributes<HTMLDivElement> {
142
+ /**
143
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로 이 prop은 효과가 없습니다. 콘텐츠의 높이를 지정하려면 본문 안에 `Box`를 두고 `height`를 지정하세요.
144
+ */
145
+ height?: StyleProps["height"];
146
+
147
+ /**
148
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 큰 값을 주면 푸터가 패널 밖으로 밀려납니다. 콘텐츠의 최소 높이를 지정하려면 본문 안에 `Box`를 두고 `minHeight`를 지정하세요.
149
+ */
150
+ minHeight?: StyleProps["minHeight"];
151
+
152
+ /**
153
+ * @deprecated SEED React 3.0.0에서 제거됩니다. Side Panel 본문은 항상 헤더와 푸터를 제외한 남은 높이를 채우므로, 남은 높이보다 작은 값을 주면 푸터가 패널 중간에 뜹니다. 콘텐츠의 최대 높이를 지정하려면 본문 안에 `Box`를 두고 `maxHeight`를 지정하세요.
154
+ */
155
+ maxHeight?: StyleProps["maxHeight"];
156
+ }
145
157
 
146
158
  export const SidePanelBody = React.forwardRef<HTMLDivElement, SidePanelBodyProps>(
147
159
  (props, forwardedRef) => {