@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
67 lines (66 loc) • 5.83 kB
TypeScript
import { ProductCardActionsDirective } from '../directives/product-card-actions.directive';
import { ProductCardContentDirective } from '../directives/product-card-content.directive';
import { ProductCardHeaderDirective } from '../directives/product-card-header.directive';
import * as i0 from "@angular/core";
export declare const productCardContainer: (props?: ({
shadow?: "none" | "primary" | null | undefined;
height?: "fit" | "auto" | "full" | "min-content" | "max-content" | null | undefined;
width?: "fit" | "auto" | "full" | "min-content" | "max-content" | null | undefined;
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
figurePosition?: "top" | "bottom" | "side" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ProductCardContainerShadowProps = 'none' | 'primary' | null | undefined;
export type ProductCardContainerHeightProps = 'fit' | 'auto' | 'full' | 'min-content' | 'max-content' | null | undefined;
export type ProductCardContainerWidthProps = 'fit' | 'auto' | 'full' | 'min-content' | 'max-content' | null | undefined;
export type ProductCardContainerSizeProps = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | null | undefined;
export type ProductCardContainerFigurePositionProps = 'top' | 'bottom' | 'side' | null | undefined;
export declare const productCardFigure: (props?: ({
figureBackground?: "none" | "primary" | "image" | "secondary" | "warning" | "error" | "neutral" | null | undefined;
figureAlignment?: "auto" | "center" | "start" | "end" | null | undefined;
figurePaddingY?: "none" | "sm" | "md" | "lg" | null | undefined;
figurePaddingX?: "none" | "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type ProductCardFigureBackgroundProps = 'none' | 'image' | 'primary' | 'secondary' | 'warning' | 'error' | 'neutral' | null | undefined;
export type ProductCardFigureAlignmentProps = 'auto' | 'center' | 'start' | 'end' | null | undefined;
export type ProductCardFigurePaddingYProps = 'none' | 'sm' | 'md' | 'lg' | null | undefined;
export type ProductCardFigurePaddingXProps = 'none' | 'sm' | 'md' | 'lg' | null | undefined;
export type ProductCardVariantProps = {
shadow?: ProductCardContainerShadowProps;
height?: ProductCardContainerHeightProps;
width?: ProductCardContainerWidthProps;
size?: ProductCardContainerSizeProps;
figureBackground?: ProductCardFigureBackgroundProps;
figurePosition?: ProductCardContainerFigurePositionProps;
figureAlignment?: ProductCardFigureAlignmentProps;
figurePaddingY?: ProductCardFigurePaddingYProps;
figurePaddingX?: ProductCardFigurePaddingXProps;
};
export declare const productCardComponent: ({ shadow, height, width, size, figureBackground, figurePosition, figureAlignment, figurePaddingY, figurePaddingX, }?: ProductCardVariantProps) => string;
export declare class ProductCardComponent {
shadow: import("@angular/core").InputSignal<ProductCardContainerShadowProps>;
height: import("@angular/core").InputSignal<ProductCardContainerHeightProps>;
width: import("@angular/core").InputSignal<ProductCardContainerWidthProps>;
size: import("@angular/core").InputSignal<ProductCardContainerSizeProps>;
figurePosition: import("@angular/core").InputSignal<ProductCardContainerFigurePositionProps>;
figureBackground: import("@angular/core").InputSignal<ProductCardFigureBackgroundProps>;
figureAlignment: import("@angular/core").InputSignal<ProductCardFigureAlignmentProps>;
figurePaddingY: import("@angular/core").InputSignal<ProductCardFigurePaddingYProps>;
figurePaddingX: import("@angular/core").InputSignal<ProductCardFigurePaddingXProps>;
titleClasses: import("@angular/core").InputSignal<string>;
actionsClasses: import("@angular/core").InputSignal<string>;
image: import("@angular/core").InputSignal<{
src: string;
alt: string;
} | undefined>;
icon: import("@angular/core").InputSignal<string | undefined>;
fallbackIcon: string;
header: import("@angular/core").Signal<ProductCardHeaderDirective | undefined>;
content: import("@angular/core").Signal<ProductCardContentDirective | undefined>;
actions: import("@angular/core").Signal<ProductCardActionsDirective | undefined>;
containerClass: import("@angular/core").Signal<string>;
figureClass: import("@angular/core").Signal<string>;
titleClass: import("@angular/core").Signal<string>;
actionsClass: import("@angular/core").Signal<string>;
static ɵfac: i0.ɵɵFactoryDeclaration<ProductCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ProductCardComponent, "st-product-card", never, { "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "figurePosition": { "alias": "figurePosition"; "required": false; "isSignal": true; }; "figureBackground": { "alias": "figureBackground"; "required": false; "isSignal": true; }; "figureAlignment": { "alias": "figureAlignment"; "required": false; "isSignal": true; }; "figurePaddingY": { "alias": "figurePaddingY"; "required": false; "isSignal": true; }; "figurePaddingX": { "alias": "figurePaddingX"; "required": false; "isSignal": true; }; "titleClasses": { "alias": "titleClasses"; "required": false; "isSignal": true; }; "actionsClasses": { "alias": "actionsClasses"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, ["header", "content", "actions"], never, true, never>;
}