@carefirst/library 6.1.0 → 6.2.0

package/{types/carefirst-library.d.ts → index.d.ts}

@@ -797,7 +797,9 @@ declare class BadgeComponent implements OnChanges {
 
 declare class SpinnerComponent implements OnChanges {
     size: number | string;
+    primaryColor: boolean | string | undefined;
     inputSize: number;
+    primaryColorValue: boolean;
     /**----------------------------------------------------------------
      * @name          ngOnChanges
      * @description   Update various values on input changes
@@ -805,7 +807,7 @@ declare class SpinnerComponent implements OnChanges {
      */
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "cf-spinner", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "cf-spinner", never, { "size": { "alias": "size"; "required": false; }; "primaryColor": { "alias": "primaryColor"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 /**==============================================

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@carefirst/library",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "author": "FCS Dev Team",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^21.0.6",
-    "@angular/core": "^21.0.6",
-    "@angular/forms": "^21.0.6",
-    "@ionic/angular": "^8.7.16",
-    "dayjs": "^1.11.19",
+    "@angular/common": "^20.3.9",
+    "@angular/core": "^20.3.9",
+    "@angular/forms": "^20.3.9",
+    "@angular/router": "^20.3.9",
+    "@ionic/angular": "^8.7.5",
+    "dayjs": "^1.11.18",
     "password-validator": "^5.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/carefirst-library.mjs",
-  "typings": "types/carefirst-library.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./types/carefirst-library.d.ts",
+      "types": "./index.d.ts",
       "default": "./fesm2022/carefirst-library.mjs"
     }
   },

package/public/styles/app.scss

@@ -17,7 +17,7 @@ ion-modal {
 ================== Radio Button =================
 ===============================================*/
 ion-radio {
-  --color: var(--cf-app-system-color-outline);
+  --color: var(--cf-app-system-color-grey-outline);
   --color-checked: var(--cf-app-color-accent);
 
   &::part(container) {
@@ -26,7 +26,7 @@ ion-radio {
   }
 
   &.radio-checked::part(container) {
-    border-color: var(--cf-app-system-color-outline);
+    border-color: var(--cf-app-system-color-grey-outline);
   }
 
   //--- cf-radio-border
@@ -148,7 +148,7 @@ cf-badge:has(div.stretch) {
 ============== Opacity Background  ==============
 ===============================================*/
 @mixin opacity($percentage) {
-  background-color: color-mix(in srgb, var(--cf-app-color-accent) $percentage, var(--cf-app-background-light)) !important;
+  background-color: color-mix(in srgb, var(--cf-app-color-accent) $percentage, var(--cf-app-color-white)) !important;
   border: 1px solid var(--cf-app-color-accent) !important;
 }
 

package/public/styles/colors.scss

@@ -5,17 +5,21 @@
   --cf-app-color-primary: #000;
   --cf-app-color-secondary: #80858a;
   --cf-app-color-off-white: #fcfaf9;
+  --cf-app-color-white: #fff;
   --cf-app-color-accent: #3fa3db;
   --cf-app-background-dark: #252525;
-  --cf-app-background-light: #fff;
   //--- System Colors
-  --cf-app-system-color-success: #63ad0e;
-  --cf-app-system-color-error: #ff003c;
-  --cf-app-system-color-warning: #ffc000;
-  --cf-app-system-color-grey: #e1e1e1;
-  --cf-app-system-color-outline: #bdbdbd;
-  --cf-app-system-color-disabled: #d9d9d9de;
-  --cf-app-system-color-light-success: #e1eee4;
-  --cf-app-system-color-light-error: #f6d0d9;
-  --cf-app-system-color-light-warning: #fae0ab;
+  --cf-app-system-color-success-100: #63ad0e;
+  --cf-app-system-color-success-25: #e6ffe3;
+  --cf-app-system-color-success-50: #e1eee4;
+  --cf-app-system-color-error-100: #ff003c;
+  --cf-app-system-color-error-50: #f6d0d9;
+  --cf-app-system-color-error-25: #ffd8e1;
+  --cf-app-system-color-warning-100: #ffc000;
+  --cf-app-system-color-warning-50: #fae0ab;
+  --cf-app-system-color-warning-25: #fdedc2;
+  //--- Greys
+  --cf-app-system-color-grey-background: #e1e1e1;
+  --cf-app-system-color-grey-outline: #bdbdbd;
+  --cf-app-system-color-grey-disabled: #d9d9d9de;
 }

package/public/styles/font.scss

@@ -79,7 +79,10 @@
 :root {
   --cf-app-text-color-default: #000;
   --cf-app-text-color-light: #fff;
-  --cf-app-text-color-grey: #6b6b6b;
+  --cf-app-text-color-grey: #80858a;
+  --cf-app-text-color-dark-green: #118600;
+  --cf-app-text-color-dark-red: #d60032;
+  --cf-app-text-color-dark-yellow: #c39406;
 }
 
 /*===============================================

package/public/interfaces/forms.interfaces.ts

@@ -1,18 +0,0 @@
-/**
- * Forms Interfaces
- * @description Various interfaces concerning Forms used throughout the app
- */
-
-import { FormArray, FormControl, FormGroup } from '@angular/forms';
-
-/** =============================================
- * @description Generic form interface generator
- */
-type FCSFormBuilderContentT<T extends Record<string, unknown>> = {
-  [K in keyof T]: T[K] extends unknown[]
-    ? FormArray<T[K][number] extends Record<string, unknown> ? FCSFormBuilderT<T[K][number]> : FormControl<T[K][number]>>
-    : T[K] extends Record<string, unknown>
-      ? FCSFormBuilderT<T[K]>
-      : FormControl<T[K]>;
-};
-export type FCSFormBuilderT<T extends object> = FormGroup<FCSFormBuilderContentT<Required<T>>>;