@ceed/cds 1.34.1 → 1.35.0

package/dist/components/navigation/IconMenuButton.md

@@ -206,8 +206,12 @@ function ProductCard({ product, onAction }) {
 function EditorToolbar({ onAction }) {
   return (
     <Stack direction="row" gap={1} alignItems="center">
-      <IconButton onClick={() => onAction('bold')}><FormatBoldIcon /></IconButton>
-      <IconButton onClick={() => onAction('italic')}><FormatItalicIcon /></IconButton>
+      <IconButton onClick={() => onAction('bold')}>
+        <FormatBoldIcon />
+      </IconButton>
+      <IconButton onClick={() => onAction('italic')}>
+        <FormatItalicIcon />
+      </IconButton>
       <Divider orientation="vertical" />
       <IconMenuButton
         icon={<MoreHorizIcon />}
@@ -247,15 +251,19 @@ function EditorToolbar({ onAction }) {
 - **Always provide `aria-label`.** Since IconMenuButton has no visible text, screen readers rely entirely on the `aria-label` to announce the button's purpose. Include context when possible.
 
   ```tsx
-  {/* ✅ Good: Descriptive, contextual label */}
+  {
+    /* ✅ Good: Descriptive, contextual label */
+  }
   <IconMenuButton
     icon={<MoreVertIcon />}
     buttonComponentProps={{ 'aria-label': `Actions for ${item.name}` }}
     items={items}
-  />
+  />;
 
-  {/* ❌ Bad: No accessible name */}
-  <IconMenuButton icon={<MoreVertIcon />} items={items} />
+  {
+    /* ❌ Bad: No accessible name */
+  }
+  <IconMenuButton icon={<MoreVertIcon />} items={items} />;
   ```
 
 - **Use familiar icons.** Stick to universally recognized menu icons like MoreVert or MoreHoriz. Unfamiliar icons confuse users about what will happen when they click.

package/dist/components/navigation/InsetDrawer.md

@@ -29,9 +29,7 @@ function FilterDrawer() {
         <Sheet sx={{ p: 2, height: '100%' }}>
           <DialogTitle>Filters</DialogTitle>
           <ModalClose />
-          <DialogContent>
-            {/* Filter content */}
-          </DialogContent>
+          <DialogContent>{/* Filter content */}</DialogContent>
         </Sheet>
       </InsetDrawer>
     </>
@@ -98,9 +96,7 @@ function SettingsDrawer({ open, onClose }) {
               </Box>
               <Switch
                 checked={settings.notifications}
-                onChange={(e) =>
-                  setSettings({ ...settings, notifications: e.target.checked })
-                }
+                onChange={(e) => setSettings({ ...settings, notifications: e.target.checked })}
               />
             </FormControl>
             <FormControl orientation="horizontal">
@@ -110,9 +106,7 @@ function SettingsDrawer({ open, onClose }) {
               </Box>
               <Switch
                 checked={settings.darkMode}
-                onChange={(e) =>
-                  setSettings({ ...settings, darkMode: e.target.checked })
-                }
+                onChange={(e) => setSettings({ ...settings, darkMode: e.target.checked })}
               />
             </FormControl>
           </Stack>
@@ -169,7 +163,10 @@ function ActionSheet({ open, onClose, onAction }) {
             <ListItem key={action.id}>
               <ListItemButton
                 color={action.color}
-                onClick={() => { onAction(action.id); onClose(); }}
+                onClick={() => {
+                  onAction(action.id);
+                  onClose();
+                }}
               >
                 <ListItemDecorator>{action.icon}</ListItemDecorator>
                 {action.label}
@@ -231,9 +228,7 @@ function ActionSheet({ open, onClose, onAction }) {
     <DialogTitle>Title</DialogTitle>
     <ModalClose />
   </Box>
-  <DialogContent sx={{ flex: 1, overflow: 'auto', p: 2 }}>
-    {/* Scrollable content */}
-  </DialogContent>
+  <DialogContent sx={{ flex: 1, overflow: 'auto', p: 2 }}>{/* Scrollable content */}</DialogContent>
   <Box sx={{ p: 2, borderTop: '1px solid', borderColor: 'divider' }}>
     <Button>Save</Button>
   </Box>

package/dist/components/navigation/Link.md

@@ -109,8 +109,7 @@ Links integrate seamlessly within paragraph text, inheriting the surrounding fon
 function ArticleContent() {
   return (
     <Typography level="body-md">
-      For more information, visit our{' '}
-      <Link href="/services">services page</Link> or read the{' '}
+      For more information, visit our <Link href="/services">services page</Link> or read the{' '}
       <Link href="/faq">frequently asked questions</Link>.
     </Typography>
   );