@devslab/dds-react 0.25.1 → 0.26.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.
Files changed (3) hide show
  1. package/README.ko.md +1 -1
  2. package/README.md +1 -1
  3. package/package.json +4 -4
package/README.ko.md CHANGED
@@ -17,7 +17,7 @@ import { Button, Field, Select, Dialog } from '@devslab/dds-react';
17
17
 
18
18
  Button, IconButton, Field, Checkbox, Radio, Select, Switch, RadioGroup, Dialog, Tabs/TabList/Tab/TabPanel, Tooltip, Icon, ToastProvider/useToast, ConsoleShell 및 props 타입을 제공합니다. 모든 제품 문구와 접근성 이름은 호출자가 전달합니다.
19
19
 
20
- React DOM 속성(`className`, `htmlFor`, `onChange`)과 객체/콜백 ref를 사용합니다. Checkbox/Radio/Switch는 `checked`, `defaultChecked`, `onCheckedChange(boolean)`을 지원하고, Select는 네이티브 value/onChange를 사용합니다. RadioGroup은 label/options와 value/defaultValue/onValueChange(string)을 받습니다. Tabs는 Ark 옵션과 onValueChange(string)을 지원합니다.
20
+ React DOM 속성(`className`, `htmlFor`, `onChange`)과 객체/콜백 ref를 사용합니다. Button은 기본 `type="button"`이고, loading 중에는 눌리지 않으며 이름과 크기를 그대로 유지합니다. 라벨은 지우지 않고 숨기며 스피너를 그 위에 그리므로(D-043) 진행 중에도 라벨은 바꾸지 마세요. Checkbox/Radio/Switch는 `checked`, `defaultChecked`, `onCheckedChange(boolean)`을 지원하고, Select는 네이티브 value/onChange를 사용합니다. RadioGroup은 label/options와 value/defaultValue/onValueChange(string)을 받습니다. Tabs는 Ark 옵션과 onValueChange(string)을 지원합니다.
21
21
 
22
22
  Dialog는 기본적으로 portal을 사용하며 Ark가 중첩 모달, 포커스 복원, Escape, 스크롤 잠금을 관리합니다. `portal={false}`로 SSR 열린 콘텐츠를 인라인 렌더링할 수 있습니다. `contentProps`, `actions`, `frame`, `initialFocus`, `finalFocus`, `unstyled`와 Ark root 옵션을 제공합니다. Solid의 커스텀 additionalFocusContainers는 모방하지 않습니다. 고급 구성은 ArkDialog/ArkTabs/ArkTooltip/ArkRadioGroup/ArkCheckbox/ArkSwitch/ArkField/ArkToast 네임스페이스를 사용하세요.
23
23
 
package/README.md CHANGED
@@ -21,7 +21,7 @@ import { Button, Field, Select, Dialog, Tabs, TabList, Tab, TabPanel } from '@de
21
21
 
22
22
  Exports: `Button`, `IconButton`, `Field`, `Checkbox`, `Radio`, `Select`, `Switch`, `RadioGroup`, `Dialog`, `Tabs`, `TabList`, `Tab`, `TabPanel`, `Tooltip`, `Icon`, `ToastProvider`, `useToast`, `ConsoleShell`, and their prop types. Labels, tooltip messages, dialog titles and notification copy come from the caller. There is no translated fallback copy.
23
23
 
24
- Native DOM attributes use React spelling (`className`, `htmlFor`, `onChange`). DOM components accept React object or callback refs; Select refs target its select and Dialog refs target content. Button defaults to `type="button"`; loading prevents activation and preserves its name. Checkbox, Radio and Switch accept `checked`/`defaultChecked`, `onCheckedChange(boolean)` and native input attributes. Select uses native `value`/`defaultValue` and `onChange`. RadioGroup takes `label` and `options: { value, label, disabled? }[]`, with `value`/`defaultValue` and `onValueChange(string)`.
24
+ Native DOM attributes use React spelling (`className`, `htmlFor`, `onChange`). DOM components accept React object or callback refs; Select refs target its select and Dialog refs target content. Button defaults to `type="button"`; loading prevents activation and keeps the button's name and size: the label is hidden, not removed, and the spinner is drawn over it (D-043), so keep the label the same while loading. Checkbox, Radio and Switch accept `checked`/`defaultChecked`, `onCheckedChange(boolean)` and native input attributes. Select uses native `value`/`defaultValue` and `onChange`. RadioGroup takes `label` and `options: { value, label, disabled? }[]`, with `value`/`defaultValue` and `onValueChange(string)`.
25
25
 
26
26
  Tabs extends Ark root options, with `onValueChange(string)`; parts accept normal Ark DOM props including `asChild`. Dialog accepts Ark root options with `onOpenChange(boolean)`, `closeOnOutside`, `initialFocus`, `finalFocus`, `contentProps`, `actions`, `frame(parts)` and `unstyled`. Dialog portals by default; use `portal={false}` for inline markup, including open SSR content. Ark owns nested modal isolation, focus, Escape handling and scroll locking. Additional focus containers from the Solid package are not emulated; use Ark `persistentElements` and `modal`/`trapFocus` according to application needs.
27
27
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devslab/dds-react",
3
- "version": "0.25.1",
3
+ "version": "0.26.0",
4
4
  "description": "Accessible React primitives for the DevsLab Design System",
5
5
  "type": "module",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -99,9 +99,9 @@
99
99
  },
100
100
  "dependencies": {
101
101
  "@ark-ui/react": "5.39.3",
102
- "@devslab/dds-css": "0.25.1",
103
- "@devslab/dds-icons": "0.25.1",
104
- "@devslab/dds-tokens": "0.25.1",
102
+ "@devslab/dds-css": "0.26.0",
103
+ "@devslab/dds-icons": "0.26.0",
104
+ "@devslab/dds-tokens": "0.26.0",
105
105
  "@tanstack/react-virtual": "3.14.21"
106
106
  },
107
107
  "peerDependencies": {