@matteoaliano/forest-ui 1.1.0 → 1.2.0

package/dist/theme.js

@@ -1021,7 +1021,19 @@ function buildComponents(tokens2) {
         root: {
           width: 44,
           height: 24,
-          padding: 0
+          padding: 0,
+          // MUI's `size="small"` variant only half-applies here: the theme pins
+          // the track at the wide 44px medium geometry, but MUI still shrinks the
+          // thumb (16px), bumps switchBase padding (4px), and cuts the checked
+          // travel to 16px — leaving the thumb parked mid-track. Forest ships a
+          // single calibrated 24px switch, so neutralize `small` back to it.
+          "&.MuiSwitch-sizeSmall": {
+            "& .MuiSwitch-switchBase": {
+              padding: 2,
+              "&.Mui-checked": { transform: "translateX(20px)" }
+            },
+            "& .MuiSwitch-thumb": { width: 20, height: 20 }
+          }
         },
         switchBase: {
           padding: 2,
@@ -2119,8 +2131,11 @@ function buildComponents(tokens2) {
           }
         },
         staticTooltipLabel: {
+          // Match MuiTooltip: inverted face (charcoal in light, near-white in
+          // dark) with on-solid fg that inverts WITH it. text.white is
+          // mode-invariant and vanished on the dark-mode light face.
           backgroundColor: bg4.primarySolid,
-          color: text4.white,
+          color: buttonColors4.primary.fg,
           fontSize: 12,
           fontWeight: 600,
           borderRadius: radius4.md,