fix: isUnit

Author: hymhub

npm/CssToTailwindTranslator.ts

@@ -187,6 +187,9 @@ const isColor = (str: string, joinLinearGradient = false) => {
 }
 
 const isUnit = (str: string) => {
+  if (str.length > 0) {
+    return true
+  }
   return [
     'em', 'ex', 'ch', 'rem', 'vw', 'vh', 'vmin', 'vmax',
     'cm', 'mm', 'in', 'pt', 'pc', 'px', 'min-content', 'max-content', 'fit-content',
@@ -2100,7 +2103,9 @@ let moreDefaultValuesMap: Record<string, Record<string, string>> = {
     'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace': 'font-mono',
   },
   'font-weight': {
-    "100": "font-thin", "200": "font-extralight", "300": "font-light", "400": "font-normal", "500": "font-medium", "600": "font-semibold", "700": "font-bold", "800": "font-extrabold", "900": "font-black"
+    "100": "font-thin", "200": "font-extralight", "300": "font-light", "400": "font-normal", "500": "font-medium", "600": "font-semibold", "700": "font-bold", "800": "font-extrabold", "900": "font-black",
+    "normal": "font-normal",
+    "bold": "font-bold",
   },
   'line-height': {
     "1": "leading-none", "2": "leading-loose", ".75rem": "leading-3", "1rem": "leading-4", "1.25rem": "leading-5", "1.5rem": "leading-6", "1.75rem": "leading-7", "2rem": "leading-8", "2.25rem": "leading-9", "2.5rem": "leading-10", "1.25": "leading-tight", "1.375": "leading-snug", "1.5": "leading-normal", "1.625": "leading-relaxed"

npm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-to-tailwind-translator",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "Convert CSS code to Tailwindcss syntax in real time",
   "scripts": {},
   "repository": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-to-tailwind",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -15,7 +15,7 @@
     "@monaco-editor/react": "^4.4.6",
     "clipboard": "^2.0.11",
     "clsx": "^1.2.1",
-    "css-to-tailwind-translator": "^1.2.5",
+    "css-to-tailwind-translator": "^1.2.6",
     "next": "13.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",

pages/index.tsx

@@ -184,6 +184,9 @@ export default function Home() {
           onChange={handleChange}
           value={''}
           onMount={handleEditorDidMount}
+          loading={
+            <div className="text-[#111827] dark:text-[#abb2bf] text-[37px]">Loading...</div>
+          }
           options={{
             fontSize: 18
           }}