@ceed/cds 1.34.1 → 1.35.0

package/dist/components/feedback/CircularProgress.md

@@ -33,10 +33,10 @@ CircularProgress supports three sizes: `sm`, `md` (default), and `lg`.
 
 ```tsx
 <>
-  <CircularProgress size="sm" />
-  <CircularProgress size="md" />
-  <CircularProgress size="lg" />
-</>
+    <CircularProgress size="sm" />
+    <CircularProgress size="md" />
+    <CircularProgress size="lg" />
+  </>
 ```
 
 ```tsx
@@ -51,12 +51,12 @@ Five semantic colors are available via the `color` prop. The default is `primary
 
 ```tsx
 <>
-  <CircularProgress color="primary" />
-  <CircularProgress color="neutral" />
-  <CircularProgress color="danger" />
-  <CircularProgress color="success" />
-  <CircularProgress color="warning" />
-</>
+    <CircularProgress color="primary" />
+    <CircularProgress color="neutral" />
+    <CircularProgress color="danger" />
+    <CircularProgress color="success" />
+    <CircularProgress color="warning" />
+  </>
 ```
 
 ```tsx
@@ -73,11 +73,11 @@ Four visual variants are supported: `solid`, `soft` (default), `outlined`, and `
 
 ```tsx
 <>
-  <CircularProgress variant="solid" />
-  <CircularProgress variant="soft" />
-  <CircularProgress variant="outlined" />
-  <CircularProgress variant="plain" />
-</>
+    <CircularProgress variant="solid" />
+    <CircularProgress variant="soft" />
+    <CircularProgress variant="outlined" />
+    <CircularProgress variant="plain" />
+  </>
 ```
 
 ```tsx
@@ -93,11 +93,11 @@ Set `determinate` to `true` and provide a `value` (0–100) to display specific
 
 ```tsx
 <>
-  <CircularProgress determinate value={25} />
-  <CircularProgress determinate value={50} />
-  <CircularProgress determinate value={75} />
-  <CircularProgress determinate value={100} />
-</>
+    <CircularProgress determinate value={25} />
+    <CircularProgress determinate value={50} />
+    <CircularProgress determinate value={75} />
+    <CircularProgress determinate value={100} />
+  </>
 ```
 
 ```tsx
@@ -113,8 +113,8 @@ Pass children to display a label inside the progress ring. This is useful for sh
 
 ```tsx
 <CircularProgress determinate value={66}>
-  <Typography level="body-xs">66%</Typography>
-</CircularProgress>
+    <Typography level="body-xs">66%</Typography>
+  </CircularProgress>
 ```
 
 ```tsx
@@ -129,13 +129,11 @@ Use CircularProgress inside a Button to indicate a loading state.
 
 ```tsx
 <>
-  <Button startDecorator={<CircularProgress variant="solid" size="sm" />}>
-    Loading…
-  </Button>
-  <Button disabled>
-    <CircularProgress variant="soft" size="sm" />
-  </Button>
-</>
+    <Button startDecorator={<CircularProgress variant="solid" size="sm" />}>Loading…</Button>
+    <Button disabled>
+      <CircularProgress variant="soft" size="sm" />
+    </Button>
+  </>
 ```
 
 ```tsx
@@ -154,10 +152,10 @@ Control the stroke thickness of the progress ring with the `thickness` prop.
 
 ```tsx
 <>
-  <CircularProgress thickness={2} />
-  <CircularProgress thickness={4} />
-  <CircularProgress thickness={8} />
-</>
+    <CircularProgress thickness={2} />
+    <CircularProgress thickness={4} />
+    <CircularProgress thickness={8} />
+  </>
 ```
 
 ```tsx
@@ -216,9 +214,7 @@ function SubmitButton({ isSubmitting }: { isSubmitting: boolean }) {
   return (
     <Button
       disabled={isSubmitting}
-      startDecorator={
-        isSubmitting ? <CircularProgress variant="solid" size="sm" /> : null
-      }
+      startDecorator={isSubmitting ? <CircularProgress variant="solid" size="sm" /> : null}
     >
       {isSubmitting ? 'Submitting…' : 'Submit'}
     </Button>

package/dist/components/feedback/Dialog.md

@@ -87,9 +87,9 @@ Dialog with form inputs and keyboard event handling.
 
 ```tsx
 <DialogFrame {...args} title="Dialog Title" actions={<Button variant="plain">Action</Button>}>
-Dialog Content
-<Input />
-</DialogFrame>
+    Dialog Content
+    <Input />
+  </DialogFrame>
 ```
 
 ### Standalone Usage
@@ -106,20 +106,28 @@ DialogFrame can be used without a Modal wrapper for embedding dialog-style layou
 > DialogFrame inherits its dimensions from `ModalDialog`, which normally receives sizing from the Modal overlay. Without these constraints, the component will not render with correct dimensions.
 
 ```tsx
-<Box sx={{
-  position: 'relative',
-  width: 480,
-  height: 300
-}}>
-<DialogFrame {...args} title="Standalone Dialog" actions={<>
-  <Button variant="plain" color="neutral">
-    Cancel
-  </Button>
-  <Button variant="plain">Confirm</Button>
-</>}>
-DialogFrame used without Modal. The parent container must provide explicit width and height.
-</DialogFrame>
-</Box>
+<Box
+    sx={{
+      position: "relative",
+      width: 480,
+      height: 300
+    }}
+  >
+    <DialogFrame
+      {...args}
+      title="Standalone Dialog"
+      actions={
+        <>
+          <Button variant="plain" color="neutral">
+            Cancel
+          </Button>
+          <Button variant="plain">Confirm</Button>
+        </>
+      }
+    >
+      DialogFrame used without Modal. The parent container must provide explicit width and height.
+    </DialogFrame>
+  </Box>
 ```
 
 ```tsx