@matteoaliano/forest-ui 0.8.2 → 0.8.4

package/dist/index.d.mts

@@ -331,22 +331,58 @@ 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' | 'ai-hub';
+/**
+ * AUTO-GENERATED by scripts/generate-logo-inner.mjs — do not edit by hand.
+ *
+ * Inner SVG markup for the <Logo> component, sourced from /logos/. Figma
+ * instance suffixes have been replaced with `__ID__` so the runtime can
+ * substitute a unique identifier per <Logo> instance.
+ */
+type LogoVariant$1 = "logo" | "logomark";
+type LogoColor$1 = "default" | "positive" | "negative" | "negative-payoff";
+interface LogoArtwork {
+    viewBox: string;
+    inner: string;
+}
+declare const PRODUCT_ARTWORK: {
+    readonly studio: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly "ai-hub": Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly contix: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly sentimenthub: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly adgenie: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly "revenue-pulse": Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly contixdb: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+};
+type LogoProductKey = keyof typeof PRODUCT_ARTWORK;
+
+/**
+ * All product brands exposed by `<Logo>`. Driven entirely by the SVG files
+ * under `/logos/<product>-logos/` — add a folder there and regenerate via
+ * `scripts/generate-logo-inner.mjs` to expose a new brand here.
+ */
+type LogoProduct = LogoProductKey;
 type LogoVariant = 'logo' | 'logomark';
-type LogoColor = 'positive' | 'negative' | 'negative-payoff';
+/**
+ * Color treatment.
+ *
+ * For `variant="logo"`:
+ *  - `default` — full-color artwork with depth (drop shadows, radial gradient). For hero usage.
+ *  - `positive` — flat colored wordmark, optimized for light surfaces.
+ *  - `negative` — white-only artwork for dark surfaces.
+ *  - `negative-payoff` — colored mark + light payoff caption (use on a colored hero).
+ *
+ * For `variant="logomark"` only `default` and `negative` are valid. Other
+ * values fall back to `default`.
+ */
+type LogoColor = 'default' | 'positive' | 'negative' | 'negative-payoff';
 interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
-    /** Product brand */
+    /** Product brand. Defaults to `studio`. */
     product?: LogoProduct;
-    /** `logo` = wordmark with payoff caption, `logomark` = square brand icon */
+    /** `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 treatment. Defaults to `default`. Logomarks only support
+     * `default` / `negative` — anything else falls back to `default`.
      */
     color?: LogoColor;
 }
@@ -354,9 +390,12 @@ interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
  * Logo component for the Forest product suite.
  *
  * @example
- * <Logo product="studio" variant="logo" color="positive" />
- * <Logo product="studio" variant="logo" color="negative" />
- * <Logo product="ai-hub" variant="logomark" color="negative" />
+ * <Logo product="studio" />                                       // default lockup
+ * <Logo product="studio" color="positive" />                      // flat positive
+ * <Logo product="adgenie" color="negative" />                     // for dark surfaces
+ * <Logo product="ai-hub" color="negative-payoff" />               // for a colored hero
+ * <Logo product="revenue-pulse" variant="logomark" />             // default mark
+ * <Logo product="revenue-pulse" variant="logomark" color="negative" />
  */
 declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
 

package/dist/index.d.ts

@@ -331,22 +331,58 @@ 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' | 'ai-hub';
+/**
+ * AUTO-GENERATED by scripts/generate-logo-inner.mjs — do not edit by hand.
+ *
+ * Inner SVG markup for the <Logo> component, sourced from /logos/. Figma
+ * instance suffixes have been replaced with `__ID__` so the runtime can
+ * substitute a unique identifier per <Logo> instance.
+ */
+type LogoVariant$1 = "logo" | "logomark";
+type LogoColor$1 = "default" | "positive" | "negative" | "negative-payoff";
+interface LogoArtwork {
+    viewBox: string;
+    inner: string;
+}
+declare const PRODUCT_ARTWORK: {
+    readonly studio: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly "ai-hub": Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly contix: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly sentimenthub: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly adgenie: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly "revenue-pulse": Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+    readonly contixdb: Record<LogoVariant$1, Partial<Record<LogoColor$1, LogoArtwork>>>;
+};
+type LogoProductKey = keyof typeof PRODUCT_ARTWORK;
+
+/**
+ * All product brands exposed by `<Logo>`. Driven entirely by the SVG files
+ * under `/logos/<product>-logos/` — add a folder there and regenerate via
+ * `scripts/generate-logo-inner.mjs` to expose a new brand here.
+ */
+type LogoProduct = LogoProductKey;
 type LogoVariant = 'logo' | 'logomark';
-type LogoColor = 'positive' | 'negative' | 'negative-payoff';
+/**
+ * Color treatment.
+ *
+ * For `variant="logo"`:
+ *  - `default` — full-color artwork with depth (drop shadows, radial gradient). For hero usage.
+ *  - `positive` — flat colored wordmark, optimized for light surfaces.
+ *  - `negative` — white-only artwork for dark surfaces.
+ *  - `negative-payoff` — colored mark + light payoff caption (use on a colored hero).
+ *
+ * For `variant="logomark"` only `default` and `negative` are valid. Other
+ * values fall back to `default`.
+ */
+type LogoColor = 'default' | 'positive' | 'negative' | 'negative-payoff';
 interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
-    /** Product brand */
+    /** Product brand. Defaults to `studio`. */
     product?: LogoProduct;
-    /** `logo` = wordmark with payoff caption, `logomark` = square brand icon */
+    /** `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 treatment. Defaults to `default`. Logomarks only support
+     * `default` / `negative` — anything else falls back to `default`.
      */
     color?: LogoColor;
 }
@@ -354,9 +390,12 @@ interface LogoProps extends Omit<BoxProps<'svg'>, 'component' | 'children'> {
  * Logo component for the Forest product suite.
  *
  * @example
- * <Logo product="studio" variant="logo" color="positive" />
- * <Logo product="studio" variant="logo" color="negative" />
- * <Logo product="ai-hub" variant="logomark" color="negative" />
+ * <Logo product="studio" />                                       // default lockup
+ * <Logo product="studio" color="positive" />                      // flat positive
+ * <Logo product="adgenie" color="negative" />                     // for dark surfaces
+ * <Logo product="ai-hub" color="negative-payoff" />               // for a colored hero
+ * <Logo product="revenue-pulse" variant="logomark" />             // default mark
+ * <Logo product="revenue-pulse" variant="logomark" color="negative" />
  */
 declare const Logo: React$1.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;