@devslab/dds-solid 0.17.0 → 0.18.0
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/README.ko.md +12 -1
- package/README.md +12 -1
- package/dist/controls.d.ts.map +1 -1
- package/dist/dialog.d.ts +24 -0
- package/dist/dialog.d.ts.map +1 -1
- package/dist/direction.d.ts +5 -0
- package/dist/direction.d.ts.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +657 -388
- package/dist/index.js.map +1 -1
- package/dist/radio-group.d.ts +21 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/server.js +542 -254
- package/dist/server.js.map +1 -1
- package/dist/tabs.d.ts +12 -1
- package/dist/tabs.d.ts.map +1 -1
- package/dist/toast.d.ts +2 -1
- package/dist/toast.d.ts.map +1 -1
- package/dist/tooltip.d.ts +2 -1
- package/dist/tooltip.d.ts.map +1 -1
- package/package.json +8 -5
- package/styles.css +16 -0
package/README.ko.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @devslab/dds-solid
|
|
2
2
|
|
|
3
|
-
DDS의 공개 SolidJS
|
|
3
|
+
DDS의 공개 SolidJS primitive 패키지다. 애플리케이션 셸에서
|
|
4
4
|
`@devslab/dds-solid/styles.css`를 한 번 불러오고, 컴포넌트는
|
|
5
5
|
`@devslab/dds-solid`에서 사용한다.
|
|
6
6
|
|
|
@@ -14,3 +14,14 @@ Tooltip은 실제 trigger에 `aria-describedby`를 강제하기 위해 render pr
|
|
|
14
14
|
수동 닫기 컨트롤이 필요한 ToastProvider에는 로케일별 `dismissLabel`을
|
|
15
15
|
주입한다. 생략하면 기존 provider API는 유지하면서 닫기 컨트롤만 렌더하지
|
|
16
16
|
않으므로 패키지가 영어 접근성 이름을 임의로 출력하지 않는다.
|
|
17
|
+
|
|
18
|
+
상호작용 primitive는 내부에서 [Ark UI](https://ark-ui.com/)를 사용하고,
|
|
19
|
+
DDS가 공개 API와 시각 토큰을 소유한다. 기존 import와 콜백 값은 유지한다.
|
|
20
|
+
연결 상세는 [마이그레이션 가이드](../../docs/ark-migration.ko.md)를 참고한다.
|
|
21
|
+
|
|
22
|
+
`RadioGroup`은 `options`(`value`, `label`, 선택적 `disabled`)로 이름 있는
|
|
23
|
+
그룹을 만들며 `name`, `value`/`defaultValue`, `onValueChange`를 지원한다.
|
|
24
|
+
기존 단독 `Radio`는 네이티브 동작을 유지한다. `ToastProvider`는 앱 최상위에
|
|
25
|
+
하나를 두고, 알림 영역 이름이 필요하면 현지화한 `regionLabel`을 주입한다.
|
|
26
|
+
포인터·포커스 상호작용 중과 브라우저 페이지가 비활성일 때는 알림 타이머가
|
|
27
|
+
멈춘다. duration이 0 이하이면 명시적으로 닫을 때까지 유지한다.
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @devslab/dds-solid
|
|
2
2
|
|
|
3
|
-
Public SolidJS
|
|
3
|
+
Public SolidJS primitives for DDS. Import `@devslab/dds-solid/styles.css`
|
|
4
4
|
once in the application shell, then consume the native-semantic components from
|
|
5
5
|
`@devslab/dds-solid`.
|
|
6
6
|
|
|
@@ -13,3 +13,14 @@ prop so `aria-describedby` is always attached to the actual trigger.
|
|
|
13
13
|
Pass a localized `dismissLabel` to `ToastProvider` when toasts need a manual
|
|
14
14
|
dismiss control. Omitting it preserves the existing provider API while leaving
|
|
15
15
|
out the control, so the package never emits an English accessible-name fallback.
|
|
16
|
+
|
|
17
|
+
Interactive primitives use [Ark UI](https://ark-ui.com/) internally while DDS owns
|
|
18
|
+
the public API and visual tokens. Existing imports and callback values stay the
|
|
19
|
+
same. See [the migration guide](../../docs/ark-migration.md) for integration details.
|
|
20
|
+
|
|
21
|
+
`RadioGroup` adds a labelled group from `options` (`value`, `label`, optional
|
|
22
|
+
`disabled`), with `name`, `value`/`defaultValue` and `onValueChange`. Existing standalone
|
|
23
|
+
`Radio` remains native. Use one application-level `ToastProvider`; inject a localized
|
|
24
|
+
`regionLabel` if the notification region needs a name. Toast timers pause during
|
|
25
|
+
pointer/focus interaction and when the browser page is idle. A non-positive duration
|
|
26
|
+
keeps the toast until dismissed.
|
package/dist/controls.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,GAAG,EACR,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"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"}
|
package/dist/dialog.d.ts
CHANGED
|
@@ -12,6 +12,30 @@ export interface DialogProps {
|
|
|
12
12
|
closeOnOutside?: boolean;
|
|
13
13
|
class?: string;
|
|
14
14
|
id?: string;
|
|
15
|
+
role?: "dialog" | "alertdialog";
|
|
16
|
+
contentAs?: "div" | "section";
|
|
17
|
+
portal?: boolean;
|
|
18
|
+
portalMount?: HTMLElement;
|
|
19
|
+
unstyled?: boolean;
|
|
20
|
+
overlayClass?: string;
|
|
21
|
+
titleClass?: string;
|
|
22
|
+
descriptionClass?: string;
|
|
23
|
+
actionsClass?: string;
|
|
24
|
+
contentProps?: Omit<JSX.HTMLAttributes<HTMLElement>, "children" | "class" | "id" | "role" | "ref">;
|
|
25
|
+
initialFocus?: () => HTMLElement | null | undefined;
|
|
26
|
+
finalFocus?: () => HTMLElement | null | undefined;
|
|
27
|
+
restoreFocus?: boolean;
|
|
28
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
29
|
+
/** Authorized external regions join both the Tab cycle and modal accessibility scope. */
|
|
30
|
+
additionalFocusContainers?: () => readonly (HTMLElement | null | undefined)[];
|
|
31
|
+
/** Customize the inner layout using DDS-owned, already labelled title/description nodes. */
|
|
32
|
+
frame?: (parts: DialogFrameParts) => JSX.Element;
|
|
33
|
+
}
|
|
34
|
+
export interface DialogFrameParts {
|
|
35
|
+
title: JSX.Element;
|
|
36
|
+
description: JSX.Element;
|
|
37
|
+
children: JSX.Element;
|
|
38
|
+
actions: JSX.Element;
|
|
15
39
|
}
|
|
16
40
|
export declare function Dialog(props: DialogProps): JSX.Element;
|
|
17
41
|
//# sourceMappingURL=dialog.d.ts.map
|
package/dist/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA2E,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAI7G,eAAO,MAAM,SAAS,QAGX,CAAC;AAEZ,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC;IACnG,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,yFAAyF;IACzF,yBAAyB,CAAC,EAAE,MAAM,SAAS,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IAC9E,4FAA4F;IAC5F,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,eAsFxC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type Accessor } from "solid-js";
|
|
2
|
+
export type Direction = "ltr" | "rtl";
|
|
3
|
+
/** SSR callers may supply direction; clients also inherit their containing DOM. */
|
|
4
|
+
export declare function useDirection(element: () => HTMLElement | undefined, explicit: Accessor<Direction | undefined>): () => Direction;
|
|
5
|
+
//# sourceMappingURL=direction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../src/direction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAEtC,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,WAAW,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC,mBAY7G"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { createControllableSignal, type ControllableOptions } from "./controllable";
|
|
2
2
|
export { Button, Checkbox, Field, IconButton, Radio, Select, Switch, type ButtonProps, type ButtonTone, type CheckboxProps, type FieldControlProps, type FieldProps, type IconButtonProps, type RadioProps, type SelectProps, type SwitchProps, type ControlSize, } from "./controls";
|
|
3
3
|
export { ConsoleShell, type ConsoleHeader, type ConsoleNavGroup, type ConsoleNavItem, type ConsoleShellLabels, type ConsoleShellProps } from "./console-shell";
|
|
4
|
-
export { Dialog, type DialogProps } from "./dialog";
|
|
4
|
+
export { Dialog, type DialogProps, type DialogFrameParts } from "./dialog";
|
|
5
|
+
export { RadioGroup, type RadioGroupProps, type RadioOption } from "./radio-group";
|
|
5
6
|
export { Icon, type IconProps } from "./icon";
|
|
6
7
|
export { createStatusPill } from "./status-pill";
|
|
7
8
|
export type { StatusTone } from "./status-pill";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC/J,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC/J,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3H,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC"}
|