fixing helper

shannonhochkins · Nov 8, 2023 · 2c5fc49 · 2c5fc49
1 parent fe03c30
commit 2c5fc49
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/components/src/ThemeProvider/helpers.ts b/packages/components/src/ThemeProvider/helpers.ts
@@ -0,0 +1,16 @@
+import { isObject, isNumber, kebabCase } from "lodash";
+import { NAMESPACE } from "./constants";
+
+
+export function convertToCssVars(obj: object, prefix = "") {
+  return Object.entries(obj)
+    .reduce((acc, [key, value]): string => {
+      const name = `${prefix ? `${prefix}-` : ""}${kebabCase(key)}`;
+      return `
+      ${acc}
+      ${isObject(value) ? convertToCssVars(value, name) : `--${NAMESPACE}-${name}: ${isNumber(value) ? `${value}` : value};`}
+    `;
+    }, "")
+    .replace(/^\s*[\r\n]/gm, "");
+}
+