@sarasanalytics-com/design-system 0.0.75 → 0.0.76

package/interfaces/message-banner.d.ts

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

package/lib/card/guide-card/guide-card.component.d.ts

@@ -5,11 +5,11 @@ export declare class GuideCardComponent implements OnChanges {
     title: string;
     steps: GuideStep[] | any;
     selectable: boolean;
-    onStepClicked: EventEmitter<GuideStep>;
     selectedStep: any;
-    iconPath: '../assets/targetScanOutlined.svg';
+    onStepClicked: EventEmitter<GuideStep>;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     onStepClick(step: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GuideCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GuideCardComponent, "sa-guide-card", never, { "title": { "alias": "title"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; }, { "onStepClicked": "onStepClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GuideCardComponent, "sa-guide-card", never, { "title": { "alias": "title"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectedStep": { "alias": "selectedStep"; "required": false; }; }, { "onStepClicked": "onStepClicked"; }, never, never, true, never>;
 }

package/lib/card/menu-card/menu-card.component.d.ts

@@ -4,25 +4,20 @@ import * as i0 from "@angular/core";
 export declare class MenuCardComponent extends FieldType {
     title: string;
     steps: any[];
-    allSourcesCount: number;
-    connectedSourcesCount: number;
+    footerDetails: any;
     onButtonClickEvent: EventEmitter<any>;
     onCardClickEvent: EventEmitter<any>;
+    onFooterClickEvent: EventEmitter<any>;
     selectedStep: any;
     selectedGuideStep: any | null;
     customClassWrapper: string;
-    actionButton: {
-        text: string;
-        type: string;
-        size: string;
-        state: string;
-    };
     ngOnInit(): void;
     onStepChanged(event: any): void;
-    onCardClick(source: any, event: Event): void;
+    onCardClick(source: any, button: any, event: Event): void;
     onAdvancedFeaturesOpened(): void;
     onAdvancedFeaturesClosed(): void;
     actionHandler(button: any, event: Event): void;
+    showSources(sourceType: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuCardComponent, "sa-menu-card", never, { "title": { "alias": "title"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "allSourcesCount": { "alias": "allSourcesCount"; "required": false; }; "connectedSourcesCount": { "alias": "connectedSourcesCount"; "required": false; }; }, { "onButtonClickEvent": "onButtonClickEvent"; "onCardClickEvent": "onCardClickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuCardComponent, "sa-menu-card", never, { "title": { "alias": "title"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "footerDetails": { "alias": "footerDetails"; "required": false; }; }, { "onButtonClickEvent": "onButtonClickEvent"; "onCardClickEvent": "onCardClickEvent"; "onFooterClickEvent": "onFooterClickEvent"; }, never, never, true, never>;
 }

package/lib/form-input/form-input.component.d.ts

@@ -32,6 +32,7 @@ export declare class FormInputComponent extends FieldType<FieldTypeConfig> {
     inputIconClick(): void;
     getFormSupportText(): string;
     predefinedValidators: any;
+    getLabelFieldGap(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "sa-input", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -53,6 +54,7 @@ export interface IInputParam {
     errors?: {
         [key: string]: any;
     };
+    className?: string;
 }
 export interface IInputEvent {
     type: IInputEventType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"
@@ -22,4 +22,4 @@
       "default": "./fesm2022/sarasanalytics-com-design-system.mjs"
     }
   }
-}
+}

package/styles/styles.css

@@ -396,4 +396,32 @@ body {
   display: flex;
   flex-direction: column;
   gap: var(--small-16px);
-}
+}
+
+/* for invalid input field color */
+.sa-input-container .support-label.customValidationWrapper {
+  color: var(--semantic-error-500, #BD271E);
+  font-family: var(--font);
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: var(--small-16px);
+  letter-spacing: 0.5px;
+  padding: var(--small-4px) var(--small-16px) 0px 0px;
+}
+
+.sa-input-container .support-label.invalid.customValidationWrapper {
+  color: var(--semantic-error-500, #BD271E);
+}
+
+.customField .customInputContainer .sa-input .sa-input-field.invalid>input,
+.customField .customInputContainer .sa-input .sa-input-field.invalid sa-icon,
+.customField .customInputContainer .sa-input .sa-input-field.invalid .sa-input-pretext {
+  color: var(--semantic-error-500, #BD271E);
+}
+
+.customInputContainer .sa-input .sa-input-field.invalid {
+  --border: 1px solid var(--semantic-error-500, #BD271E);
+}
+
+/* end */

package/utils/validators.d.ts

@@ -1,6 +1,12 @@
 import { AbstractControl, ValidatorFn } from '@angular/forms';
+import { FormlyFieldConfig } from '@ngx-formly/core';
 export declare function phoneNumberValidator(dependent?: string): ValidatorFn;
 export declare const customEmailValidator: (control: AbstractControl) => {
     [key: string]: string;
 };
 export declare function getValidationMessage(errors: any, placeholder?: string, additionalProperties?: any): string;
+export declare function numberRangeValidator(range: {
+    min: number;
+    max: number;
+}, type?: any): ValidatorFn;
+export declare const requiredValidatorMessage: (error: any, field: FormlyFieldConfig) => string;