From 4e69255d0de6445ad3f4f9b3c8919f4a44495975 Mon Sep 17 00:00:00 2001 From: sadeghbarati Date: Sat, 27 Jan 2024 15:24:47 +0330 Subject: [PATCH] chore: copy --- .../utils/transformers/transform-css-vars.ts | 21 +++++++++---------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/packages/cli/src/utils/transformers/transform-css-vars.ts b/packages/cli/src/utils/transformers/transform-css-vars.ts index 204f7d68..c9de5402 100644 --- a/packages/cli/src/utils/transformers/transform-css-vars.ts +++ b/packages/cli/src/utils/transformers/transform-css-vars.ts @@ -88,29 +88,28 @@ export function applyColorMapping( if (input.includes(' border ')) input = input.replace(' border ', ' border border-border ') - // Build color mappings. const classNames = input.split(' ') - const lightMode: string[] = [] - const darkMode: string[] = [] + const lightMode = new Set() + const darkMode = new Set() for (const className of classNames) { const [variant, value, modifier] = splitClassName(className) const prefix = PREFIXES.find(prefix => value?.startsWith(prefix)) if (!prefix) { - if (!lightMode.includes(className)) - lightMode.push(className) + if (!lightMode.has(className)) + lightMode.add(className) continue } const needle = value?.replace(prefix, '') if (needle && needle in mapping.light) { - lightMode.push( + lightMode.add( [variant, `${prefix}${mapping.light[needle]}`] .filter(Boolean) .join(':') + (modifier ? `/${modifier}` : ''), ) - darkMode.push( + darkMode.add( ['dark', variant, `${prefix}${mapping.dark[needle]}`] .filter(Boolean) .join(':') + (modifier ? `/${modifier}` : ''), @@ -118,9 +117,9 @@ export function applyColorMapping( continue } - if (!lightMode.includes(className)) - lightMode.push(className) + if (!lightMode.has(className)) + lightMode.add(className) } - const combined = `${lightMode.join(' ').replace(/\'/g, '')} ${darkMode.join(' ').trim()}`.trim() - return `${combined}` + + return [...Array.from(lightMode), ...Array.from(darkMode)].join(' ').trim() }