@carefirst/library 1.2.7 → 1.2.8

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

@@ -9,6 +9,8 @@ declare const inputsC: {
 };
 export declare class FormInputComponent implements OnChanges {
     label: string;
+    min: number | string;
+    max: number | string;
     disabled?: boolean | string | undefined;
     labelPlacement?: (typeof inputsC.labelPlacement)[number];
     inputMode?: (typeof inputsC.inputMode)[number];
@@ -17,8 +19,8 @@ export declare class FormInputComponent implements OnChanges {
     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;
@@ -27,8 +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/interfaces/input.interface.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carefirst/library",
-  "version": "1.2.7",
+  "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 ================
 ===============================================*/