valtech-components 2.0.731 → 2.0.733

package/lib/components/atoms/glow/glow.component.d.ts

@@ -0,0 +1,42 @@
+import { GlowIntensity, GlowMetadata, GlowPosition, GlowShape, GlowSize } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-glow` — wrapper that paints a colored radial or linear gradient behind its
+ * projected content. Uses Ionic color tokens, so it respects light/dark theme.
+ *
+ * @example
+ * <val-glow [props]="{ color: 'primary', position: 'top', size: 'large' }">
+ *   <h1>Hero title</h1>
+ *   <p>Body copy...</p>
+ * </val-glow>
+ *
+ * @example Two-tone radial
+ * <val-glow [props]="{ color: 'primary', secondaryColor: 'tertiary', position: 'center' }">
+ *   ...
+ * </val-glow>
+ *
+ * @example Linear sweep from top
+ * <val-glow [props]="{ color: 'success', shape: 'linear', position: 'top', intensity: 'strong' }">
+ *   ...
+ * </val-glow>
+ */
+export declare class GlowComponent {
+    props: import("@angular/core").InputSignal<GlowMetadata>;
+    protected color: import("@angular/core").Signal<import("@ionic/core").Color>;
+    protected secondaryColor: import("@angular/core").Signal<import("@ionic/core").Color>;
+    protected hasSecondary: import("@angular/core").Signal<boolean>;
+    protected position: import("@angular/core").Signal<GlowPosition>;
+    protected size: import("@angular/core").Signal<GlowSize>;
+    protected intensity: import("@angular/core").Signal<GlowIntensity>;
+    protected shape: import("@angular/core").Signal<GlowShape>;
+    protected animated: import("@angular/core").Signal<boolean>;
+    protected blendMode: import("@angular/core").Signal<"normal" | "multiply" | "screen" | "overlay" | "soft-light" | "hard-light" | "color-dodge">;
+    protected colorRgbVar: import("@angular/core").Signal<string>;
+    protected secondaryColorRgbVar: import("@angular/core").Signal<string>;
+    protected positionCss: import("@angular/core").Signal<string>;
+    protected sizeCss: import("@angular/core").Signal<string>;
+    protected intensityValue: import("@angular/core").Signal<string>;
+    protected angleCss: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlowComponent, "val-glow", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/atoms/glow/types.d.ts

@@ -0,0 +1,40 @@
+import { Color } from '@ionic/core';
+/**
+ * Origin point of the glow.
+ * Maps to a CSS background-position value.
+ */
+export type GlowPosition = 'top-left' | 'top' | 'top-right' | 'left' | 'center' | 'right' | 'bottom-left' | 'bottom' | 'bottom-right';
+/** Radius preset of the glow halo. */
+export type GlowSize = 'small' | 'medium' | 'large' | 'xlarge';
+/** Alpha multiplier applied to the glow color(s). */
+export type GlowIntensity = 'subtle' | 'medium' | 'strong';
+/**
+ * Gradient shape:
+ * - `radial` — circular halo at `position` (default; matches the showcase / AWS look)
+ * - `linear` — directional sweep from `position` outwards (good for full-band backdrops)
+ */
+export type GlowShape = 'radial' | 'linear';
+/**
+ * Configuration for `val-glow`.
+ */
+export interface GlowMetadata {
+    /** Primary Ionic color of the glow. Default `'primary'`. */
+    color?: Color;
+    /**
+     * Optional second Ionic color for two-tone gradients. When set, the gradient
+     * blends `color` → `secondaryColor` → transparent.
+     */
+    secondaryColor?: Color;
+    /** Where the halo originates. Default `'center'`. */
+    position?: GlowPosition;
+    /** Halo radius preset. Default `'large'`. */
+    size?: GlowSize;
+    /** Opacity preset of the color stops. Default `'medium'`. */
+    intensity?: GlowIntensity;
+    /** Gradient shape. Default `'radial'`. */
+    shape?: GlowShape;
+    /** Subtle drifting animation. Default `false`. */
+    animated?: boolean;
+    /** Custom CSS background-blend-mode for the glow layer. Optional advanced tweak. */
+    blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light' | 'hard-light' | 'color-dodge';
+}

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"center" | "left" | "right">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"light" | "dark" | "medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -49,7 +49,7 @@ export declare class FeaturesListComponent {
         iconSize: number;
         mode: "horizontal" | "vertical";
         gap: "small" | "medium" | "large";
-        alignment: "start" | "center";
+        alignment: "center" | "start";
     }>;
     /** Resolved icon color (handles Ionic colors and CSS colors) */
     iconColorStyle: import("@angular/core").Signal<string>;

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

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "center" | "left" | "right";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {

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.731";
+export declare const VERSION = "2.0.733";

package/package.json

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

package/public-api.d.ts

@@ -3,6 +3,8 @@ export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
 export * from './lib/components/atoms/box/box.component';
 export * from './lib/components/atoms/box/types';
+export * from './lib/components/atoms/glow/glow.component';
+export * from './lib/components/atoms/glow/types';
 export * from './lib/components/atoms/container/container.component';
 export * from './lib/components/atoms/container/types';
 export * from './lib/components/atoms/button/button.component';