@frontfriend/tailwind 4.0.9 → 4.0.10

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

@@ -235,13 +235,16 @@ const MINIMAL_V4_FALLBACKS = {
     handle: 'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center',
   },
   stepper: {
-    root: 'flex gap-2',
-    item: 'flex items-center gap-2',
-    trigger: 'inline-flex items-center gap-2',
-    indicator: 'flex size-8 items-center justify-center rounded-full border border-border',
-    separator: 'bg-border h-px flex-1',
-    title: 'font-medium text-foreground',
-    description: 'text-muted-foreground text-sm',
+    root: 'block w-full',
+    nav: 'group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',
+    item: 'group/step flex items-center justify-center not-last:flex-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-60 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col',
+    trigger: 'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center gap-2.5 rounded-full outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60',
+    indicator: 'border-background bg-muted text-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-xs',
+    separator: 'bg-muted group-data-[state=completed]/step:bg-primary data-[state=completed]:bg-primary m-0.5 rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5',
+    title: 'text-sm leading-none font-medium text-foreground',
+    description: 'text-sm text-muted-foreground',
+    panel: 'w-full',
+    content: 'w-full',
   },
   themeprovider: { root: 'contents' },
   themepicker: {
@@ -587,14 +590,23 @@ function neutralizeClassToken(token) {
   if (DIRECT_CLASS_MAP[token]) return DIRECT_CLASS_MAP[token];
 
   const { prefix, base } = splitVariants(token);
-  const mappedBase = DIRECT_CLASS_MAP[base]
-    || mapBgClass(base, prefix)
-    || mapTextClass(base, prefix)
-    || mapBorderClass(base, prefix)
-    || mapRadiusClass(base)
-    || base;
-
-  return `${prefix}${mappedBase}`;
+  // Peel off an opacity suffix (e.g. `/50`)
+  const opacityMatch = base.match(/^(.*?)(\/\d{1,3})$/);
+  const core = opacityMatch ? opacityMatch[1] : base;
+  const opacity = opacityMatch ? opacityMatch[2] : '';
+
+  let mappedCore = DIRECT_CLASS_MAP[core]
+    || mapBgClass(core, prefix)
+    || mapTextClass(core, prefix)
+    || mapBorderClass(core, prefix)
+    || mapRadiusClass(core)
+    || core;
+
+  // An explicit opacity on the source token wins over any tone-derived opacity
+  // that withVariantTone may have appended (e.g. bg-primary/90).
+  if (opacity) mappedCore = mappedCore.replace(/\/\d{1,3}$/, '') + opacity;
+
+  return `${prefix}${mappedCore}`;
 }
 
 function neutralizeClassString(value) {