sellmate-design-system-react 9.0.0-beta.68 → 9.0.0-beta.69
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/AGENTS.md +1 -1
- package/dist/components/SContextAlert/README.md +3 -2
- package/dist/components/SContextAlert/SContextAlert.d.ts +15 -2
- package/dist/components/SContextAlert/contextAlert.config.d.ts +0 -7
- package/dist/components/SContextAlert/index.d.ts +1 -1
- package/dist/index.cjs +3 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -12
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +4 -3
- package/dist/llms.txt +1 -1
- package/package.json +1 -1
package/dist/llms-full.txt
CHANGED
|
@@ -714,7 +714,7 @@ Tailwind 유틸리티는 **토큰 스케일에 있는 값만** 사용한다.
|
|
|
714
714
|
- **`SContextAlert` 는 대상 옆에 둔다.** 페이지 맨 위에 놓고 "아래 어딘가의 이야기"를 하면 그건 `SCallout` 이 할 일이다.
|
|
715
715
|
- **`action` 에는 `SButton size="xs"` 를 넣는다.** 그 높이가 곧 상자의 콘텐츠 높이라, 더 큰 버튼을 넣으면 상자가 세로로 늘어나 한 줄 알림의 리듬이 깨진다. 버튼이 둘 이상 필요하면 한 줄로 끝날 이야기가 아니다 — 모달(§3-3)을 본다.
|
|
716
716
|
- **`messages` 는 줄을 나누는 용도지 문장을 자르는 용도가 아니다.** 한 문장이 길어 넘치는 것은 그냥 두면 줄바꿈된다. 서로 다른 사실일 때만 배열로 나눈다.
|
|
717
|
-
- **아이콘은
|
|
717
|
+
- **아이콘은 기본적으로 없다.** `icon` 을 주지 않으면 아이콘 칸 자체가 없고, 알림의 성격은 면 색이 말한다. 붙이기로 했다면 인텐트 6종 모두 같은 글리프(`notificationOutline`) 하나를 쓴다 — 인텐트마다 아이콘을 바꾸면 면의 색과 아이콘의 뜻이 따로 논다. 색도 같다: `iconColor` 는 아이콘이 성격까지 말해야 하는 자리에서만 쓰고, 면 색에 맞춰 인텐트마다 바꾸지 않는다.
|
|
718
718
|
|
|
719
719
|
### 3-3. 플로팅/오버레이류
|
|
720
720
|
|
|
@@ -5102,9 +5102,10 @@ export type SConfirmModalType = 'positive' | 'negative' | 'default';
|
|
|
5102
5102
|
|
|
5103
5103
|
| Prop | Type | Default | Description |
|
|
5104
5104
|
|------|------|---------|-------------|
|
|
5105
|
-
| `intent?` | `SContextAlertIntent` | `'default'` | 알림의 성격 — 면과 테두리
|
|
5105
|
+
| `intent?` | `SContextAlertIntent` | `'default'` | 알림의 성격 — 면과 테두리 색만 바뀐다. 본문색과 아이콘 기본색은 인텐트와 무관하게 하나다. `default` 안내 · `danger` 오류 · `warning` 주의 · `success` 완료 · `accent` 강조 · `discovery` 새 기능 |
|
|
5106
5106
|
| `messages?` | `string[]` | `[]` | 본문. 각 문자열이 한 줄이 되고, 인라인 HTML(`<b>` · `<a>` 등)을 허용한다 — `sanitizeInlineHtml` 로 살균한 뒤 렌더하므로 스크립트·위험 스킴은 제거된다. |
|
|
5107
|
-
| `icon?` | `SIconName` |
|
|
5107
|
+
| `icon?` | `SIconName` | — | 왼쪽 아이콘. **주지 않으면 아이콘 칸 자체가 없다** — 넣을 때만 넣는다. 넣는다면 인텐트와 무관하게 원 안 느낌표(`notificationOutline`) 하나를 쓴다. 인텐트마다 다른 글리프를 고르면 면의 색과 아이콘의 뜻이 따로 논다. |
|
|
5108
|
+
| `iconColor?` | `SColor` | — | 아이콘 색. 팔레트 키(`grey_65`, `red_95` …) 또는 임의 CSS 색상. 주지 않으면 본문보다 한 단계 옅은 기본색이 된다 — 인텐트와 무관하게 하나다. 면 색과 짝을 맞추려 인텐트마다 다른 색을 넣는 것은 시안의 규칙이 아니다. |
|
|
5108
5109
|
| `action?` | `ReactNode` | — | 오른쪽에 붙는 후속 동작. **`SButton size="xs"` 를 넣는다** — 그 높이(24px)가 곧 이 상자의 콘텐츠 높이라 시안의 40px 가 그대로 나온다. 더 큰 버튼을 넣으면 상자가 그만큼 세로로 늘어난다. |
|
|
5109
5110
|
| `className?` | `string` | — | |
|
|
5110
5111
|
| `style?` | `CSSProperties` | — | |
|
package/dist/llms.txt
CHANGED
|
@@ -715,7 +715,7 @@ Tailwind 유틸리티는 **토큰 스케일에 있는 값만** 사용한다.
|
|
|
715
715
|
- **`SContextAlert` 는 대상 옆에 둔다.** 페이지 맨 위에 놓고 "아래 어딘가의 이야기"를 하면 그건 `SCallout` 이 할 일이다.
|
|
716
716
|
- **`action` 에는 `SButton size="xs"` 를 넣는다.** 그 높이가 곧 상자의 콘텐츠 높이라, 더 큰 버튼을 넣으면 상자가 세로로 늘어나 한 줄 알림의 리듬이 깨진다. 버튼이 둘 이상 필요하면 한 줄로 끝날 이야기가 아니다 — 모달(§3-3)을 본다.
|
|
717
717
|
- **`messages` 는 줄을 나누는 용도지 문장을 자르는 용도가 아니다.** 한 문장이 길어 넘치는 것은 그냥 두면 줄바꿈된다. 서로 다른 사실일 때만 배열로 나눈다.
|
|
718
|
-
- **아이콘은
|
|
718
|
+
- **아이콘은 기본적으로 없다.** `icon` 을 주지 않으면 아이콘 칸 자체가 없고, 알림의 성격은 면 색이 말한다. 붙이기로 했다면 인텐트 6종 모두 같은 글리프(`notificationOutline`) 하나를 쓴다 — 인텐트마다 아이콘을 바꾸면 면의 색과 아이콘의 뜻이 따로 논다. 색도 같다: `iconColor` 는 아이콘이 성격까지 말해야 하는 자리에서만 쓰고, 면 색에 맞춰 인텐트마다 바꾸지 않는다.
|
|
719
719
|
|
|
720
720
|
### 3-3. 플로팅/오버레이류
|
|
721
721
|
|