fix: docs

src/components/dyne-code-editor/dyne-code-editor.mdx

@@ -4,27 +4,9 @@ import * as DyneCodeEditor from './dyne-code-editor.stories';
 
 <Meta of={DyneCodeEditor} />
 
-# Buttons help dyners initiate actions, from encrypt an email, to signa a document, to liking a post.
+# Code Editor
 
-Buttons have label text that describes the **action that will occur** if a user taps a button.
-
-An icon may optionally be added to a button to **help communicate the button's action** and help draw attention.
-
-Buttons are often used for form submissions and to toggle elements into view.
-
-## Emphasis
-
-Buttons can have different level of emphasis based on the importance of the action that one dyner need to aim in the context.
-
-1. **High** emphasis — For the primary, most important, or most common action on a screen
-1. **Moderate** emphasis — For important actions that don’t distract from other onscreen elements
-1. **Slight** emphasis — For optional or supplementary actions with the least amount of prominence
-
-The component comes in different variants such as `primary`, `secondary`, `large` and `small` which you can use to alter the look and feel of the button.
-
-## Inputs
-
-Button has the following properties:
+A simple code editor, based on CodeMirror.
 
 <Primary />
 

src/components/dyne-code-editor/dyne-code-editor.stories.ts

@@ -2,13 +2,13 @@ import type { Components } from '@/src/components';
 import { Meta, StoryObj } from '@storybook/html';
 
 const meta = {
-  title: 'Design System/Atoms/Slangroom Editor',
-  component: 'dyne-slangroom-editor',
-  render: () => `<dyne-slangroom-editor></dyne-slangroom-editor>`,
-} satisfies Meta<Components.DyneSlangroomEditor>;
+  title: 'Components/Code Editor',
+  component: 'dyne-code-editor',
+  render: () => `<dyne-code-editor></dyne-code-editor>`,
+} satisfies Meta<Components.DyneCodeEditor>;
 
 export default meta;
-type Story = StoryObj<Components.DyneSlangroomEditor>;
+type Story = StoryObj<Components.DyneCodeEditor>;
 
 export const Defaults: Story = {
   args: {},

src/components/dyne-slangroom-editor/dyne-slangroom-editor.mdx

@@ -4,27 +4,9 @@ import * as DyneSlangroomEditor from './dyne-slangroom-editor.stories';
 
 <Meta of={DyneSlangroomEditor} />
 
-# Buttons help dyners initiate actions, from encrypt an email, to signa a document, to liking a post.
+# Slangroom IDE
 
-Buttons have label text that describes the **action that will occur** if a user taps a button.
-
-An icon may optionally be added to a button to **help communicate the button's action** and help draw attention.
-
-Buttons are often used for form submissions and to toggle elements into view.
-
-## Emphasis
-
-Buttons can have different level of emphasis based on the importance of the action that one dyner need to aim in the context.
-
-1. **High** emphasis — For the primary, most important, or most common action on a screen
-1. **Moderate** emphasis — For important actions that don’t distract from other onscreen elements
-1. **Slight** emphasis — For optional or supplementary actions with the least amount of prominence
-
-The component comes in different variants such as `primary`, `secondary`, `large` and `small` which you can use to alter the look and feel of the button.
-
-## Inputs
-
-Button has the following properties:
+A full-fledged Slangroom code editor, with autocompletion and syntax highlight.
 
 <Primary />