@oxyhq/bloom 0.73.1 → 0.74.1

package/src/fab/Fab.web.tsx

@@ -166,6 +166,9 @@ function resolveVariant(
 ): { background: string; foreground: string; ring: string } {
   switch (variant) {
     case 'secondary':
+      return { background: c.secondary, foreground: c.secondaryForeground, ring: c.secondary };
+    case 'tertiary':
+      return { background: c.tertiary, foreground: c.tertiaryForeground, ring: c.tertiary };
     case 'surface':
       return { background: c.card, foreground: c.text, ring: c.primary };
     case 'primary':

package/src/fab/types.ts

@@ -9,7 +9,12 @@ import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
  *                  A lower-emphasis FAB that still reads as elevated.
  *   - `surface`  — alias of `secondary`, named for Material-style "surface" FABs.
  */
-export type FabVariant = 'primary' | 'secondary' | 'surface';
+/**
+ * M3 defines four FAB colour variants. Bloom previously mapped `secondary` onto
+ * the neutral card surface, so a "secondary FAB" was a grey circle and the
+ * accent trio had no home in the component that most wants one.
+ */
+export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'surface';
 
 /**
  * FAB size presets, matching Material-ish conventions but in Bloom's scale:

package/src/theme/BloomThemeProvider.tsx

@@ -410,10 +410,13 @@ export function BloomThemeProvider({
   const themeColors = useMemo(
     () =>
       effectiveSeed
-        ? buildThemeFromSeed(effectiveSeed, resolved, undefined, undefined, {
-            secondarySeed: effectiveSecondary,
-            tertiarySeed: effectiveTertiary,
-          })
+        ? buildThemeFromSeed(
+            effectiveSeed,
+            resolved,
+            undefined,
+            undefined,
+            { secondarySeed: effectiveSecondary, tertiarySeed: effectiveTertiary }
+          )
         : buildTheme(colorPreset, resolved, isAdaptive, explicitAccents),
     [
       effectiveSeed,