@carefirst/library 3.2.0 → 3.2.2

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/lib/interfaces/icon.interface.d.ts

@@ -1,4 +1,4 @@
-export declare const iconsC: readonly ["home", "cog", "profile", "scan", "person", "appointment", "clock", "calendar", "email", "phone", "sign-out", "sign-in", "close", "check-mark", "rating-star-blank", "rating-star-filled", "back-arrow", "bell", "lock", "show-password", "hide-password", "circle-check", "circle-alert", "direction-switch", "direction-switch-flat", "direction-switch-block", "chat-bubbles", "phone-down", "mic", "no-mic", "button-forward-arrow", "button-check-box", "social-media-whatsapp", "social-media-facebook", "social-media-linkedin", "social-media-instagram", "social-media-google-mail", "instant-video-service", "instant-telephonic-service", "scheduled-video-service", "scheduled-telephonic-service", "vital-scan-service", "open-back-arrow", "open-forward-arrow", "open-up-arrow", "open-down-arrow", "single-document", "lightning", "microsoft-365", "user-dependent", "plus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "print"];
+export declare const iconsC: readonly ["home", "cog", "profile", "scan", "person", "appointment", "clock", "calendar", "email", "phone", "sign-out", "sign-in", "close", "check-mark", "rating-star-blank", "rating-star-filled", "back-arrow", "bell", "lock", "show-password", "hide-password", "circle-check", "circle-alert", "circle-close", "direction-switch", "direction-switch-flat", "direction-switch-block", "chat-bubbles", "phone-down", "mic", "no-mic", "button-forward-arrow", "button-check-box", "social-media-whatsapp", "social-media-facebook", "social-media-linkedin", "social-media-instagram", "social-media-google-mail", "instant-video-service", "instant-telephonic-service", "scheduled-video-service", "scheduled-telephonic-service", "vital-scan-service", "open-back-arrow", "open-forward-arrow", "open-up-arrow", "open-down-arrow", "single-document", "lightning", "microsoft-365", "user-dependent", "plus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print"];
 export type IconsT = (typeof iconsC)[number];
 export declare const iconColorC: readonly ["primary", "secondary", "success", "warning", "error", "white", "accent"];
 export type IconColorT = (typeof iconColorC)[number];

package/package.json

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

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';