@frontfriend/tailwind 4.0.1 → 4.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontfriend/tailwind",
-  "version": "4.0.1",
+  "version": "4.0.4",
   "description": "Design token management for Tailwind CSS",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/scripts/update-default-config-data.js

@@ -330,6 +330,70 @@ const SHADCN_DEFAULTS = {
     root:
       'font-primary flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base md:text-sm shadow-xs transition-[color,box-shadow] outline-none text-foreground placeholder:text-muted-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive disabled:cursor-not-allowed disabled:opacity-50',
   },
+  // Fidelity pass (#468 follow-up): align components whose neutralized treatment
+  // visibly diverged from shadcn new-york-v4 (size scale / padding / shape).
+  // Each value stays config-driven (token utilities only, no brand, no bare rounded).
+  textarea: {
+    root:
+      'flex field-sizing-content min-h-16 w-full font-primary rounded-md border border-border bg-transparent px-3 py-2 text-base md:text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50',
+  },
+  label: {
+    root:
+      'flex items-center gap-2 text-sm leading-none font-medium select-none font-primary group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+  },
+  checkbox: {
+    root:
+      'peer size-4 shrink-0 rounded-[4px] border border-border bg-background shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+    icon: 'text-primary-foreground flex items-center justify-center',
+  },
+  switch: {
+    root:
+      'peer inline-flex h-[1.15rem] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+    trigger:
+      'pointer-events-none block size-4 rounded-full bg-background shadow ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0',
+  },
+  radiogroup: {
+    item:
+      'aspect-square group size-4 shrink-0 bg-background text-primary border-border rounded-full border shadow-xs focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50',
+    icon: 'size-2 rounded-full',
+  },
+  avatar: {
+    root: 'font-primary relative flex size-8 shrink-0 overflow-hidden rounded-full',
+    fallback:
+      'bg-muted flex size-full items-center justify-center rounded-full text-sm text-muted-foreground',
+  },
+  card: {
+    root:
+      'flex flex-col gap-6 rounded-xl font-primary border bg-card text-foreground border-border relative py-6 shadow-sm',
+    header: 'flex flex-col gap-1.5 px-6',
+    content: 'px-6',
+    footer: 'flex gap-4 items-center px-6',
+  },
+  tooltip: {
+    content:
+      'z-30 w-fit overflow-hidden rounded-md font-normal font-primary bg-foreground px-3 py-1.5 text-xs text-balance text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  },
+  tabs: {
+    list: {
+      root:
+        'inline-flex h-9 w-fit gap-1 items-center justify-center rounded-lg p-[3px] font-primary bg-muted text-muted-foreground',
+    },
+  },
+  select: {
+    trigger:
+      'flex w-full items-center justify-between gap-2 font-primary rounded-md px-3 py-2 border border-border bg-transparent text-sm text-muted-foreground shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate h-9',
+    content: {
+      root:
+        'font-primary p-1 max-h-96 min-w-32 relative bg-popover text-popover-foreground border-border gap-y-1 border rounded-md z-30 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 shadow-md',
+    },
+    separator: '-mx-1 my-1 h-px bg-border',
+  },
+  skeleton: {
+    root: 'animate-pulse rounded-md bg-accent',
+  },
+  progress: {
+    root: 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',
+  },
 };
 
 const DIRECT_CLASS_MAP = {