eidotter 0.26.1 → 0.27.1

package/README.md

@@ -112,7 +112,7 @@ The preset auto-registers `tailwindcss-react-aria-components` and `tailwindcss-a
 </details>
 
 <details>
-<summary><strong>Content surfaces</strong> — Card, Accordion, Alert, Badge, Tag, Notification, Stat, Progress, Separator, Breadcrumb, LegalPage</summary>
+<summary><strong>Content surfaces</strong> — Card, Accordion, Alert, Badge, Tag, Notification, Stat, Progress, Skeleton, Separator, Breadcrumb, LegalPage</summary>
 
 | Component | Purpose |
 |---|---|
@@ -124,6 +124,7 @@ The preset auto-registers `tailwindcss-react-aria-components` and `tailwindcss-a
 | `Notification` | Toast popup with layered amber glow, auto-dismiss, progress variant |
 | `Stat` | Key-value display for metrics |
 | `Progress` | DOS-style progress bar with block characters |
+| `Skeleton` | DOS/CGA loading placeholder — ░▒▓ shade rows with a CRT hum-bar band rolling top→bottom |
 | `Separator` | Horizontal / vertical divider |
 | `Breadcrumb` | Navigation path display |
 | `LegalPage` | Impressum / Datenschutz layout primitive with reusable German DDG/DSGVO clauses |

package/dist/components/Brand/components/Logo.d.ts

@@ -10,16 +10,14 @@ export interface LogoProps extends Omit<SVGProps<SVGSVGElement>, 'viewBox' | 'ch
     title?: string;
 }
 /**
- * eiDotter brand mark — V2 yolk (pure, no legs).
+ * eiDotter brand mark — the Foundation Logomark (Figma node 16-610):
+ * a pixel-dotted ring (the "dotter") around the amber yolk, with pixel
+ * specular highlights and a soft radial phosphor halo. Mark only, on
+ * transparent — the iOS-style app-icon container in the Figma component
+ * is an app-icon artifact, not part of the inline mark.
  *
- * The "payload" of the eiDotter identity — a bright CGA amber yolk with a soft
- * highlight and specular, no shell or drip ornamentation. Scales cleanly from
- * 16px (favicon) to hero sizes without the 1px shell outline collapsing into
- * mush at small sizes.
- *
- * Fill colors are brand-locked (explicit amber hexes) rather than themed so the
- * mark reads identically across themes. Consumers who need a non-amber treatment
- * can override the SVG fills via the `style` prop or by recoloring the child
- * `<circle>` elements through a CSS selector.
+ * Fill colors are brand-locked (explicit amber hexes) rather than themed so
+ * the mark reads identically across themes. Gradient ids are namespaced via
+ * useId so multiple logos per page (header + footer) don't collide.
  */
 export declare const Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Skeleton/components/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './Skeleton.css';
+export type SkeletonVariant = 'text' | 'card' | 'figure' | 'timeline';
+export interface SkeletonProps {
+    /** Placeholder shape */
+    variant?: SkeletonVariant;
+    /** Number of placeholder lines (text/card/timeline body lines, figure shade rows). Defaults per variant. */
+    lines?: number;
+    /**
+     * Raster animation: a CRT hum-bar glow band rolling top→bottom with a
+     * phosphor-decay tail, like the refresh beat on a CGA monitor. Default true.
+     * Under prefers-reduced-motion the band is replaced by a gentle opacity
+     * breathing; prefers-contrast: high disables all animation.
+     */
+    animated?: boolean;
+    /** Accessible loading announcement */
+    label?: string;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant } from './Skeleton';

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './components';
+export type { SkeletonProps, SkeletonVariant } from './components';