Skip to content

@shadcn/lint@0.2.3

Latest

Choose a tag to compare

@github-actions github-actions released this 19 Oct 06:07
bceee0f

Patch Changes

  • #122 cf6487f Thanks @shadcn! - Accept --border-color-* tokens for divide-* in no-raw-colors, the way Tailwind falls back from --divide-color-*.

  • #107 f1c81bd Thanks @shadcn! - Check a component reached through a nested namespace, <UI.Button.Root>, resolving each segment through export * as barrels.

  • #126 cbc8d4d Thanks @shadcn! - Classify tw-animate-css classes such as animate-in, fade-in, and slide-in-from-top-1 as motion in no-restyle when the theme imports the package.

  • #121 24a73ee Thanks @shadcn! - Resolve theme variables such as --radius from :root and @theme for scale and color suggestions, not from a scoped selector such as .compact declared after them.

  • #123 c0d164b Thanks @shadcn! - Skip plain object property keys such as "fill-color" in the scanAllStrings scan. Class object keys like cn({ "bg-red-500": on }) are still checked.

  • #106 355eb51 Thanks @shadcn! - Check a CSS custom property passed to a Svelte component, <Button --tone="red">, the way no-inline-styles checks it in a style attribute.

  • #104 acee889 Thanks @shadcn! - Resolve a Svelte $derived(expr) binding to expr, so reactive class and style values are read like a const.

  • #105 808970e Thanks @shadcn! - Check stop-color, flood-color, and lighting-color in Svelte and Vue markup the way no-raw-colors checks stopColor in JSX.

  • #124 118a109 Thanks @shadcn! - Accept a color function whose channels are one theme variable, such as oklch(var(--primary-oklch) / 0.2), in no-raw-colors SVG attributes and no-inline-styles custom properties. Literal channels and a var() fallback are still reported.

  • #125 1d31b7f Thanks @shadcn! - Check a wrapper's other class props, such as headerClassName, in no-restyle against the component the wrapper hands them to, not the one that receives className.