fix(components): Code inline style bugfix (#1803)

* fix(LP-0000): code inline bugfix

* fix(LP-0000): changeset added

* fix(components): set inline flex as default

Author: Zuzze

.changeset/cruel-hounds-win.md

@@ -0,0 +1,5 @@
+---
+"@launchpad-ui/components": patch
+---
+
+Code component inline style bug fix

packages/components/src/styles/Code.module.css

@@ -6,7 +6,7 @@
 	width: fit-content;
 	background-color: var(--lp-color-bg-ui-tertiary);
 	padding: var(--lp-spacing-100) var(--lp-spacing-200);
-	display: flex;
+	display: inline-flex;
 	border: none;
 	outline: none;
 }

packages/components/stories/Code.stories.tsx

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { Code } from '../src/Code';
+import { Text } from '../src/Text';
 
 const meta: Meta<typeof Code> = {
 	title: 'Components/Content/Code',
@@ -61,3 +62,13 @@ export const Size: Story = {
 		</div>
 	),
 };
+
+export const Inline: Story = {
+	render: () => (
+		<Text>
+			This paragraph contains inline code like <Code>const variable = "value";</Code> which should
+			flow naturally within the text. The code component should behave as an inline element, not
+			breaking the text flow.
+		</Text>
+	),
+};