@carefirst/library 1.2.10 → 1.2.12

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

@@ -11,7 +11,6 @@ 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];
     autoCapitalize?: (typeof inputsC.autoCapitalize)[number];
@@ -25,13 +24,12 @@ export declare class FormInputComponent implements OnChanges {
     inputLabelPlacement: typeof this.labelPlacement;
     localInputMode: typeof this.inputMode;
     inputClear: boolean;
-    inputDisabled: boolean;
     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; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "cf-form-input", never, { "label": { "alias": "label"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "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

@@ -5,13 +5,11 @@ import * as i0 from "@angular/core";
 export declare class FormInputSelectComponent implements OnChanges {
     label: string;
     options: FormInputSelectOptionsI[];
-    disabled?: boolean | string | undefined;
     labelPlacement?: 'fixed' | 'floating' | 'stacked';
     control?: FormControl | null;
     value: EventEmitter<any>;
     inputLabelPlacement: typeof this.labelPlacement;
-    inputDisabled: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSelectComponent, "cf-form-input-select", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputSelectComponent, "cf-form-input-select", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
 }

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

@@ -3,7 +3,6 @@ import type { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class FormInputTextAreaComponent implements OnChanges {
     label: string;
-    disabled?: boolean | string | undefined;
     labelPlacement?: 'fixed' | 'floating' | 'stacked';
     autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
     control?: FormControl | null;
@@ -11,10 +10,9 @@ export declare class FormInputTextAreaComponent implements OnChanges {
     value: EventEmitter<any>;
     inputLabelPlacement: typeof this.labelPlacement;
     inputClear: boolean;
-    inputDisabled: boolean;
     inputTextCenter: boolean;
     inputAutoCapitalize: typeof this.autoCapitalize;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputTextAreaComponent, "cf-form-input-text-area", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputTextAreaComponent, "cf-form-input-text-area", never, { "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "control": { "alias": "control"; "required": false; }; "textCenter": { "alias": "textCenter"; "required": false; }; }, { "value": "value"; }, never, never, false, never>;
 }

package/package.json

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

package/public/styles/index.scss

@@ -15,5 +15,4 @@ $desktop-breakpoint: 768px; //--- Same as ionic md breakpoint
 @import './app.scss';
 @import './colors.scss';
 @import './font.scss';
-@import './forms.scss';
 @import './scrollbar.scss';

package/public/styles/forms.scss

@@ -1,61 +0,0 @@
-/*===============================================
-================== Form Items ===================
-===============================================*/
-ion-input,
-ion-textarea,
-ion-select,
-ion-radio {
-  font-family: 'Roboto', sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.6rem;
-  color: var(--cf-app-color-primary);
-  text-align: start;
-  --border-radius: 8px !important; //--- important overrides the fill option
-  --highlight-color-focused: var(--cf-app-color-primary);
-  --highlight-color-invalid: var(--cf-app-system-color-error);
-  --highlight-color-valid: var(--cf-app-color-primary);
-
-  label {
-    font-family: 'Roboto', sans-serif;
-    font-weight: 400;
-    font-style: normal;
-    font-size: 1.6rem;
-    color: var(--cf-app-color-primary);
-    text-align: start;
-  }
-}
-
-ion-input.text-center,
-ion-textarea.text-center,
-ion-select.text-center,
-ion-radio.text-center {
-  text-align: center;
-  label {
-    text-align: center;
-  }
-}
-
-ion-input.grey-background {
-  --background: var(--cf-app-system-color-outline);
-}
-
-/*===============================================
-================ Select Popovers ================
-===============================================*/
-
-ion-popover {
-  ion-select-popover {
-    ion-list[class*='popover'] {
-      background: var(--cf-app-background-light);
-      ion-item[class*='popover'] {
-        --background: transparent;
-        --border-radius: 8px;
-        --background-focused: var(--cf-app-color-accent);
-        --background-focused-opacity: 0.5;
-        --background-hover: var(--cf-app-color-primary);
-        --background-hover-opacity: 0.1;
-      }
-    }
-  }
-}