@pmax-lt/ui-react 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -37,7 +37,6 @@ Page-shell templates (PageShell, HomeTemplate, CategoryTemplate, …) aren't bui
37
37
 
38
38
  ## Known gaps
39
39
 
40
- - `Logo` renders a typographic placeholder, not the real PMAX lettermarks — those need exporting from the source Figma file.
41
40
  - No mobile navigation / filter drawer layout exists yet; the source design has no mobile frames to build from.
42
41
  - `ProductCard`'s "added to cart" success state and a few other states aren't in the source design — see inline component comments for what was proposed instead.
43
42
 
@@ -1,14 +1,15 @@
1
- import { ElementType } from 'react';
1
+ import { CSSProperties, ElementType } from 'react';
2
2
  export type LogoProps = {
3
- variant?: "v1" | "v2" | "v3" | "symbol";
4
3
  height?: number;
5
4
  as?: ElementType;
6
5
  className?: string;
6
+ /** Merged with the height-derived style — set `color` here to recolor,
7
+ * e.g. `{ color: "#fff" }` for a dark header. */
8
+ style?: CSSProperties;
7
9
  };
8
10
  /**
9
- * Placeholder wordmark the real brand-board lettermarks (§1 "Brand
10
- * board": three lettermarks + one symbol, all vector) live in the Figma
11
- * file, not the SVG export this plan was built from, so they aren't
12
- * reproducible here. Swap the JSX below for the real marks once exported.
11
+ * The real PMAX wordmark. Paths use `currentColor` (the source export had
12
+ * them hardcoded to black) so the mark recolors with CSS `color` — e.g.
13
+ * white on a dark header the same convention the icon set uses.
13
14
  */
14
- export declare function Logo({ variant, height, as, className }: LogoProps): import("react").JSX.Element;
15
+ export declare function Logo({ height, as, className, style }: LogoProps): import("react").JSX.Element;