@matteoaliano/forest-ui 0.7.0 → 0.8.1

package/dist/index.d.ts

@@ -331,23 +331,32 @@ declare function Input({ ...props }: InputProps): react_jsx_runtime.JSX.Element;
 type IconButtonProps = IconButtonProps$1;
 declare function IconButton(props: IconButtonProps): react_jsx_runtime.JSX.Element;
 
-type LogoProduct = 'wsuite' | 'studio' | 'feedati';
+type LogoProduct = 'wsuite' | 'studio' | 'feedati' | 'ai-hub';
 type LogoVariant = 'logo' | 'logomark';
+type LogoColor = 'positive' | 'negative' | 'negative-payoff';
 interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
     /** Product brand */
     product?: LogoProduct;
-    /** Show full logo or icon only */
+    /** `logo` = wordmark with payoff caption, `logomark` = square brand icon */
     variant?: LogoVariant;
+    /**
+     * Color treatment.
+     * - `positive` (default): colored mark for use on light backgrounds
+     * - `negative`: white mark for use on dark backgrounds
+     * - `negative-payoff`: colored mark with light payoff caption (for use on a colored hero)
+     *
+     * Falls back to `positive` if a product doesn't define the requested color.
+     * `negative-payoff` falls back to `negative` for `logomark` variants (no payoff to invert).
+     */
+    color?: LogoColor;
 }
 /**
- * Logo component for Forest product suite
- *
- * Displays brand logos (WSuite, Studio, FeeDati) in full or icon-only variants.
- * Colors are embedded in the SVG.
+ * Logo component for the Forest product suite.
  *
  * @example
- * <Logo product="wsuite" variant="logo" />
- * <Logo product="studio" variant="logomark" />
+ * <Logo product="studio" variant="logo" color="positive" />
+ * <Logo product="studio" variant="logo" color="negative" />
+ * <Logo product="ai-hub" variant="logomark" color="negative" />
  */
 declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;