@affinda/wc 0.0.22 → 0.0.24

package/dist/types/components/af-tag/af-tag.d.ts

@@ -1,31 +1,28 @@
 export type TagSize = 'x-small' | 'small' | 'large';
-export type TagVariant = 'default' | 'inkwell' | 'white' | 'soft-clay' | 'mist-green';
+export type TagVariant = 'sand' | 'light';
 /**
  * Tag displays a label in a styled container.
  * Perfect for categorization, topics, or metadata display.
  *
- * The `default` variant inherits its colors from the parent theme context
- * (af-section, af-card). Use explicit variants (`inkwell`, `white`,
- * `soft-clay`, `mist-green`) to override.
- *
  * @example
  * ```html
  * <af-tag>AI</af-tag>
- * <af-tag size="small" variant="inkwell">Machine Learning</af-tag>
- * <af-tag size="large" variant="white">Document Processing</af-tag>
+ * <af-tag size="small">Machine Learning</af-tag>
+ * <af-tag size="large" variant="light">Document Processing</af-tag>
  * ```
  */
 export declare class AfTag {
     /**
      * The size of the tag
      * - `x-small` - Compact tag with minimal padding
-     * - `small` - Small tag with moderate padding (default)
+     * - `small` - Small tag with moderate padding
      * - `large` - Large tag with generous padding
      */
     size: TagSize;
     /**
-     * Visual variant of the tag. `default` inherits tag colors from the
-     * parent theme context. Theme-named variants force a specific palette.
+     * The visual variant of the tag
+     * - `sand` - Soft-clay/tan colored background (default)
+     * - `light` - Mist-green/light colored background
      */
     variant: TagVariant;
     /**

package/dist/types/components/af-testimonial/af-testimonial.d.ts

@@ -1,12 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * @slot quote-body - Rich quote content (paragraphs, lists). Overrides the
- *   `quote` string prop when provided. Use for testimonials that include
- *   multiple paragraphs, bulleted points, or inline emphasis.
- * @slot quote-icon - Quote icon (defaults to af-icon name="quote").
- * @slot stats - Statistic items (af-testimonial-stat components).
- * @slot navigation - Custom nav controls (when not using built-in ones).
- */
 export declare class AfTestimonial {
     /**
      * Background image URL for the testimonial card
@@ -17,10 +9,9 @@ export declare class AfTestimonial {
      */
     logoImage?: string;
     /**
-     * Testimonial quote text. Falls back to the `quote-body` slot if that
-     * slot has content.
+     * Testimonial quote text
      */
-    quote?: string;
+    quote: string;
     /**
      * Attribution text (e.g., "– Nathaniel Barrs, CTO, PSC Insurance")
      */

package/dist/types/components/af-text-image/af-text-image.d.ts

@@ -9,11 +9,12 @@ export declare class AfTextImage {
     imagePosition: 'left' | 'right';
     /**
      * Proportion of the image in the layout
+     * - '1/2': Image and text each take half the width (50/50)
      * - '1/3': Image takes 1/3 of the width (text takes 2/3)
      * - '1/4': Image takes 1/4 of the width (text takes 3/4)
      * - '100%': Image takes full width below text
      */
-    imageProportion: '1/3' | '1/4' | '100%';
+    imageProportion: '1/2' | '1/3' | '1/4' | '100%';
     /**
      * Image source URL
      */

package/dist/types/components/af-typography-lockup/af-typography-lockup.d.ts

@@ -1,7 +1,31 @@
 type TextAlign = 'left' | 'center' | 'right' | 'justify';
+/**
+ * Marketing-style composition of heading + description + buttons with
+ * consistent spacing and alignment driven by the `headingSize` prop.
+ *
+ * **Semantic vs visual:** `headingSize` controls ONLY the visual scale
+ * (the lockup sets font-size via a `heading-{1..5}` class). The semantic
+ * level (h1-h6) is whatever the consumer slots in as default content.
+ * Keep them aligned by convention so assistive tech and search engines
+ * see the right hierarchy:
+ *
+ *   headingSize=1 ↔ <h1>   (or <h2> on non-top-of-page sections)
+ *   headingSize=2 ↔ <h2>
+ *   headingSize=3 ↔ <h3>
+ *   headingSize=4 ↔ <h4>
+ *   headingSize=5 ↔ <h5>
+ *
+ * When a design asks for a visually small H1 or a visually large H3,
+ * pass the two independently — just do it deliberately, not by
+ * accident. A console warning fires in dev mode if the slotted tag is
+ * more than one level away from the prop.
+ */
 export declare class AfTypographyLockup {
+    el: HTMLElement;
     /**
-     * The heading size (1-5, where 1 is largest)
+     * The heading size (1-5, where 1 is largest). Controls visual scale
+     * only — pair with a matching <h1>-<h5> slotted element for correct
+     * document outline (see component docblock).
      */
     headingSize: 1 | 2 | 3 | 4 | 5;
     /**
@@ -48,6 +72,7 @@ export declare class AfTypographyLockup {
      * - `secondary` - uses `--af-typography-heading-secondary`
      */
     descriptionColor: 'default' | 'secondary';
+    componentDidLoad(): void;
     render(): any;
 }
 export {};