@sarasanalytics-com/design-system 0.0.31 → 0.0.32

package/interfaces/button-interface.d.ts

@@ -2,11 +2,21 @@ export interface ButtonInterface {
     id: string | number;
     text: string;
     type: string;
-    size: string;
+    size: ButtonSize;
     state: string;
     imagePath?: string;
-    iconPosition?: string;
+    iconPosition?: ButtonIconPosition;
     href?: string;
     hrefTarget?: string;
     isSubmit?: boolean;
 }
+export declare const buttonSizes: readonly ["small", "medium", "large"];
+type PredefinedButtonSizes = typeof buttonSizes[number];
+export type ButtonSize = PredefinedButtonSizes | string;
+export declare const buttonPosition: readonly ["left", "right", "both"];
+type PredefinedButtonPositions = typeof buttonPosition[number];
+export type ButtonIconPosition = PredefinedButtonPositions | string;
+export declare const buttonType: readonly ["primary", "outline", "transparent"];
+type PredefinedButtonType = typeof buttonType[number];
+export type ButtonType = PredefinedButtonType | string;
+export {};

package/interfaces/card-carousel-interface.d.ts

@@ -1,8 +1,9 @@
+import { IconName } from "./icon-interface";
 export interface CardCarousel {
     id: number;
-    avatarIcon: string;
+    avatarIcon: IconName;
     title: string;
     subtitle: string;
-    logoIcon: string;
+    logoIcon: IconName;
     body: string;
 }

package/interfaces/icon-interface.d.ts

@@ -0,0 +1,4 @@
+export declare const iconNames: readonly ["analysis", "arrowRightOutlined", "avatar", "businessStatsFilled", "chatHelpOutlined", "checkCircleFilled", "checkCircleOutlined", "checkOutlined", "circleFilled", "closeBlueOutlined", "closeCircleFilled", "closeOutlined", "doubleDownOutlined", "downOutlined", "eyeFilled", "eyeOutlined", "formDetailsOutlined", "gridViewOutlined", "homeOutlined", "infoCircleOutlined", "infoTriangleFilled", "infoTriangleOutlined", "innosupps", "locationOutlined", "mailOutlined", "multiConnectionHub", "personOutlined", "rightOutlined", "sarasWhite", "settingsOutlined", "sourcesOutlined", "targetScanOutlined", "upwardTriangleFilled", "customerSupport", "sarasFullLogo", "leftChevronCircle", "rightChevronCircle", "errorCircleOutlined", "errorCrossOutlined"];
+type PredefinedIconName = typeof iconNames[number];
+export type IconName = PredefinedIconName | string;
+export {};

package/interfaces/message-banner.d.ts

@@ -0,0 +1 @@
+export type MessageType = 'success' | 'warning' | 'info' | 'error';

package/lib/button/button.component.d.ts

@@ -1,5 +1,6 @@
 import { SimpleChanges } from '@angular/core';
 import { EventEmitter } from '@angular/core';
+import { IconName } from '../../interfaces/icon-interface';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
     id: string | number;
@@ -8,11 +9,13 @@ export declare class ButtonComponent {
     size: string;
     text: string | number;
     ImagePath: string;
+    icon: IconName;
     iconPosition: string;
     href: string;
     hrefTarget: string;
     width: string;
     isSubmit: boolean;
+    buttonIconSize: string;
     showSpinner: boolean;
     onClickEvent: EventEmitter<any>;
     onMouseInEvent: EventEmitter<any>;
@@ -25,5 +28,5 @@ export declare class ButtonComponent {
     mouseIn(): void;
     mouseOut(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sa-button", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ImagePath": { "alias": "ImagePath"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; "width": { "alias": "width"; "required": false; }; "isSubmit": { "alias": "isSubmit"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; }, { "onClickEvent": "onClickEvent"; "onMouseInEvent": "onMouseInEvent"; "onMouseOutEvent": "onMouseOutEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sa-button", never, { "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ImagePath": { "alias": "ImagePath"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; "width": { "alias": "width"; "required": false; }; "isSubmit": { "alias": "isSubmit"; "required": false; }; "buttonIconSize": { "alias": "buttonIconSize"; "required": false; }; "showSpinner": { "alias": "showSpinner"; "required": false; }; }, { "onClickEvent": "onClickEvent"; "onMouseInEvent": "onMouseInEvent"; "onMouseOutEvent": "onMouseOutEvent"; }, never, never, true, never>;
 }

package/lib/icon/icon.component.d.ts

@@ -1,12 +1,13 @@
 import { SimpleChanges } from '@angular/core';
 import { IconService } from './icon.service';
 import { DomSanitizer } from '@angular/platform-browser';
+import { IconName } from '../../interfaces/icon-interface';
 import * as i0 from "@angular/core";
 export declare class IconComponent {
     iconService: IconService;
     sanitizer: DomSanitizer;
     img: string;
-    icon: string;
+    icon?: IconName;
     size: string;
     color: string;
     iconPath: string;

package/lib/message-banner/message-banner.component.d.ts

@@ -0,0 +1,19 @@
+import { MessageType } from '../../interfaces/message-banner';
+import { IconName } from '../../interfaces/icon-interface';
+import { ButtonIconPosition, ButtonSize, ButtonType } from '../../interfaces/button-interface';
+import * as i0 from "@angular/core";
+export declare class MessageBannerComponent {
+    type: MessageType;
+    actionText?: string;
+    content?: string;
+    bannerIcon?: IconName;
+    bannerIconSize?: string;
+    buttonIcon?: IconName;
+    buttonType?: ButtonType;
+    buttonIconPosition?: ButtonIconPosition;
+    buttonSize?: ButtonSize;
+    buttonIconSize?: string;
+    onAction: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageBannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBannerComponent, "sa-message-banner", never, { "type": { "alias": "type"; "required": false; }; "actionText": { "alias": "actionText"; "required": false; }; "content": { "alias": "content"; "required": false; }; "bannerIcon": { "alias": "bannerIcon"; "required": false; }; "bannerIconSize": { "alias": "bannerIconSize"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonIconPosition": { "alias": "buttonIconPosition"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "buttonIconSize": { "alias": "buttonIconSize"; "required": false; }; "onAction": { "alias": "onAction"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/public-api.d.ts

@@ -21,6 +21,7 @@ export * from './lib/header/header.component';
 export * from './lib/icon/icon.component';
 export * from './lib/left-nav/left-nav.component';
 export * from './lib/list/list.component';
+export * from './lib/message-banner/message-banner.component';
 export * from './lib/page-layout/page-layout.component';
 export * from './lib/progress-bar/progress-bar.component';
 export * from './lib/radio-button/radio-button.component';
@@ -38,6 +39,8 @@ export * from './interfaces/card-carousel-interface';
 export * from './interfaces/chip-interface';
 export * from './interfaces/grid-interface';
 export * from './interfaces/guide-card-interface';
+export * from './interfaces/icon-interface';
+export * from './interfaces/message-banner';
 export * from './interfaces/option-interface';
 export * from './interfaces/select-interface';
 export * from './interfaces/tab-interface';