eidotter 0.27.0 → 0.28.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/dist/components/Brand/components/Logo.d.ts +8 -10
- package/dist/components/RetroEffects/components/RetroEffects.d.ts +12 -0
- package/dist/eidotter.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +269 -54
- package/dist/index.umd.js +1 -1
- package/guidelines/components.md +4 -0
- package/package.json +1 -1
|
@@ -10,16 +10,14 @@ export interface LogoProps extends Omit<SVGProps<SVGSVGElement>, 'viewBox' | 'ch
|
|
|
10
10
|
title?: string;
|
|
11
11
|
}
|
|
12
12
|
/**
|
|
13
|
-
* eiDotter brand mark —
|
|
13
|
+
* eiDotter brand mark — the Foundation Logomark (Figma node 16-610):
|
|
14
|
+
* a pixel-dotted ring (the "dotter") around the amber yolk, with pixel
|
|
15
|
+
* specular highlights and a soft radial phosphor halo. Mark only, on
|
|
16
|
+
* transparent — the iOS-style app-icon container in the Figma component
|
|
17
|
+
* is an app-icon artifact, not part of the inline mark.
|
|
14
18
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
* mush at small sizes.
|
|
19
|
-
*
|
|
20
|
-
* Fill colors are brand-locked (explicit amber hexes) rather than themed so the
|
|
21
|
-
* mark reads identically across themes. Consumers who need a non-amber treatment
|
|
22
|
-
* can override the SVG fills via the `style` prop or by recoloring the child
|
|
23
|
-
* `<circle>` elements through a CSS selector.
|
|
19
|
+
* Fill colors are brand-locked (explicit amber hexes) rather than themed so
|
|
20
|
+
* the mark reads identically across themes. Gradient ids are namespaced via
|
|
21
|
+
* useId so multiple logos per page (header + footer) don't collide.
|
|
24
22
|
*/
|
|
25
23
|
export declare const Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -23,6 +23,14 @@ export interface RetroEffectsProps {
|
|
|
23
23
|
* Whether the CRT is powered on. Animates on/off transitions.
|
|
24
24
|
*/
|
|
25
25
|
powered?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Play the CGA monitor boot sequence once on mount (~650ms): an amber
|
|
28
|
+
* ignition line stretches across the center, the black raster opens from
|
|
29
|
+
* it, and a warm phosphor glow settles. Skipped entirely under
|
|
30
|
+
* prefers-reduced-motion. Opt-in; intended as the portfolio-wide launch
|
|
31
|
+
* pattern (DMNC-1047).
|
|
32
|
+
*/
|
|
33
|
+
boot?: boolean;
|
|
26
34
|
/**
|
|
27
35
|
* Intensity of the effects (0-1)
|
|
28
36
|
*/
|
|
@@ -43,6 +51,10 @@ export interface RetroEffectsProps {
|
|
|
43
51
|
* Callback when power-off animation completes
|
|
44
52
|
*/
|
|
45
53
|
onPowerOff?: () => void;
|
|
54
|
+
/**
|
|
55
|
+
* Callback when the boot sequence completes (or is skipped)
|
|
56
|
+
*/
|
|
57
|
+
onBootComplete?: () => void;
|
|
46
58
|
}
|
|
47
59
|
/**
|
|
48
60
|
* CRT Monitor Effects component for authentic DOS terminal aesthetics
|