@pmax-lt/ui-react 0.1.0 → 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 +0 -1
- package/dist/components/Logo.d.ts +8 -7
- package/dist/index.js +459 -418
- package/dist/index.js.map +1 -1
- package/dist/pmax-ui-react.css +1 -1
- package/package.json +1 -1
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
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
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({
|
|
15
|
+
export declare function Logo({ height, as, className, style }: LogoProps): import("react").JSX.Element;
|