@ceed/cds 1.15.0-next.8 → 1.15.0

package/dist/components/FilterableCheckboxGroup/FilterableCheckboxGroup.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface FilterableCheckboxGroupOption {
     value: string;
     label: string;
+    disabled?: boolean;
 }
 export type FilterableCheckboxGroupProps = {
     value?: string[];
@@ -13,6 +14,7 @@ export type FilterableCheckboxGroupProps = {
     required?: boolean;
     onChange?: (value: string[]) => void;
     maxHeight?: string | number;
+    disabled?: boolean;
 };
 declare function FilterableCheckboxGroup(props: FilterableCheckboxGroupProps): React.JSX.Element;
 declare namespace FilterableCheckboxGroup {

package/dist/components/Pagination/Pagination.d.ts

@@ -21,7 +21,6 @@ interface PaginationProps extends React.ComponentProps<typeof PaginationRoot> {
     rowCount: number;
     onPageChange: (newPage: number) => void;
     size?: 'sm' | 'md' | 'lg';
-    variant?: 'standard' | 'compact';
 }
 declare function Pagination(props: PaginationProps): React.JSX.Element;
 declare namespace Pagination {

package/dist/components/inputs/FilterableCheckboxGroup.md

@@ -161,6 +161,18 @@ function MyComponent() {
 
 ```tsx
 <Stack spacing={2}>
+  <Stack direction="row" spacing={1}>
+    <button type="button" onClick={() => {
+      setOptions([...options, {
+        value: `new-${Date.now()}`,
+        label: `New Item ${options.length - 11}`
+      }]);
+    }} style={{
+      padding: '4px 12px',
+      cursor: 'pointer'
+    }}>
+    Add New Option
+  </button>
   <button type="button" onClick={() => {
     setKey(prev => prev + 1);
   }} style={{
@@ -169,11 +181,12 @@ function MyComponent() {
   }}>
   Force Re-render
 </button>
-<FilterableCheckboxGroup key={key} label="Sorting Demo" placeholder="Search..." helperText="Initial sort: Selected (C,B,A,3,2,1) first, then unselected (X,Y,Z,7,8,9)" options={sortingOptions} value={value} onChange={setValue} />
+</Stack>
+<FilterableCheckboxGroup key={key} label="Sorting Demo" placeholder="Search..." helperText="Click 'Add New Option' to test sorting when options change" options={options} value={value} onChange={setValue} />
 <Typography level="body-sm" sx={{
   whiteSpace: 'pre-line'
 }}>
-{`Selected: ${value.length > 0 ? value.join(', ') : 'None'}\n\nClick "Force Re-render" button to remount the component.\nOrder should remain the same (sorted only on initial mount).`}
+{`Selected: ${value.length > 0 ? value.join(', ') : 'None'}\n\nOptions count: ${options.length}\n\n- Add New Option: Add new item to test sorting when options change\n- Force Re-render: Remount component to test initial sorting\n\nAlphabet items (A-Z) appear first, then numbers (1-9).`}
 </Typography>
 </Stack>
 ```

package/dist/components/navigation/Pagination.md

@@ -2,8 +2,8 @@
 
 ## Introduction
 
-```
-<Canvas of={Pagination.Default} />
+```text
+// Unable to derive source for Default
 ```
 
 | Field                        | Description | Default |