valtech-components 2.0.963 → 2.0.964

package/lib/components/molecules/article-card/article-card.component.d.ts

@@ -32,7 +32,7 @@ export declare class ArticleCardComponent {
     /** Emitted when the card is clicked */
     onClick: EventEmitter<ArticleCardClickEvent>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<ArticleCardMetadata & Required<Pick<ArticleCardMetadata, "bordered" | "aspectRatio" | "shadowed" | "excerptLines">>>;
+    config: import("@angular/core").Signal<ArticleCardMetadata & Required<Pick<ArticleCardMetadata, "aspectRatio" | "bordered" | "shadowed" | "excerptLines">>>;
     isClickable: import("@angular/core").Signal<boolean>;
     getTopicColor(): string | null;
     handleClick(event: MouseEvent): void;

package/lib/components/molecules/content-card/content-card.component.d.ts

@@ -0,0 +1,26 @@
+import { ContentCardMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-content-card
+ *
+ * Generic container card with configurable padding, border radius, background
+ * color and shadow. Accepts arbitrary content via ng-content. Use it to wrap
+ * val-article, stats, or any other content that needs a card shell.
+ *
+ * @example
+ * ```html
+ * <val-content-card [props]="{ title: 'Summary', shadowed: true }">
+ *   <p>Any inner content here.</p>
+ * </val-content-card>
+ * ```
+ */
+export declare class ContentCardComponent {
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<Partial<ContentCardMetadata>>;
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<ContentCardMetadata & Required<Pick<ContentCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
+    resolvedBg: import("@angular/core").Signal<string>;
+    resolvedColor: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContentCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContentCardComponent, "val-content-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/molecules/content-card/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Metadata for val-content-card.
+ *
+ * Generic container card with configurable padding, border radius, background
+ * color and shadow. Supports ng-content for arbitrary inner content.
+ */
+export interface ContentCardMetadata {
+    /** Optional card title rendered above the content */
+    title?: string;
+    /** Optional description rendered below the title */
+    description?: string;
+    /** Background color — Ionic color name (primary…dark) or any CSS color */
+    backgroundColor?: string;
+    /** Text color — Ionic color name or any CSS color */
+    color?: string;
+    /** Card inner padding. Default: '1.5rem' */
+    padding?: string;
+    /** Card border radius. Default: '20px' */
+    borderRadius?: string;
+    /** Show border. Default: false */
+    bordered?: boolean;
+    /** Show box shadow. Default: true */
+    shadowed?: boolean;
+    /** Text alignment. Default: 'start' */
+    align?: 'start' | 'center';
+}
+/**
+ * Default values for ContentCardMetadata.
+ */
+export declare const CONTENT_CARD_DEFAULTS: Required<Pick<ContentCardMetadata, 'padding' | 'borderRadius' | 'bordered' | 'shadowed' | 'align'>>;

package/lib/components/molecules/info-card/info-card.component.d.ts

@@ -0,0 +1,37 @@
+import { InfoCardMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-info-card
+ *
+ * Card with icon + overtitle + title + subtitle on the left side, and a list
+ * of key-value pairs (label: value) on the right side. Inspired by npm's
+ * "Provenance" / metadata panel style.
+ *
+ * Two-column layout on desktop, stacked single-column on mobile.
+ *
+ * Presentational — pass already-resolved strings.
+ *
+ * @example
+ * ```html
+ * <val-info-card
+ *   [props]="{
+ *     icon: 'cube-outline',
+ *     title: 'valtech-components',
+ *     subtitle: 'v2.0.962',
+ *     keyValues: [
+ *       { label: 'License', value: 'MIT' },
+ *       { label: 'Downloads', value: '1.2M' }
+ *     ]
+ *   }"
+ * />
+ * ```
+ */
+export declare class InfoCardComponent {
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<Partial<InfoCardMetadata>>;
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<InfoCardMetadata & Required<Pick<InfoCardMetadata, "borderRadius" | "bordered" | "iconColor" | "shadowed" | "padding">>>;
+    getIconColor(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoCardComponent, "val-info-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/info-card/types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * A single key-value pair shown in the right column of val-info-card.
+ */
+export interface InfoCardKeyValue {
+    /** Label (shown in muted color) */
+    label: string;
+    /** Value (shown in bold) */
+    value: string;
+    /** Optional token for click identification */
+    token?: string;
+}
+/**
+ * Metadata for val-info-card.
+ *
+ * Card with icon + overtitle + title + subtitle on the left side, and a list
+ * of key-value pairs on the right side. Inspired by npm "Provenance" / metadata
+ * panels. Two-column layout on desktop, stacked on mobile.
+ */
+export interface InfoCardMetadata {
+    /** ion-icon name */
+    icon?: string;
+    /** Icon color (Ionic color name or CSS color). Default: 'primary' */
+    iconColor?: string;
+    /** Small label above the title */
+    overtitle?: string;
+    /** Main title */
+    title: string;
+    /** Subtitle below the title */
+    subtitle?: string;
+    /** Key-value pairs shown in the right column */
+    keyValues?: InfoCardKeyValue[];
+    /** Show border. Default: true */
+    bordered?: boolean;
+    /** Show shadow. Default: false */
+    shadowed?: boolean;
+    /** Card padding. Default: '1.5rem' */
+    padding?: string;
+    /** Card border radius. Default: '16px' */
+    borderRadius?: string;
+}
+/**
+ * Default values for InfoCardMetadata.
+ */
+export declare const INFO_CARD_DEFAULTS: Required<Pick<InfoCardMetadata, 'iconColor' | 'bordered' | 'shadowed' | 'padding' | 'borderRadius'>>;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '@angular/core';
+import { MetricCardMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-metric-card
+ *
+ * Card with title + optional info link + description + horizontal stats row
+ * (val-stats-bar) + a discrete icon action button in the top-right corner.
+ *
+ * Presentational — pass already-resolved strings.
+ *
+ * @example
+ * ```html
+ * <val-metric-card
+ *   [props]="{
+ *     title: 'Email Activity',
+ *     description: 'Last 30 days',
+ *     stats: { stats: [{ label: 'Sent', value: 1240 }, { label: 'Opens', value: 680 }] },
+ *     action: { icon: 'refresh-outline', token: 'refresh' }
+ *   }"
+ *   (onAction)="handleAction($event)"
+ * />
+ * ```
+ */
+export declare class MetricCardComponent {
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<Partial<MetricCardMetadata>>;
+    /** Emitted with the token of the clicked action */
+    onAction: EventEmitter<string>;
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
+}

package/lib/components/molecules/metric-card/types.d.ts

@@ -0,0 +1,46 @@
+import { StatsBarMetadata } from '../stats-bar/types';
+/**
+ * A discrete action button shown in the top-right corner of val-metric-card.
+ */
+export interface MetricCardAction {
+    /** ion-icon name */
+    icon: string;
+    /** Token identifier emitted by (onAction) */
+    token: string;
+    /** Whether the action button is disabled */
+    disabled?: boolean;
+}
+/**
+ * Metadata for val-metric-card.
+ *
+ * Card with title + optional info link + description + horizontal stats row
+ * (val-stats-bar) + a discrete action button in the top-right corner.
+ */
+export interface MetricCardMetadata {
+    /** Card title */
+    title: string;
+    /** Text for the info link next to the title */
+    infoLabel?: string;
+    /** External href for the info link */
+    infoHref?: string;
+    /** Internal route for the info link */
+    infoRoute?: string | any[];
+    /** Description / subtitle below the title */
+    description?: string;
+    /** Stats to display using val-stats-bar */
+    stats?: StatsBarMetadata;
+    /** Discrete action button in top-right corner */
+    action?: MetricCardAction;
+    /** Show border. Default: true */
+    bordered?: boolean;
+    /** Show shadow. Default: false */
+    shadowed?: boolean;
+    /** Card padding. Default: '1.25rem 1.5rem' */
+    padding?: string;
+    /** Card border radius. Default: '16px' */
+    borderRadius?: string;
+}
+/**
+ * Default values for MetricCardMetadata.
+ */
+export declare const METRIC_CARD_DEFAULTS: Required<Pick<MetricCardMetadata, 'bordered' | 'shadowed' | 'padding' | 'borderRadius'>>;

package/lib/components/molecules/pill/pill.component.d.ts

@@ -1,44 +1,28 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { ThemeService } from '../../../services/theme.service';
-import { PillClickEvent, PillMetadata } from './types';
+import { PillActionEvent, PillClickEvent, PillMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class PillComponent implements OnInit, OnChanges {
-    theme: ThemeService;
     private presets;
-    /**
-     * Preset name to apply. Presets define reusable pill configurations
-     * that can be registered at app level via provideValtechPresets().
-     */
+    /** Optional preset name registered via provideValtechPresets(). */
     preset?: string;
-    /**
-     * Pill configuration object. Values here override preset values.
-     */
+    /** Pill configuration. Overrides preset values when both are set. */
     props: Partial<PillMetadata>;
-    /**
-     * Emits when a clickable text-pill is activated (click / Enter / Space).
-     */
+    /** Emits when a clickable badge pill is activated. */
     pillClick: EventEmitter<PillClickEvent>;
-    /**
-     * Resolved props after merging preset + explicit props.
-     */
+    /** Emits when a notification-pill action button is pressed. */
+    pillAction: EventEmitter<PillActionEvent>;
     resolvedProps: PillMetadata;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * Merge preset configuration with explicit props.
-     * Explicit props take precedence over preset values.
-     */
     private resolveProps;
-    /** Text-pill mode is active when a `label` is provided. */
+    get isNotificationPill(): boolean;
     get isTextPill(): boolean;
-    /** Color variant for the text-pill, with a sensible default. */
     get pillColor(): string;
-    /** Font weight for the text-pill, with a sensible default. */
     get pillWeight(): string;
-    /** Size for the text-pill, with a sensible default. */
     get pillSize(): string;
-    /** Handles activation of a clickable text-pill. */
+    getIconColor(): string;
     onPillClick(event?: Event): void;
+    onActionClick(actionToken: string, event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "val-pill", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "pillClick": "pillClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "val-pill", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, { "pillClick": "pillClick"; "pillAction": "pillAction"; }, never, never, true, never>;
 }

package/lib/components/molecules/pill/types.d.ts

@@ -1,63 +1,104 @@
 import { Color } from '@ionic/core';
-import { ActionHeaderMetadata } from '../action-header/types';
-/**
- * Visual color variant for the text-pill (badge) mode of `val-pill`.
- * Maps to Ionic theme colors so it stays coherent with the rest of the lib.
- */
+/** Color variant for the badge/text pill. */
 export type PillColor = Color;
+/** Font weight for the badge label. */
+export type PillWeight = 'normal' | 'medium' | 'bold';
+/** Size of the badge pill. */
+export type PillSize = 'small' | 'medium' | 'large';
 /**
- * Font weight for the text-pill label.
+ * A single action button rendered as a small circle icon inside a notification pill.
  */
-export type PillWeight = 'normal' | 'medium' | 'bold';
+export interface PillAction {
+    /** ionicons icon name */
+    icon: string;
+    /** Identifier emitted on click */
+    token: string;
+    /** Accessible label (falls back to token) */
+    ariaLabel?: string;
+}
 /**
- * Size of the text-pill (badge) mode.
+ * Notification-pill content. Activates notification mode when provided.
+ *
+ * Renders as a wide dark pill: icon ﹒ time · title ﹒ [action buttons].
  */
-export type PillSize = 'small' | 'medium' | 'large';
+export interface PillNotification {
+    /** ionicons icon name shown on the left */
+    icon?: string;
+    /** Icon color (Ionic color name or CSS). Default: 'warning' */
+    iconColor?: string;
+    /** Short time/age label (e.g. '2h', 'now', '3min ago') */
+    time?: string;
+    /** Notification title */
+    title: string;
+    /** Optional secondary body text */
+    body?: string;
+    /** Circle icon buttons on the right (dismiss, snooze, etc.) */
+    actions?: PillAction[];
+}
 /**
  * Configuration for `val-pill`.
  *
- * The component has two modes:
+ * Two modes — whichever field is present takes precedence:
+ *
+ * 1. **Notification mode** — provide `notification`. Renders a wide dark pill
+ *    with icon + time + title + circle action buttons.
  *
- * 1. **Card mode** (legacy) — provide `content` (an `ActionHeaderMetadata`).
- *    Renders a large fun-card with a title + action button.
+ * 2. **Badge mode** — provide `label`. Renders a compact coloured badge.
  *
- * 2. **Text-pill / badge mode** — provide `label`. Renders a compact rounded
- *    pill with a single text label. Supports `color`, `weight`, `size` and an
- *    optional click action (`clickable` + `pillClick` output).
+ * @example Badge
+ * ```html
+ * <val-pill [props]="{ label: 'v1.2.0', color: 'dark', weight: 'bold' }" />
+ * ```
  *
- * When both are provided, `label` (text-pill mode) takes precedence.
+ * @example Notification
+ * ```html
+ * <val-pill
+ *   [props]="{
+ *     notification: {
+ *       icon: 'alarm-outline',
+ *       iconColor: 'warning',
+ *       time: '2h',
+ *       title: 'Reunión en 15 min',
+ *       actions: [
+ *         { icon: 'moon-outline', token: 'snooze' },
+ *         { icon: 'close-outline', token: 'dismiss' }
+ *       ]
+ *     }
+ *   }"
+ *   (pillAction)="onAction($event)"
+ * />
+ * ```
  */
 export type PillMetadata = {
     token?: string;
-    image?: string;
-    bordered?: boolean;
-    background?: string;
-    hoverable?: boolean;
-    /** Card-mode content. Optional — omit when using text-pill mode. */
-    content?: ActionHeaderMetadata;
-    /** Text-pill label. Presence of this switches the component to badge mode. */
+    /** Presence activates notification mode */
+    notification?: PillNotification;
+    /** Presence activates badge mode (overrides notification mode) */
     label?: string;
-    /** Color variant for the text-pill. Default `medium`. */
+    /** Badge color variant. Default: 'medium' */
     color?: PillColor;
-    /** Font weight for the text-pill label. Default `medium`. */
+    /** Font weight. Default: 'medium' */
     weight?: PillWeight;
-    /** Size of the text-pill. Default `small`. */
+    /** Badge size. Default: 'small' */
     size?: PillSize;
-    /** Optional icon name (ionicon) shown before the label. */
+    /** Optional leading ionicons icon */
     icon?: string;
-    /** When `true` the pill is interactive: pointer cursor + emits `pillClick`. */
+    /** Makes the badge interactive: pointer cursor + emits pillClick */
     clickable?: boolean;
-    /** Solid fill instead of the default soft/tinted fill. */
+    /** Solid fill instead of the default soft/tinted fill */
     solid?: boolean;
-    /** Accessible label override for the clickable pill. Falls back to `label`. */
+    /** Accessible label override. Falls back to `label` */
     ariaLabel?: string;
 };
-/**
- * Event emitted when a clickable text-pill is activated.
- */
+/** Emitted by a clickable badge pill. */
 export interface PillClickEvent {
-    /** The pill token, if one was set. */
     token?: string;
-    /** The pill label at click time. */
     label?: string;
 }
+/** Emitted when a notification-pill action button is pressed. */
+export interface PillActionEvent {
+    /** Token of the action button pressed */
+    actionToken: string;
+    /** Pill token if set */
+    pillToken?: string;
+}

package/lib/components/organisms/article-strip/article-strip.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { ArticleCardClickEvent } from '../../molecules/article-card/types';
+import { ArticleStripMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-article-strip
+ *
+ * Horizontal scroll row of article cards with a section header and an optional
+ * "see all" link/action. Reuses val-horizontal-scroll + val-article-card.
+ *
+ * @example
+ * ```html
+ * <val-article-strip
+ *   [props]="{
+ *     title: 'Latest Articles',
+ *     seeAllLabel: 'View all',
+ *     seeAllRoute: '/blog',
+ *     articles: [...]
+ *   }"
+ *   (onArticleClick)="openArticle($event)"
+ * />
+ * ```
+ */
+export declare class ArticleStripComponent {
+    private navigation;
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<Partial<ArticleStripMetadata>>;
+    /** Emitted when the "see all" link/button is clicked */
+    onSeeAll: EventEmitter<string>;
+    /** Re-emits the onClick event from each article card */
+    onArticleClick: EventEmitter<ArticleCardClickEvent>;
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<ArticleStripMetadata & Required<Pick<ArticleStripMetadata, "gap" | "cardWidth">>>;
+    hasSeeAll: import("@angular/core").Signal<boolean>;
+    handleSeeAll(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArticleStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArticleStripComponent, "val-article-strip", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onSeeAll": "onSeeAll"; "onArticleClick": "onArticleClick"; }, never, never, true, never>;
+}

package/lib/components/organisms/article-strip/types.d.ts

@@ -0,0 +1,29 @@
+import { ArticleCardMetadata } from '../../molecules/article-card/types';
+/**
+ * Metadata for val-article-strip.
+ *
+ * Horizontal scroll row of article cards with an optional section header
+ * and a "see all" link/action on the right side.
+ */
+export interface ArticleStripMetadata {
+    /** Section title shown on the left of the header */
+    title?: string;
+    /** Label for the "see all" link/button */
+    seeAllLabel?: string;
+    /** Internal Angular route for the "see all" action */
+    seeAllRoute?: string | any[];
+    /** External href for the "see all" action */
+    seeAllHref?: string;
+    /** Token emitted by (onSeeAll) when neither route nor href is set */
+    seeAllToken?: string;
+    /** Articles to display */
+    articles: ArticleCardMetadata[];
+    /** Fixed width of each article card. Default: '280px' */
+    cardWidth?: string;
+    /** Gap between cards. Default: '16px' */
+    gap?: string;
+}
+/**
+ * Default values for ArticleStripMetadata.
+ */
+export declare const ARTICLE_STRIP_DEFAULTS: Required<Pick<ArticleStripMetadata, 'cardWidth' | 'gap'>>;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '@angular/core';
+import { AuthCtaMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-auth-cta
+ *
+ * Full-width CTA section inviting unauthenticated users to sign up or log in.
+ * Desktop: text on the left, optional image on the right.
+ * Mobile: stacked, image below text.
+ *
+ * Auto-registers its own i18n defaults (AuthCta namespace) so there are never
+ * missing keys, even if the consumer does not register them.
+ *
+ * @example
+ * ```html
+ * <val-auth-cta
+ *   [props]="{
+ *     title: 'Join Valtech today',
+ *     subtitle: 'The platform built for teams that ship.',
+ *     loginRoute: '/login',
+ *     registerRoute: '/register'
+ *   }"
+ *   (onLogin)="openLogin()"
+ *   (onRegister)="openRegister()"
+ * />
+ * ```
+ */
+export declare class AuthCtaComponent {
+    private i18n;
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<Partial<AuthCtaMetadata>>;
+    /** Emitted when the login button is clicked */
+    onLogin: EventEmitter<void>;
+    /** Emitted when the register button is clicked */
+    onRegister: EventEmitter<void>;
+    constructor();
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
+    loginLabel: import("@angular/core").Signal<string>;
+    registerLabel: import("@angular/core").Signal<string>;
+    resolvedBg: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthCtaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthCtaComponent, "val-auth-cta", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onLogin": "onLogin"; "onRegister": "onRegister"; }, never, never, true, never>;
+}

package/lib/components/organisms/auth-cta/types.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Metadata for val-auth-cta.
+ *
+ * Full-width CTA section that invites unauthenticated users to sign up or log in.
+ * Supports an optional side image for desktop layouts.
+ */
+export interface AuthCtaMetadata {
+    /** Small label above the title (e.g. "¡Únete gratis!") */
+    eyebrow?: string;
+    /** Main heading */
+    title: string;
+    /** Supporting paragraph below the title */
+    subtitle?: string;
+    /** Label for the login button. Falls back to i18n key AuthCta.login */
+    loginLabel?: string;
+    /** Label for the register button. Falls back to i18n key AuthCta.register */
+    registerLabel?: string;
+    /** Internal route for the login button */
+    loginRoute?: string | any[];
+    /** External href for the login button */
+    loginHref?: string;
+    /** Internal route for the register button */
+    registerRoute?: string | any[];
+    /** External href for the register button */
+    registerHref?: string;
+    /** Decorative image shown to the right (desktop) */
+    image?: string;
+    /** Alt text for the image */
+    imageAlt?: string;
+    /** Background color — Ionic color name or any CSS color */
+    backgroundColor?: string;
+    /** Content alignment. Default: 'center' */
+    align?: 'start' | 'center';
+    /** Border radius of the wrapper. Default: '0' */
+    borderRadius?: string;
+    /** Inner padding. Default: '3rem 1.5rem' */
+    padding?: string;
+}
+/**
+ * Default values for AuthCtaMetadata.
+ */
+export declare const AUTH_CTA_DEFAULTS: Required<Pick<AuthCtaMetadata, 'align' | 'borderRadius' | 'padding'>>;

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "2.0.963";
+export declare const VERSION = "2.0.964";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.963",
+  "version": "2.0.964",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -366,3 +366,13 @@ export * from './lib/services/requests/types';
 export * from './lib/services/requests/request.service';
 export * from './lib/services/requests/request-form-builder.service';
 export * from './lib/services/requests/request-firestore.service';
+export * from './lib/components/organisms/article-strip/article-strip.component';
+export * from './lib/components/organisms/article-strip/types';
+export * from './lib/components/molecules/info-card/info-card.component';
+export * from './lib/components/molecules/info-card/types';
+export * from './lib/components/molecules/metric-card/metric-card.component';
+export * from './lib/components/molecules/metric-card/types';
+export * from './lib/components/molecules/content-card/content-card.component';
+export * from './lib/components/molecules/content-card/types';
+export * from './lib/components/organisms/auth-cta/auth-cta.component';
+export * from './lib/components/organisms/auth-cta/types';