@ceed/ads 1.37.0-next.1 → 1.37.1
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/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/FilterableCheckboxGroup/FilterableCheckboxGroup.d.ts +1 -1
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/ProfileMenu/ProfileMenu.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +9 -1
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +0 -20
- package/dist/components/data-display/Avatar.md +1 -1
- package/dist/components/data-display/Badge.md +1 -1
- package/dist/components/data-display/Chip.md +1 -1
- package/dist/components/data-display/Table.md +1 -1
- package/dist/components/data-display/Tooltip.md +1 -1
- package/dist/components/feedback/Alert.md +1 -1
- package/dist/components/feedback/CircularProgress.md +2 -2
- package/dist/components/feedback/Modal.md +1 -1
- package/dist/components/inputs/Autocomplete.md +1 -1
- package/dist/components/inputs/Button.md +2 -2
- package/dist/components/inputs/ButtonGroup.md +2 -2
- package/dist/components/inputs/Checkbox.md +2 -2
- package/dist/components/inputs/CurrencyInput.md +2 -2
- package/dist/components/inputs/FilterableCheckboxGroup.md +1 -1
- package/dist/components/inputs/FormControl.md +1 -1
- package/dist/components/inputs/IconButton.md +2 -2
- package/dist/components/inputs/Input.md +2 -2
- package/dist/components/inputs/PercentageInput.md +2 -2
- package/dist/components/inputs/RadioButton.md +2 -2
- package/dist/components/inputs/RadioList.md +2 -2
- package/dist/components/inputs/Select.md +76 -21
- package/dist/components/inputs/Slider.md +2 -2
- package/dist/components/inputs/Switch.md +1 -1
- package/dist/components/inputs/Textarea.md +2 -2
- package/dist/components/inputs/Uploader/Uploader.md +1 -1
- package/dist/components/navigation/IconMenuButton.md +1 -1
- package/dist/components/navigation/Menu.md +1 -1
- package/dist/components/navigation/MenuButton.md +1 -1
- package/dist/components/navigation/Pagination.md +1 -1
- package/dist/components/navigation/ProfileMenu.md +2 -2
- package/dist/components/navigation/Tabs.md +1 -1
- package/dist/components/surfaces/Accordions.md +1 -1
- package/dist/components/surfaces/Card.md +2 -2
- package/dist/index.browser.js +4 -4
- package/dist/index.browser.js.map +3 -3
- package/dist/index.cjs +248 -350
- package/dist/index.js +57 -159
- package/framer/index.js +1 -1
- package/package.json +2 -3
|
@@ -355,7 +355,7 @@ function GalleryUpload({ existingImages }) {
|
|
|
355
355
|
| `error` | `boolean` | `false` | Applies error styling |
|
|
356
356
|
| `disabled` | `boolean` | `false` | Disables the uploader |
|
|
357
357
|
| `name` | `string` | - | HTML name attribute for form submission |
|
|
358
|
-
| `size` | `'sm' \| 'md'` | `'
|
|
358
|
+
| `size` | `'sm' \| 'md'` | `'md'` | Uploader size |
|
|
359
359
|
|
|
360
360
|
## Accessibility
|
|
361
361
|
|
|
@@ -233,7 +233,7 @@ function EditorToolbar({ onAction }) {
|
|
|
233
233
|
| ---------------------- | ---------------------------------------------------------------------- | ----------- | -------------------------------------------- |
|
|
234
234
|
| `icon` | `ReactNode` | (required) | Icon element to render in the trigger button |
|
|
235
235
|
| `items` | `{ text: string; component?: ElementType; componentProps?: object }[]` | - | Menu items |
|
|
236
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
236
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Button size |
|
|
237
237
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Button color |
|
|
238
238
|
| `variant` | `'solid' \| 'soft' \| 'outlined' \| 'plain'` | `'plain'` | Button visual style |
|
|
239
239
|
| `disabled` | `boolean` | `false` | Disables the button |
|
|
@@ -844,7 +844,7 @@ Menu can contain non-MenuItem elements like Box, Typography, and progress indica
|
|
|
844
844
|
| `open` | `boolean` | - | Controlled open state |
|
|
845
845
|
| `onClose` | `() => void` | - | Callback when the menu closes |
|
|
846
846
|
| `placement` | `Placement` | `'bottom-start'` | Menu position relative to trigger |
|
|
847
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
847
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Menu size |
|
|
848
848
|
| `variant` | `'solid' \| 'soft' \| 'outlined' \| 'plain'` | `'outlined'` | Visual style |
|
|
849
849
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Color scheme |
|
|
850
850
|
| `sx` | `SxProps` | - | Custom styles |
|
|
@@ -238,7 +238,7 @@ function ToolbarActions({ selectedItems, onAction }) {
|
|
|
238
238
|
| `buttonText` | `string` | (required) | Text displayed in the trigger button |
|
|
239
239
|
| `items` | `{ text: string; onClick?: () => void }[]` | (required) | Menu item list |
|
|
240
240
|
| `variant` | `'solid' \| 'soft' \| 'outlined' \| 'plain'` | `'outlined'` | Button visual style |
|
|
241
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
241
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Button size |
|
|
242
242
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Button color |
|
|
243
243
|
| `disabled` | `boolean` | `false` | Disables the button |
|
|
244
244
|
| `startDecorator` | `ReactNode` | - | Content before button text |
|
|
@@ -231,7 +231,7 @@ function URLPaginatedList() {
|
|
|
231
231
|
| `defaultPaginationModel` | `{ page: number; pageSize: number }` | `{ page: 1, pageSize: 25 }` | Initial pagination state |
|
|
232
232
|
| `rowCount` | `number` | (required) | Total number of rows |
|
|
233
233
|
| `onPageChange` | `(newPage: number) => void` | (required) | Callback when page changes |
|
|
234
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
234
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Pagination control size |
|
|
235
235
|
| `variant` | `'standard' \| 'compact'` | `'standard'` | Pagination display mode |
|
|
236
236
|
|
|
237
237
|
## Best Practices
|
|
@@ -170,7 +170,7 @@ Profile card without any action menu items. The dropdown displays only the user
|
|
|
170
170
|
|
|
171
171
|
## Sizes
|
|
172
172
|
|
|
173
|
-
ProfileMenu supports `
|
|
173
|
+
ProfileMenu supports `md` (default) and `sm` size variants for use in different layout densities.
|
|
174
174
|
|
|
175
175
|
```tsx
|
|
176
176
|
<Stack direction="row" gap="150px">
|
|
@@ -405,7 +405,7 @@ function OrgProfileMenu({ user, organization }) {
|
|
|
405
405
|
| `defaultOpen` | `boolean` | `false` | Initial open state (uncontrolled) |
|
|
406
406
|
| `onOpenChange` | `(open: boolean) => void` | - | Callback when open state changes |
|
|
407
407
|
| `getInitial` | `(name: string) => string` | First character | Custom function to extract initials from name |
|
|
408
|
-
| `size` | `'sm' \| 'md'` | `'
|
|
408
|
+
| `size` | `'sm' \| 'md'` | `'md'` | Component size |
|
|
409
409
|
|
|
410
410
|
## Best Practices
|
|
411
411
|
|
|
@@ -368,7 +368,7 @@ function SidebarTabs() {
|
|
|
368
368
|
| `defaultValue` | `string \| number` | - | Initial active tab (uncontrolled) |
|
|
369
369
|
| `onChange` | `(event, value) => void` | - | Callback when active tab changes |
|
|
370
370
|
| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Tab layout direction |
|
|
371
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
371
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Tab size |
|
|
372
372
|
| `variant` | `'solid' \| 'soft' \| 'outlined' \| 'plain'` | `'plain'` | Visual style |
|
|
373
373
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Color scheme |
|
|
374
374
|
| `sx` | `SxProps` | - | Custom styles |
|
|
@@ -615,7 +615,7 @@ function MultiSectionForm({ onSubmit }) {
|
|
|
615
615
|
| Prop | Type | Default | Description |
|
|
616
616
|
| ---------------- | -------------------------------------------------------------- | ----------- | ------------------------------------------------- |
|
|
617
617
|
| `items` | `Array<{ summary: string; details: ReactNode }>` | - | Array of accordion items with headers and content |
|
|
618
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
618
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Size of the accordion |
|
|
619
619
|
| `variant` | `'plain' \| 'outlined' \| 'soft' \| 'solid'` | `'plain'` | Visual style variant |
|
|
620
620
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Color theme |
|
|
621
621
|
| `disableDivider` | `boolean` | `false` | Remove divider lines between items |
|
|
@@ -127,7 +127,7 @@ Apply a color scheme to match your UI context.
|
|
|
127
127
|
|
|
128
128
|
## Sizes
|
|
129
129
|
|
|
130
|
-
Three sizes control the card's internal padding: `sm` (default),
|
|
130
|
+
Three sizes control the card's internal padding: `sm`, `md` (default), and `lg`.
|
|
131
131
|
|
|
132
132
|
```tsx
|
|
133
133
|
<Stack direction="row" spacing={2} alignItems="flex-start" flexWrap="wrap">
|
|
@@ -1306,7 +1306,7 @@ A social-media-style card with avatar, text, inline image, and engagement button
|
|
|
1306
1306
|
| ---------------- | -------------------------------------------------------------- | ------------ | -------------------------------------------------------- |
|
|
1307
1307
|
| `children` | `ReactNode` | - | Card content (CardContent, CardCover, CardActions, etc.) |
|
|
1308
1308
|
| `variant` | `'solid' \| 'soft' \| 'outlined' \| 'plain'` | `'outlined'` | Visual style |
|
|
1309
|
-
| `size` | `'sm' \| 'md' \| 'lg'` | `'
|
|
1309
|
+
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Card size (affects padding) |
|
|
1310
1310
|
| `color` | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'` | `'neutral'` | Color scheme |
|
|
1311
1311
|
| `orientation` | `'horizontal' \| 'vertical'` | `'vertical'` | Card layout direction |
|
|
1312
1312
|
| `invertedColors` | `boolean` | `false` | Invert child component colors |
|