@discourser/design-system 0.23.0 → 0.25.0

package/dist/{chunk-KIJKNZ73.cjs → chunk-QNCZYFUJ.cjs}

@@ -2178,17 +2178,18 @@ var switchRecipe = dev.defineSlotRecipe({
       solid: {
         control: {
           borderRadius: "full",
-          bg: "neutral.subtle.bg",
+          // Off state: palette-tinted subtle bg — matches Figma rgba(primary,~40%) off-state.
+          // Uses colorPalette so it adapts to primary/secondary/tertiary/neutral/error.
+          bg: "colorPalette.subtle.bg",
           focusVisibleRing: "outside",
           _checked: {
+            // On state: solid filled palette color (primary.9, neutral.solid.bg, etc.)
             bg: "colorPalette.solid.bg"
           }
         },
         thumb: {
+          // Thumb is always white — contrasts cleanly on both subtle and solid track bg.
           bg: "white",
-          _checked: {
-            bg: "colorPalette.solid.fg"
-          },
           width: "var(--switch-height)",
           height: "var(--switch-height)",
           scale: "0.8",
@@ -3037,6 +3038,10 @@ var badge = dev.defineRecipe({
         bg: "colorPalette.subtle.bg",
         color: "colorPalette.subtle.fg"
       },
+      rating: {
+        bg: "color-mix(in srgb, var(--colors-color-palette-solid-bg) 35%, transparent)",
+        color: "colorPalette.subtle.fg"
+      },
       outline: {
         borderWidth: "1px",
         borderColor: "colorPalette.outline.border",
@@ -3044,11 +3049,41 @@ var badge = dev.defineRecipe({
       }
     },
     size: {
-      sm: { fontSize: "xs", px: "1.5", h: "4.5", gap: "0.5", _icon: { boxSize: "2.5" } },
-      md: { fontSize: "xs", px: "2", h: "5", gap: "1", _icon: { boxSize: "3" } },
-      lg: { fontSize: "xs", px: "2.5", h: "5.5", gap: "1", _icon: { boxSize: "3.5" } },
-      xl: { fontSize: "sm", px: "2.5", h: "6", gap: "1.5", _icon: { boxSize: "4" } },
-      "2xl": { fontSize: "md", px: "3", h: "7", gap: "1.5", _icon: { boxSize: "4.5" } }
+      sm: {
+        fontSize: "xs",
+        px: "1.5",
+        h: "4.5",
+        gap: "0.5",
+        _icon: { boxSize: "2.5" }
+      },
+      md: {
+        fontSize: "xs",
+        px: "2",
+        h: "5",
+        gap: "1",
+        _icon: { boxSize: "3" }
+      },
+      lg: {
+        fontSize: "xs",
+        px: "2.5",
+        h: "5.5",
+        gap: "1",
+        _icon: { boxSize: "3.5" }
+      },
+      xl: {
+        fontSize: "sm",
+        px: "2.5",
+        h: "6",
+        gap: "1.5",
+        _icon: { boxSize: "4" }
+      },
+      "2xl": {
+        fontSize: "md",
+        px: "3",
+        h: "7",
+        gap: "1.5",
+        _icon: { boxSize: "4.5" }
+      }
     }
   }
 });
@@ -4495,5 +4530,5 @@ var discourserPandaPreset = dev.definePreset({
 exports.discourserPandaPreset = discourserPandaPreset;
 exports.material3Language = material3Language;
 exports.transformToPandaTheme = transformToPandaTheme;
-//# sourceMappingURL=chunk-KIJKNZ73.cjs.map
-//# sourceMappingURL=chunk-KIJKNZ73.cjs.map
+//# sourceMappingURL=chunk-QNCZYFUJ.cjs.map
+//# sourceMappingURL=chunk-QNCZYFUJ.cjs.map