@nxds/claude-design 0.6.0 → 0.7.0

package/coverage.md

@@ -1,13 +1,13 @@
 # Canvas prop coverage
 
-368 component parts, 2460 props.
+368 component parts, 2461 props.
 
 | Control | Props |
 | --- | --- |
 | dropdown | 258 |
 | toggle | 506 |
 | number | 84 |
-| text | 856 |
+| text | 857 |
 | content | 358 |
 | none: takes a React element; an attribute holds text only | 34 |
 | none: takes a function | 157 |
@@ -66,7 +66,7 @@
 - **ContextMenuRadioItem**: `onSelect` (function)
 - **ContextMenuSub**: `onOpenChange` (function)
 - **ContextMenuSubContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
-- **DatePicker**: `classNames` (object), `modifiersClassNames` (object), `style` (object), `styles` (object), `modifiersStyles` (object), `defaultMonth` (object), `month` (object), `startMonth` (object), `fromDate` (object), `fromMonth` (object), `endMonth` (object), `toDate` (object), `toMonth` (object), `components` (object), `footer` (element), `disabled` (object), `hidden` (object), `today` (object), `modifiers` (object), `labels` (object), `formatters` (object), `locale` (object), `onMonthChange` (object), `onNextClick` (object), `onPrevClick` (object), `onWeekNumberClick` (object), `dateLib` (object), `renderDayContent` (element)
+- **DatePicker**: `style` (object), `footer` (element), `hidden` (object), `disabled` (object), `classNames` (object), `modifiersClassNames` (object), `styles` (object), `modifiersStyles` (object), `defaultMonth` (object), `month` (object), `startMonth` (object), `fromDate` (object), `fromMonth` (object), `endMonth` (object), `toDate` (object), `toMonth` (object), `components` (object), `today` (object), `modifiers` (object), `labels` (object), `formatters` (object), `locale` (object), `onMonthChange` (object), `onNextClick` (object), `onPrevClick` (object), `onWeekNumberClick` (object), `dateLib` (object), `renderDayContent` (element)
 - **DatePickerDayButton**: `day` (object), `modifiers` (object), `value` (object)
 - **Dialog**: `onOpenChange` (function)
 - **DialogClose**: `value` (object)

package/files.json

@@ -177,7 +177,7 @@
   },
   {
     "path": "components/DatePicker/README.md",
-    "sha256": "1e8a8be3be3367099b43ec41a01940ad609780b6371259b1e35a285ccfa60adb"
+    "sha256": "25c8dac18c789be9512c996025df936279881c6eee7ad346a5df392099e05110"
   },
   {
     "path": "components/DatePicker/preview.html",
@@ -233,7 +233,7 @@
   },
   {
     "path": "components/FilterBuilder/README.md",
-    "sha256": "f30d98f4186a4db4056f51a85789af04a673d4b0f3d4cfb548345bc3d02abd3e"
+    "sha256": "dd65d7529d8d05e169c00a95e19fe80fd010e73ab6eea0703fd088aacc4e4fa3"
   },
   {
     "path": "components/FilterBuilder/preview.html",
@@ -573,15 +573,15 @@
   },
   {
     "path": "components/bundle.js",
-    "sha256": "358ef8ea58770e19a5bf63da886bbb1ad66c91aba67f548c397417012c082e06"
+    "sha256": "8d29bcf83e59d7aa499f6ca16fbd18b39cd0e33dcadf58ddd2c7805d58d7bfb7"
   },
   {
     "path": "components/index.d.ts",
-    "sha256": "7e3817ca51f39d8321a25262201bc53df9dabe5e0aaf703bd4f0eea80e8d9bdb"
+    "sha256": "35cb3a2bc069dd75fc575330aac54f7a52ab4c529d0ba3fa01ed3b2e3be2e9ec"
   },
   {
     "path": "design-system.json",
-    "sha256": "b580314d97e4b9fea69baa73a5973e96a2474e41ded1798244bd050e90ef7a34"
+    "sha256": "953993668118d3116bae7c1304e396c404e8d42bbd0c13a293733dcc01df3c49"
   },
   {
     "path": "tokens.css",
@@ -589,6 +589,6 @@
   },
   {
     "path": "tokens.json",
-    "sha256": "1c6b2c0b9d18bcf3260d35745d9328d32f60f178c1c36462c3bca5f01e002325"
+    "sha256": "06b18a9438782c0ad85af05392f848fb60b17343be227de3a1f436152e114e8d"
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nxds/claude-design",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "nxds as a Claude Design System: tokens, a live React 18 component bundle, prop types and previews, ready to publish.",
   "keywords": [
     "nxds",

package/project/components/DatePicker/README.md

@@ -5,7 +5,7 @@ DatePicker shows a calendar grid for picking one date, a range or several dates.
 ## On the canvas
 
 ```html
-<x-import component-from-global-scope="Nxds.DatePicker" mode="single" caption-layout="dropdown"></x-import>
+<x-import component-from-global-scope="Nxds.DatePicker" role="dialog" mode="single"></x-import>
 ```
 
 Attributes set props, kebab-case to camelCase. Element content becomes `children`. An attribute holds text, so a prop that takes an element, a function or an object has no attribute.
@@ -21,15 +21,27 @@ Attributes set props, kebab-case to camelCase. Element content becomes `children
 
 | Prop | Type | Default | Control |
 | --- | --- | --- | --- |
+| `className` | `string` |  | text |
+| `id` | `string` |  | text |
+| `lang` | `string` |  | text |
+| `nonce` | `string` |  | text |
+| `style` | `React.CSSProperties` |  | none (object) |
+| `role` | `"dialog" \| "application"` |  | dropdown |
 | `mode` | `"single" \| "multiple" \| "range"` |  | dropdown |
+| `aria-label` | `string` |  | text |
+| `aria-labelledby` | `string` |  | text |
+| `footer` | `React.ReactNode` |  | none (element) |
+| `title` | `string` |  | text |
+| `animate` | `boolean` |  | toggle |
+| `autoFocus` | `boolean` |  | toggle |
+| `dir` | `string` |  | text |
+| `hidden` | `Matcher \| Matcher[]` |  | none (object) |
+| `disabled` | `Matcher \| Matcher[]` |  | none (object) |
 | `required` | `boolean` |  | toggle |
-| `className` | `string` |  | text |
 | `classNames` | `Partial<ClassNames> & Partial<DeprecatedUI<string>>` |  | none (object) |
 | `modifiersClassNames` | `ModifiersClassNames` |  | none (object) |
-| `style` | `React.CSSProperties` |  | none (object) |
 | `styles` | `Partial<Styles> & Partial<DeprecatedUI<React.CSSProperties>>` |  | none (object) |
 | `modifiersStyles` | `ModifiersStyles` |  | none (object) |
-| `id` | `string` |  | text |
 | `defaultMonth` | `Date` |  | none (object) |
 | `month` | `Date` |  | none (object) |
 | `numberOfMonths` | `number` |  | number |
@@ -52,28 +64,16 @@ Attributes set props, kebab-case to camelCase. Element content becomes `children
 | `hideWeekdays` | `boolean` |  | toggle |
 | `showOutsideDays` | `boolean` | `true` | toggle |
 | `showWeekNumber` | `boolean` |  | toggle |
-| `animate` | `boolean` |  | toggle |
 | `broadcastCalendar` | `boolean` |  | toggle |
 | `ISOWeek` | `boolean` |  | toggle |
 | `timeZone` | `string` |  | text |
 | `noonSafe` | `boolean` |  | toggle |
 | `components` | `Partial<CustomComponents>` |  | none (object) |
-| `footer` | `React.ReactNode` |  | none (element) |
-| `autoFocus` | `boolean` |  | toggle |
 | `initialFocus` | `boolean` |  | toggle |
-| `disabled` | `Matcher \| Matcher[]` |  | none (object) |
-| `hidden` | `Matcher \| Matcher[]` |  | none (object) |
 | `today` | `Date` |  | none (object) |
 | `modifiers` | `Record<string, Matcher \| Matcher[] \| undefined>` |  | none (object) |
 | `labels` | `Partial<Labels>` |  | none (object) |
 | `formatters` | `Partial<Formatters>` |  | none (object) |
-| `dir` | `string` |  | text |
-| `aria-label` | `string` |  | text |
-| `aria-labelledby` | `string` |  | text |
-| `role` | `"dialog" \| "application"` |  | dropdown |
-| `nonce` | `string` |  | text |
-| `title` | `string` |  | text |
-| `lang` | `string` |  | text |
 | `locale` | `Partial<DayPickerLocale>` |  | none (object) |
 | `numerals` | `"latn" \| "arab" \| "arabext" \| "deva" \| "geez" \| "beng" \| "guru" \| "gujr" \| "orya" \| "tamldec" \| "telu" \| "knda" \| "mlym" \| "thai" \| "mymr" \| "khmr" \| "laoo" \| "tibt"` |  | dropdown |
 | `weekStartsOn` | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6` |  | dropdown |

package/project/components/FilterBuilder/README.md

@@ -30,5 +30,6 @@ Attributes set props, kebab-case to camelCase. Element content becomes `children
 | `onValueChange` | `(value: FilterGroup) => void` |  | none (function) |
 | `disabled` | `boolean` | `false` | toggle |
 | `maxDepth` | `number` | `3` | number |
+| `aria-label` | `string` | `"Filters"` | text |
 | `className` | `string` |  | text |
 | `id` | `string` |  | text |