Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-20 11:41:44 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: use khebab case

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-12-11 15:55:35 +00:00
parent 50a7b59371
commit 4f822414cf
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/app/embed/css-vars.ts
View File

@ -1,4 +1,5 @@
import { colord } from 'colord'; import { colord } from 'colord';
import { toKebabCase } from 'remeda';
import { z } from 'zod'; import { z } from 'zod';
export const ZCssVarsSchema = z export const ZCssVarsSchema = z
@ -46,9 +47,7 @@ export const toNativeCssVars = (vars: TCssVarsSchema) => {
const color = colord(value); const color = colord(value);
const { h, s, l } = color.toHsl(); const { h, s, l } = color.toHsl();
// Convert camelCase to kebab-case (e.g., mutedForeground -> muted-foreground) cssVars[`--${toKebabCase(key)}`] = `${h} ${s} ${l}`;
const kebabKey = key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
cssVars[`--${kebabKey}`] = `${h} ${s} ${l}`;
} }
} }