@carefirst/library 1.2.6 → 1.2.8

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

@@ -1,18 +1,26 @@
 import { type OnChanges, type SimpleChanges, EventEmitter } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
+declare const inputsC: {
+    readonly labelPlacement: readonly ["fixed", "floating", "stacked"];
+    readonly inputMode: readonly ["email", "numeric", "tel", "decimal", "url", "search", "none"];
+    readonly autoCapitalize: readonly ["off", "none", "on", "sentences", "words", "characters"];
+    readonly type: readonly ["number", "date", "text", "password"];
+};
 export declare class FormInputComponent implements OnChanges {
     label: string;
+    min: number | string;
+    max: number | string;
     disabled?: boolean | string | undefined;
-    labelPlacement?: 'fixed' | 'floating' | 'stacked';
-    inputMode?: 'email' | 'numeric' | 'tel' | 'decimal' | 'url' | 'search' | 'none';
-    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-    type?: 'number' | 'date' | 'text';
+    labelPlacement?: (typeof inputsC.labelPlacement)[number];
+    inputMode?: (typeof inputsC.inputMode)[number];
+    autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
+    type?: (typeof inputsC.type)[number];
     noClearButton?: boolean | string | undefined;
     control?: FormControl | null;
     textCenter?: boolean | string | undefined;
-    min?: number | string;
-    max?: number | string;
+    maxLength?: number | string;
+    greyBackground?: boolean | string | undefined;
     value: EventEmitter<any>;
     inputLabelPlacement: typeof this.labelPlacement;
     localInputMode: typeof this.inputMode;
@@ -21,7 +29,9 @@ export declare class FormInputComponent implements OnChanges {
     inputTextCenter: boolean;
     inputType: typeof this.type;
     inputAutoCapitalize: typeof this.autoCapitalize;
+    inputGreyBackground: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noClearButton": { "alias": "noClearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noClearButton": { "alias": "noClearButton"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "greyBackground": { "alias": "greyBackground"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
 }
+export {};

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

@@ -1,12 +1,10 @@
 import { EventEmitter, type OnChanges, type SimpleChanges } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import type { FormInputSelectOptionsI } from '../../interfaces/input.interface';
 import * as i0 from "@angular/core";
 export declare class FormInputSelectComponent implements OnChanges {
     label: string;
-    options: {
-        displayName: string | number;
-        value: string | number | boolean | null | undefined;
-    }[];
+    options: FormInputSelectOptionsI[];
     disabled?: boolean | string | undefined;
     labelPlacement?: 'fixed' | 'floating' | 'stacked';
     control?: FormControl | null;

package/lib/interfaces/input.interface.d.ts

@@ -0,0 +1,6 @@
+export interface FormInputSelectOptionsI {
+    displayName: string | number;
+    value: {
+        [key: string]: unknown;
+    } | string | number | boolean | null | undefined;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carefirst/library",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {

package/public/styles/forms.scss

@@ -36,6 +36,10 @@ ion-radio.text-center {
   }
 }
 
+ion-input.grey-background {
+  --background: var(--cf-app-system-color-outline);
+}
+
 /*===============================================
 ================ Select Popovers ================
 ===============================================*/

package/public-api.d.ts

@@ -17,3 +17,4 @@ export * as CFAlertI from './lib/interfaces/alert.interface';
 export * as CFIconI from './lib/interfaces/icon.interface';
 export * as CFSpacerI from './lib/interfaces/spacer.interface';
 export * as CFNotificationI from './lib/interfaces/notification.interface';
+export * as CFInputI from './lib/interfaces/input.interface';