medusajs / nextjs-starter-medusa

A performant frontend ecommerce starter template with Next.js 14 and Medusa.
https://next.medusajs.com/
MIT License
1.45k stars 393 forks source link

Undefined tailwind classes #246

Closed DuncanLHS closed 5 months ago

DuncanLHS commented 5 months ago

Running eslint-plugin-tailwindcss on this project has found a long list of tailwind errors, mostly undefined custom classes. Some look like typos (e.g. misspelled American English "gray") but many look like remnants or maybe a chunk of globals.css got wiped out.

Here's the full list of classes causing errors:

[
  "-bottom-[calc(100%-36px)]",
  "-z-1",
  "animate-accordion-close",
  "background-transparent",
  "bg-grey-5",
  "bg-grey-50",
  "bg-opacity-75",
  "bg-ui-bg-base",
  "bg-ui-bg-disabled",
  "bg-ui-bg-field",
  "bg-ui-bg-field-hover",
  "bg-ui-bg-interactive",
  "bg-ui-bg-subtle",
  "bg-ui-button-neutral-hover",
  "bg-ui-fg-disabled",
  "border-top-0",
  "border-ui-border-base",
  "border-violet-60",
  "center",
  "inter-base-regular",
  "origin-0",
  "product-page-constraint",
  "ring-opacity-75",
  "rounded-circle",
  "rounded-large",
  "rounded-rounded",
  "shadow-borders-base",
  "shadow-borders-interactive",
  "shadow-borders-interactive-with-active",
  "shadow-borders-interactive-with-focus",
  "shadow-borders-strong-with-shadow",
  "shadow-details-contrast-on-bg-interactive",
  "shadow-elevation-card-hover",
  "shadow-elevation-card-rest",
  "text-base-large",
  "text-compact-small",
  "text-grey-30",
  "text-grey-700",
  "text-grey-90",
  "text-medium",
  "text-ui-fg-base",
  "text-ui-fg-disabled",
  "text-ui-fg-interactive",
  "text-ui-fg-interactive-hover",
  "text-ui-fg-medium-plus",
  "text-ui-fg-muted",
  "text-ui-fg-on-color",
  "text-ui-fg-subtle",
  "text-violet-60",
  "txt-compact-large",
  "txt-compact-medium",
  "txt-compact-medium-plus",
  "txt-compact-plus",
  "txt-compact-small",
  "txt-compact-small-plus",
  "txt-compact-xlarge-plus",
  "txt-medium",
  "txt-medium-plus",
  "txt-small",
  "txt-small-plus",
  "txt-ui-fg-base",
  "txt-xlarge",
  "txt-xlarge-plus",
  "txt-xsmall-plus"
]
DuncanLHS commented 5 months ago

Ignore this, I installed shadcnui which overwrote tailwind.config.js and removed the preset for medusa-ui, where these classes come from.