@olundot/ui 0.20.0-next.11 → 0.20.0-next.12
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.
- package/CHANGELOG.md +10 -0
- package/dist/index.d.ts +6 -3
- package/dist/index.js +2 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @olundot/ui
|
|
2
2
|
|
|
3
|
+
## 0.20.0-next.12
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 2105422: 구조형 `Dialog`의 `size`에 `"xl"`(960px)을 더했다. 두 단 구성처럼 `"lg"`(720px)로 모자란 내용에 쓴다.
|
|
8
|
+
|
|
9
|
+
- 1024px 이상에서 가운데 상자다. 폭은 다른 크기처럼 화면 폭에서 32px을 뺀 값을 넘지 않는다. 높이 상한과 본문 스크롤도 같다.
|
|
10
|
+
- 1024px 미만에서는 다른 크기처럼 아래쪽 시트다.
|
|
11
|
+
- `"sm"`, `"md"`, `"lg"`의 폭과 기본값 `"md"`는 그대로다. Sheet와 AlertDialog 폭도 바뀌지 않는다.
|
|
12
|
+
|
|
3
13
|
## 0.20.0-next.11
|
|
4
14
|
|
|
5
15
|
### Minor Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -711,8 +711,8 @@ type OverlayScrim = "blur" | "dim";
|
|
|
711
711
|
* Pure CSS, so SSR and hydration render the same tree at every width (no matchMedia swap).
|
|
712
712
|
*/
|
|
713
713
|
type DialogMobilePresentation = "center" | "sheet";
|
|
714
|
-
/** Structured Dialog width: 420 · 560 · 720. */
|
|
715
|
-
type DialogSize = "sm" | "md" | "lg";
|
|
714
|
+
/** Structured Dialog width: 420 · 560 · 720 · 960. */
|
|
715
|
+
type DialogSize = "sm" | "md" | "lg" | "xl";
|
|
716
716
|
/**
|
|
717
717
|
* Structured Dialog (spec §3.2): a center window for forms, pickers and long content. X + footer,
|
|
718
718
|
* outside click does not close, Escape does (not while submitting), the body scrolls inside the max
|
|
@@ -725,7 +725,10 @@ interface DialogProps {
|
|
|
725
725
|
title: string;
|
|
726
726
|
/** Line under the title, also the accessible description. */
|
|
727
727
|
description?: string;
|
|
728
|
-
/**
|
|
728
|
+
/**
|
|
729
|
+
* Box width: 420 · 560 · 720 · 960. Default `"md"`. `"xl"` is for content 720 cannot hold, such as
|
|
730
|
+
* two columns. Other widths are not supported.
|
|
731
|
+
*/
|
|
729
732
|
size?: DialogSize;
|
|
730
733
|
/** Body. Scrolls inside the box's max height. */
|
|
731
734
|
children: React.ReactNode;
|
package/dist/index.js
CHANGED