@carefirst/library 3.2.1 → 3.2.3

package/lib/components/badge/badge.component.d.ts

@@ -1,20 +1,20 @@
 import { type OnChanges, type SimpleChanges } from '@angular/core';
 import { type IconsT } from '../../interfaces/icon.interface';
+import { type BadgeTypeT } from '../../interfaces/badge.interface';
 import * as i0 from "@angular/core";
-declare const badgeTypeC: readonly ["primary", "white", "success", "alert", "accent", "warning", "disabled", "feedback-success", "feedback-error", "feedback-warning", "feedback-busy", "custom-color"];
-type BadgeTypeT = (typeof badgeTypeC)[number];
 export declare class BadgeComponent implements OnChanges {
     type: BadgeTypeT;
     icon?: IconsT | undefined;
     small?: boolean | string | undefined;
     large?: boolean | string | undefined;
+    stretch?: boolean | string | undefined;
     inputType: typeof this.type;
     inputIcon: typeof this.icon | undefined;
     fontsize: number;
     inputSmall: boolean;
     inputLarge: boolean;
+    inputStretch: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "cf-badge", never, { "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "small": { "alias": "small"; "required": false; }; "large": { "alias": "large"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "cf-badge", never, { "type": { "alias": "type"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "small": { "alias": "small"; "required": false; }; "large": { "alias": "large"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
-export {};

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

@@ -0,0 +1,2 @@
+export declare const badgeTypeC: readonly ["primary", "white", "success", "alert", "accent", "warning", "disabled", "feedback-success", "feedback-error", "feedback-warning", "feedback-busy", "custom-color"];
+export type BadgeTypeT = (typeof badgeTypeC)[number];

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@carefirst/library",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^17.3.8",
-    "@angular/core": "^17.3.8",
+    "@angular/common": "^17.3.8 || ^18.0.0",
+    "@angular/core": "^17.3.8 || ^18.0.0",
     "@ionic/angular": "^8.1.1",
     "dayjs": "^1.11.10",
     "password-validator": "^5.3.0"

package/public/styles/app.scss

@@ -119,3 +119,11 @@ cf-icon {
   display: block;
   width: fit-content;
 }
+
+/*===============================================
+=================== CF Badges  ==================
+===============================================*/
+cf-badge:has(div.stretch) {
+  width: 100%;
+  display: block;
+}

package/public-api.d.ts

@@ -24,3 +24,4 @@ export * as CFSpacerI from './lib/interfaces/spacer.interface';
 export * as CFNotificationI from './lib/interfaces/notification.interface';
 export * as CFInputI from './lib/interfaces/input.interface';
 export * as CFCodeInputI from './lib/interfaces/verification-code.interface';
+export * as CFBadgeI from './lib/interfaces/badge.interface';