@carefirst/library 4.1.2 → 4.2.0

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", "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", "minus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print", "search", "flame"];
+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", "minus", "close-box", "speech-bubble", "camera-switch", "retry", "download", "upload", "upload-document", "print", "search", "flame", "bank-cards", "swipe-bank-card"];
 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": "4.1.2",
+  "version": "4.2.0",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {

package/public/styles/app.scss

@@ -127,3 +127,19 @@ cf-badge:has(div.stretch) {
   width: 100%;
   display: block;
 }
+
+/*===============================================
+============== Opacity Background  ==============
+===============================================*/
+@mixin opacity($percentage) {
+  background-color: color-mix(in srgb, var(--cf-app-color-accent) $percentage, var(--cf-app-background-light));
+  border: 1px solid var(--cf-app-color-accent);
+}
+
+.background-opacity-25 {
+  @include opacity(25%);
+}
+
+.background-opacity-50 {
+  @include opacity(50%);
+}