radix-ui-themes-with-tailwind
Version:
Tailwind plugin for Radix Themes
1 lines • 22.8 kB
Source Map (JSON)
{"version":3,"sources":["../src/index.ts"],"names":["colors"],"mappings":"AAAA,OAAO,YAAY;AACnB,YAAY,YAAY;AACxB,YAAY,gBAAgB;AAErB,MAAM,mBAA6B,CAAC;AACpC,MAAM,iBAA2B,CAAC;AACzC,MAAM,mBAAmB;AAGzB,WAAW,yBAAyB,IAAI,CAAC,UAAU;AACjD,mBAAiB,KAAK,GAAG,MAAM,OAAO,OAAO,CAAC,UAAU,UAAU,MAAM,CAAC;AAC3E,CAAC;AACD,WAAW,uBAAuB,IAAI,CAAC,UAAU;AAC/C,iBAAe,KAAK,GAAG,MAAM,OAAO,OAAO,CAAC,UAAU,UAAU,MAAM,CAAC;AACzE,CAAC;AAEM,SAAS,kBACd,QACA,uBACA,OACiB;AACjB,QAAM,MAA8B;AAAA,IAClC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,MAAI,CAAC,uBAAuB;AAC1B,WAAO,QAAQ,SAAS,MAAM;AAAA,EAChC;AAEA,SAAO,QAAU,IAAI,MAAM,IAAI,MAAmB,IAAI,MAAM;AAC9D;AAEO,MAAM,sBAAsB,CACjC,OACA,OACA,0BACG;AACH,QAAMA,UAAS,MAAM,KAAK,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE;AAAA,IACxD,CAAC,KAAK,GAAG,MAAM;AACb,UACE;AAAA,QACG,IAAI;AAAA,QACL;AAAA,QACA;AAAA,MACF,CACF,IAAI,SAAS,KAAK,IAAI,QAAQ,MAAM,EAAE,GAAG,IAAI,CAAC;AAC9C,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,OAAO;AACV,IAAAA,QACE,GAAG,kBAAkB,GAAG,uBAAuB,KAAK,CAAC,WACvD,IAAI,SAAS,KAAK;AAClB,IAAAA,QAAO,SAAS,IAAI,SAAS,KAAK;AAClC,IAAAA,QAAO,SAAS,IAAI,SAAS,KAAK;AAClC,QAAI,UAAU,UAAU;AACtB,MAAAA,QAAO,SAAS,IAAI;AAAA,IACtB;AAAA,EACF;AAEA,SAAOA;AACT;AAQO,MAAM,2BAGT;AAAA,EACF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR;AAEA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,SAAS,mBACd,QACA,uBACiB;AACjB,SAAO,wBAAwB,yBAAyB,MAAM,IAAI;AACpE;AAQA,MAAM,mBAAmB,OAAO;AAAA,EAC9B,CAAC,CAAC,MAA+B;AAC/B,WAAO,CAAC,EAAE,QAAQ,MAAM;AACtB,cAAQ;AAAA,QACN,KAAK;AAAA,UACH,cAAc;AAAA,QAChB;AAAA,QACA,cAAc;AAAA,UACZ,QAAQ;AAAA,UACR,0BAA0B;AAAA,UAC1B,2BAA2B;AAAA,QAC7B;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,eACE;AAAA,QACJ;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,QACA,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,UACE;AAAA,UACF,eACE;AAAA,UACF,YAAY;AAAA,QACd;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACA,CAAC;AAAA,IACC,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,IACzB,2BAA2B;AAAA,EAC7B,MAA+B;AAC7B,aAAS,uBAAuB,WAAmB;AACjD,YAAM,IAAI;AAAA,QACR,GAAG,oBAAoB,WAAW,OAAO,qBAAqB;AAAA,QAC9D,GAAG,oBAAoB,WAAW,MAAM,qBAAqB;AAAA,MAC/D;AAEA,UAAI,eAAe,SAAS,SAAS,GAAG;AACtC,UACE,GAAG,kBAAkB,GAAG,uBAAuB,KAAK,CAAC,cACvD,IAAI,SAAS,SAAS;AAAA,MACxB;AAEA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,GAAG,kBAAkB,GAAG,cAAc,EAAE,OAE9D,CAAC,KAAK,cAAc;AACpB,UAAI,SAAS,IAAI,EAAE,GAAG,uBAAuB,SAAS,EAAE;AACxD,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAEL,QAAI,kCAAkC,CAAC;AACvC,QAAI,OAAO,6BAA6B,WAAW;AACjD,wCAAkC;AAAA,QAChC,MAAM,uBAAuB,MAAM;AAAA,QACnC,SAAS,uBAAuB,MAAM;AAAA,QACtC,OAAO,uBAAuB,OAAO;AAAA,QACrC,SAAS,uBAAuB,OAAO;AAAA,QACvC,SAAS,uBAAuB,MAAM;AAAA,QACtC,MAAM,uBAAuB,SAAS;AAAA,MACxC;AAAA,IACF,WAAW,OAAO,6BAA6B,UAAU;AACvD,wCAAkC;AAAA,QAChC,MACE,OAAO,yBAAyB,MAAM,MAAM,WACxC,uBAAuB,yBAAyB,MAAM,CAAC,IACvD,yBAAyB,MAAM;AAAA,QACrC,SACE,OAAO,yBAAyB,SAAS,MAAM,WAC3C,uBAAuB,yBAAyB,SAAS,CAAC,IAC1D,yBAAyB,SAAS;AAAA,QACxC,OACE,OAAO,yBAAyB,OAAO,MAAM,WACzC,uBAAuB,yBAAyB,OAAO,CAAC,IACxD,yBAAyB,OAAO;AAAA,QACtC,SACE,OAAO,yBAAyB,SAAS,MAAM,WAC3C,uBAAuB,yBAAyB,SAAS,CAAC,IAC1D,yBAAyB,SAAS;AAAA,QACxC,SACE,OAAO,yBAAyB,SAAS,MAAM,WAC3C,uBAAuB,yBAAyB,SAAS,CAAC,IAC1D,yBAAyB,SAAS;AAAA,QACxC,MACE,OAAO,yBAAyB,MAAM,MAAM,WACxC,uBAAuB,yBAAyB,MAAM,CAAC,IACvD,yBAAyB,MAAM;AAAA,MACvC;AAAA,IACF;AAEA,WAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,UACR,IAAI;AAAA,YACF;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,IAAI;AAAA,YACF;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,MAAM;AAAA,YACJ;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,IAAI;AAAA,YACF;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,IAAI;AAAA,YACF;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA;AAAA,cACE,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY;AAAA,UACV,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,OAAO;AAAA,QACT;AAAA,QACA,eAAe;AAAA,UACb,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,SAAS;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,YAAY;AAAA,UACV,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,QACA,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,SAAS;AAAA,UACT,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,GAAG;AAAA,UACjD,MAAM;AAAA,QACR;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,aAAa;AAAA,UACb,SAAS;AAAA,UACT,OAAO,OAAO;AAAA,UACd,OAAO,OAAO;AAAA,UACd,YAAY;AAAA,UACZ,SAAS;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT,OAAO;AAAA,YACL,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AAAA,UACA,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,uBAAuB,QAAQ;AAAA,UACvC,MAAM,uBAAuB,MAAM;AAAA,QACrC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,cAAQ","sourcesContent":["import plugin from \"tailwindcss/plugin\";\nimport * as colors from \"tailwindcss/colors\";\nimport * as radixTheme from \"@radix-ui/themes\";\n\nexport const accentColorNames: string[] = [];\nexport const grayColorNames: string[] = [];\nconst radixColorScales = 12;\ntype RadixColorScales = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nradixTheme.themeAccentColorsGrouped.map((group) => {\n accentColorNames.push(...group.values.filter((color) => color !== \"gray\"));\n});\nradixTheme.themeGrayColorsGrouped.map((group) => {\n grayColorNames.push(...group.values.filter((color) => color !== \"auto\"));\n});\n\nexport function getColorTokenName(\n number: RadixColorScales,\n useTailwindColorNames?: boolean,\n alpha?: boolean\n): number | string {\n const map: Record<number, number> = {\n 1: 25,\n 2: 50,\n 3: 100,\n 4: 200,\n 5: 300,\n 6: 400,\n 7: 500,\n 8: 600,\n 9: 700,\n 10: 800,\n 11: 900,\n 12: 950,\n } as const;\n\n if (!useTailwindColorNames) {\n return alpha ? number + \"A\" : number;\n }\n\n return alpha ? ((map[number] + \"A\") as string) : (map[number] as number);\n}\n\nexport const getColorDefinitions = (\n color: string,\n alpha?: boolean,\n useTailwindColorNames?: boolean\n) => {\n const colors = Array.from(Array(radixColorScales).keys()).reduce(\n (acc, _, i) => {\n acc[\n getColorTokenName(\n (i + 1) as RadixColorScales,\n useTailwindColorNames,\n alpha\n )\n ] = `var(--${color}-${alpha ? \"a\" : \"\"}${i + 1})`;\n return acc;\n },\n {} as Record<string, string>\n );\n\n if (!alpha) {\n colors[\n `${getColorTokenName(9, useTailwindColorNames, alpha)}-contrast`\n ] = `var(--${color}-9-contrast)`;\n colors[\"surface\"] = `var(--${color}-surface)`;\n colors[\"DEFAULT\"] = `var(--${color}-9)`;\n if (color === \"accent\") {\n colors[\"surface\"] = `var(--color-surface-accent)`;\n }\n }\n\n return colors;\n};\n\ntype RadixColors = Exclude<\n | (typeof radixTheme.themeAccentColorsOrdered)[number]\n | (typeof radixTheme.themeGrayColorsGrouped)[0][\"values\"][number],\n \"auto\"\n>;\n\nexport const tailwindColorsToRadixMap: Record<\n \"zinc\" | \"neutral\" | \"stone\" | \"emerald\" | \"fuchsia\" | \"rose\",\n RadixColors | Record<string, string>\n> = {\n zinc: \"sand\",\n neutral: \"sage\",\n stone: \"sand\",\n emerald: \"grass\",\n fuchsia: \"plum\",\n rose: \"crimson\",\n};\n\nconst radixRadiusToTailwindMap = {\n 1: \"xxs\",\n 2: \"xs\",\n 3: \"sm\",\n 4: \"md\",\n 5: \"lg\",\n 6: \"xl\",\n} as const;\n\nexport function getRadiusTokenName(\n radius: keyof typeof radixRadiusToTailwindMap,\n useTailwindColorNames?: boolean\n): string | number {\n return useTailwindColorNames ? radixRadiusToTailwindMap[radius] : radius;\n}\n\nexport type RadixThemePluginOptions = {\n useTailwindColorNames?: boolean;\n useTailwindRadiusNames?: boolean;\n mapMissingTailwindColors?: boolean | Partial<typeof tailwindColorsToRadixMap>;\n};\n\nconst radixThemePlugin = plugin.withOptions(\n ({}: RadixThemePluginOptions) => {\n return ({ addBase }) => {\n addBase({\n \"*\": {\n outlineColor: \"currentColor\",\n },\n \"html, body\": {\n height: \"100%\",\n \"-webkit-font-smoothing\": \"antialiased\",\n \"-moz-osx-font-smoothing\": \"grayscale\",\n },\n em: {\n fontFamily: \"var(--em-font-family)\",\n fontWeight: \"var(--em-font-weight)\",\n fontSize: \"calc(var(--em-font-size-adjust) * 1em)\",\n fontStyle: \"var(--em-font-style)\",\n lineHeight: \"1.25\",\n letterSpacing:\n \"calc(var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)))\",\n },\n h6: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-4) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-4) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-4)\",\n },\n h5: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-5) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-5) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-5)\",\n },\n h4: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-6) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-6) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-6)\",\n },\n h3: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-7) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-7) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-7)\",\n },\n h2: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-8) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-8) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-8)\",\n },\n h1: {\n fontFamily: \"var(--heading-font-family)\",\n fontWeight: \"var(--font-weight-bold)\",\n fontSize:\n \"calc(var(--font-size-9) * var(--heading-font-size-adjust))\",\n letterSpacing:\n \"calc(var(--letter-spacing-9) + var(--heading-letter-spacing))\",\n lineHeight: \"var(--heading-line-height-9)\",\n },\n });\n };\n },\n ({\n useTailwindColorNames = true,\n useTailwindRadiusNames = true,\n mapMissingTailwindColors = true,\n }: RadixThemePluginOptions) => {\n function generateTailwindColors(colorName: string) {\n const c = {\n ...getColorDefinitions(colorName, false, useTailwindColorNames),\n ...getColorDefinitions(colorName, true, useTailwindColorNames),\n };\n\n if (grayColorNames.includes(colorName)) {\n c[\n `${getColorTokenName(2, useTailwindColorNames, false)}-translucent`\n ] = `var(--${colorName}-2-translucent)`;\n }\n\n return c;\n }\n\n const allRadixColors = [...accentColorNames, ...grayColorNames].reduce<\n Record<string, Record<string, string>>\n >((acc, colorName) => {\n acc[colorName] = { ...generateTailwindColors(colorName) };\n return acc;\n }, {});\n\n let mappingsOfMissingTailwindColors = {};\n if (typeof mapMissingTailwindColors === \"boolean\") {\n mappingsOfMissingTailwindColors = {\n zinc: generateTailwindColors(\"sand\"),\n neutral: generateTailwindColors(\"sage\"),\n stone: generateTailwindColors(\"mauve\"),\n emerald: generateTailwindColors(\"grass\"),\n fuchsia: generateTailwindColors(\"plum\"),\n rose: generateTailwindColors(\"crimson\"),\n };\n } else if (typeof mapMissingTailwindColors === \"object\") {\n mappingsOfMissingTailwindColors = {\n zinc:\n typeof mapMissingTailwindColors[\"zinc\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"zinc\"])\n : mapMissingTailwindColors[\"zinc\"],\n neutral:\n typeof mapMissingTailwindColors[\"neutral\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"neutral\"])\n : mapMissingTailwindColors[\"neutral\"],\n stone:\n typeof mapMissingTailwindColors[\"stone\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"stone\"])\n : mapMissingTailwindColors[\"stone\"],\n emerald:\n typeof mapMissingTailwindColors[\"emerald\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"emerald\"])\n : mapMissingTailwindColors[\"emerald\"],\n fuchsia:\n typeof mapMissingTailwindColors[\"fuchsia\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"fuchsia\"])\n : mapMissingTailwindColors[\"fuchsia\"],\n rose:\n typeof mapMissingTailwindColors[\"rose\"] === \"string\"\n ? generateTailwindColors(mapMissingTailwindColors[\"rose\"])\n : mapMissingTailwindColors[\"rose\"],\n };\n }\n\n return {\n darkMode: \"class\",\n theme: {\n fontSize: {\n xs: [\n \"var(--font-size-1)\",\n {\n letterSpacing: \"var(--letter-spacing-1)\",\n lineHeight: \"var(--line-height-1)\",\n },\n ],\n sm: [\n \"var(--font-size-2)\",\n {\n letterSpacing: \"var(--letter-spacing-2)\",\n lineHeight: \"var(--line-height-2)\",\n },\n ],\n base: [\n \"var(--font-size-3)\",\n {\n letterSpacing: \"var(--letter-spacing-3)\",\n lineHeight: \"var(--line-height-3)\",\n },\n ],\n lg: [\n \"var(--font-size-4)\",\n {\n letterSpacing: \"var(--letter-spacing-4)\",\n lineHeight: \"var(--line-height-4)\",\n },\n ],\n xl: [\n \"var(--font-size-5)\",\n {\n letterSpacing: \"var(--letter-spacing-5)\",\n lineHeight: \"var(--line-height-5)\",\n },\n ],\n \"2xl\": [\n \"var(--font-size-6)\",\n {\n letterSpacing: \"var(--letter-spacing-6)\",\n lineHeight: \"var(--line-height-6)\",\n },\n ],\n \"3xl\": [\n \"var(--font-size-7)\",\n {\n letterSpacing: \"var(--letter-spacing-7)\",\n lineHeight: \"var(--line-height-7)\",\n },\n ],\n \"4xl\": [\n \"var(--font-size-8)\",\n {\n letterSpacing: \"var(--letter-spacing-8)\",\n lineHeight: \"var(--line-height-8)\",\n },\n ],\n \"5xl\": [\n \"var(--font-size-9)\",\n {\n letterSpacing: \"var(--letter-spacing-9)\",\n lineHeight: \"var(--line-height-9)\",\n },\n ],\n },\n lineHeight: {\n 1: \"var(--line-height-1)\",\n 2: \"var(--line-height-2)\",\n 3: \"var(--line-height-3)\",\n 4: \"var(--line-height-4)\",\n 5: \"var(--line-height-5)\",\n 6: \"var(--line-height-6)\",\n 7: \"var(--line-height-7)\",\n 8: \"var(--line-height-8)\",\n 9: \"var(--line-height-9)\",\n none: \"1\",\n tight: \"1.25\",\n snug: \"1.375\",\n normal: \"1.5\",\n relaxed: \"1.625\",\n loose: \"2\",\n },\n fontFamily: {\n sans: \"var(--default-font-family)\",\n strong: \"var(--strong-font-family)\",\n heading: \"var(--heading-font-family)\",\n code: \"var(--code-font-family)\",\n em: \"var(--em-font-family)\",\n quote: \"var(--quote-font-family)\",\n },\n letterSpacing: {\n 1: \"var(--letter-spacing-1)\",\n 2: \"var(--letter-spacing-2)\",\n 3: \"var(--letter-spacing-3)\",\n 4: \"var(--letter-spacing-4)\",\n 5: \"var(--letter-spacing-5)\",\n 6: \"var(--letter-spacing-6)\",\n 7: \"var(--letter-spacing-7)\",\n 8: \"var(--letter-spacing-8)\",\n 9: \"var(--letter-spacing-9)\",\n tighter: \"-0.05em\",\n tight: \"-0.025em\",\n normal: \"0\",\n wide: \"0.025em\",\n wider: \"0.05em\",\n widest: \"0.1em\",\n },\n fontWeight: {\n thin: \"100\",\n extralight: \"200\",\n light: \"var(--font-weight-light)\",\n normal: \"var(--font-weight-regular)\",\n medium: \"var(--font-weight-medium)\",\n semibold: \"600\",\n bold: \"var(--font-weight-bold)\",\n extrabold: \"800\",\n black: \"900\",\n },\n spacing: {\n \"0\": \"0px\",\n px: \"1px\",\n \"0.5\": \"calc(2px * var(--scaling))\",\n \"1\": \"var(--space-1)\",\n \"1.5\": \"calc(6px * var(--scaling))\",\n \"2\": \"var(--space-2)\",\n \"2.5\": \"calc(10px * var(--scaling))\",\n \"3\": \"var(--space-3)\",\n \"3.5\": \"calc(14px * var(--scaling))\",\n \"4\": \"var(--space-4)\",\n \"5\": \"calc(20px * var(--scaling))\",\n \"6\": \"var(--space-5)\",\n \"7\": \"calc(28px * var(--scaling))\",\n \"8\": \"var(--space-6)\",\n \"9\": \"calc(36px * var(--scaling))\",\n \"10\": \"var(--space-7)\",\n \"11\": \"calc(44px * var(--scaling))\",\n \"12\": \"var(--space-8)\",\n \"14\": \"calc(56px * var(--scaling))\",\n \"16\": \"var(--space-9)\",\n \"20\": \"calc(80px * var(--scaling))\",\n \"24\": \"calc(96px * var(--scaling))\",\n \"28\": \"calc(112px * var(--scaling))\",\n \"32\": \"calc(128px * var(--scaling))\",\n \"36\": \"calc(144px * var(--scaling))\",\n \"40\": \"calc(160px * var(--scaling))\",\n \"44\": \"calc(176px * var(--scaling))\",\n \"48\": \"calc(192px * var(--scaling))\",\n \"52\": \"calc(208px * var(--scaling))\",\n \"56\": \"calc(224px * var(--scaling))\",\n \"60\": \"calc(240px * var(--scaling))\",\n \"64\": \"calc(256px * var(--scaling))\",\n \"72\": \"calc(288px * var(--scaling))\",\n \"80\": \"calc(320px * var(--scaling))\",\n \"96\": \"calc(384px * var(--scaling))\",\n },\n borderRadius: {\n none: \"0px\",\n [getRadiusTokenName(1, useTailwindRadiusNames)]: \"var(--radius-1)\",\n [getRadiusTokenName(2, useTailwindRadiusNames)]: \"var(--radius-2)\",\n [getRadiusTokenName(3, useTailwindRadiusNames)]: \"var(--radius-3)\",\n DEFAULT: \"var(--radius-3)\",\n [getRadiusTokenName(4, useTailwindRadiusNames)]: \"var(--radius-4)\",\n [getRadiusTokenName(5, useTailwindRadiusNames)]: \"var(--radius-5)\",\n [getRadiusTokenName(6, useTailwindRadiusNames)]: \"var(--radius-6)\",\n full: \"99999px\",\n },\n colors: {\n inherit: \"inherit\",\n transparent: \"transparent\",\n current: \"currentColor\",\n white: colors.white,\n black: colors.black,\n background: \"var(--color-background)\",\n surface: {\n DEFAULT: \"var(--color-surface)\",\n accent: \"var(--color-surface-accent)\",\n },\n overlay: \"var(--color-overlay)\",\n panel: {\n solid: \"var(--color-panel-solid)\",\n translucent: \"var(--color-panel-translucent)\",\n },\n selection: \"var(--color-selection-root)\",\n ...allRadixColors,\n ...mappingsOfMissingTailwindColors,\n accent: generateTailwindColors(\"accent\"),\n gray: generateTailwindColors(\"gray\"),\n },\n },\n };\n }\n);\n\nexport default radixThemePlugin;\n"]}