From e586d7d704d475afe3373a1de6ae20d504f79d6d Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 5 Jun 2025 14:25:23 +0000
Subject: Sync from a8e1c0a7402940e0fc5beef669522b315052df1b

---
 .../src/html/css/parse-inline-css-to-react.ts      | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts

(limited to 'packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts')

diff --git a/packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts b/packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts
new file mode 100644
index 000000000..c35376641
--- /dev/null
+++ b/packages/integrations/markdoc/src/html/css/parse-inline-css-to-react.ts
@@ -0,0 +1,24 @@
+import { styleToObject } from './style-to-object.js';
+
+export function parseInlineCSSToReactLikeObject(
+	css: string | undefined | null,
+): React.CSSProperties | undefined {
+	if (typeof css === 'string') {
+		const cssObject: Record<string, string> = {};
+		styleToObject(css, (originalCssDirective: string, value: string) => {
+			const reactCssDirective = convertCssDirectiveNameToReactCamelCase(originalCssDirective);
+			cssObject[reactCssDirective] = value;
+		});
+		return cssObject;
+	}
+
+	return undefined;
+}
+
+function convertCssDirectiveNameToReactCamelCase(original: string): string {
+	// capture group 1 is the character to capitalize, the hyphen is omitted by virtue of being outside the capture group
+	const replaced = original.replace(/-([a-z\d])/gi, (_match, char) => {
+		return char.toUpperCase();
+	});
+	return replaced;
+}
-- 
cgit v1.2.3