@simplysm/solid 13.0.36 → 13.0.38
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/docs/disclosure.md +8 -12
- package/docs/form-controls.md +1 -1
- package/docs/layout.md +16 -2
- package/docs/styling.md +3 -2
- package/package.json +3 -3
package/docs/disclosure.md
CHANGED
|
@@ -210,19 +210,15 @@ function MyPage() {
|
|
|
210
210
|
|--------|-----------|-------------|
|
|
211
211
|
| `close` | `(result?: T) => void` | Close dialog with optional return value |
|
|
212
212
|
|
|
213
|
-
**
|
|
213
|
+
**Dialog Defaults:**
|
|
214
214
|
|
|
215
|
-
`
|
|
215
|
+
`DialogDefaultsContext` and `DialogDefaults` are exported for advanced use cases such as providing default dialog options to a subtree. `InitializeProvider` already sets up the dialog system internally — most apps do not need these directly.
|
|
216
216
|
|
|
217
|
-
```
|
|
218
|
-
import {
|
|
219
|
-
|
|
220
|
-
<DialogProvider closeOnEscape closeOnBackdrop>
|
|
221
|
-
<App />
|
|
222
|
-
</DialogProvider>
|
|
217
|
+
```typescript
|
|
218
|
+
import { DialogDefaultsContext, type DialogDefaults } from "@simplysm/solid";
|
|
223
219
|
```
|
|
224
220
|
|
|
225
|
-
|
|
|
226
|
-
|
|
227
|
-
| `
|
|
228
|
-
| `
|
|
221
|
+
| Export | Kind | Description |
|
|
222
|
+
|--------|------|-------------|
|
|
223
|
+
| `DialogDefaultsContext` | context | Context for providing default dialog options |
|
|
224
|
+
| `DialogDefaults` | interface | `{ closeOnEscape?: boolean; closeOnBackdrop?: boolean }` |
|
package/docs/form-controls.md
CHANGED
|
@@ -579,7 +579,7 @@ import { ColorPicker } from "@simplysm/solid";
|
|
|
579
579
|
|------|------|---------|-------------|
|
|
580
580
|
| `value` | `string` | `"#000000"` | Color value (#RRGGBB format) |
|
|
581
581
|
| `onValueChange` | `(value: string) => void` | - | Value change callback |
|
|
582
|
-
| `size` | `"sm" \| "lg"
|
|
582
|
+
| `size` | `"sm" \| "lg"` | - | Size |
|
|
583
583
|
| `disabled` | `boolean` | - | Disabled state |
|
|
584
584
|
| `required` | `boolean` | - | Required field (error: "필수 입력 항목입니다") |
|
|
585
585
|
| `validate` | `(value: string \| undefined) => string \| undefined` | - | Custom validation function |
|
package/docs/layout.md
CHANGED
|
@@ -67,14 +67,28 @@ interface SidebarMenuItem {
|
|
|
67
67
|
}
|
|
68
68
|
```
|
|
69
69
|
|
|
70
|
-
**useSidebarContext
|
|
70
|
+
**useSidebarContext / useSidebarContextOptional hooks:**
|
|
71
71
|
|
|
72
72
|
```tsx
|
|
73
|
-
import { useSidebarContext } from "@simplysm/solid";
|
|
73
|
+
import { useSidebarContext, useSidebarContextOptional } from "@simplysm/solid";
|
|
74
74
|
|
|
75
|
+
// Throws if not inside Sidebar.Container
|
|
75
76
|
const sidebar = useSidebarContext();
|
|
76
77
|
sidebar.toggle(); // current open/closed state
|
|
77
78
|
sidebar.setToggle(false); // programmatically close
|
|
79
|
+
|
|
80
|
+
// Returns undefined if not inside Sidebar.Container (no error)
|
|
81
|
+
const sidebarOpt = useSidebarContextOptional();
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
**SM_MEDIA_QUERY constant:**
|
|
85
|
+
|
|
86
|
+
Exported media query string matching the Tailwind `sm:` breakpoint (640px). Use this to align custom responsive logic with sidebar behavior.
|
|
87
|
+
|
|
88
|
+
```typescript
|
|
89
|
+
import { SM_MEDIA_QUERY } from "@simplysm/solid";
|
|
90
|
+
|
|
91
|
+
const mql = window.matchMedia(SM_MEDIA_QUERY); // "(min-width: 640px)"
|
|
78
92
|
```
|
|
79
93
|
|
|
80
94
|
---
|
package/docs/styling.md
CHANGED
|
@@ -76,8 +76,9 @@ const className = twMerge(baseClass, props.class);
|
|
|
76
76
|
|
|
77
77
|
```typescript
|
|
78
78
|
import {
|
|
79
|
-
type ComponentSize,
|
|
80
|
-
type
|
|
79
|
+
type ComponentSize, // "sm" | "lg" | "xl"
|
|
80
|
+
type ComponentSizeCompact, // "sm" | "lg" (used by ColorPicker, Progress)
|
|
81
|
+
type SemanticTheme, // "primary" | "info" | "success" | "warning" | "danger" | "base"
|
|
81
82
|
borderDefault, // Tailwind classes for default border color
|
|
82
83
|
borderSubtle, // Tailwind classes for subtle border color
|
|
83
84
|
bgSurface, // Tailwind classes for surface background
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplysm/solid",
|
|
3
|
-
"version": "13.0.
|
|
3
|
+
"version": "13.0.38",
|
|
4
4
|
"description": "심플리즘 패키지 - SolidJS 라이브러리",
|
|
5
5
|
"author": "김석래",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"solid-tiptap": "^0.8.0",
|
|
50
50
|
"tailwind-merge": "^3.5.0",
|
|
51
51
|
"tailwindcss": "^3.4.19",
|
|
52
|
-
"@simplysm/core-browser": "13.0.
|
|
53
|
-
"@simplysm/core-common": "13.0.
|
|
52
|
+
"@simplysm/core-browser": "13.0.38",
|
|
53
|
+
"@simplysm/core-common": "13.0.38"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@solidjs/testing-library": "^0.8.10"
|